:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#fef6e4;--color-surface:#fff;--color-primary:#f9a826;--color-primary-dark:#e58e0b;--color-accent:#3ec7c7;--color-text:#2b2340;--color-muted:#2b2340ad;--color-correct:#2fb872;--color-incorrect:#e5533d;--color-danger:#d64545;--radius-lg:24px;--radius-md:16px;--focus-ring:3px solid #2b6cff;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:radial-gradient(circle at top, #fffaf0 0%, var(--color-bg) 60%);color:var(--color-text);margin:0}button{font-family:inherit}:focus-visible{outline:var(--focus-ring);outline-offset:2px}.screen{min-height:100dvh;padding:env(safe-area-inset-top,1.5rem) 1.5rem env(safe-area-inset-bottom,1.5rem);flex-direction:column;gap:1.5rem;display:flex}.screen--centered{text-align:center;justify-content:center;align-items:center}.intro-eyebrow{color:var(--color-primary-dark);margin:0;font-size:1.1rem;font-weight:600}.app-title{color:var(--color-text);margin:.25rem 0 2rem;font-size:clamp(2.5rem,8vw,4.5rem)}.screen-heading{margin:0;font-size:clamp(1.4rem,4vw,2.2rem)}.intro-card{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:520px;padding:clamp(2rem,6vw,4rem);box-shadow:0 12px 30px #00000014}.btn{cursor:pointer;border:none;border-radius:999px;min-width:44px;min-height:44px;padding:.9rem 1.8rem;font-size:1.1rem;font-weight:700;transition:transform .15s,box-shadow .15s}.btn:active{transform:scale(.97)}.btn--primary{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;box-shadow:0 6px 16px #f9a82659}.btn--large{padding:1.1rem 2.5rem;font-size:1.3rem}.btn--ghost{color:var(--color-text);background:0 0;border:2px solid #2b234033}.btn--danger{background:var(--color-danger);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.profile-grid,.subject-grid,.choice-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.25rem;width:100%;max-width:720px;display:grid}.profile-card,.subject-card,.choice-card{background:var(--color-surface);border-radius:var(--radius-md);cursor:pointer;border:none;flex-direction:column;align-items:center;gap:.5rem;min-height:44px;padding:1.5rem 1rem;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 8px 20px #0000000f}.profile-card:hover:not(:disabled),.subject-card:hover:not(:disabled),.choice-card:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 24px #0000001a}.profile-avatar,.subject-emoji{font-size:2.75rem}.profile-name,.subject-title{font-size:1.2rem;font-weight:700}.subject-status{color:var(--color-accent);background:#3ec7c726;border-radius:999px;padding:.2rem .7rem;font-size:.9rem;font-weight:600}.subject-summary{color:var(--color-muted);font-size:.85rem}.subject-card--soon{opacity:.55;cursor:not-allowed}.subject-card--soon .subject-status{color:#2b234099;background:#2b234014}.choice-card{color:var(--color-text);font-size:1.6rem;font-weight:800}.choice-card:disabled{cursor:default}.choice-card--correct{background:var(--color-correct);color:#fff}.choice-card--incorrect{background:var(--color-incorrect);color:#fff}.numeric-entry{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.numeric-entry-label{width:100%;color:var(--color-muted);font-weight:600}.numeric-entry-input{text-align:center;border-radius:var(--radius-md);border:2px solid #2b234033;width:7rem;padding:.6rem;font-size:1.6rem;font-weight:700}.hint-area{min-height:2.5rem}.hint-text{color:var(--color-primary-dark);max-width:480px;font-size:1rem;font-weight:600}.feedback-panel{flex-direction:column;align-items:center;gap:1rem;max-width:520px;display:flex}.feedback-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.feedback-text--correct{color:var(--color-correct);font-size:1.2rem;font-weight:700}.feedback-text--incorrect{color:var(--color-incorrect);font-size:1.2rem;font-weight:700}.explanation-text{color:var(--color-text);font-size:1.05rem}.result-emoji{margin:0;font-size:4rem}.result-caption{font-size:1.1rem;font-weight:600}.result-detail{color:var(--color-muted);max-width:420px;font-size:.95rem}.turbo-prompt{font-size:clamp(2rem,6vw,3rem)}.home-header{justify-content:space-between;align-items:flex-start;gap:1rem;width:100%;max-width:960px;margin:0 auto;display:flex}.home-footer{justify-content:center;margin-top:auto;padding-top:1.5rem;display:flex}.progress-section{background:var(--color-surface);border-radius:var(--radius-md);width:100%;max-width:720px;margin:0 auto;padding:1.25rem 1.5rem;box-shadow:0 6px 16px #0000000d}.progress-section h3{margin:0 0 .5rem}.progress-list{margin:0;padding-left:1.25rem}.reset-confirm{flex-direction:column;gap:1rem;display:flex}.update-banner{z-index:100;background:var(--color-text);color:#fff;padding:.75rem 1rem;padding-top:calc(.75rem + env(safe-area-inset-top,0px));flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex;position:sticky;top:0;box-shadow:0 4px 12px #00000026}.update-banner .btn--ghost{color:#fff;border-color:#fff6}@media (width>=768px){.screen{padding-left:3rem;padding-right:3rem}.profile-grid,.subject-grid,.choice-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:960px}.progress-section{max-width:960px}}@media (prefers-reduced-motion:reduce){.btn,.profile-card,.subject-card,.choice-card{transition:none}}