:root{--bg: #dce0e8;--surface: #eff1f5;--surface-2: #e6e9ef;--border: #bcc0cc;--border-soft: #ccd0da;--fg: #4c4f69;--fg-muted: #5c5f77;--accent: #7287fd;--accent-text: #4559c9;--on-accent: #11111b;--accent-soft: #d5dbfe;--good: #2d711e;--warn: #ac4001;--magenta: #802cee;--logo-chip: #f4f5f8;--shadow: 0 1px 2px rgb(76 79 105 / .08), 0 8px 24px rgb(76 79 105 / .08);--radius: 14px;--radius-sm: 9px;--measure: 62ch;--mono: ui-monospace, "JetBrains Mono", "Fira Code", SFMono-Regular, Menlo, Consolas, monospace;--sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #1f2335;--surface: #24283b;--surface-2: #292e42;--border: #3b4261;--border-soft: #2f3549;--fg: #c0caf5;--fg-muted: #a9b1d6;--accent: #7aa2f7;--accent-text: #7aa2f7;--on-accent: #1f2335;--accent-soft: #2c3555;--good: #9ece6a;--warn: #e0af68;--magenta: #bb9af7;--shadow: 0 1px 2px rgb(0 0 0 / .3), 0 8px 28px rgb(0 0 0 / .28);color-scheme:dark}}:root[data-theme=dark]{--bg: #1f2335;--surface: #24283b;--surface-2: #292e42;--border: #3b4261;--border-soft: #2f3549;--fg: #c0caf5;--fg-muted: #a9b1d6;--accent: #7aa2f7;--accent-text: #7aa2f7;--on-accent: #1f2335;--accent-soft: #2c3555;--good: #9ece6a;--warn: #e0af68;--magenta: #bb9af7;--shadow: 0 1px 2px rgb(0 0 0 / .3), 0 8px 28px rgb(0 0 0 / .28);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--fg);font:16px/1.55 var(--sans);display:flex;flex-direction:column}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(var(--border-soft) 1px,transparent 1px),linear-gradient(90deg,var(--border-soft) 1px,transparent 1px);background-size:64px 64px;opacity:.4;mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 20%,transparent 75%)}:where(button,a){font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.skip{position:absolute;left:-9999px;top:0;background:var(--surface);color:var(--fg);padding:.6rem 1rem;z-index:10;border-radius:0 0 var(--radius-sm) 0}.skip:focus{left:0}.masthead{position:relative;z-index:1;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:1rem clamp(1rem,4vw,2.5rem);border-bottom:1px solid var(--border-soft)}.brand{display:flex;align-items:baseline;gap:.55rem;margin:0;font-size:1.05rem;font-weight:650;letter-spacing:-.01em}.brand:before{content:"~$";font:.9em/1 var(--mono);color:var(--accent-text)}.masthead__spacer{flex:1}.control{background:transparent;color:var(--fg-muted);border:1px solid var(--border);border-radius:999px;padding:.35rem .8rem;font-size:.82rem;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.control:hover{color:var(--fg);border-color:var(--accent)}main{position:relative;z-index:1;flex:1;width:100%;max-width:68rem;margin:0 auto;padding:clamp(1rem,3vw,2rem) clamp(1rem,4vw,2.5rem) 4rem}.history{margin:0 0 clamp(1.5rem,5vw,3rem)}.history__legend{display:flex;align-items:center;gap:.55rem;width:fit-content;font:.72rem/1 var(--mono);text-transform:uppercase;letter-spacing:.09em;color:var(--fg-muted);margin-bottom:.7rem;padding:.3rem .5rem .3rem 0;cursor:pointer;border-radius:var(--radius-sm)}.history__legend:hover{color:var(--fg)}.history__count{display:grid;place-items:center;min-width:1.35rem;height:1.35rem;padding:0 .35rem;border-radius:999px;background:var(--surface-2);border:1px solid var(--border)}.history__q{color:var(--fg-muted)}.history__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.history__item button{width:100%;display:flex;gap:.6rem;align-items:baseline;flex-wrap:wrap;background:none;border:0;border-radius:var(--radius-sm);padding:.3rem .5rem;margin-left:-.5rem;text-align:left;color:var(--fg-muted);font-size:.86rem;cursor:pointer;transition:background .15s,color .15s}.history__item button:hover{background:var(--surface-2);color:var(--fg)}.history__item q{quotes:none;color:var(--fg);font-weight:500}.history__item .pencil{margin-left:auto;opacity:0;font-size:.78rem}.history__item button:hover .pencil,.history__item button:focus-visible .pencil{opacity:1}.step{font:.72rem/1 var(--mono);text-transform:uppercase;letter-spacing:.09em;color:var(--fg-muted);display:flex;align-items:center;gap:.75rem}.step__bar{flex:1;max-width:12rem;height:3px;border-radius:999px;background:var(--border);overflow:hidden}.step__bar i{display:block;height:100%;background:var(--accent);transition:width .35s ease}.question__title{margin:.9rem 0 .4rem;font-size:clamp(1.5rem,4.5vw,2.1rem);line-height:1.2;letter-spacing:-.02em;max-width:var(--measure)}.question__hint{margin:0 0 1.8rem;color:var(--fg-muted);max-width:var(--measure)}.options{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.7rem;margin:0;padding:0;border:0}.option{display:flex;align-items:center;gap:.85rem;width:100%;min-height:3.6rem;padding:.85rem 1rem;text-align:left;background:var(--surface);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .15s,background .15s,transform .12s}.option:hover{border-color:var(--accent);transform:translateY(-1px)}.option[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.option__key{flex:none;display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);font:.78rem/1 var(--mono);color:var(--fg-muted)}.option[aria-pressed=true] .option__key{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.actions{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin-top:1.5rem}.btn{border:1px solid var(--border);background:var(--surface);color:var(--fg);border-radius:999px;padding:.6rem 1.3rem;cursor:pointer;transition:border-color .15s,background .15s}.btn:hover{border-color:var(--accent)}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.btn--primary:disabled{opacity:.45;cursor:not-allowed}.keyhint{font:.75rem/1.4 var(--mono);color:var(--fg-muted);margin-top:1.5rem}.prompt{font-size:.85rem;color:var(--fg-muted)}@media(hover:none){.keyhint{display:none}}.result__heading{margin:0 0 1.4rem;font-size:clamp(1.5rem,4.5vw,2.1rem);letter-spacing:-.02em}.notice{margin:0 0 1.5rem;padding:.85rem 1.1rem;border-left:3px solid var(--warn);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--surface);color:var(--fg-muted);font-size:.9rem}.pick{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(1.2rem,4vw,2rem)}.pick__head{display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap}.chip{flex:none;display:grid;place-items:center;background:var(--logo-chip)}.chip>*{width:100%;height:100%;object-fit:contain}.chip--lg{width:4.2rem;height:4.2rem;border-radius:var(--radius-sm);padding:.55rem}.chip--sm{width:2.4rem;height:2.4rem;border-radius:7px;padding:.3rem}.pick__name{margin:0;font-size:1.6rem;letter-spacing:-.02em}.pick__edition{display:inline-block;margin-top:.25rem;font:.78rem/1 var(--mono);color:var(--accent-text);border:1px solid var(--border);border-radius:999px;padding:.3rem .65rem}.pick__match{margin-left:auto;font:.8rem/1 var(--mono);color:var(--fg-muted);text-align:right}.pick__match b{display:block;font:700 1.7rem/1.1 var(--sans);color:var(--fg)}.pick__tagline{margin:1.1rem 0 0;font-size:1.05rem;color:var(--fg-muted);max-width:var(--measure)}.reasons{margin:1.6rem 0 0}.reasons h3{margin:0 0 .6rem;font:.72rem/1 var(--mono);text-transform:uppercase;letter-spacing:.09em;color:var(--fg-muted)}.reasons ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.reasons li{display:flex;gap:.6rem;align-items:baseline}.reasons li:before{flex:none;font:.9rem/1.5 var(--mono)}.reasons--pos li:before{content:"✓";color:var(--good)}.reasons--neg li:before{content:"!";color:var(--warn)}.links{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.8rem}.links a{text-decoration:none}.alts{margin-top:2.5rem}.alts h2{font:.72rem/1 var(--mono);text-transform:uppercase;letter-spacing:.09em;color:var(--fg-muted);margin:0 0 .9rem}.alts__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:.8rem}.alt{display:flex;gap:.9rem;padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.alt h3{margin:0;font-size:1rem}.alt p{margin:.2rem 0 0;font-size:.86rem;color:var(--fg-muted)}.alt__why{margin-top:.5rem!important;color:var(--fg)!important;font-size:.82rem!important}.alt a{color:var(--accent-text);font-size:.82rem}.disclaimer{margin:2.5rem 0 0;max-width:var(--measure);color:var(--fg-muted);font-size:.9rem}.reviewed{margin:.6rem 0 0;font:.75rem/1.5 var(--mono);color:var(--fg-muted)}.result-footer{display:flex;gap:.8rem;margin-top:1.4rem;padding-top:.9rem;border-top:1px solid var(--border)}.result-footer__link{display:grid;width:2.5rem;height:2.5rem;place-items:center;color:var(--fg-muted);border:1px solid var(--border);border-radius:50%;transition:color .15s ease,border-color .15s ease}.result-footer__link:hover,.result-footer__link:focus-visible{color:var(--accent-text);border-color:var(--accent-text)}.result-footer__link:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}.result-footer__link svg{width:1.15rem;height:1.15rem}@media(prefers-reduced-motion:no-preference){.view{animation:rise .28s ease}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}}@media(max-width:34rem){.options{grid-template-columns:1fr}.pick__match{margin-left:0;text-align:left;width:100%}}@media(hover:none){.history__item .pencil{display:none}}