*{margin:0;padding:0;box-sizing:border-box}:root{--ink: #111111;--ink-soft: #1f1a17;--paper: #f3eadf;--paper-2: #fff7ee;--paper-3: #d7c7b5;--muted: #5b5148;--line: rgba(17, 17, 17, .14);--night: #090b0e;--night-2: #12161c;--night-3: #1b2129;--night-line: rgba(255, 247, 238, .14);--accent: #ffcb2f;--accent-2: #d83a16;--info: #7e8fa3;--success: #79b63e;--success-bg: rgba(121, 182, 62, .18);--danger-bg: rgba(216, 58, 22, .12);--radius: 6px;--radius-sm: 3px;--shadow: 0 24px 56px rgba(0, 0, 0, .18)}body{font-family:"Source Sans 3",-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top center,rgba(255,203,47,.18),transparent 20%),repeating-linear-gradient(90deg,rgba(17,17,17,.04) 0,rgba(17,17,17,.04) 1px,transparent 1px,transparent 80px),var(--paper);color:var(--ink);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;line-height:1.55}.container{width:100%;max-width:680px}.screen{display:none}.screen.active{display:block;animation:fadeIn .28s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card{border-radius:var(--radius);padding:32px;box-shadow:var(--shadow);border:1px solid var(--line)}#screen-disclaimer .card,#screen-results .card{background:var(--paper-2);color:var(--ink)}#screen-quiz .card,#screen-prediction .card{background:var(--night);color:var(--paper-2);border-color:var(--night-line)}@media (max-width: 480px){body{padding:12px}.card{padding:22px 18px}}#screen-disclaimer .card{text-align:center}.brand-kicker{font-family:IBM Plex Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:14px}.logo{font-size:60px;line-height:1;margin-bottom:10px;filter:grayscale(1) contrast(1.2)}#screen-disclaimer h1,#screen-prediction h2,.results-card h1,.question-text,.duel-headline{font-family:Oswald,IBM Plex Sans Condensed,sans-serif;text-transform:uppercase;letter-spacing:-.03em}#screen-disclaimer h1{font-size:clamp(3rem,9vw,5.5rem);line-height:.9;margin-bottom:10px}.subtitle{color:var(--ink-soft);font-size:1.2rem;line-height:1.25;max-width:560px;margin:0 auto 26px}.disclaimer-box,.challenge-callout,.bias-summary,.overconfidence-section,.dk-result-section,.duel-section{border-radius:var(--radius)}.disclaimer-box{background:#ffcb2f29;border:1px solid rgba(17,17,17,.12);padding:18px;margin-bottom:22px;text-align:left}.disclaimer-box p{color:var(--ink-soft);font-size:1rem;margin-bottom:8px}.disclaimer-box p:last-child{margin-bottom:0}.disclaimer-dim{opacity:.8}.challenge-callout{background:#d83a161a;border:1px solid rgba(216,58,22,.24);padding:16px;margin-bottom:20px;text-align:left}.challenge-callout.hidden{display:none}.challenge-label,.question-counter,.category-badge,.oc-label,.dk-label,.duel-label,.footer-note{font-family:IBM Plex Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.challenge-label{color:var(--accent-2);margin-bottom:8px}.challenge-callout p{color:var(--ink);font-size:.98rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border:1px solid transparent;border-radius:var(--radius-sm);font-family:IBM Plex Sans,sans-serif;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:transform .14s ease,background-color .14s ease,border-color .14s ease,color .14s ease}.btn-primary{background:var(--accent);color:var(--ink);border-color:#11111138}.btn-primary:hover{transform:translateY(-1px);background:#ffd95d}.btn-secondary{background:transparent;color:inherit}#screen-disclaimer .btn-secondary,#screen-results .btn-secondary{border-color:#11111124}#screen-quiz .btn-secondary,#screen-prediction .btn-secondary{border-color:#fff7ee24}.btn-secondary:hover{transform:translateY(-1px)}.btn-large{min-height:56px;padding:0 26px;font-size:1rem}.btn-arrow{font-size:1.15em}.quiz-header{margin-bottom:26px}.progress-bar{height:8px;background:#fff7ee14;border-radius:999px;overflow:hidden;margin-bottom:14px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-2),var(--accent));transition:width .35s ease;width:0}.quiz-meta{display:flex;justify-content:space-between;align-items:center;gap:12px}.question-counter{color:#fff7eeb3}.category-badge{color:var(--accent)}.question-text{font-size:clamp(2rem,6vw,3rem);line-height:.96;margin-bottom:22px}.options{display:flex;flex-direction:column;gap:10px}.option{display:flex;align-items:center;gap:12px;width:100%;padding:16px;background:var(--night-2);color:var(--paper-2);border:1px solid rgba(255,247,238,.12);border-radius:var(--radius);text-align:left;font-family:inherit;font-size:1.02rem;line-height:1.35;cursor:pointer;transition:border-color .14s ease,transform .14s ease,background-color .14s ease}.option:hover:not(.disabled){border-color:#ffcb2f99;transform:translateY(-1px)}.option-letter{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:#ffcb2f24;color:var(--accent);border-radius:var(--radius-sm);font-family:IBM Plex Mono,monospace;font-size:.9rem;font-weight:600;flex-shrink:0}.option.locked{border-color:#ffcb2f99;background:#ffcb2f1f;opacity:1}.option.locked .option-letter{background:var(--accent);color:var(--ink)}.option.correct{border-color:#79b63e66;background:#79b63e24}.option.correct .option-letter{background:var(--success);color:var(--ink)}.option.wrong{border-color:#d83a1673;background:#d83a1629}.option.wrong .option-letter{background:var(--accent-2);color:var(--paper-2)}.option.disabled{cursor:default;opacity:.58}.option.correct,.option.wrong{opacity:1}.confidence-section,.explanation{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,247,238,.12)}.confidence-section.hidden,.explanation.hidden{display:none}.confidence-label,.prediction-subtitle,.result-subtitle,.duel-text{font-size:1rem;line-height:1.3}.confidence-label{margin-bottom:12px;text-align:center;color:var(--paper-2)}.dk-slider-wrap{margin-bottom:18px}.dk-slider-wrap input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;background:#fff7ee1f;border-radius:999px;outline:none;cursor:pointer}.dk-slider-wrap input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.dk-slider-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--accent);border:2px solid var(--ink);cursor:pointer}.dk-slider-wrap input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--accent);border:2px solid var(--ink);cursor:pointer}.confidence-range-labels{display:flex;justify-content:space-between;gap:8px;margin-top:8px;color:#fff7eeb8;font-family:IBM Plex Mono,monospace;font-size:12px}.confidence-range-labels span:nth-child(2){color:var(--accent);font-size:18px;font-family:Oswald,sans-serif;letter-spacing:-.02em}.confidence-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.confidence-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 4px;background:var(--night-2);color:var(--paper-2);border:1px solid rgba(255,247,238,.12);border-radius:var(--radius);font-family:Oswald,sans-serif;font-size:1.3rem;letter-spacing:-.02em;cursor:pointer;transition:border-color .14s ease,transform .14s ease,background-color .14s ease;min-height:48px}.confidence-btn:hover{border-color:#ffcb2f99;transform:translateY(-1px)}.confidence-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.confidence-btn-hint{font-family:IBM Plex Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#fff7ee80}.explanation-icon{font-size:32px;margin-bottom:8px}.explanation-header{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:1.75rem;line-height:.95;margin-bottom:8px}.explanation-header.correct{color:var(--success)}.explanation-header.wrong{color:var(--accent)}.explanation-text{color:#fff7eedb;font-size:.98rem;line-height:1.55;margin-bottom:10px}.explanation-source{font-family:IBM Plex Mono,monospace;font-size:11px;color:#fff7ee8c;margin-bottom:18px}.prediction-card{text-align:center}.prediction-emoji,.result-emoji{font-size:54px;line-height:1;margin-bottom:10px}.prediction-card h2{font-size:clamp(2.3rem,7vw,3.5rem);line-height:.92;margin-bottom:10px}.prediction-subtitle{color:#fff7eec2;margin-bottom:24px}.dk-display{color:var(--accent)}.results-card{text-align:center}.results-card h1{font-size:clamp(2.8rem,8vw,4.6rem);line-height:.9;margin-bottom:26px}.score-ring-container{position:relative;width:170px;height:170px;margin:0 auto 22px}.score-ring{width:100%;height:100%;transform:rotate(-90deg)}.score-ring-bg{fill:none;stroke:#1111111a;stroke-width:10}.score-ring-fill{fill:none;stroke:var(--accent-2);stroke-width:10;stroke-dasharray:439.82;stroke-dashoffset:439.82;transition:stroke-dashoffset 1.2s ease}.score-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.score-number,.score-percent,.oc-value,.gap-value,.dk-val,.duel-value{font-family:Oswald,sans-serif;letter-spacing:-.03em}.score-number{font-size:4rem;line-height:1}.score-percent{font-size:1.4rem;align-self:flex-end;margin-bottom:8px}.result-subtitle{font-family:IBM Plex Sans,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--accent-2);margin-bottom:10px}.result-description{color:var(--ink-soft);font-size:1.02rem;margin:0 auto 24px;max-width:520px}.duel-section{background:#d83a1614;border:1px solid rgba(216,58,22,.22);padding:20px;margin-bottom:18px}.duel-section h3,.overconfidence-section h3,.dk-result-section h3,.bias-summary h3{font-family:IBM Plex Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}.duel-headline{font-size:2rem;margin-bottom:8px}.duel-text{color:var(--ink-soft);margin-bottom:14px}.duel-grid,.overconfidence-grid,.dk-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.duel-item,.oc-item,.dk-item,.bias-summary,.duel-overlap{background:#ffffff47;border:1px solid rgba(17,17,17,.08)}.duel-item,.oc-item,.dk-item{padding:14px;border-radius:var(--radius)}.duel-item-you{background:#ffcb2f33}.duel-label,.oc-label,.dk-label{color:var(--muted);margin-bottom:6px}.duel-value,.oc-value,.dk-val{font-size:2rem;line-height:.94}.duel-subvalue{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--muted);margin-top:4px}.duel-overlap{margin-top:10px;padding:12px;border-radius:var(--radius);font-size:.94rem;color:var(--ink-soft)}.overconfidence-section,.dk-result-section,.bias-summary{padding:20px;margin-bottom:18px;text-align:left}.overconfidence-section{background:#ffcb2f29;border:1px solid rgba(17,17,17,.1)}.dk-result-section{background:#7e8fa31f;border:1px solid rgba(17,17,17,.08)}.bias-summary{background:#1111110a;border:1px solid rgba(17,17,17,.08)}.oc-item.oc-gap{grid-column:1 / -1;background:#d83a161f}.gap-value{font-size:2.1rem;line-height:.94}.gap-overconfident{color:var(--accent-2)}.gap-underconfident{color:var(--info)}.gap-calibrated{color:var(--success)}.dk-diff{margin-top:10px;padding:12px;border-radius:var(--radius);font-size:.96rem;font-weight:600}.dk-diff.overestimate{color:var(--accent-2);background:#d83a161f}.dk-diff.underestimate{color:var(--success);background:var(--success-bg)}.dk-diff.exact{color:var(--ink);background:#ffcb2f33}.bias-summary ul{list-style:none}.bias-summary li{padding:10px 0;border-bottom:1px solid rgba(17,17,17,.08);color:var(--ink-soft)}.bias-summary li:last-child{border-bottom:none}.bias-name{color:var(--ink);font-weight:700}.no-bias{color:var(--success);font-weight:700}.result-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:18px}.footer-note{color:var(--muted);opacity:.9}.toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%) translateY(20px);padding:12px 16px;background:var(--ink);color:var(--paper-2);border:1px solid rgba(255,247,238,.14);border-radius:var(--radius-sm);font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.04em;opacity:0;transition:opacity .2s ease,transform .2s ease;pointer-events:none;z-index:100}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 640px){.duel-grid,.overconfidence-grid,.dk-grid{grid-template-columns:1fr}.result-actions{flex-direction:column}.result-actions .btn,.btn-large,.confidence-section .btn{width:100%}.score-ring-container{width:154px;height:154px}.score-number{font-size:3.5rem}}body[data-page=hub]{align-items:flex-start;padding-top:48px}.hub-container{width:100%;max-width:720px;margin:0 auto}.hub-header{text-align:center;margin-bottom:36px}.hub-header .brand-kicker{font-family:IBM Plex Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:12px}.hub-header h1{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(3rem,9vw,5.5rem);line-height:.9;margin-bottom:10px}.hub-subtitle{color:var(--ink-soft);font-size:1.15rem;line-height:1.3;max-width:520px;margin:0 auto}.quiz-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.quiz-card{display:flex;flex-direction:column;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);padding:24px 20px;text-decoration:none;color:inherit;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease;cursor:pointer}.quiz-card:hover{transform:translateY(-2px);border-color:#11111147;box-shadow:0 12px 32px #0000001a}.quiz-card-emoji{font-size:42px;line-height:1;margin-bottom:12px;filter:grayscale(1) contrast(1.2)}.quiz-card-tag{font-family:IBM Plex Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:8px}.quiz-card-title{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(1.3rem,3.5vw,1.6rem);line-height:1;margin-bottom:8px}.quiz-card-desc{font-size:.88rem;line-height:1.35;color:var(--muted);flex-grow:1;margin-bottom:14px}.quiz-card-meta{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--accent-2);text-transform:uppercase;letter-spacing:.04em}.quiz-card--dark{background:var(--ink);color:var(--paper-2);border-color:var(--night-line)}.quiz-card--dark .quiz-card-tag{color:#f3eadf80}.quiz-card--dark .quiz-card-desc{color:#f3eadfa6}.quiz-card--dark .quiz-card-meta{color:var(--accent)}.quiz-card--dark .quiz-card-emoji{filter:grayscale(.5) contrast(1.1)}.quiz-card--dark:hover{border-color:#fff7ee40}.hub-footer{text-align:center;margin-top:32px;font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--muted);opacity:.8}@media (max-width: 540px){body[data-page=hub]{padding-top:24px}.quiz-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.screen.active,.progress-fill,.score-ring-fill,.toast,.btn,.option{transition:none;animation:none}}