.cmp-toprow{align-items:stretch;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.cmp-toprow .search{align-items:center;gap:var(--space-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-3) var(--space-4);color:var(--ink-faint);flex:1;min-width:160px;display:flex}.cmp-toprow .search input{min-width:0;color:var(--ink);font:inherit;font-size:var(--text-sm);background:0 0;border:0;outline:none;flex:1}.cmp-toprow .search input::placeholder{color:var(--ink-faint)}.compare-btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius);border:1px solid color-mix(in srgb, var(--accent) 50%, transparent);color:var(--accent);font:inherit;font-size:var(--text-sm);white-space:nowrap;cursor:pointer;background:0 0;flex-shrink:0;font-weight:600;display:inline-flex}.compare-btn:hover{background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent-hover)}.cmp-picker-row{align-items:center;gap:var(--space-2);width:100%;display:flex}.cmp-picker-row>div{flex:1;min-width:0}.cmp-swap{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);width:34px;height:34px;color:var(--ink-soft);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:inline-flex}.cmp-swap:hover{color:var(--ink);background:var(--surface-hover)}.cmp-swap:disabled{opacity:.4;cursor:default}.cmp-field{position:relative}.cmp-input{box-sizing:border-box;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:100%;padding:var(--space-3) 2.2rem var(--space-3) var(--space-4);color:var(--ink);font:inherit;font-size:var(--text-sm)}.cmp-input:focus{border-color:var(--accent);outline:none}.cmp-clear{right:var(--space-3);color:var(--ink-faint);cursor:pointer;padding:0 var(--space-1);background:0 0;border:0;font-size:1rem;position:absolute;top:50%;transform:translateY(-50%)}.cmp-clear:hover{color:var(--ink)}.cmp-dropdown{z-index:20;background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--radius);max-height:280px;padding:var(--space-2);position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0006}.cmp-opt{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius);color:var(--ink);font:inherit;font-size:var(--text-sm);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.cmp-opt:hover{background:var(--surface-hover)}.cmp-empty{padding:var(--space-2) var(--space-3);color:var(--ink-faint);font-size:var(--text-sm)}.cmp-table{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:0 var(--space-4)}.cmp-thead{padding:var(--space-3) 0 var(--space-1);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.03em;color:var(--ink-faint)}.cmp-thead2{align-items:center;column-gap:var(--space-6);padding-bottom:var(--space-2);border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(0,1fr) 3rem minmax(140px,40%);display:grid}.cmp-sort{font:inherit;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.03em;color:var(--ink-faint);cursor:pointer;background:0 0;border:0;align-items:center;gap:3px;padding:0;display:inline-flex}.cmp-sort-num{justify-content:center}.cmp-sort:after{content:"↓";opacity:.3;font-size:.9em}.cmp-sort:hover{color:var(--ink-soft)}.cmp-sort.on{color:var(--ink)}.cmp-sort.on:after{opacity:1;color:var(--accent)}.cmp-sort.asc:after{content:"↑"}.cmp-row{align-items:center;column-gap:var(--space-6);padding:var(--space-2) 0;border-bottom:1px solid var(--line-soft);cursor:pointer;grid-template-columns:minmax(0,1fr) 3rem minmax(140px,40%);min-height:44px;display:grid}.cmp-table .cmp-row:last-child{border-bottom:0}.cmp-row:hover{background:var(--surface-hover)}.cmp-row.muted{opacity:.45}.cmp-cell{align-items:center;gap:var(--space-3);min-width:0;display:flex}.cmp-num{text-align:center;font-variant-numeric:tabular-nums;color:var(--ink)}.cmp-empty-msg{padding:var(--space-6) var(--space-4);text-align:center;color:var(--ink-faint);font-size:var(--text-sm)}.cmp-center{text-align:center}@media (width<=640px){.cmp-row,.cmp-thead2{column-gap:var(--space-3);grid-template-columns:minmax(0,1fr) 2rem minmax(88px,38%)}}@media (width<=520px){.cmp-picker-row{gap:clamp(.3rem, 1.5vw, var(--space-2))}.cmp-swap{width:28px;height:28px;font-size:14px}.cmp-input{padding:clamp(.4rem, 2vw, var(--space-3)) 1.8rem clamp(.4rem, 2vw, var(--space-3)) clamp(.5rem, 2vw, var(--space-4));font-size:clamp(.75rem, 3vw, var(--text-sm))}.cmp-clear{right:clamp(.3rem, 1.5vw, var(--space-3))}}.cmp-h2h{width:fit-content;max-width:100%;padding:var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);justify-content:center;margin:0 auto;display:flex;overflow:hidden}.cmp-h2h-fit{position:relative}.cmp-h2h-scale{justify-content:center;align-items:flex-start;gap:var(--space-4);transform-origin:0 0;display:flex;position:absolute;top:0;left:0}.cmp-card{flex:0 0 120px;min-width:0}.cmp-card-inner{aspect-ratio:64/88;background:color-mix(in srgb, var(--c) 12%, #fff);border:2px solid color-mix(in srgb, var(--c) 55%, transparent);border-radius:12px;flex-direction:column;width:100%;display:flex;overflow:hidden}.cmp-card-portrait{border-bottom:2px solid var(--c);flex:56 0 0;justify-content:center;align-items:center;min-height:0;display:flex}.cmp-card-ava{aspect-ratio:1;background:color-mix(in srgb, var(--c) 22%, transparent);border:3px solid var(--c);border-radius:50%;justify-content:center;align-items:center;width:62%;display:flex;overflow:hidden}.cmp-card-ava img{object-fit:cover;width:100%;height:100%}.cmp-card-letter{color:#1a1a1a;font-size:1.6rem;font-weight:800}.cmp-card-names{text-align:center;flex-direction:column;flex:44 0 0;justify-content:center;min-height:0;padding:2px 1px;display:flex}.cmp-card-names b{font-size:var(--text-sm);color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.cmp-card-names i{font-size:var(--text-xs);color:#1a1a1a;opacity:.65;white-space:nowrap;text-overflow:ellipsis;overflow-wrap:break-word;font-style:italic;display:block;overflow:hidden}.cmp-mid{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.cmp-score{gap:var(--space-2);display:flex}.cmp-digit{min-width:30px;padding:2px var(--space-2);text-align:center;color:var(--ink);font-family:monospace;font-weight:800;font-size:var(--text-md);background:#141414;border:1.6px solid;border-radius:6px}.cmp-ring{width:130px;height:130px}.cmp-ring-total{fill:#fff;paint-order:stroke fill;stroke:#1a1a1a;stroke-width:3px;font-size:24px;font-weight:700}.cmp-ring-pct{paint-order:stroke fill;stroke-width:2.5px;font-size:11px;font-weight:700}.cmp-h2{font-size:var(--text-lg);margin:var(--space-5) 0 var(--space-3)}.cmp-spinner{padding:var(--space-6) 0;justify-content:center;display:flex}.cmp-spinner svg{width:34px;height:34px;animation:.9s linear infinite cmp-spin}.cmp-spinner-bg{fill:none;stroke:var(--surface-2);stroke-width:4px}.cmp-spinner-arc{fill:none;stroke:var(--accent);stroke-width:4px;stroke-linecap:round;stroke-dasharray:70 30.5}@keyframes cmp-spin{to{transform:rotate(360deg)}}.cmp-note{margin-bottom:var(--space-3);position:relative}.cmp-note-wave{pointer-events:none;width:calc(100% + 10px);height:calc(100% + 10px);position:absolute;inset:-5px}.cmp-note-body{background:var(--surface);padding:var(--space-3) var(--space-4);border-radius:14px;position:relative}.cmp-note-head{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.cmp-note-ava{flex-shrink:0;width:20px;height:20px;position:relative}.cmp-note-ava img:first-child,.cmp-note-ava-empty{object-fit:cover;border-radius:50%;position:absolute;inset:2px}.cmp-note-ava-empty{background:var(--surface-2);color:var(--ink);justify-content:center;align-items:center;font-size:9px;font-weight:800;display:flex}.cmp-note-frame{width:100%;height:100%;position:absolute;inset:0}.cmp-note-head b{font-size:var(--text-sm)}.cmp-vis{font-size:var(--text-xs);align-items:center;gap:3px;font-weight:600;display:inline-flex}.cmp-note-date{color:var(--ink-faint);font-size:var(--text-xs);margin-left:auto}.cmp-note-ctx{color:var(--ink-faint);font-size:var(--text-xs);margin-top:4px}.cmp-part{margin-right:var(--space-2)}.cmp-note-text{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--ink-soft)}.cmp-votes{gap:var(--space-4);margin-top:var(--space-2);display:flex}.cmp-vote{color:var(--ink-faint);font-size:var(--text-xs);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:2px 4px;font-weight:500;display:inline-flex}.cmp-vote svg{fill:currentColor}.cmp-vote:hover{color:var(--ink-soft)}.cmp-vote.active{font-weight:700}.cmp-vote[data-vote=like].active{color:var(--wr-high)}.cmp-vote[data-vote=dislike].active{color:var(--accent)}