.sv{--good:#1f9d55;--good-bg:#e3f3e9;--mid:#9a6700;--mid-bg:#fbf0d2;--bad:#d83a2a;--bad-bg:#fbe4e0;--surface:#fffdf8;--soft:#ebe6da;max-width:960px;padding-top:12px}.t-good{--tone:var(--good);--tone-bg:var(--good-bg)}.t-mid{--tone:var(--mid);--tone-bg:var(--mid-bg)}.t-bad{--tone:var(--bad);--tone-bg:var(--bad-bg)}.sv-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:12px;font-weight:600}.sv .sv-title{letter-spacing:-.035em;text-transform:none;margin:0;font-size:clamp(2rem,4.4vw,3rem);line-height:1.02}.sv-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin:16px 0 24px;display:flex}.sv-account{background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;padding:10px 10px 10px 12px;display:flex}.sv-avatar{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.sv-label{color:var(--muted);font-size:12px;display:block}.sv-account strong{word-break:break-all;font-size:14px}.sv-btn{border:1.5px solid var(--ink);background:var(--ink);color:#fff;min-height:38px;font:inherit;cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;padding:0 14px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.sv-btn:hover{background:#2b2b2b}.sv-btn.ghost{color:var(--ink);background:0 0}.sv-btn.ghost:hover{background:var(--soft)}.sv-btn.danger{color:var(--bad);background:0 0;border-color:#e9b8b0}.sv-btn.danger:hover{background:var(--bad-bg);border-color:var(--bad)}.sv-btn:disabled{opacity:.6;cursor:progress}.sv-btn:focus-visible,.sv-host:focus-visible{outline:2px solid var(--red);outline-offset:2px}.sv-count{color:var(--muted);margin:0 0 10px;font-size:13px}.sv-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.sv-list li{background:var(--surface);border:1px solid var(--line);border-radius:12px;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 16px;transition:opacity .15s,border-color .15s;display:grid}.sv-list li:hover{border-color:#c9c3b7}.sv-list li.removing{opacity:.5}.sv-score{background:var(--tone-bg);width:52px;height:52px;color:var(--tone);letter-spacing:-.02em;border-radius:10px;place-items:center;font-size:1.15rem;font-weight:800;display:grid}.sv-info{min-width:0}.sv-host{letter-spacing:-.02em;font-size:1.15rem;font-weight:700;text-decoration:none;display:block}.sv-host:hover{text-underline-offset:3px;text-decoration:underline}.sv-meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:13px;display:block;overflow:hidden}.sv-actions{gap:6px;display:flex}.sv-empty{text-align:center;border:1px dashed #c9c3b7;border-radius:12px;padding:28px}.sv-empty p{color:var(--muted);margin:6px 0 16px}.sv-signin{max-width:560px;margin:24px 0}.sv-lede{color:#4a4741;margin:12px 0 20px;font-size:16px;line-height:1.5}.sv-form{gap:8px;display:flex}.sv-form input{min-width:0;min-height:46px;font:inherit;background:#fff;border:1.5px solid #c9c3b7;border-radius:8px;outline:none;flex:1;padding:0 14px;font-size:16px}.sv-form input:focus{border-color:var(--ink)}.sv-form .sv-btn{min-height:46px;padding:0 18px}@media (width<=640px){.sv{padding-left:16px;padding-right:16px}.sv-account{width:100%}.sv-account .sv-btn{margin-left:auto}.sv-list li{grid-template-columns:48px minmax(0,1fr)}.sv-score{width:46px;height:46px;font-size:1rem}.sv-actions{grid-column:1/-1}.sv-actions .sv-btn{flex:1}.sv-form{flex-direction:column}}@media (prefers-reduced-motion:reduce){.sv-list li{transition:none}}
