:root{--page-bg: #f5f3ee;--card-bg: #ffffff;--text: #111111;--muted: #5f5a52;--line: #111111;--accent: #00ff66}body{background:radial-gradient(circle at top left,rgba(0,255,102,.16),transparent 28%),linear-gradient(180deg,#ffffff 0%,var(--page-bg) 100%);color:var(--text);font-family:Inter,system-ui,sans-serif}.heading-font{font-family:Archivo Black,sans-serif}.test-page{min-height:100vh;padding:32px 16px 64px}.test-frame{width:min(100%,760px);margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.brand{font-size:clamp(1.65rem,2.2vw,2rem);letter-spacing:-.06em;border-bottom:4px solid var(--line);line-height:1}.screen{display:none}.screen.active{display:block}.panel{border:3px solid var(--line);background:var(--card-bg);box-shadow:8px 8px 0 0 var(--line);padding:24px}.stack{display:grid;gap:18px}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.intro-title,.type-name{font-family:Archivo Black,sans-serif;text-transform:uppercase;letter-spacing:-.04em;line-height:.95}.intro-title{font-size:clamp(2.6rem,7vw,4.8rem)}.lead,.section-copy,.test-copy,.analysis-box p,.note-box p,.author-content p,.dim-item p{color:var(--muted);line-height:1.7}.accent-strip{display:inline-block;background:var(--accent);padding:.1em .26em}.fact-grid{display:grid;gap:12px}.fact{border:2px solid var(--line);padding:14px 16px;background:#faf8f2}.fact strong{display:block;font-family:Archivo Black,sans-serif;font-size:1.3rem;margin-bottom:4px}.question-list,.dim-list,.author-content{display:grid;gap:14px}.question{border:2px solid var(--line);background:#fffdf8;padding:18px}.question-meta,.progress-head,.dim-item-top,.result-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.badge,.match,.type-kicker{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border:2px solid var(--line);background:var(--accent);font-weight:800}.question-title{margin-top:14px;font-size:1.2rem;font-weight:800;line-height:1.6}.options{display:grid;gap:10px;margin-top:16px}.option{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:14px;border:2px solid var(--line);background:#fff;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.option:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 0 var(--line)}.option:has(input:checked){background:#7dffab;box-shadow:4px 4px 0 0 var(--line)}.option:has(input:checked) .option-code{background:#111;color:#fff}.option input{position:absolute;opacity:0;pointer-events:none}.option-code{width:2rem;height:2rem;border:2px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-weight:900;background:#f3f0e9}.progress-shell,.test-card,.analysis-box,.dim-box,.note-box,.author-box,.type-box,.poster-box{border:2px solid var(--line);background:#fff;padding:18px}.progress{height:14px;border:2px solid var(--line);background:#ebe7de;overflow:hidden;margin-top:12px}.progress span{display:block;height:100%;width:0;background:var(--accent);transition:width .2s ease}.progress-text{margin-top:10px;font-weight:800}.pending-questions{margin-top:12px;padding-top:12px;border-top:2px solid var(--line);display:grid;gap:10px}.pending-label{font-size:.9rem;font-weight:800;color:var(--muted)}.pending-grid{display:flex;flex-wrap:wrap;gap:8px}.pending-chip{min-width:2.2rem;height:2.2rem;padding:0 8px;border:2px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-weight:900;background:#f3f0e9}.pending-chip.done{background:var(--accent)}.pending-chip.current{background:#fff}.pending-chip.empty{width:100%;justify-content:flex-start;background:#f7fff9;font-weight:800}.btn-row,.result-actions{display:flex;gap:12px;flex-wrap:wrap}button,.text-link{appearance:none;border:2px solid var(--line);background:#fff;color:var(--text);font:inherit;font-weight:800;padding:13px 18px;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}button:hover,.text-link:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 0 var(--line)}button:disabled{cursor:not-allowed;opacity:.45;transform:none;box-shadow:none}.btn-primary{background:var(--accent)}.btn-secondary,.text-link{background:#fff}.text-link{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.result-layout{display:grid;gap:16px}.poster-image{width:100%;display:block;aspect-ratio:1 / 1;object-fit:cover;border:2px solid var(--line);background:#f1ede4}.poster-box.no-image .poster-image{display:none}.poster-caption{margin-top:12px;font-weight:800}.type-name{font-size:clamp(2rem,5vw,3.4rem);margin-top:14px}.type-subname{margin-top:14px;color:var(--muted);line-height:1.7}.analysis-box h3,.dim-box h3,.note-box h3{font-family:Archivo Black,sans-serif;font-size:1.3rem;margin-bottom:10px}.dim-item{border-top:2px solid var(--line);padding-top:12px}.dim-item:first-child{border-top:0;padding-top:0}.author-box summary{cursor:pointer;font-family:Archivo Black,sans-serif;font-size:1.1rem}.author-content{margin-top:14px}@media(max-width:640px){.test-page{padding-inline:12px}.panel{padding:18px;box-shadow:6px 6px 0 0 var(--line)}.topbar{align-items:flex-start;flex-direction:column}.btn-row,.result-actions{display:grid}button,.text-link{width:100%;justify-content:center}}