/* Vramwise extras. © 2026 CyberMax. All rights reserved. */
:root{--accent:#0f7b6c;--accent-soft:#e2f4f1;--bad:#b3261e;--bad-soft:#fdecea}
@media (prefers-color-scheme:dark){:root{--accent:#4fd1bd;--accent-soft:#16312d;--bad:#ff8a80;--bad-soft:#3a1c1a}}
.inline{display:flex;gap:8px}
.inline input{flex:1}
.chips{margin-top:10px}
.chips-label{margin-top:12px;font-size:.8rem;opacity:.75}
.model-info{margin-top:12px;font-size:14px;min-height:22px}
.model-info .err{color:var(--bad)}
.model-info .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.model-info .tag{background:var(--code);border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600}
.adv{margin-top:12px;font-size:14px}
.adv summary{cursor:pointer;font-weight:700;color:var(--muted)}
.seg{display:flex;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:3px;gap:3px;margin-bottom:6px}
.seg button{flex:1;border:0;background:none;padding:8px 6px;border-radius:8px;font-weight:700;color:var(--muted);cursor:pointer}
.seg button[aria-checked="true"]{background:var(--surface);color:var(--accent);box-shadow:0 1px 3px rgba(0,0,0,.12)}
[data-hw][hidden]{display:none}
.result{margin-top:16px}
.verdict{font-size:clamp(18px,3.4vw,24px);font-weight:800;margin-bottom:12px;line-height:1.25}
.verdict small{display:block;font-size:14px;font-weight:500;color:var(--muted);margin-top:4px}
.pill{display:inline-block;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:800;white-space:nowrap}
.pill.yes{background:var(--accent-soft);color:var(--good)}
.pill.tight{background:var(--warn-soft);color:var(--warn)}
.pill.offload{background:var(--warn-soft);color:var(--warn)}
.pill.no{background:var(--bad-soft);color:var(--bad)}
#table td{white-space:nowrap}
#table td .q{font-weight:700}
#table td .note{display:block;font-size:11px;color:var(--muted);font-weight:500}
#table tr.best td{background:var(--accent-soft)}
.meter{height:6px;border-radius:3px;background:var(--line);margin-top:4px;overflow:hidden;min-width:60px}
.meter i{display:block;height:100%;background:var(--accent)}
.meter i.over{background:var(--bad)}
@media (max-width:560px){#table th:nth-child(2),#table td:nth-child(2),#table th:nth-child(3),#table td:nth-child(3){display:none}}
@media (max-width:480px){.top .btn{padding:8px 10px;font-size:13px;white-space:nowrap}.brand small{display:none}}