:root{--bg: #0b0c0f;--panel: #14161a;--panel-2: #191c21;--fg: #e6e6e6;--muted: #7a7d85;--accent: #7dd3fc;--accent-2: #86efac;--ok: #86efac;--bad: #fca5a5;--border: #23262c;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:ui-monospace,JetBrains Mono,SF Mono,Menlo,monospace;background:var(--bg);color:var(--fg);line-height:1.5;-webkit-font-smoothing:antialiased}#app{max-width:780px;margin:0 auto;padding:40px 20px 96px}header h1{margin:0 0 6px;font-size:2rem;letter-spacing:-.02em;font-weight:600}header h1:before{content:"$ ";color:var(--accent-2)}.tagline{color:var(--muted);margin:0 0 6px;font-size:.95rem}.disclosure{color:var(--muted);margin:0 0 36px;font-size:.8rem;opacity:.7}.controls{display:grid;gap:18px;margin-bottom:24px}label{display:block;font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}select,textarea,input[type=text],input[type=number],button{font:inherit;color:var(--fg);background:var(--panel);border:1px solid var(--border);padding:10px 12px;border-radius:6px;width:100%;margin-top:6px}select:focus,textarea:focus,input:focus,button:focus-visible{outline:none;border-color:var(--accent)}textarea{resize:vertical;font-family:inherit;line-height:1.5}.hint{display:block;margin-top:6px;font-size:.78rem;color:var(--muted);text-transform:none;letter-spacing:0}.radio-group{display:flex;gap:8px}.radio-group button{flex:1;cursor:pointer;margin-top:0;transition:background .12s,border-color .12s,color .12s}.radio-group button:hover{border-color:var(--muted)}.radio-group button.active{background:var(--accent);color:#000;border-color:var(--accent);font-weight:600}.model-picker{display:block}.model-current{margin-top:6px;padding:14px;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;font-size:1.05rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;transition:background .12s ease-out,border-color .12s ease-out}.model-current.flash{animation:pick-flash .52s ease-out}@keyframes pick-flash{0%{background:var(--accent-2);border-color:var(--accent-2)}40%{background:var(--accent-2);border-color:var(--accent-2)}to{background:var(--panel-2);border-color:var(--border)}}.model-current .prefix{color:var(--accent-2);margin-right:4px}.m-tag{color:var(--accent);font-weight:600}.model-current .m-name{color:var(--fg);font-weight:600;font-size:1.1rem}.m-name{color:var(--fg)}.m-size{color:var(--muted);font-size:.9rem}.model-count{margin-top:6px;font-size:.75rem;color:var(--muted);text-transform:none;letter-spacing:0}.model-count:empty{display:none}.model-count.hidden{display:none}.model-list{margin-top:6px;max-height:320px;overflow-y:auto;border:1px solid var(--border);border-radius:6px;background:var(--panel);display:none;scrollbar-gutter:stable;scrollbar-color:var(--muted) var(--panel);scrollbar-width:thin}.model-list.open{display:block}.model-list::-webkit-scrollbar{width:10px}.model-list::-webkit-scrollbar-track{background:var(--panel)}.model-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px;border:2px solid var(--panel)}.model-list::-webkit-scrollbar-thumb:hover{background:var(--muted)}.model-current{cursor:pointer}.model-current:hover{border-color:var(--muted)}.model-list.disabled{opacity:.35;pointer-events:none}.model-row{display:grid;grid-template-columns:1fr 1.4fr auto;gap:10px;width:100%;text-align:left;padding:8px 12px;background:transparent;border:none;border-bottom:1px solid var(--border);border-radius:0;margin:0;cursor:pointer;font-size:.9rem}.model-row:last-child{border-bottom:none}.model-row:hover{background:var(--panel-2)}.model-row.selected{background:#1a2a33}.model-row.selected .m-tag{color:var(--accent-2)}.model-empty{padding:14px;color:var(--muted);text-align:center;font-size:.85rem}.advanced-toggle{display:flex;align-items:center;gap:8px;margin-top:12px;cursor:pointer;text-transform:none;letter-spacing:0;font-size:.9rem;color:var(--fg)}.advanced-toggle input{width:auto;margin:0;accent-color:var(--accent)}.advanced-panel{display:none;margin-top:10px;padding:12px;border:1px dashed var(--border);border-radius:6px;background:var(--panel-2);gap:10px}.advanced-panel.open{display:grid}.hf-results,.hf-files{display:grid;gap:4px}.hf-results:empty,.hf-files:empty{display:none}.hf-selected-repo{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#1a2a33;border:1px solid var(--border);border-radius:4px;font-size:.85rem}.hf-selected-repo .check{color:var(--ok);font-weight:700}.hf-selected-repo .m-tag{flex:1}.hf-change{background:transparent;color:var(--accent);border:none;padding:4px 8px;margin:0;width:auto;cursor:pointer;font-size:.82rem}.hf-change:hover{text-decoration:underline}.hf-row{display:grid;grid-template-columns:1fr auto;gap:10px;width:100%;text-align:left;padding:8px 10px;background:var(--panel);border:1px solid var(--border);border-radius:4px;margin-top:0;cursor:pointer;font-size:.85rem}.hf-row:hover{background:var(--panel-2);border-color:var(--muted)}.hf-loading,.hf-error,.hf-files-label,.model-empty{padding:8px 10px;font-size:.82rem}.hf-loading{color:var(--muted);font-style:italic}.hf-error{color:var(--bad)}.hf-files-label{color:var(--muted)}.hf-selected{padding:10px 12px;background:#1a2a33;border:1px solid var(--border);border-radius:4px;font-size:.85rem}.hf-selected:empty{display:none}.hf-selected-row{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline}.hf-selected .prefix{color:var(--accent-2)}label.sub{font-size:.72rem;color:var(--muted)}.sub-hint{margin:0;color:var(--muted);font-size:.78rem;font-style:italic}.ctx-row{display:grid;gap:6px;padding:8px 0 4px}.ctx-row label.sub{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.ctx-row .ctx-val{color:var(--accent);font-weight:700;font-size:1rem;font-variant-numeric:tabular-nums}.ctx-slider{width:100%;accent-color:var(--accent)}.ctx-ticks{display:flex;justify-content:space-between;color:var(--muted);font-size:.68rem;letter-spacing:.02em;padding:0 2px}.prediction{border:1px solid var(--border);border-radius:8px;padding:18px;margin-bottom:24px;background:var(--panel)}.pred-placeholder{color:var(--muted);font-style:italic;text-align:center;padding:18px 8px;font-size:.9rem}.pred-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px}.pred-grid label{font-size:.68rem}.pred-grid strong{display:block;font-size:1.35rem;margin-top:4px;font-weight:600;color:var(--accent)}.pred-grid .unit{font-size:.85rem;color:var(--muted);font-weight:400;margin-left:2px}.pred-grid .mem strong{font-size:.95rem;color:var(--fg)}.ok{color:var(--ok)}.bad{color:var(--bad)}.preview{margin-top:8px}#preview-btn{cursor:pointer;padding:14px;font-size:1rem;background:var(--accent);color:#000;border:none;font-weight:600;border-radius:6px;width:100%}#preview-btn:hover:not(:disabled){filter:brightness(1.1)}#preview-btn:disabled{background:#2a2d33;color:var(--muted);cursor:not-allowed}#preview-area{margin-top:18px;min-height:60px}.spinner{color:var(--muted);font-style:italic;animation:pulse 1.1s infinite}@keyframes pulse{50%{opacity:.45}}.stream{font-family:ui-monospace,JetBrains Mono,SF Mono,Menlo,monospace;font-size:1.05rem;line-height:1.75;color:var(--fg);white-space:pre-wrap;word-break:break-word;max-height:50vh;overflow-y:auto;padding:14px 16px;background:var(--panel);border:1px solid var(--border);border-radius:6px;scroll-behavior:smooth}.cursor{display:inline-block;margin-left:2px;color:var(--accent-2);animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.meta{margin-top:10px;color:var(--muted);font-size:.82rem}.badge{display:inline-block;margin-left:6px;padding:1px 6px;font-size:.68rem;border-radius:3px;text-transform:uppercase;letter-spacing:.04em;vertical-align:middle}.badge.moe{background:#2c1e0f;color:#f5b77b;border:1px solid #4a331c}.badge.rocm{background:#1a0f1d;color:#f58eb5;border:1px solid #4a1c2f}.verdict-wrap{display:grid;gap:14px;margin-top:16px}.verdict-row{display:flex;flex-wrap:nowrap;align-items:center;gap:10px;padding:12px 14px;background:var(--panel);border:1px solid var(--border);border-radius:6px}.verdict-q{flex:1 1 auto;min-width:0;font-size:.92rem;color:var(--fg)}.verdict-btn{flex:0 0 auto;white-space:nowrap;width:auto;margin:0;padding:8px 14px;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:600}@media (max-width: 480px){.verdict-row{flex-wrap:wrap}.verdict-q{flex:1 1 100%}.verdict-btn{flex:1 1 auto}}.verdict-btn.ok{background:var(--panel-2);color:var(--ok);border:1px solid var(--ok)}.verdict-btn.ok:hover{background:#1a2a1e}.verdict-btn.slow{background:var(--bad);color:#1a0e0e;border:1px solid var(--bad)}.verdict-btn.slow:hover{filter:brightness(1.08)}.recommender{margin-top:0;padding:14px 16px;border:1px solid var(--border);border-radius:6px;background:linear-gradient(180deg,var(--panel-2),var(--panel))}.rec-headline{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:.95rem;margin-bottom:12px}.rec-back{width:auto;padding:4px 10px;margin:0;border:1px solid var(--border);background:transparent;color:var(--accent);border-radius:4px;cursor:pointer;font-size:.82rem}.rec-back:hover{background:var(--panel)}.rec-card{display:grid;gap:4px;padding:10px 12px;margin-top:8px;background:var(--panel);border:1px solid var(--border);border-radius:4px}.rec-name{font-weight:600;font-size:.92rem}.rec-stats{display:flex;flex-wrap:wrap;gap:10px;font-size:.82rem;color:var(--muted)}.rec-speed{color:var(--accent);font-weight:600}.rec-speedup{color:var(--ok)}.rec-card .buy-btn{margin-top:8px;padding:8px 12px;font-size:.85rem}.rec-empty{color:var(--muted);font-size:.88rem;margin:0}.buy-cta{margin-top:16px;padding:14px 16px;border:1px solid var(--border);border-radius:6px;background:linear-gradient(180deg,var(--panel-2),var(--panel))}.buy-headline{font-weight:600;font-size:.95rem;color:var(--fg)}.buy-headline:before{content:"$ ";color:var(--accent-2)}.buy-price{color:var(--muted);font-size:.82rem;margin-top:2px}.buy-links{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.buy-btn{flex:1 1 auto;min-width:140px;padding:10px 14px;border-radius:4px;text-decoration:none;text-align:center;font-weight:600;font-size:.88rem;border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:2px}.buy-btn.direct{background:var(--panel);color:var(--fg)}.buy-btn.direct:hover{border-color:var(--accent)}.buy-btn.affiliate{background:var(--accent-2);color:#0a1810;border-color:var(--accent-2)}.buy-btn.affiliate:hover{filter:brightness(1.05)}.aff-note{font-size:.7rem;font-weight:400;opacity:.8}.buy-disclosure{margin:10px 0 0;font-size:.72rem;color:var(--muted);font-style:italic}footer p{margin:14px 0 0;color:var(--muted);font-size:.8rem}footer code{background:var(--panel);padding:3px 8px;border-radius:4px;border:1px solid var(--border);color:var(--fg)}footer .mvp-note{font-style:italic}.preview-btns{display:flex;flex-direction:column;gap:8px}#compare-btn{width:100%;background:transparent;color:var(--muted);border:1px solid var(--border);padding:10px 14px;border-radius:6px;cursor:pointer;font-weight:500;font-size:.88rem;transition:color .12s,border-color .12s,background .12s;margin-top:0}#compare-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--panel)}.compare{display:none;margin-top:16px;padding:18px 20px;background:var(--panel);border:1px solid var(--border);border-radius:6px}.compare.open{display:block}.compare-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.compare-title{margin:0;font-size:1.1rem;color:var(--accent)}.compare-mode{display:flex;gap:8px}.compare-mode-btn{display:inline-flex;gap:6px;align-items:center;padding:4px 10px;border:1px solid var(--border);border-radius:4px;cursor:pointer;font-size:.85rem}.compare-mode-btn.active{border-color:var(--accent);color:var(--accent)}.compare-close{background:transparent;border:1px solid var(--border);color:var(--muted);padding:4px 10px;border-radius:4px;cursor:pointer;font-size:.85rem}.compare-fixed{margin:10px 0 16px;color:var(--muted);font-size:.85rem}.compare-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.compare-slot{padding:10px;background:var(--panel-2);border:1px solid var(--border);border-radius:4px;display:flex;flex-direction:column;gap:8px}.compare-slot-top{display:flex;gap:6px}.compare-select{flex:1 1 auto;min-width:0;background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:3px;padding:6px;font-size:.85rem}.compare-slot-clear{background:transparent;border:1px solid var(--border);color:var(--muted);padding:2px 8px;border-radius:3px;cursor:pointer}.compare-empty{color:var(--muted);font-style:italic;padding:20px 0;text-align:center}.compare-cells{display:grid;grid-template-columns:1fr 1fr;gap:6px;font-size:.8rem}.compare-cells>div{padding:4px 2px}.compare-cells label{display:block;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}.compare-cells strong{font-size:.95rem;font-variant-numeric:tabular-nums}.compare-preview-all{margin-top:16px;width:100%;background:var(--accent);color:var(--bg);border:none;padding:10px 16px;border-radius:4px;cursor:pointer;font-weight:700}.compare-preview-all:disabled{background:var(--panel-2);color:var(--muted);cursor:not-allowed}.compare-preview-area{margin-top:12px}.compare-streams{display:grid;grid-template-columns:repeat(var(--col-count, 3),minmax(0,1fr));gap:10px}.compare-stream-col{display:flex;flex-direction:column;gap:6px;padding:10px;background:var(--panel-2);border:1px solid var(--border);border-radius:4px;min-width:0}.compare-stream-label{font-size:.8rem;color:var(--accent);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compare-stream-label .meta{color:var(--muted);font-weight:400}.compare-stream-col .stream{max-height:200px;overflow-y:auto;font-size:.8rem;line-height:1.45;font-family:var(--mono, monospace);color:var(--fg)}@media (max-width: 720px){.compare-slots,.compare-streams{grid-template-columns:1fr}}.compare-slot-details{padding:4px 2px 2px;border-bottom:1px dashed var(--border);margin-bottom:6px}.compare-slot-name{color:var(--fg);font-weight:600;font-size:.88rem;line-height:1.3}.compare-slot-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;margin-top:4px;font-size:.75rem;color:var(--muted)}.compare-slot-meta .dot{color:var(--border)}.compare-slot-meta .badge{padding:1px 5px;border:1px solid var(--border);border-radius:3px;font-size:.68rem;color:var(--muted)}.compare-slot-meta .badge.rocm{color:#f97316;border-color:#f97316}.compare-slot-meta .badge.moe{color:var(--accent);border-color:var(--accent)}.compare-slot-filter{width:100%;background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:3px;padding:5px 8px;margin-top:0;font-size:.78rem}.compare-slot-filter::placeholder{color:var(--muted)}