:root{--bg:#0e0f12;--bg-raise:#15171b;--surface:#1a1c21;--surface-2:#22252b;--border:#2c3038;--text:#ecedf0;--muted:#9a9ea8;--accent:#ff8a3d;--accent-2:#ffb35c;--accent-text:#170c03;--ok:#4cc38a;--bad:#f2645a;--hero-glow:#ff8a3d2e;--radius:14px;--mono:ui-monospace, "SF Mono", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.55}@media (prefers-color-scheme:light){:root{--bg:#f4f3f0;--bg-raise:#ebe9e4;--surface:#fff;--surface-2:#f6f5f2;--border:#dedbd4;--text:#17181b;--muted:#5f636c;--accent:#c4561a;--accent-2:#e07a2e;--accent-text:#fff;--ok:#1f8a57;--bad:#c23b31;--hero-glow:#c4561a1f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}body{background:var(--bg);margin:0}a{color:var(--accent);text-underline-offset:3px}a:hover{color:var(--accent-2)}.hero{background:radial-gradient(1000px 420px at 15% -10%, var(--hero-glow), transparent 70%), linear-gradient(180deg, var(--bg-raise), var(--bg));border-bottom:1px solid var(--border)}.hero-inner{max-width:880px;margin:0 auto;padding:56px 16px 40px}.eyebrow{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:.78rem}h1{letter-spacing:-.035em;background:linear-gradient(100deg, var(--text) 40%, var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.6rem,7vw,4rem);font-weight:800;line-height:1}.tagline{color:var(--accent);margin:10px 0 14px;font-size:1.15rem;font-weight:650}.lede{max-width:620px;color:var(--muted);margin:0 0 28px;font-size:1.02rem}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.stat{border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 85%, transparent);gap:2px;padding:16px;display:grid}.stat-value{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.6rem;font-weight:700}.stat-label{font-weight:600}.stat-note{color:var(--muted);font-size:.8rem}.hero-links{color:var(--muted);margin:20px 0 0;font-size:.92rem}main{gap:16px;max-width:880px;margin:0 auto;padding:24px 16px 48px;display:grid}.muted{color:var(--muted)}.small{font-size:.85rem}.alert{border:1px solid color-mix(in srgb, var(--bad) 50%, transparent);background:color-mix(in srgb, var(--bad) 12%, transparent);color:var(--text);border-radius:10px;margin:0;padding:12px 14px}.error{color:var(--bad)}.ok{color:var(--ok)}.bad{color:var(--bad)}.device-strip{flex-wrap:wrap;gap:8px;margin:0;display:flex}.chip{border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:baseline;gap:6px;padding:6px 12px;font-size:.88rem;display:inline-flex}.chip-key{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.72rem}.hint{flex-basis:100%;margin:4px 0 0;font-size:.85rem}.step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.step.locked{opacity:.55}.step-head{align-items:center;gap:14px;margin-bottom:12px;display:flex}.step-n{width:34px;height:34px;font-family:var(--mono);color:var(--accent);border:1.5px solid var(--accent);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}h2{letter-spacing:-.01em;margin:0;font-size:1.15rem}.step-meta{font-family:var(--mono);color:var(--muted);margin:2px 0 0;font-size:.78rem}.step-body>p:first-child{margin-top:0}button{font:inherit;background:linear-gradient(180deg, var(--accent-2), var(--accent));color:var(--accent-text);cursor:pointer;border:none;border-radius:10px;padding:10px 18px;font-weight:650;transition:transform 80ms,filter .15s}button:hover:not(:disabled){filter:brightness(1.06)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.row{flex-wrap:wrap;gap:10px;display:flex}.progress{margin-top:16px}.progress p{align-items:center;gap:8px;margin:0 0 8px;display:flex}.pulse{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.pulse{animation:none}}progress{width:100%;height:8px;accent-color:var(--accent)}.live{white-space:pre-wrap;word-break:break-word;background:var(--bg);border:1px solid var(--border);max-height:200px;font-family:var(--mono);color:var(--muted);border-radius:10px;padding:12px;font-size:.8rem;overflow:auto}.result{border-top:1px solid var(--border);margin-top:18px;padding-top:18px}.result-title{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0;font-size:.78rem}.big{font-family:var(--mono);letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:2px 0 10px;font-size:2.4rem;font-weight:700}.unit{letter-spacing:0;color:var(--muted);font-family:system-ui,sans-serif;font-size:1rem;font-weight:500}.tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:8px;display:grid}.tile{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;gap:2px;padding:10px 12px;display:grid}.tile-label{color:var(--muted);font-size:.75rem}.tile-value{font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:650}details{margin:8px 0}summary{cursor:pointer;color:var(--muted);font-size:.9rem}summary:hover{color:var(--text)}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin:10px 0;font-size:.86rem}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:6px 8px 6px 0}th{color:var(--muted);font-weight:500}.check{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;margin-top:14px;padding:14px}.check-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.check-head p{margin:0}.check-head strong{font-family:var(--mono);font-size:1.1rem}.check>.small{margin:8px 0 0}.dots{grid-template-columns:repeat(25,10px);gap:4px;display:grid}.dot{border-radius:3px;width:10px;height:10px}.dot-ok{background:var(--ok)}.dot-bad{background:var(--bad)}.comparison{border:1px solid color-mix(in srgb, var(--accent) 45%, var(--border));background:color-mix(in srgb, var(--accent) 6%, var(--surface));border-radius:12px;margin-top:18px;padding:18px}.bars{gap:8px;margin:4px 0 10px;display:grid}.bar-row{grid-template-columns:110px 1fr auto;align-items:center;gap:10px;font-size:.88rem;display:grid}.bar-track{background:var(--surface-2);border-radius:6px;height:12px;overflow:hidden}.bar-fill{background:var(--muted);border-radius:6px;height:100%;display:block}.bar-fill.accent{background:linear-gradient(90deg, var(--accent), var(--accent-2))}.bar-value{font-family:var(--mono);font-variant-numeric:tabular-nums}.cost{margin:12px 0 0;font-size:.92rem}.submit{justify-items:start;gap:10px;margin-top:16px;display:grid}.submit p{margin:0}.field{gap:4px;width:100%;font-size:.88rem;display:grid}.field input{font:inherit;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:8px;max-width:360px;padding:8px 10px}.extras{border:1px dashed var(--border);border-radius:var(--radius);padding:4px 20px}.sparkline{width:100%;height:60px;color:var(--accent)}footer{border-top:1px solid var(--border);max-width:880px;color:var(--muted);margin:0 auto;padding:20px 16px 40px;font-size:.85rem}footer p{margin:0 0 6px}.hero{position:relative;overflow:hidden}.hero-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-inner{position:relative}.hero:before{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--bg) 82%, transparent) 0%, color-mix(in srgb, var(--bg) 55%, transparent) 55%, transparent 85%);pointer-events:none;position:absolute;inset:0}.gpu-badge{font-family:var(--mono);color:var(--muted);background:color-mix(in srgb, var(--bg) 70%, transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;align-items:center;gap:8px;padding:4px 10px;font-size:.7rem;display:inline-flex;position:absolute;bottom:12px;right:16px}.gpu-badge-dot{background:var(--ok);width:7px;height:7px;box-shadow:0 0 8px var(--ok);border-radius:50%}.gpu-badge.paused .gpu-badge-dot{background:var(--accent);box-shadow:none}.gpu-badge.still .gpu-badge-dot{background:var(--muted);box-shadow:none}.reveal{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(14px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.caret{vertical-align:text-bottom;background:var(--accent);width:7px;height:1em;margin-left:2px;animation:1s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.dot{animation:.35s both pop}@keyframes pop{0%{transform:scale(0)}}@media (prefers-reduced-motion:reduce){.caret,.dot{animation:none}}.gauge{width:220px;max-width:100%;margin:0}.gauge svg{width:100%;height:auto;display:block}.gauge-track{fill:none;stroke:var(--surface-2);stroke-width:12px;stroke-linecap:round}.gauge-fill{fill:none;stroke:var(--accent);stroke-width:12px;stroke-linecap:round;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--accent) 55%, transparent))}.gauge-tick{stroke:var(--muted);stroke-width:1.5px}.gauge-tick-label{font-family:var(--mono);fill:var(--muted);font-size:9px}.gauge-needle{transform-box:view-box;transform-origin:100px 100px;transition:transform .45s cubic-bezier(.3,1.4,.5,1)}.gauge-needle line{stroke:var(--text);stroke-width:3px;stroke-linecap:round}.gauge-hub{fill:var(--accent);stroke:var(--surface);stroke-width:3px}.gauge-value{font-family:var(--mono);fill:var(--text);font-size:26px;font-weight:700}.gauge-unit{fill:var(--muted);font-size:10px}.live-wrap{grid-template-columns:220px 1fr;align-items:center;gap:16px;display:grid}.result-grid{grid-template-columns:220px 1fr;align-items:center;gap:16px;margin:6px 0 8px;display:grid}.result-grid .tiles{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}:root{--series-full:#916102;--series-quant:#e9671b;--chart-grid:#2a2d34}@media (prefers-color-scheme:light){:root{--series-full:#de9a60;--series-quant:#bd4d00;--chart-grid:#e6e3dd}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.findings-card .step-n{font-size:1.1rem}.dumbbell{margin:8px 0 0}.legend{color:var(--muted);flex-wrap:wrap;gap:16px;margin-bottom:10px;font-size:.85rem;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.swatch{border-radius:50%;width:10px;height:10px;display:inline-block}.swatch.full,.key.full{background:var(--series-full)}.swatch.quant,.key.quant{background:var(--series-quant)}.swatch.chance{background:var(--muted);border-radius:1px;width:2px;height:12px}.db-row,.db-axis{grid-template-columns:150px 1fr 56px;align-items:center;gap:12px;display:grid}.db-row{cursor:default;border-radius:8px;outline:none;min-height:44px;margin:0 -8px;padding:0 8px}.db-row.active,.db-row:focus-visible{background:var(--surface-2)}.db-row:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.db-label{font-size:.9rem}.db-track{height:28px;position:relative}.db-grid,.db-chance,.db-bar,.db-dot{position:absolute;top:50%}.db-grid{background:var(--chart-grid);width:1px;height:100%;top:0}.db-chance{background:var(--muted);opacity:.7;border-radius:1px;width:2px;height:18px;margin-left:-1px;transform:translateY(-50%)}.db-bar{background:var(--muted);opacity:.6;height:2px;transform:translateY(-50%)}.db-dot{width:12px;height:12px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;margin-left:-6px;transition:transform .15s;transform:translateY(-50%)}.db-dot.full{background:var(--series-full)}.db-dot.quant{background:var(--series-quant)}.db-row.active .db-dot{transform:translateY(-50%)scale(1.25)}.db-direct{color:var(--muted);white-space:nowrap;font-size:.68rem;position:absolute;top:-10px;transform:translate(-50%)}.db-diff{font-family:var(--mono);text-align:right;font-variant-numeric:tabular-nums;font-weight:650}.db-tip{z-index:2;background:var(--bg);border:1px solid var(--border);min-width:190px;color:var(--muted);pointer-events:none;white-space:nowrap;border-radius:8px;gap:2px;padding:8px 10px;font-size:.8rem;display:grid;position:absolute;bottom:calc(100% + 8px);transform:translate(-50%);box-shadow:0 8px 24px #00000040}.db-tip strong{color:var(--text);font-family:var(--mono);font-size:.95rem}.db-tip b{color:var(--text);font-family:var(--mono)}.db-tip span{align-items:center;gap:6px;display:flex}.db-tip em{white-space:normal;max-width:220px;font-style:normal}.key{border-radius:2px;width:12px;height:3px;display:inline-block}.db-axis{font-family:var(--mono);color:var(--muted);margin-top:4px;font-size:.7rem}.db-axis-track{height:14px;position:relative}.db-axis-track span{position:absolute;transform:translate(-50%)}.db-table{margin-top:12px}@media (width<=640px){.stats{grid-template-columns:1fr}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.dots{grid-template-columns:repeat(13,10px)}.bar-row{grid-template-columns:90px 1fr auto}.big{font-size:2rem}table{font-size:.78rem}.live-wrap,.result-grid{grid-template-columns:1fr;justify-items:center}.result-grid .tiles{width:100%}.db-row,.db-axis{grid-template-columns:92px 1fr 40px;gap:8px}.db-label{font-size:.8rem}.gpu-badge{margin:0 16px 12px;position:static}}