:root{--sunflower: #FFC93C;--sunflower-tint: #FFE7A6;--coral: #FF6B5B;--coral-text: #C2412F;--sky: #3EC1F3;--sky-text: #0A6A92;--mint-text: #17734B;--ink: #1F2440;--ink-muted: #5B6080;--cream: #FFF8EC;--surface: #FFFFFF;--night: #1F2440;--on-brand: #1F2440;--line: rgba(31, 36, 64, .12);--font-display: "Baloo 2", "Nunito", system-ui, sans-serif;--font-body: "Nunito", system-ui, sans-serif;--space-2: 8px;--space-4: 16px;--space-6: 24px;--space-10: 40px;--radius-md: 14px;--radius-lg: 24px;--radius-pill: 999px;--shadow: 0 6px 0 rgba(31, 36, 64, .08);color-scheme:light}@media(prefers-color-scheme:dark){:root{--sunflower-tint: #4A3F1E;--coral: #FF8A7D;--coral-text: #FF8A7D;--sky: #6FD3F7;--sky-text: #6FD3F7;--mint-text: #4CC48A;--ink: #FFF8EC;--ink-muted: #B4B9D6;--cream: #161A30;--surface: #232848;--night: #0E1124;--line: rgba(255, 248, 236, .14);--shadow: 0 6px 0 rgba(0, 0, 0, .25);color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--cream);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:26px;font-weight:500;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--sky-text);outline-offset:3px}.app{min-height:100vh;display:flex;flex-direction:column}.page{width:100%;max-width:1080px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-10);flex:1}.page.narrow{max-width:720px}.center-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:var(--space-4);padding:var(--space-4)}.hero-title{font-family:var(--font-display);font-weight:800;font-size:clamp(32px,5vw,48px);line-height:1.08;margin:0 0 var(--space-2)}.title{font-family:var(--font-display);font-weight:700;font-size:32px;line-height:38px;margin:var(--space-4) 0 var(--space-2)}.heading{font-family:var(--font-display);font-weight:700;font-size:24px;line-height:30px;margin:var(--space-10) 0 var(--space-4)}.question{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,6vw,40px);line-height:1.2;margin:var(--space-2) 0 var(--space-6);text-align:center}.eyebrow{font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--sky-text);margin:0 0 var(--space-2)}.lead{font-size:20px;line-height:30px;font-weight:600}.tiny{font-size:14px;line-height:20px;font-weight:600;margin:4px 0 0}.muted{color:var(--ink-muted)}.header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);max-width:1080px;width:100%;margin:0 auto;flex-wrap:wrap}.logo{display:inline-flex;align-items:center;gap:10px;background:none;border:0;padding:0;font-family:var(--font-display);font-weight:800;font-size:26px;color:var(--ink)}.logo-dot{width:26px;height:26px;border-radius:50%;background:var(--sunflower);box-shadow:10px -8px 0 -4px var(--coral)}.nav{display:flex;gap:var(--space-2);flex-wrap:wrap}.nav-link{background:none;border:0;font-weight:800;padding:8px 14px;border-radius:var(--radius-pill)}.nav-link:hover{background:var(--sunflower-tint)}.footer{text-align:center;padding:var(--space-6) var(--space-4);color:var(--ink-muted);font-size:14px;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--radius-pill);padding:12px 24px;font-weight:800;font-size:18px;line-height:24px;transition:transform .08s ease,box-shadow .08s ease;box-shadow:var(--shadow)}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 3px #1f244014}.btn:disabled{opacity:.55}.btn-primary{background:var(--sunflower);color:var(--on-brand)}.btn-primary:hover:not(:disabled){filter:brightness(1.04)}.btn-sky{background:var(--sky);color:var(--on-brand)}.btn-ghost{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 2px var(--line)}.btn-sm{padding:8px 16px;font-size:16px}.btn-lg{padding:16px 32px;font-size:20px}.btn-block{width:100%}.btn-row{display:flex;gap:var(--space-4);flex-wrap:wrap;justify-content:center;margin:var(--space-6) 0}.link{background:none;border:0;padding:0;font-weight:800;color:var(--sky-text);text-decoration:underline;text-underline-offset:3px}.link.muted{color:var(--ink-muted);text-decoration:none}.card{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow)}.form{display:grid;gap:var(--space-4)}.field{display:grid;gap:6px;font-weight:800;font-size:15px;margin:var(--space-4) 0}.form .field{margin:0}.field input{font:inherit;font-weight:600;color:var(--ink);background:var(--cream);border:2px solid var(--line);border-radius:var(--radius-md);padding:12px 14px}.field input:focus{border-color:var(--sky-text);outline:none}.notice{border-radius:var(--radius-md);padding:12px 14px;font-weight:700;margin:0}.notice.error{background:color-mix(in srgb,var(--coral) 18%,transparent);color:var(--coral-text)}.notice.ok{background:color-mix(in srgb,var(--mint-text) 14%,transparent);color:var(--mint-text)}.pill{display:inline-block;background:var(--sunflower-tint);color:var(--ink);border-radius:var(--radius-pill);padding:4px 14px;font-weight:800;font-size:14px}.pill.small{padding:2px 10px;font-size:13px}.auth{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;gap:var(--space-10);align-items:center;max-width:1080px;margin:0 auto;padding:var(--space-6) var(--space-4)}.auth-hero{position:relative}.auth-hero .hero-title{margin-top:var(--space-6);font-size:clamp(36px,6vw,60px)}.hero-sub{font-size:20px;line-height:30px;color:var(--ink-muted);max-width:30ch}.hero-shapes{position:relative;height:120px;margin-top:var(--space-6)}.shape{position:absolute;border-radius:var(--radius-pill)}.s1{width:180px;height:88px;background:var(--sunflower);left:0;top:16px}.s2{width:64px;height:64px;background:var(--coral);left:196px;top:0}.s3{width:120px;height:56px;background:var(--sky);left:196px;top:72px}.s4{width:40px;height:40px;background:var(--sunflower-tint);left:332px;top:40px}.auth-card .title{margin-top:0}.switch{text-align:center;margin:var(--space-4) 0 0;font-weight:600}@media(max-width:760px){.auth{grid-template-columns:1fr;gap:var(--space-6);min-height:auto}.hero-shapes{display:none}}.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.choice-card{text-align:left;display:grid;gap:4px;background:var(--surface);border:3px solid transparent;border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);box-shadow:var(--shadow);font-size:18px}.choice-card.selected,.chip.selected{border-color:var(--sunflower);background:var(--sunflower-tint)}.chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.chip{background:var(--surface);border:3px solid var(--line);border-radius:var(--radius-pill);padding:8px 18px;font-weight:800}.page.narrow>.btn-lg{margin-top:var(--space-6)}.welcome{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-6);flex-wrap:wrap;margin-top:var(--space-4)}.stats{display:flex;gap:var(--space-4)}.stats.wide{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:var(--space-6)}.stat{border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);min-width:140px;display:grid;color:var(--on-brand)}.stat-sun{background:var(--sunflower)}.stat-coral{background:var(--coral)}.stat-sky{background:var(--sky)}.stat-num{font-family:var(--font-display);font-weight:800;font-size:36px;line-height:40px}.stat-label{font-weight:800;font-size:14px}.topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--space-6)}.topic-card{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow);display:flex;flex-direction:column;transition:transform .12s ease}.topic-card:hover{transform:translateY(-3px)}.topic-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:26px;color:var(--on-brand);margin-bottom:var(--space-4)}.topic-icon.icon-sm{font-size:20px}.topic-icon.icon-xs{font-size:16px}.topic-sunflower .topic-icon{background:var(--sunflower)}.topic-coral .topic-icon{background:var(--coral)}.topic-sky .topic-icon{background:var(--sky)}.topic-title{font-family:var(--font-display);font-weight:700;font-size:22px;line-height:28px;margin:0}.topic-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:auto;padding-top:var(--space-4)}.quiz-top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-2)}.progress{height:16px;border-radius:var(--radius-pill);background:var(--sunflower-tint);overflow:hidden;margin:var(--space-4) 0 var(--space-6)}.progress-fill{height:100%;background:var(--sunflower);border-radius:var(--radius-pill);transition:width .3s ease}.question-card{padding:var(--space-10) var(--space-6)}.answers{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.answer{background:var(--cream);border:3px solid var(--line);border-radius:var(--radius-lg);padding:18px 12px;font-family:var(--font-display);font-weight:700;font-size:26px;line-height:32px;transition:transform .08s ease,background .12s ease}.answer:hover:not(:disabled){border-color:var(--sunflower);background:var(--sunflower-tint);transform:translateY(-2px)}.answer.right{border-color:var(--mint-text);background:color-mix(in srgb,var(--mint-text) 16%,var(--surface))}.answer.right:after{content:" ✓";color:var(--mint-text)}.answer.wrong{border-color:var(--coral-text);opacity:.6;text-decoration:line-through}.answer:disabled{cursor:default}.feedback{min-height:32px;margin-top:var(--space-6);text-align:center;font-weight:800;font-size:19px}.feedback p{margin:0 0 var(--space-2)}.good{color:var(--mint-text)}.good .muted{font-weight:600;font-size:16px;display:block}.bad{color:var(--coral-text)}.hint{color:var(--sky-text)}.quiz-actions{display:flex;justify-content:center;gap:var(--space-4);margin-top:var(--space-4)}@media(max-width:420px){.answers{gap:var(--space-2)}.answer{font-size:22px}}.results-hero{text-align:center;margin-top:var(--space-4)}.score-ring{width:180px;height:180px;margin:var(--space-6) auto var(--space-4);border-radius:50%;background:var(--sunflower);color:var(--on-brand);display:grid;place-content:center;box-shadow:14px -10px 0 -6px var(--coral),var(--shadow)}.score-num{font-family:var(--font-display);font-weight:800;font-size:72px;line-height:72px}.score-of{font-weight:800;font-size:15px}.review{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-2)}.review-item{display:flex;gap:var(--space-4);align-items:flex-start;background:var(--surface);border-radius:var(--radius-md);padding:12px var(--space-4)}.review-item p{margin:2px 0 0}.review-mark{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff}.review-item.right .review-mark{background:var(--mint-text)}.review-item.wrong .review-mark{background:var(--coral-text)}@media(prefers-color-scheme:dark){.review-mark{color:var(--night)}}.empty{text-align:center;margin-top:var(--space-6)}.topic-bars{display:grid;gap:var(--space-4)}.bar-row{display:grid;grid-template-columns:150px 1fr 48px;align-items:center;gap:var(--space-4);font-weight:700}.bar{height:16px;background:var(--sunflower-tint);border-radius:var(--radius-pill);overflow:hidden}.bar-fill{height:100%;background:var(--sunflower);border-radius:var(--radius-pill)}.bar-pct{text-align:right;font-weight:800}.history{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-2)}.history-item{display:grid;grid-template-columns:1fr auto 56px 64px;align-items:center;gap:var(--space-4);background:var(--surface);border-radius:var(--radius-md);padding:12px var(--space-4)}.history-topic{font-weight:800}.history-score{font-family:var(--font-display);font-weight:800;font-size:20px;text-align:right}@media(max-width:520px){.bar-row{grid-template-columns:100px 1fr 44px}.history-item{grid-template-columns:1fr auto 48px}.history-item .tiny{display:none}}.spinner{width:48px;height:48px;border-radius:50%;border:6px solid var(--sunflower-tint);border-top-color:var(--sunflower);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation-duration:2s!important}}.strand-intro{margin:var(--space-6) 0 0;color:var(--ink-muted)}.strand{margin-top:var(--space-6)}.strand-heading{display:flex;align-items:center;gap:12px;margin-top:var(--space-6)}.strand-heading:before{content:"";flex:none;width:14px;height:14px;border-radius:50%;background:var(--sunflower);box-shadow:10px 0 0 0 var(--coral);margin-right:10px}.strand-sub{font-family:var(--font-display);font-weight:700;font-size:19px;line-height:24px;margin:var(--space-6) 0 var(--space-4);color:var(--ink-muted)}.topic-from{margin:6px 0 0;font-size:13px;font-weight:800;color:var(--sky-text)}.revision{margin-top:var(--space-10);border-top:2px dashed var(--line);padding-top:var(--space-2)}.revision>summary{cursor:pointer;list-style:none;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.revision>summary::-webkit-details-marker{display:none}.revision>summary:before{content:"▸";color:var(--coral-text);transition:transform .15s ease;display:inline-block}.revision[open]>summary:before{transform:rotate(90deg)}.nav-badge{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:6px;padding:0 6px;border-radius:var(--radius-pill);background:var(--coral);color:var(--on-brand);font-size:13px;line-height:1}.count-pill{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 8px;margin-left:6px;border-radius:var(--radius-pill);background:var(--sunflower-tint);font-size:16px;vertical-align:middle}.approval-group .heading{margin-top:var(--space-6)}.approval-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-2)}.approval-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;background:var(--surface);border-radius:var(--radius-md);padding:14px var(--space-4);box-shadow:var(--shadow)}.approval-who{display:grid;gap:2px;min-width:0}.approval-who .tiny{margin:0;overflow-wrap:anywhere}.approval-actions{display:flex;gap:var(--space-2)}.page.narrow>.btn-ghost:last-child{margin-top:var(--space-6)}.waiting{text-align:center;padding-top:var(--space-10)}.waiting .lead{max-width:34ch;margin:var(--space-4) auto}.waiting-art{position:relative;height:96px;width:220px;margin:0 auto var(--space-6)}.waiting-art span{position:absolute;border-radius:var(--radius-pill)}.w1{width:120px;height:72px;left:0;top:12px;background:var(--sunflower)}.w2{width:56px;height:56px;left:132px;top:0;background:var(--coral)}.w3{width:72px;height:36px;left:132px;top:60px;background:var(--sky)}