body{background:var(--bg);overflow-x:hidden}.cm-page{min-height:100vh;font-family:var(--font-body);color:var(--text);background:var(--bg);transition:background-color .3s,color .3s;position:relative}.cm-fg{z-index:10;position:relative}.cm-page *{box-sizing:border-box}.cm-hero{text-align:center;max-width:900px;margin:0 auto;padding:40px 24px 8px;position:relative}.cm-badge{background:var(--gradient-tcg);font-family:var(--font-display);font-weight:var(--fw-semibold);letter-spacing:3px;text-transform:uppercase;color:#fff;box-shadow:var(--shadow-md);border-radius:100px;margin-bottom:16px;padding:6px 22px;font-size:.85rem;display:inline-block}.cm-title{font-family:var(--font-display);font-weight:var(--fw-semibold);background:var(--gradient-title);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.2rem,6vw,3.4rem);line-height:1.05}.cm-subtitle{color:var(--text-muted);margin-top:12px;font-size:1.05rem;font-weight:600}.cm-tabs{justify-content:center;gap:8px;max-width:1100px;margin:20px auto 0;padding:0 24px;display:flex}.cm-tab{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);font-size:var(--fs-sm);font-weight:var(--fw-bold);font-family:var(--font-body);cursor:var(--cursor-pointer,pointer);transition:var(--transition);border-radius:100px;padding:9px 22px}.cm-tab:hover{background:var(--surface-alt);color:var(--text)}.cm-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.cm-content{max-width:1100px;margin:0 auto;padding:24px}.cm-toolbar{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.cm-toolbar .cm-input{flex:260px}.cm-input,.cm-select,.cm-textarea{border-radius:var(--radius-md);border:var(--border-w-strong) solid var(--border-strong);background:var(--surface);color:var(--text);font-size:var(--fs-sm);font-weight:600;font-family:var(--font-body);transition:var(--transition);outline:none;padding:9px 12px}.cm-input:focus,.cm-select:focus,.cm-textarea:focus{border-color:var(--primary);box-shadow:var(--ring)}.cm-select{flex:0 200px;min-width:0}.cm-textarea{resize:vertical;width:100%;min-height:56px;line-height:1.5}.cm-sort-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.cm-sort-label{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--text-muted)}.cm-sort-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);font-size:var(--fs-sm);font-weight:var(--fw-bold);font-family:var(--font-body);cursor:var(--cursor-pointer,pointer);transition:var(--transition);border-radius:100px;padding:6px 16px;line-height:1}.cm-sort-btn:hover{background:var(--surface-alt);color:var(--text)}.cm-sort-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.cm-browse{display:block}.cm-feed-list{flex-direction:column;gap:10px;display:flex}.cm-msg{text-align:center;color:var(--text-muted);padding:32px 0;font-weight:700}.cm-row{cursor:var(--cursor-pointer,pointer);background:var(--surface);border:1px solid var(--border);transition:var(--transition);border-radius:14px;align-items:center;gap:12px;padding:13px 16px;display:flex}.cm-row:hover{border-color:var(--primary)}.cm-row.active{border-color:var(--primary);background:var(--primary-tint)}.cm-row.open{border-radius:14px 14px 0 0}.cm-row-main{flex:1;min-width:0}.cm-row-title{font-family:var(--font-display);font-weight:var(--fw-semibold);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.1rem;overflow:hidden}.cm-row-meta,.cm-detail-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-top:3px;display:flex}.cm-row-mc{color:var(--primary-strong);font-size:.85rem;font-weight:700}.cm-row-author{color:var(--text-muted);align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:inline-flex}.cm-row-author .cm-avatar{width:20px;height:20px}.cm-row-date{color:var(--text-dim);font-size:.75rem;font-weight:600}.cm-row-badges{flex-shrink:0;gap:10px;display:inline-flex}.cm-badge-ic{color:var(--text-muted);align-items:center;gap:3px;font-size:.78rem;font-weight:800;display:inline-flex}.cm-row-caret{color:var(--text-muted);transition:transform var(--dur) var(--ease);flex-shrink:0;display:inline-flex}.cm-row.open .cm-row-caret{transform:rotate(180deg)}.cm-unofficial{color:#b45309;background:#f59e0b29;border:1px solid #f59e0b8c;border-radius:100px;align-items:center;gap:5px;margin-top:6px;padding:2px 10px;font-size:.72rem;font-weight:800;display:inline-flex}html.dark .cm-unofficial{color:#fbbf24}.cm-row-detail{background:var(--surface);border:1px solid var(--border);border-top:none;border-radius:0 0 14px 14px;padding:4px 16px 16px}.cm-feed-list>.cm-row.open+.cm-row-detail{margin-top:-10px}.cm-detail{background:var(--surface);border:1px solid var(--border);box-shadow:0 8px 24px color-mix(in srgb, var(--primary) 8%, transparent);border-radius:18px;padding:18px 20px}.cm-detail[hidden]{display:none}@media (width>=860px){.cm-browse{grid-template-columns:minmax(0,340px) 1fr;align-items:start;gap:20px;display:grid}.cm-detail{top:calc(var(--nav-h,56px) + 16px);max-height:calc(100vh - var(--nav-h,56px) - 32px);position:sticky;overflow-y:auto}.cm-row-caret{display:none}}.cm-detail-bar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.cm-detail-titles{min-width:0}.cm-detail-title{font-family:var(--font-display);font-weight:var(--fw-semibold);overflow-wrap:anywhere;margin:0;font-size:1.25rem}.cm-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.cm-desc{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text);background:var(--surface-alt);border-radius:12px;margin:0 0 14px;padding:12px 14px;font-size:.95rem;line-height:1.55}.cm-icon-btn{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-md);width:34px;height:34px;color:var(--text-muted);cursor:var(--cursor-pointer,pointer);transition:var(--transition);justify-content:center;align-items:center;display:flex}.cm-icon-btn:hover{color:var(--primary-strong);border-color:var(--primary)}.cm-icon-danger:hover{color:var(--danger);border-color:var(--danger)}.cm-icon-sm{width:24px;height:24px}.cm-like-btn{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-md);height:34px;color:var(--text-muted);cursor:var(--cursor-pointer,pointer);transition:var(--transition);font-size:var(--fs-sm);font-weight:var(--fw-bold);font-family:var(--font-body);align-items:center;gap:6px;padding:0 12px;line-height:1;display:inline-flex}.cm-like-btn:hover{color:#e0245e;border-color:#e0245e}.cm-like-btn.liked{color:#e0245e;background:#e0245e1f;border-color:#e0245e}.cm-like-btn.liked svg{fill:currentColor}.cm-sec{margin-bottom:14px}.cm-sec-title{font-family:var(--font-display);font-weight:var(--fw-semibold);margin:0 0 8px;font-size:1rem}.cm-sec-count{color:var(--text-dim);margin-left:4px;font-size:.85rem;font-weight:700}.cm-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;display:grid}.cm-card{cursor:zoom-in;border-radius:8px;line-height:0;position:relative}.cm-card img{border-radius:8px;width:100%;height:auto;display:block}.cm-qty{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm);border-radius:100px;padding:3px 7px;font-size:.72rem;font-weight:800;line-height:1;position:absolute;bottom:4px;right:4px}.cm-comments{border-top:1px solid var(--border);margin-top:18px;padding-top:14px}.cm-comment-list{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.cm-comment{background:var(--surface-alt);border-radius:12px;padding:10px 12px}.cm-comment-head{align-items:center;gap:8px;font-size:.85rem;display:flex}.cm-avatar{object-fit:cover;object-position:top;background:var(--surface);border:1px solid var(--border);border-radius:50%;flex:none;width:24px;height:24px}.cm-comment-tools{gap:4px;margin-left:auto;display:inline-flex}.cm-comment-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 0;font-size:.9rem;line-height:1.5}.cm-comment-form{align-items:flex-end;gap:8px;display:flex}.cm-comment-form .cm-textarea{flex:1}.cm-tags{flex-wrap:wrap;gap:5px;margin-top:6px;display:inline-flex}.cm-row-main .cm-tags+.cm-unofficial{margin-left:6px}.cm-tag{background:var(--primary-tint);color:var(--primary-strong);border:1px solid color-mix(in srgb, var(--primary) 35%, transparent);font-size:.72rem;font-weight:800;line-height:1;font-family:var(--font-body);border-radius:100px;align-items:center;padding:3px 10px;display:inline-flex}.cm-tag-pick{cursor:var(--cursor-pointer,pointer);background:var(--surface-alt);color:var(--text-muted);border-color:var(--border);transition:var(--transition);padding:6px 12px;font-size:.8rem}.cm-tag-pick:hover:not(:disabled){border-color:var(--primary);color:var(--text)}.cm-tag-pick.on{background:var(--primary);border-color:var(--primary);color:#fff}.cm-tag-pick:disabled{opacity:.4;cursor:not-allowed}.cm-edit{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.cm-edit-label{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--text-muted)}.cm-edit-hint{color:var(--text-dim);margin-left:4px;font-weight:600}.cm-edit-count{color:var(--text-dim);align-self:flex-end;margin-top:-4px;font-size:.72rem;font-weight:700}.cm-tag-picker{flex-wrap:wrap;gap:6px;display:flex}.cm-edit-actions{gap:8px;margin-top:4px;display:flex}.cm-list-col{min-width:0}.cm-pager{justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.cm-pager[hidden]{display:none}.cm-page-btn{background:var(--surface);border:1px solid var(--border);min-height:44px;color:var(--text);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-bold);cursor:var(--cursor-pointer,pointer);transition:var(--transition);border-radius:100px;flex:none;justify-content:center;align-items:center;gap:4px;padding:0 16px;display:inline-flex}.cm-page-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary-strong)}.cm-page-btn:disabled{opacity:.4;cursor:not-allowed}.cm-page-btn svg{flex-shrink:0}.cm-page-btn[data-go=prev] svg{transform:rotate(90deg)}.cm-page-btn[data-go=next] svg{transform:rotate(-90deg)}.cm-page-info{text-align:center;flex-direction:column;align-items:center;font-size:.9rem;font-weight:800;line-height:1.25;display:flex}.cm-page-info small{color:var(--text-dim);font-size:.72rem;font-weight:600}@media (width<=600px){.cm-hero{padding:20px 16px 0}.cm-subtitle{margin-top:8px;font-size:.95rem}.cm-tabs{margin-top:14px;padding:0 16px}.cm-tab{padding:8px 18px}.cm-content{padding:14px 12px 24px}.cm-toolbar{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.cm-toolbar .cm-input,.cm-toolbar #cm-mc{grid-column:1/-1}.cm-toolbar .cm-input,.cm-toolbar .cm-select{flex:none;width:100%;min-width:0}.cm-sort-label{display:none}.cm-sort-bar{scrollbar-width:none;flex-wrap:nowrap;gap:6px;margin-bottom:12px;padding-bottom:2px;overflow-x:auto}.cm-sort-bar::-webkit-scrollbar{display:none}.cm-sort-btn{white-space:nowrap;flex:none;padding:7px 14px}.cm-row{gap:10px;padding:12px 14px}.cm-row-title{white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;line-height:1.25;display:-webkit-box;overflow:hidden}.cm-row-meta{flex-wrap:wrap;gap:2px 10px}.cm-row-detail{padding:10px 12px 14px}.cm-detail-bar--inline{margin-bottom:10px}.cm-grid{grid-template-columns:repeat(4,1fr);gap:6px}.cm-qty{padding:2px 5px;font-size:.66rem;bottom:2px;right:2px}.cm-pager{margin-top:12px}.cm-page-btn{padding:0 12px}.cm-page-btn span{display:none}.cm-page-btn{width:48px;padding:0}}.cm-notice{background:color-mix(in srgb, #f59e0b 14%, var(--surface));color:var(--text);border:1px solid #f59e0b80;border-radius:12px;margin:0 0 14px;padding:11px 14px;font-size:.9rem;font-weight:700}.cm-notice[hidden]{display:none}.cm-more{align-self:center}
