:root,:root[data-theme=dark]{--bg: #0a0a0a;--surface: #111111;--surface-2: #171717;--text: #ededed;--text-secondary: #a3a3a3;--text-muted: #707070;--accent: #ffffff;--accent-contrast: #0a0a0a;--accent-soft: rgba(255, 255, 255, .07);--accent-border: rgba(255, 255, 255, .3);--border: #262626;--warning: #f87171;--warning-soft: rgba(248, 113, 113, .08);--score-glow: 0 0 40px rgba(255, 255, 255, .25);--btn-glow: 0 0 24px rgba(255, 255, 255, .18);--cell-border: #333333;--cell-missing-bg: #171717;--cube-top: #d4d4d4;--cube-left: #404040;--cube-right: #8a8a8a;--cube-stroke: #0a0a0a}:root[data-theme=light]{--bg: #fafafa;--surface: #ffffff;--surface-2: #f4f4f4;--text: #111111;--text-secondary: #454545;--text-muted: #757575;--accent: #111111;--accent-contrast: #ffffff;--accent-soft: rgba(0, 0, 0, .05);--accent-border: rgba(0, 0, 0, .3);--border: #e2e2e2;--warning: #dc2626;--warning-soft: #fef2f2;--score-glow: none;--btn-glow: 0 6px 18px rgba(0, 0, 0, .18);--cell-border: #cbd5e1;--cell-missing-bg: #f8fafc;--cube-top: #e2e8f0;--cube-left: #475569;--cube-right: #94a3b8;--cube-stroke: #1e293b}*{box-sizing:border-box}::selection{background:var(--accent);color:var(--accent-contrast)}body{margin:0;font-family:ui-monospace,Cascadia Code,Segoe UI Mono,Consolas,Menlo,monospace;background:var(--bg);color:var(--text);line-height:1.6;transition:background .2s,color .2s}.app{max-width:780px;margin:0 auto;padding:20px 16px 72px}.app-bar{display:flex;justify-content:flex-end;margin-bottom:8px}.theme-toggle{display:inline-grid;place-items:center;width:36px;height:36px;color:var(--text-secondary);background:color-mix(in srgb,var(--surface) 82%,transparent);border:1px solid color-mix(in srgb,var(--border) 76%,transparent);border-radius:999px;padding:0;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .15s}.theme-toggle:hover{border-color:var(--accent-border);color:var(--text);background:var(--accent-soft);transform:translateY(-1px)}.theme-toggle:focus-visible{outline:2px solid var(--accent-border);outline-offset:3px}.theme-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.theme-toggle svg circle{fill:currentColor;stroke:currentColor}.screen{display:flex;flex-direction:column;gap:22px}h1{font-size:2.1rem;line-height:1.25;margin:0;text-align:center;letter-spacing:-.01em;font-weight:700}h2{font-size:1rem;margin:0 0 14px;color:var(--text)}h2:before{content:"// ";color:var(--text-muted)}.hero{display:flex;flex-direction:column;align-items:center;gap:18px;padding:30px 0 8px;text-align:center}.hero-badge{font-size:.78rem;font-weight:500;letter-spacing:.05em;color:var(--text-secondary);background:var(--accent-soft);border:1px solid var(--border);border-radius:4px;padding:5px 14px}.gradient-text{background:var(--accent);color:var(--accent-contrast);padding:0 10px}.cursor{display:inline-block;width:.55em;margin-left:4px;background:var(--accent);animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.tagline{color:var(--text-secondary);margin:0;max-width:540px;font-size:.92rem}.stat-chips{display:flex;gap:10px}.chip{display:flex;flex-direction:column;align-items:center;min-width:96px;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:12px 18px}.chip strong{font-size:1.4rem;line-height:1.2;color:var(--text)}.chip span{font-size:.72rem;color:var(--text-muted);letter-spacing:.06em;text-transform:lowercase}.domain-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.domain-card{display:flex;gap:14px;align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:18px;transition:border-color .15s}.domain-card:hover{border-color:var(--accent-border)}.domain-index{flex-shrink:0;color:var(--text-muted);font-size:.85rem;font-weight:600;padding-top:2px}.domain-icon{flex-shrink:0;width:40px;height:40px;display:grid;place-items:center;border-radius:6px;background:var(--accent-soft);border:1px solid var(--border);color:var(--text)}.domain-icon svg{width:24px;height:24px}.domain-card h3{margin:0 0 3px;font-size:.9rem;color:var(--text)}.domain-card p{margin:0;font-size:.78rem;color:var(--text-muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:26px}.card ul{margin:0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:9px;color:var(--text-secondary);font-size:.88rem}.card ul li:before{content:"> ";color:var(--text-muted)}.btn-primary,.btn-secondary{font-size:.95rem;font-weight:600;font-family:inherit;padding:12px 28px;border-radius:6px;border:none;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s,opacity .15s}.btn-primary{background:var(--accent);color:var(--accent-contrast);align-self:center}.btn-primary:before{content:"> "}.btn-primary:hover{opacity:.88;box-shadow:var(--btn-glow)}.btn-hero{font-size:1rem;padding:14px 38px}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--accent-border);background:var(--accent-soft)}.btn-secondary:disabled{opacity:.35;cursor:default}.disclaimer{font-size:.76rem;color:var(--text-muted);text-align:center;max-width:600px;margin:0 auto}.test-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.progress-label{color:var(--text-muted);font-size:.88rem}.progress-label strong{color:var(--text);font-size:1.05rem}.domain-tag{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:lowercase;color:var(--text-secondary);background:var(--accent-soft);border:1px solid var(--border);border-radius:4px;padding:4px 12px}.timer{display:inline-flex;align-items:center;gap:7px;font-variant-numeric:tabular-nums;font-weight:700;font-size:1.05rem;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:5px 14px}.timer-icon{width:14px;height:14px}.timer-warning{color:var(--warning);border-color:var(--warning);background:var(--warning-soft)}.question-dots{display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.dot{width:30px;height:30px;border-radius:5px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:.7rem;font-weight:600;font-family:inherit;cursor:pointer;transition:border-color .12s,background .12s}.dot:hover{border-color:var(--accent-border)}.dot-answered{background:var(--accent-soft);border-color:var(--accent-border);color:var(--text)}.dot-current{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.question-prompt{font-size:1.05rem;font-weight:600;margin:0 0 18px}.question-prompt:before{content:">_ ";color:var(--text-muted)}.question-figure{display:flex;justify-content:center;margin-bottom:22px;color:var(--text)}.figure-grid{width:min(340px,80vw)}.figure-single{width:120px}.figure-cubes{width:180px}.missing-mark{font-size:42px;font-weight:700;fill:var(--text-muted)}.options{display:grid;gap:10px}.options-text{grid-template-columns:1fr 1fr}.options-figures{grid-template-columns:repeat(4,1fr)}.option{display:flex;flex-direction:column;align-items:center;gap:6px;padding:13px;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:.95rem;font-family:inherit;color:var(--text);transition:border-color .12s,background .12s}.options-text .option{flex-direction:row;justify-content:flex-start;gap:12px}.option:hover{border-color:var(--accent-border)}.option-selected,.option-selected:hover{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}.option-label{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex-shrink:0;border-radius:4px;background:var(--surface);border:1px solid var(--border);color:var(--text-muted);font-size:.8rem;font-weight:700}.option-selected .option-label{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.option .figure-single{width:72px}.option .figure-cubes{width:90px}.test-nav{display:flex;justify-content:space-between;align-items:center;gap:10px}.answered-count{font-size:.78rem;color:var(--text-muted)}.result-card{text-align:center;padding:36px 26px 28px}.iq-label{color:var(--text-muted);font-weight:600;font-size:.78rem;letter-spacing:.12em;text-transform:lowercase}.iq-label:before{content:">_ "}.iq-score{font-size:4.6rem;font-weight:800;line-height:1.05;color:var(--text);text-shadow:var(--score-glow)}.classification-badge{display:inline-block;margin-top:12px;font-size:.92rem;font-weight:700;color:var(--accent-contrast);background:var(--accent);border:1px solid var(--accent);border-radius:4px;padding:6px 20px}.percentile{color:var(--text-secondary);margin:14px 0 4px;font-size:.92rem}.percentile strong{color:var(--text)}.confidence{color:var(--text-muted);font-size:.8rem;margin:0 0 18px}.confidence strong{color:var(--text-secondary)}.bell-curve{width:100%;max-width:480px}.bell-area{fill:var(--accent-soft)}.bell-line{stroke:var(--text);stroke-width:2}.bell-axis{stroke:var(--border);stroke-width:1.5}.bell-tick{font-size:12px;fill:var(--text-muted);font-family:inherit}.bell-marker{stroke:var(--text);stroke-width:2;stroke-dasharray:4 3}.bell-marker-dot{fill:var(--text)}.bell-marker-label{font-size:13px;font-weight:700;fill:var(--text);font-family:inherit}.domain-bars{display:flex;flex-direction:column;gap:14px;margin:6px 0 18px}.domain-row{display:grid;grid-template-columns:190px 1fr 48px;align-items:center;gap:12px}.domain-name{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.bar-track{height:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:3px;overflow:hidden}.bar-fill{height:100%;background:var(--text);border-radius:0 3px 3px 0;transition:width .5s ease}.domain-value{font-size:.82rem;font-weight:600;text-align:right;font-variant-numeric:tabular-nums;color:var(--text)}.result-detail{color:var(--text-muted);font-size:.8rem;margin:0;text-align:center}@media(max-width:620px){h1{font-size:1.6rem}.domain-grid,.options-text{grid-template-columns:1fr}.options-figures{grid-template-columns:1fr 1fr}.iq-score{font-size:3.6rem}.domain-row{grid-template-columns:130px 1fr 44px}.domain-name{font-size:.72rem}.test-header{flex-wrap:wrap}}