@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=DM+Sans:wght@400;500;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--primary:#5445ed;--primary-light:#e9edff;--accent-yellow:#ffe55c;--success:#008a21;--success-light:#d2fcd2;--error:#d40924;--error-light:#ffe7e4;--selected-bg:#bcf2ff;--text-primary:#050911;--text-secondary:#626975;--surface:#fff;--surface-alt:#f7f5ee;--bg:#faf8f1;--border:#d4d8de;--font-display:"Space Grotesk", sans-serif;--font-body:"DM Sans", sans-serif;--font-mono:"JetBrains Mono", monospace;--shadow-card:0 2px 8px #00000012;--shadow-elevated:0 8px 24px #0000001c;--shadow-offset:3px 3px 0 var(--text-primary);color:var(--text-primary);background:var(--bg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}@supports (color:lab(0% 0 0)){:root{--primary:lab(40.1866% 45.0938 -84.2933);--primary-light:lab(93.7144% 4.08378 -22.0407);--success:lab(50.0939% -56.6293 51.643);--success-light:lab(95.1035% -19.5629 15.3752);--error:lab(45.5382% 69.8881 46.2994);--error-light:lab(93.6401% 18.4729 10.0248);--selected-bg:lab(92.3287% -19.4996 -19.2373);--text-primary:lab(2.42796% -.0840873 -4.13788);--text-secondary:lab(44.2463% -.866443 -7.38345);--surface-alt:lab(96.582% -.305176 3.8071);--bg:lab(97.742% -.305504 3.80692);--border:lab(86.0478% -.515878 -3.73369)}}*{box-sizing:border-box}body{background:var(--bg);margin:0}button{cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-family:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-primary);margin:0}p{margin:0}#root{min-height:100vh}.app-shell{background:var(--surface);flex-direction:column;width:100%;min-height:100vh;margin:0 auto;display:flex}@media (min-width:641px){.app-shell{border-left:1px solid var(--border);border-right:1px solid var(--border);max-width:560px}}.quiz-shell,.quiz-shell .app-shell{min-height:100vh}.quiz-loading{min-height:100vh;color:var(--text-secondary);place-items:center;font-size:1.05rem;display:grid}@media (min-width:1024px){.quiz-shell{background:var(--bg);place-items:center;padding:32px 20px;display:grid}.quiz-shell .app-shell{border:2px solid var(--border);max-width:560px;min-height:0;box-shadow:var(--shadow-elevated);border-radius:16px;overflow:hidden}}.btn-primary{font-family:var(--font-display);background:var(--accent-yellow);color:var(--text-primary);border:2px solid var(--text-primary);box-shadow:var(--shadow-offset);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:18px;font-weight:700;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn-primary:active:not(:disabled){box-shadow:1px 1px 0 var(--text-primary);transform:translate(2px,2px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{font-family:var(--font-display);background:var(--surface);color:var(--text-primary);border:2px solid var(--border);border-radius:10px;padding:10px 24px;font-size:16px;font-weight:700;transition:border-color .12s}.btn-ghost:hover{border-color:var(--text-primary)}.section-label{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);font-size:12px;font-weight:700}