:root{--bg:#f6f7fb;--surface:#fff;--surface-2:#fbfbfc;--border:#e6e8ef;--border-strong:#d5d9e6;--text:#0f172a;--text-muted:#475569;--text-subtle:#64748b;--accent:#1d4ed8;--accent-press:#1e40af;--accent-soft:#1d4ed81f;--shadow:0 10px 30px #0f172a14;--radius:16px;color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,Segoe UI,Roboto,sans-serif}*,:before,:after{box-sizing:border-box}body{min-height:100svh;margin:0}#app{min-height:100svh}.shell{flex-direction:column;gap:1rem;width:min(920px,100%);min-height:100svh;margin:0 auto;padding:clamp(.9rem,2.6vw,1.6rem);display:flex}.shell--quiz{padding-bottom:max(.65rem, env(safe-area-inset-bottom));background:var(--surface);gap:.75rem}.shell--quiz>:last-child{flex:1;min-height:0}.topbar{border-bottom:1px solid var(--border);justify-content:center;align-items:center;padding:.35rem .25rem .85rem;display:flex}.brand-lockup{flex-direction:column;align-items:center;gap:.15rem;display:flex}.brand{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:.78rem;font-weight:700}.brand-subtitle{color:var(--text-subtle);margin:0;font-size:.92rem}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(1.05rem,2.8vw,1.75rem)}.panel.quiz{box-shadow:none;border-color:#d8dee8;padding:0;overflow:hidden}.hero{text-align:center;flex-direction:column;align-items:center;gap:.95rem;margin-block:auto;display:flex}.welcome{text-align:center;color:var(--text-subtle);letter-spacing:.14em;text-transform:uppercase;margin:auto 0 0;font-size:.72rem;font-weight:600}h1,h2,h3{margin:0;line-height:1.15}h1{letter-spacing:-.02em;font-size:clamp(1.55rem,4.6vw,2.35rem);font-weight:700}h2{font-size:clamp(1.2rem,3.6vw,1.65rem);font-weight:600}h3{color:var(--text-muted);font-size:clamp(1.05rem,3.2vw,1.2rem);font-weight:600}p{margin:0;line-height:1.55}.lead{max-width:62ch;color:var(--text-muted);font-size:1rem}.disclaimer{max-width:62ch;color:var(--text-subtle);font-size:.92rem}.trust-chips{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.chip{border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);border-radius:999px;align-items:center;padding:.35rem .65rem;font-size:.82rem;font-weight:600;display:inline-flex}.micro{color:var(--text-subtle);font-size:.9rem}button{font:inherit;cursor:pointer;border:0;border-radius:12px;font-weight:600;transition:transform .12s,background-color .12s,border-color .12s}button:active{transform:translateY(1px)}button:focus-visible{outline:3px solid var(--accent-soft);outline-offset:2px}.cta{background:var(--accent);color:#fff;border:1px solid #0f172a0f;min-height:50px;padding:.75rem 1rem}.cta:hover{background:var(--accent-press)}.ghost{color:var(--text-muted);border:1px solid var(--border-strong);background:#fff;min-height:44px;padding:.6rem .95rem}.ghost:disabled{opacity:.45;cursor:not-allowed}.quiz{flex-direction:column;flex:1;justify-content:flex-start;gap:0;min-height:0;display:flex}.quiz-body{flex-direction:column;flex:none;gap:1.1rem;padding:clamp(1.15rem,3vw,1.85rem) clamp(1.15rem,3vw,1.85rem) .35rem;display:flex}.quiz-prompt{letter-spacing:-.02em;color:#0b1220;font-size:clamp(1.25rem,3.8vw,1.72rem);font-weight:700;line-height:1.25}.quiz-answers{padding:.5rem clamp(1.15rem, 3vw, 1.85rem) max(1.1rem, env(safe-area-inset-bottom));background:var(--surface);flex-direction:column;gap:1rem;display:flex}.progress-head{align-items:center;gap:.75rem;display:flex}.quiz-step{color:var(--text-subtle);letter-spacing:.02em;white-space:nowrap;font-variant-numeric:tabular-nums;margin:0;font-size:.9rem}.progress-wrap{border:1px solid var(--border);background:#e9ecf5;border-radius:999px;flex:1;height:8px;overflow:hidden}.progress{border-radius:inherit;background:var(--accent);height:100%;transition:width .2s}.choices{grid-template-columns:1fr;gap:.85rem;display:grid}.choice{text-align:left;width:100%;min-height:4.5rem;color:var(--text);background:#fff;border:1px solid #c9d4e3;border-radius:10px;flex-direction:column;align-items:flex-start;gap:.45rem;padding:1.15rem 1.35rem;display:flex}.choice:hover{background:#fafbfd;border-color:#9eb0c8}.choice-text{color:#0f172a;font-size:1.02rem;font-weight:500;line-height:1.5;display:block}.choice-example{color:var(--text-muted);font-size:.92rem;font-style:italic;font-weight:400;line-height:1.45;display:block}.choice-score-debug{color:var(--text-subtle);font-family:ui-monospace,Cascadia Code,Segoe UI Mono,monospace;font-size:.8rem;font-weight:500;line-height:1.35}.quiz-footer-nav{justify-content:flex-start;padding-top:.15rem;display:flex}.quiz-back{font:inherit;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-self:flex-start;min-height:auto;margin:0;padding:.35rem 0;font-size:.95rem;font-weight:500}.quiz-back:hover{color:var(--text);text-decoration:underline}.quiz-back:active{transform:none}.result{flex-direction:column;gap:1.25rem;max-width:100%;margin-block:auto;display:flex}.result-header{flex-direction:column;gap:.5rem;display:flex}.result-type{letter-spacing:.08em;font-variant-numeric:tabular-nums;font-size:clamp(2rem,6vw,2.75rem);font-weight:700}.result-lead{color:var(--text-muted);max-width:62ch;font-size:1.02rem}.result-section{border-top:1px solid var(--border);flex-direction:column;gap:.65rem;padding-top:.25rem;display:flex}.result-section-title{letter-spacing:.02em;color:var(--text);margin:0;font-size:.95rem;font-weight:700}.result-section-lead{max-width:68ch;margin:0}.result-about{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;margin:0;overflow:hidden}.result-about summary{cursor:pointer;color:var(--text-muted);-webkit-user-select:none;user-select:none;padding:.5rem .75rem;font-size:.84rem;font-weight:600}.result-about summary:focus-visible{outline:3px solid var(--accent-soft);outline-offset:-2px}.result-about[open] summary{border-bottom:1px solid var(--border)}.result-about-body{max-width:68ch;color:var(--text-subtle);margin:0;padding:.65rem .75rem;font-size:.92rem;line-height:1.55}.result-about--footer{margin-top:.15rem}.stack-list{color:var(--text-muted);flex-direction:column;gap:.45rem;margin:0;padding-left:1.2rem;font-size:.95rem;display:flex}.stack-list li{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.stack-role{color:var(--text-subtle);min-width:6.5rem;font-weight:600}.stack-code{color:var(--text);letter-spacing:.04em;font-family:ui-monospace,Cascadia Code,Segoe UI Mono,monospace;font-weight:700}.rank-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.rank-row{grid-template-columns:minmax(4.25rem,auto) 1fr 1.75rem;align-items:center;gap:.5rem;font-size:.9rem;display:grid}.rank-labels{flex-direction:column;gap:.12rem;line-height:1.2;display:flex}.rank-archetype{letter-spacing:.04em;color:var(--text-subtle);font-size:.72rem;font-weight:600}.rank-code{color:var(--text);letter-spacing:.04em;font-family:ui-monospace,Cascadia Code,Segoe UI Mono,monospace;font-weight:600}.rank-bar-wrap{border:1px solid var(--border);background:#e9ecf5;border-radius:999px;height:8px;overflow:hidden}.rank-bar{border-radius:inherit;background:linear-gradient(90deg, var(--accent-soft), var(--accent));min-width:2px;height:100%;transition:width .25s;display:block}.rank-num{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-muted);font-weight:600}.result-bullets{color:var(--text-muted);flex-direction:column;gap:.4rem;margin:0;padding-left:1.15rem;font-size:.95rem;display:flex}.result-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--text-subtle);font-size:.72rem;font-weight:700}ul{color:var(--text-muted);margin:.15rem 0 0;padding-left:1.1rem}.result-actions{flex-wrap:wrap;gap:.6rem;margin-top:.15rem;display:flex}.toast{color:#0f766e;font-size:.95rem}@media (width<=640px){.shell{padding:.85rem}.shell--quiz{padding:.75rem;padding-bottom:max(.55rem, env(safe-area-inset-bottom))}.panel{border-radius:14px}.choice{min-height:82px;padding:.95rem}.result-actions>button{width:100%}}