:root{--font-display:"Playfair Display", Georgia, serif;--font-body:"DM Sans", system-ui, sans-serif;--color-bg-page:#faf8f5;--color-bg-card:#fff;--color-bg-card-alt:#f5f3ef;--color-bg-option-label:#eef2ff;--color-text-primary:#2c2c2c;--color-text-heading-1:#1a2744;--color-text-heading-2:#1a2744;--color-text-muted:#4a5568;--color-text-subtle:#718096;--color-text-notice:#374151;--color-text-white:#fff;--color-border-default:#e5e0d8;--color-card-border:#1a27441f;--color-accent-subtle:#1d4ed81f;--color-rank-number:#8fa3b8;--color-ring-track:#dde3eb;--color-accent:#1d4ed8;--color-accent-hover-bg:#eff6ff;--color-accent-checked-bg:#dbeafe;--color-btn-primary:#1d4ed8;--color-btn-primary-hover:#1e40af;--color-btn-disabled:#a0aec0;--color-correct:#16a34a;--color-correct-bg:#f0fdf4;--color-incorrect:#dc2626;--color-incorrect-bg:#fef2f2;--color-warning:#d97706;--color-warning-bg:#fffbeb;--color-union-red:#c8102e;--shadow-card:0 2px 16px #1a27441a;--shadow-card-hover:0 8px 32px #1a274429;--action-bar-height:96px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg-page:#0d1526;--color-bg-card:#111827;--color-bg-card-alt:#1a2235;--color-bg-option-label:#1e3055;--color-text-primary:#e2e8f0;--color-text-heading-1:#e2e8f0;--color-text-heading-2:#cbd5e1;--color-text-muted:#94a3b8;--color-text-subtle:#64748b;--color-text-notice:#cbd5e1;--color-border-default:#1e2d42;--color-card-border:#ffffff12;--color-accent-subtle:#3b82f62e;--color-rank-number:#4a6580;--color-ring-track:#1e2d42;--color-accent:#3b82f6;--color-accent-hover-bg:#1e3a5f;--color-accent-checked-bg:#1e3f6e;--color-btn-primary:#2563eb;--color-btn-primary-hover:#1d4ed8;--color-btn-disabled:#374151;--color-correct:#22c55e;--color-correct-bg:#052e16;--color-incorrect:#ef4444;--color-incorrect-bg:#2d0707;--color-warning:#f59e0b;--color-warning-bg:#1c1200;--shadow-card:0 4px 32px #00000080}}:root[data-theme=dark]{--color-bg-page:#0d1526;--color-bg-card:#111827;--color-bg-card-alt:#1a2235;--color-bg-option-label:#1e3055;--color-text-primary:#e2e8f0;--color-text-heading-1:#e2e8f0;--color-text-heading-2:#cbd5e1;--color-text-muted:#94a3b8;--color-text-subtle:#64748b;--color-text-notice:#cbd5e1;--color-border-default:#1e2d42;--color-card-border:#ffffff12;--color-accent-subtle:#3b82f62e;--color-rank-number:#4a6580;--color-ring-track:#1e2d42;--color-accent:#3b82f6;--color-accent-hover-bg:#1e3a5f;--color-accent-checked-bg:#1e3f6e;--color-btn-primary:#2563eb;--color-btn-primary-hover:#1d4ed8;--color-btn-disabled:#374151;--color-correct:#22c55e;--color-correct-bg:#052e16;--color-incorrect:#ef4444;--color-incorrect-bg:#2d0707;--color-warning:#f59e0b;--color-warning-bg:#1c1200;--shadow-card:0 4px 32px #00000080}:root[data-theme=light]{--font-display:"Playfair Display", Georgia, serif;--font-body:"DM Sans", system-ui, sans-serif;--color-bg-page:#faf8f5;--color-bg-card:#fff;--color-bg-card-alt:#f5f3ef;--color-bg-option-label:#eef2ff;--color-text-primary:#2c2c2c;--color-text-heading-1:#1a2744;--color-text-heading-2:#1a2744;--color-text-muted:#4a5568;--color-text-subtle:#718096;--color-text-notice:#374151;--color-text-white:#fff;--color-border-default:#e5e0d8;--color-card-border:#1a27441f;--color-accent-subtle:#1d4ed81f;--color-rank-number:#8fa3b8;--color-ring-track:#dde3eb;--color-accent:#1d4ed8;--color-accent-hover-bg:#eff6ff;--color-accent-checked-bg:#dbeafe;--color-btn-primary:#1d4ed8;--color-btn-primary-hover:#1e40af;--color-btn-disabled:#a0aec0;--color-correct:#16a34a;--color-correct-bg:#f0fdf4;--color-incorrect:#dc2626;--color-incorrect-bg:#fef2f2;--color-warning:#d97706;--color-warning-bg:#fffbeb;--color-union-red:#c8102e;--shadow-card:0 2px 16px #1a27441a;--shadow-card-hover:0 8px 32px #1a274429}@media (prefers-reduced-motion:no-preference){@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes optionReveal{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(50px)rotate(40deg)}}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-bg-page);color:var(--color-text-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");background-repeat:repeat;min-height:100vh;line-height:1.6;transition:background-color .3s,color .3s}#root{max-width:800px;min-height:100vh;padding:2rem 1rem;padding-bottom:var(--action-bar-height);justify-content:center;align-items:flex-start;margin:0 auto;display:flex}.start-screen,.question-card,.results-screen{background:var(--color-bg-card);border:1px solid var(--color-card-border);box-shadow:var(--shadow-card);border-radius:16px;width:100%;padding:2.5rem}@media (prefers-reduced-motion:no-preference){.start-screen,.question-card,.results-screen{animation:.35s both fadeSlideUp}}.question-card{min-height:calc(100dvh - 8rem - var(--action-bar-height));flex-direction:column;align-self:stretch;display:flex}.question-body{min-height:0;padding-bottom:calc(var(--action-bar-height) + 1.5rem);scrollbar-width:none;flex:1 1 0;overflow-y:auto}.question-body::-webkit-scrollbar{display:none}.question-actions{z-index:200;padding:.75rem 1rem max(.75rem, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--color-border-default);isolation:isolate;pointer-events:none;background:#faf8f5e0;justify-content:center;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #00000014}.question-actions__inner{pointer-events:auto;justify-content:center;width:100%;max-width:800px;display:flex}h1{font-family:var(--font-body);color:var(--color-text-heading-1);letter-spacing:-.02em;font-feature-settings:"kern" 1;margin-bottom:.75rem;font-size:clamp(1.8rem,5vw,2.6rem);font-weight:900;line-height:1.15}h2{font-family:var(--font-body);color:var(--color-text-heading-2);letter-spacing:-.01em;margin-bottom:1.25rem;font-size:clamp(1.1rem,3vw,1.4rem);font-weight:700;line-height:1.4}.start-screen{text-align:center;position:relative;overflow:hidden}.start-screen__watermark{z-index:0;opacity:.035;pointer-events:none;position:absolute;inset:0;overflow:hidden}.start-screen__content{z-index:1;position:relative}.start-screen__stats{flex-wrap:wrap;justify-content:center;gap:.625rem;margin-bottom:2rem;display:flex}.start-screen__chip{border:1.5px solid var(--color-border-default);color:var(--color-text-muted);background:var(--color-bg-card-alt);border-radius:999px;align-items:center;gap:.375rem;padding:.375rem .875rem;font-size:.8rem;font-weight:600;display:inline-flex}.start-screen__actions{flex-direction:column;align-items:center;gap:.75rem;display:flex}.start-screen__notice{color:var(--color-text-notice);text-align:center;margin-top:1.5rem;font-size:.8rem}.start-screen__notice a{color:var(--color-accent);font-weight:600;text-decoration:underline}.start-screen h1:after{content:"";opacity:.75;background:#c8102e;border-radius:2px;width:64px;height:4px;margin:.625rem auto 0;display:block}.description{color:var(--color-text-heading-2);max-width:480px;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;font-size:1.05rem;line-height:1.85}.progress-bar-container{background:var(--color-border-default);border-radius:3px;width:100%;height:6px;margin-bottom:.5rem;position:relative;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--color-accent), #3b82f6);height:100%;transition:width .4s;position:relative}.category{background:var(--color-accent-subtle);color:var(--color-accent);text-transform:uppercase;letter-spacing:.12em;border:1px solid #1d4ed833;border-radius:999px;align-items:center;margin-bottom:.875rem;padding:.3rem .875rem;font-size:.74rem;font-weight:700;display:inline-flex}.progress-row{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.25rem;display:flex}.progress-row .progress-bar-container{margin-bottom:.25rem}.progress{color:var(--color-text-subtle);font-size:.82rem;font-weight:500}.options{flex-direction:column;gap:.625rem;margin-bottom:1.5rem;display:flex}.option{border:2px solid var(--color-border-default);background:var(--color-bg-card);width:100%;color:var(--color-text-heading-2);font-family:var(--font-body);text-align:left;cursor:pointer;border-left-width:4px;border-radius:10px;align-items:center;gap:.75rem;min-height:2.75rem;padding:.875rem 1rem .875rem .75rem;font-size:.95rem;transition:border-color .15s,background .15s,transform .1s;display:flex}@media (prefers-reduced-motion:no-preference){.option{animation:.3s both optionReveal;animation-delay:calc(var(--option-index,0) * 60ms)}}.option-label{background:var(--color-bg-option-label);min-width:1.75rem;height:1.75rem;color:var(--color-accent);border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:inline-flex}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .option-label{color:var(--color-text-white)}}:root[data-theme=dark] .option-label{color:var(--color-text-white)}.option-key-hint{display:none}.option.correct{border-color:var(--color-correct);background:var(--color-correct-bg)}.option.correct .option-label{background:var(--color-correct);color:var(--color-text-white)}.option.incorrect{border-color:var(--color-incorrect);background:var(--color-incorrect-bg)}.option.incorrect .option-label{background:var(--color-incorrect);color:var(--color-text-white)}.option.option--missed{background:#d9770614;border-color:#d97706}.option.option--missed .option-label{color:#fff;background:#d97706}.option-missed-label{color:#d97706;word-break:break-word;flex-shrink:0;max-width:8rem;margin-left:auto;font-size:.72rem;font-weight:600}.option:disabled{cursor:default}.option--checked{border-color:var(--color-accent);background:var(--color-accent-checked-bg);box-shadow:inset 0 0 0 1px var(--color-accent)}.option--checked:not(:disabled):hover{background:var(--color-accent-checked-bg);box-shadow:inset 0 0 0 1px var(--color-accent)}.multi-hint{color:var(--color-text-subtle);margin-bottom:.75rem;font-size:.8rem;font-style:italic}@media (prefers-reduced-motion:no-preference){@keyframes nextPulse{0%{box-shadow:0 0 #1d4ed873}60%{box-shadow:0 0 0 7px #1d4ed800}to{box-shadow:0 0 #1d4ed800}}}.submit-btn{background:var(--color-btn-primary);color:var(--color-text-white);font-family:var(--font-body);cursor:pointer;border:none;border-radius:999px;min-width:160px;margin-bottom:0;padding:.875rem 2.25rem;font-size:1rem;font-weight:700;transition:background .15s,transform .1s,box-shadow .15s;display:inline-block;box-shadow:inset 0 1px #ffffff26,0 2px 8px #1d4ed847}.submit-btn:hover:not(:disabled){background:var(--color-btn-primary-hover);transform:translateY(-2px);box-shadow:inset 0 1px #ffffff26,0 6px 20px #1d4ed861}.submit-btn:disabled{background:var(--color-btn-disabled);opacity:.55;box-shadow:none;cursor:not-allowed}.primary-btn,.next-btn{background:var(--color-btn-primary);color:var(--color-text-white);font-family:var(--font-body);letter-spacing:.02em;cursor:pointer;border:none;border-radius:999px;padding:.875rem 2.25rem;font-size:1rem;font-weight:700;transition:background .15s,transform .1s,box-shadow .15s;display:inline-block;box-shadow:inset 0 1px #ffffff26,0 2px 8px #1d4ed847}.primary-btn:hover:not(:disabled){background:var(--color-btn-primary-hover);transform:translateY(-2px);box-shadow:inset 0 1px #ffffff26,0 6px 20px #1d4ed861}.primary-btn:disabled{background:var(--color-btn-disabled);cursor:not-allowed}.next-btn{min-width:160px;color:var(--color-accent);border:2px solid var(--color-accent);box-shadow:none;background:0 0;margin-top:0}@media (prefers-reduced-motion:no-preference){.next-btn{animation:1.8s ease-out infinite nextPulse}}.next-btn:hover{background:var(--color-accent);color:var(--color-text-white);border-color:var(--color-accent);animation:none;box-shadow:0 4px 16px #1d4ed859}.secondary-btn{background:var(--color-bg-card-alt);color:var(--color-btn-primary);border:2px solid var(--color-btn-primary);font-family:var(--font-body);letter-spacing:.02em;cursor:pointer;border-radius:8px;margin-top:0;padding:.875rem 2rem;font-size:1rem;font-weight:700;transition:background .15s,color .15s,transform .1s,box-shadow .15s;display:inline-block}.secondary-btn:hover{background:var(--color-btn-primary);color:var(--color-text-white);transform:translateY(-1px);box-shadow:0 4px 12px #1d4ed833}.secondary-btn:disabled{color:var(--color-btn-disabled);border-color:var(--color-btn-disabled);cursor:not-allowed}.ghost-btn{color:var(--color-text-muted);border:1.5px solid var(--color-border-default);font-family:var(--font-body);letter-spacing:.02em;cursor:pointer;background:0 0;border-radius:8px;margin-top:0;padding:.875rem 2rem;font-size:1rem;font-weight:700;transition:border-color .15s,color .15s,transform .1s;display:inline-block}.ghost-btn:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px)}.refresh-btn{color:var(--color-text-subtle);border:1.5px solid var(--color-border-default);font-family:var(--font-body);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;flex-shrink:0;padding:.4rem .875rem;font-size:.8rem;font-weight:600;transition:border-color .15s,color .15s}.refresh-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.refresh-btn:disabled{color:var(--color-btn-disabled);border-color:var(--color-btn-disabled);cursor:not-allowed}.results-screen{text-align:center}.score-ring-wrapper{flex-direction:column;align-items:center;margin:1.75rem 0 1.25rem;display:flex}.score-ring{background:conic-gradient(var(--ring-color,var(--color-correct)) calc(var(--pct,0) * 1%), var(--color-ring-track) 0);border-radius:50%;justify-content:center;align-items:center;width:180px;height:180px;display:flex;position:relative}.score-ring:before{content:"";background:var(--color-bg-card);z-index:0;border-radius:50%;position:absolute;inset:26px}.score-ring>div{z-index:1;flex-direction:column;align-items:center;gap:2px;display:flex;position:relative}.score{font-family:var(--font-display);color:var(--color-text-heading-1);text-align:center;letter-spacing:-.02em;font-size:clamp(2rem,7vw,3rem);font-weight:900;line-height:1}@media (prefers-reduced-motion:no-preference){.score{animation:.5s cubic-bezier(.34,1.56,.64,1) .1s both scaleIn}}.score-pct{font-family:var(--font-body);color:var(--color-text-subtle);letter-spacing:.02em;font-size:.8rem;font-weight:600}.verdict{text-align:center;font-family:var(--font-display);letter-spacing:.02em;border-radius:10px;max-width:fit-content;margin-bottom:2rem;margin-left:auto;margin-right:auto;padding:.75rem 2rem;font-size:1.2rem;font-weight:700;display:block}.verdict.pass{font-family:var(--font-body);color:var(--color-correct);background:var(--color-correct-bg);border:1.5px solid var(--color-correct);position:relative;box-shadow:0 2px 12px #16a34a2e}.verdict.pass:before,.verdict.pass:after{content:"🎊";font-size:1.5rem;position:absolute;top:-.625rem}@media (prefers-reduced-motion:no-preference){.verdict.pass:before,.verdict.pass:after{animation:2s ease-out forwards confettiFall}}.verdict.pass:before{animation-delay:.1s;left:-1.5rem}.verdict.pass:after{animation-delay:.3s;right:-1.5rem}.verdict.fail{font-family:var(--font-body);color:var(--color-text-muted);background:var(--color-bg-card-alt);border:1.5px solid var(--color-border-default)}.results-actions{flex-direction:column;align-items:center;gap:.75rem;display:flex}.breakdown{text-align:left;flex-direction:column;gap:.75rem;list-style:none;display:flex}.breakdown-scroll{scrollbar-width:thin;scrollbar-color:var(--color-border-default) var(--color-bg-card-alt);border-radius:10px;max-height:45dvh;margin-bottom:2rem;overflow:hidden auto}.breakdown-scroll .breakdown{margin-bottom:0}.breakdown-scroll::-webkit-scrollbar{width:7px}.breakdown-scroll::-webkit-scrollbar-track{background:var(--color-border-default);border-radius:3px}.breakdown-scroll::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:3px}.breakdown-scroll::-webkit-scrollbar-thumb:hover{background:var(--color-text-subtle)}.breakdown-item{background:var(--color-bg-card-alt);border-radius:10px;align-items:flex-start;gap:.75rem;padding:.75rem;display:flex}.breakdown-item.correct{border-left:4px solid var(--color-correct);background:var(--color-correct-bg)}.breakdown-item.incorrect{border-left:4px solid var(--color-incorrect);background:var(--color-incorrect-bg)}.icon{flex-shrink:0;margin-top:2px;font-size:1rem;font-weight:700}.breakdown-item.correct .icon{color:var(--color-correct)}.breakdown-item.incorrect .icon{color:var(--color-incorrect)}.question-text{color:var(--color-text-heading-2);font-size:.9rem}.correct-answer{color:var(--color-correct);margin-top:.2rem;font-size:.8rem}.answer-detail{flex-direction:column;gap:.2rem;margin-top:.35rem;display:flex}.answer-yours{font-size:.8rem;font-family:var(--font-body)}.answer-yours.correct{color:var(--color-correct)}.answer-yours.incorrect{color:var(--color-incorrect)}.answer-correct-label{font-size:.8rem;font-family:var(--font-body);color:var(--color-correct)}.explanation{color:var(--color-text-muted);background:var(--color-accent-hover-bg);border-left:4px solid var(--color-accent);border-radius:8px;margin-bottom:1rem;padding:.875rem 1.1rem;font-size:.92rem;line-height:1.65}.error{color:var(--color-incorrect);margin-top:.75rem;font-size:.9rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stats-screen{background:var(--color-bg-card);border:1px solid var(--color-card-border);width:100%;box-shadow:var(--shadow-card);border-radius:16px;flex-direction:column;align-self:stretch;min-height:calc(100dvh - 4rem);padding:2rem 2.5rem;display:flex}@media (prefers-reduced-motion:no-preference){.stats-screen{animation:.35s both fadeSlideUp}}.stats-header{flex-direction:column;gap:.375rem;margin-bottom:1.25rem;display:flex}.stats-header__title-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.stats-header h2{font-family:var(--font-body);color:var(--color-text-heading-1);letter-spacing:-.01em;margin-bottom:0;font-size:2rem;font-weight:700;line-height:1.1}.stats-header__summary{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.stats-summary-item{color:var(--color-text-subtle);font-size:.82rem;font-family:var(--font-body)}.stats-summary-value{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-weight:700}.stats-summary-divider{color:var(--color-border-default);-webkit-user-select:none;user-select:none;font-size:1rem;line-height:1}.stats-tabs{border-bottom:2px solid var(--color-border-default);gap:0;margin-bottom:1.5rem;display:flex}.stats-tab{color:var(--color-text-subtle);font-family:var(--font-body);cursor:pointer;letter-spacing:.01em;background:0 0;border:none;border-bottom:3px solid #0000;flex:none;margin-bottom:-2px;padding:.625rem 1.5rem .625rem 0;font-size:.9rem;font-weight:600;transition:color .2s,border-color .2s}.stats-tab:hover{color:var(--color-text-primary);border-bottom-color:var(--color-text-muted)}.stats-tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent);font-weight:700}.stats-list{scrollbar-width:thin;scrollbar-color:var(--color-border-default) transparent;flex-direction:column;flex:1 1 0;gap:.5rem;min-height:0;padding:0 .5rem 0 0;list-style:none;display:flex;overflow-y:auto}.stats-list::-webkit-scrollbar{width:6px}.stats-list::-webkit-scrollbar-track{background:0 0}.stats-list::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:100px}.stats-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.stats-list-container{flex-direction:column;flex:auto;display:flex;position:relative}.stats-item{background:var(--color-bg-card-alt);border-left:3px solid var(--color-border-default);border-radius:10px;grid-template-columns:2.5rem 1fr;column-gap:.75rem;padding:.875rem 1rem;transition:border-color .2s,box-shadow .15s;display:grid}.stats-item:hover{box-shadow:0 2px 8px #1a274414}.stats-item.high-accuracy{border-left-color:var(--color-correct)}.stats-item.low-accuracy{border-left-color:var(--color-incorrect)}.stats-item.high-accuracy .stats-accuracy{color:var(--color-correct)}.stats-item.low-accuracy .stats-accuracy{color:var(--color-incorrect)}.stats-item__rank{font-family:var(--font-body);font-variant-numeric:tabular-nums;color:var(--color-rank-number);letter-spacing:0;grid-area:1/1/span 2;justify-content:center;align-self:start;align-items:flex-start;padding-top:.15rem;font-size:1.3rem;font-weight:700;line-height:1;display:flex}.stats-item__body{flex-direction:column;grid-area:1/2;gap:.2rem;min-width:0;display:flex}.stats-item .question-text{color:var(--color-text-heading-2);font-size:.95rem;font-weight:500;line-height:1.55}.stats-item .category{margin-bottom:.375rem}.stats-item__right{flex-direction:row;grid-area:2/2;align-items:center;gap:.625rem;padding-top:.2rem;display:flex}.stats-item-meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.stats-accuracy{font-family:var(--font-body);font-variant-numeric:tabular-nums;color:var(--color-text-heading-2);font-size:1.1rem;font-weight:700;line-height:inherit}.stats-attempts{color:var(--color-text-notice);font-variant-numeric:tabular-nums;font-size:.72rem}.stats-meta-sep{color:var(--color-border-default);-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:.75rem}.stats-loading{flex-direction:column;gap:.5rem;margin-bottom:2rem;display:flex}.stats-skeleton{flex-direction:column;gap:.5rem;display:flex}.stats-skeleton__item{background:linear-gradient(90deg, var(--color-bg-card-alt) 25%, var(--color-border-default) 50%, var(--color-bg-card-alt) 75%);background-size:400% 100%;border-radius:10px;height:88px}@media (prefers-reduced-motion:no-preference){.stats-skeleton__item{animation:1.6s infinite shimmer}.stats-skeleton__item:nth-child(2){animation-delay:.15s}.stats-skeleton__item:nth-child(3){animation-delay:.3s}}.stats-empty{color:var(--color-text-subtle);text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1rem;display:flex}.stats-empty__icon{font-size:2.5rem;line-height:1}.stats-empty p{font-size:.9rem}.theme-toggle{display:flex;position:relative}.theme-toggle__trigger{border:1px solid var(--color-border-default);width:2.5rem;height:2.5rem;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(8px);color:var(--color-text-primary);background:#ffffffe0;border-radius:12px;transition:color .15s,background .15s,transform .1s,box-shadow .15s}.theme-toggle__trigger:hover{color:var(--color-accent);background:var(--color-accent-hover-bg);box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle__trigger{background:#0d1526e0}}:root[data-theme=dark] .theme-toggle__trigger{background:#0d1526e0}.theme-toggle__dropdown{border:1px solid var(--color-border-default);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(8px);z-index:101;background:#ffffffe0;border-radius:12px;flex-direction:column;gap:.375rem;padding:.4rem;display:flex;position:absolute;top:calc(100% + .375rem);right:0}@media (prefers-reduced-motion:no-preference){@keyframes themeDropdown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.theme-toggle__dropdown{animation:.18s themeDropdown}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle__dropdown{background:#0d1526e0}}:root[data-theme=dark] .theme-toggle__dropdown{background:#0d1526e0}.github-link{border:1px solid var(--color-border-default);width:2.5rem;height:2.5rem;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(8px);color:var(--color-text-primary);background:#ffffffe0;border-radius:12px;justify-content:center;align-items:center;text-decoration:none;transition:color .15s,background .15s,transform .1s,box-shadow .15s;display:flex}.github-link:hover{color:var(--color-accent);background:var(--color-accent-hover-bg);box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.github-link svg{fill:currentColor;width:1.25rem;height:1.25rem}.nav-right{z-index:100;flex-direction:row;align-items:center;gap:.5rem;display:flex;position:fixed;top:1rem;right:1rem}.home-btn{z-index:100;border:1px solid var(--color-border-default);width:2.5rem;height:2.5rem;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(8px);color:var(--color-text-primary);cursor:pointer;background:#ffffffe0;border-radius:12px;justify-content:center;align-items:center;transition:color .15s,background .15s,transform .1s,box-shadow .15s;display:flex;position:fixed;top:1rem;left:1rem}.home-btn:hover{color:var(--color-accent);background:var(--color-accent-hover-bg);box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.home-btn--noop{opacity:.45;cursor:default}.home-btn--noop:hover{color:var(--color-text-primary);box-shadow:var(--shadow-card);background:#ffffffe0;transform:none}.home-btn svg{width:1.25rem;height:1.25rem}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .home-btn,:root:not([data-theme=light]) .home-btn--noop:hover{background:#0d1526e0}}:root[data-theme=dark] .home-btn,:root[data-theme=dark] .home-btn--noop:hover{background:#0d1526e0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .github-link{background:#0d1526e0}}:root[data-theme=dark] .github-link{background:#0d1526e0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .question-actions{background:#0d1526e0;box-shadow:0 -4px 24px #00000052}}:root[data-theme=dark] .question-actions{background:#0d1526e0;box-shadow:0 -4px 24px #00000052}.theme-btn{cursor:pointer;width:2.5rem;height:2.5rem;color:var(--color-text-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;transition:background .15s,color .15s;display:flex}.theme-btn:hover{background:var(--color-accent-hover-bg);color:var(--color-accent)}.theme-btn--active{background:var(--color-accent);color:var(--color-text-white);border-radius:8px}.theme-btn--active:hover{background:var(--color-btn-primary-hover);color:var(--color-text-white)}.footer{border-top:1px solid var(--color-border-default);text-align:center;font-family:var(--font-body);margin-top:2rem;padding-top:1.25rem}.footer__links{flex-wrap:wrap;justify-content:center;gap:.5rem 1rem;margin-bottom:.625rem;display:flex}.footer__link{font-family:var(--font-body);color:var(--color-text-notice);cursor:pointer;background:0 0;border:none;margin:0;padding:.5rem .25rem;font-size:.85rem;line-height:1.6;text-decoration:underline;transition:color .15s}.footer__link:hover{color:var(--color-accent)}.footer__copy{color:var(--color-text-notice);margin:0;font-size:.78rem}.footer__version{color:var(--color-text-subtle);margin:0;font-family:ui-monospace,Cascadia Code,Source Code Pro,monospace;font-size:.7rem}.legal-page{max-width:680px;line-height:1.75}.legal-page h2{font-family:var(--font-display);color:var(--color-text-heading-2);margin-top:1.75rem;margin-bottom:.5rem;font-size:clamp(1rem,2.5vw,1.2rem);font-weight:700}.legal-page h2:first-child{margin-top:0;margin-bottom:.375rem;font-size:clamp(1.4rem,4vw,1.9rem)}.legal-page p{color:var(--color-text-primary);margin-bottom:.875rem;font-size:.95rem}.legal-page ul{margin-bottom:.875rem;margin-left:1.5rem}.legal-page li{color:var(--color-text-primary);margin-bottom:.375rem;font-size:.95rem}.legal-page a{color:var(--color-accent)}.legal-page a:hover{text-decoration:underline}.legal-page code{background:var(--color-bg-card-alt);border:1px solid var(--color-border-default);color:var(--color-text-primary);border-radius:4px;padding:.1em .35em;font-family:ui-monospace,Cascadia Code,Source Code Pro,monospace;font-size:.875em}.legal-page .primary-btn{margin-top:1.5rem}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .option.option--missed{background:#d9770621}}:root[data-theme=dark] .option.option--missed{background:#d9770621}@media (width<=600px){#root{padding:4.5rem 1.25rem 1rem;padding-bottom:var(--action-bar-height);align-items:flex-start}.theme-btn,.theme-toggle__trigger,.github-link,.home-btn{width:2.75rem;height:2.75rem}.start-screen,.question-card,.results-screen,.stats-screen{padding:1.5rem}.stats-screen{min-height:calc(100dvh - 5.5rem)}.question-card{min-height:calc(100dvh - 9.5rem - var(--action-bar-height))}h1{font-size:1.6rem}h2{font-size:1.15rem}.score{font-size:1.9rem}.stats-list{max-height:none}.score-ring{width:150px;height:150px}.score-ring:before{inset:20px}.breakdown-scroll{max-height:38dvh}.start-screen__stats{grid-template-columns:1fr 1fr 1fr;gap:.5rem;display:grid}.start-screen__chip{justify-content:center;padding:.25rem .6rem;font-size:.72rem;display:flex}.stats-item{grid-template-columns:2rem 1fr;column-gap:.5rem;padding:.75rem}.stats-item__rank,.stats-accuracy{font-size:1rem}.stats-header h2{font-size:1.6rem}.start-screen__actions .primary-btn,.start-screen__actions .secondary-btn,.start-screen__actions .ghost-btn{width:100%;max-width:320px}.results-actions .primary-btn,.results-actions .secondary-btn{width:100%;max-width:280px}.score-ring-wrapper{margin:1.25rem 0 1rem}.results-actions{gap:.625rem}.verdict.pass:before{left:.25rem}.verdict.pass:after{right:.25rem}.stats-tab{align-items:center;min-height:2.75rem;display:flex}.next-btn,.submit-btn{width:100%}.start-screen__notice{font-size:.875rem}.footer__links{grid-template-columns:1fr 1fr;justify-items:stretch;gap:.5rem;display:grid}.footer__link{background:var(--color-bg-card-alt);border:1px solid var(--color-border-default);text-align:center;border-radius:999px;width:100%;padding:.35rem .75rem;font-size:.78rem;text-decoration:none}}