@font-face{font-family:Lalezar;font-style:normal;font-display:swap;font-weight:400;src:url(/science-grade1-quiz/assets/lalezar-arabic-400-normal-D6_F3AeY.woff2)format("woff2"),url(/science-grade1-quiz/assets/lalezar-arabic-400-normal-BT7j_n2X.woff)format("woff")}@font-face{font-family:Lalezar;font-style:normal;font-display:swap;font-weight:400;src:url(/science-grade1-quiz/assets/lalezar-latin-400-normal-CsH8Qv7g.woff2)format("woff2"),url(/science-grade1-quiz/assets/lalezar-latin-400-normal-Bm4W26Zi.woff)format("woff")}@font-face{font-family:"Baloo Bhaijaan 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(/science-grade1-quiz/assets/baloo-bhaijaan-2-arabic-wght-normal-CRcpK9-Q.woff2)format("woff2-variations");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:"Baloo Bhaijaan 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(/science-grade1-quiz/assets/baloo-bhaijaan-2-vietnamese-wght-normal-BbBSjvDu.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo Bhaijaan 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(/science-grade1-quiz/assets/baloo-bhaijaan-2-latin-ext-wght-normal-CVnLRR-E.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo Bhaijaan 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(/science-grade1-quiz/assets/baloo-bhaijaan-2-latin-wght-normal-Dg-XQwW0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--sky:#dcf1ff;--meadow:#e8f7dc;--paper:#fffdf6;--ink:#24352a;--ink-soft:#586a5c;--leaf:#3d9a4a;--leaf-deep:#256b31;--sun:#ffc93c;--sun-deep:#b97c00;--good:#2fa868;--good-deep:#1b7547;--good-tint:#dcf6e6;--miss:#ec5f4f;--miss-deep:#b33a2c;--miss-tint:#fff0e6;--cloud:#fff;--hill-back:#c4e8ab;--hill-front:#a6da8a;--star-empty:#ece5cf;--shadow:#24352a33;--font-display:"Lalezar", "Baloo Bhaijaan 2 Variable", "Baloo Bhaijaan 2", "Geeza Pro", system-ui, sans-serif;--font-body:"Baloo Bhaijaan 2 Variable", "Baloo Bhaijaan 2", "Geeza Pro", "Noto Sans Arabic", "Segoe UI", system-ui, sans-serif;--font-emoji:"Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;--radius:26px;--edge:3px solid var(--ink);--lift:0 6px 0 var(--ink);--tone:var(--leaf);--tint:#e1f5dc;--deep:var(--leaf-deep);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{min-height:100%}body{background:var(--sky);color:var(--ink);font-family:var(--font-body);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;margin:0;font-size:18px;line-height:1.6;overflow-x:hidden}#root{z-index:1;position:relative}button{font:inherit;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none}button:disabled{cursor:default}:focus-visible{outline:4px solid var(--sun);outline-offset:3px}h1,h2,p{margin:0}.sky{z-index:0;pointer-events:none;background:linear-gradient(180deg, var(--sky) 0%, var(--sky) 35%, var(--meadow) 100%);position:fixed;inset:0;overflow:hidden}.cloud{background:var(--cloud);opacity:.85;will-change:transform;border-radius:40px;width:128px;height:40px;animation:80s linear infinite drift;position:absolute}.cloud:before,.cloud:after{content:"";background:var(--cloud);border-radius:50%;position:absolute}.cloud:before{width:56px;height:56px;top:-28px;left:18px}.cloud:after{width:44px;height:44px;top:-18px;left:62px}.cloud-1{animation-delay:-12s;top:7%}.cloud-2{animation-duration:110s;animation-delay:-60s;top:19%;scale:.7}.cloud-3{opacity:.7;animation-duration:95s;animation-delay:-35s;top:33%;scale:.55}@keyframes drift{0%{transform:translate(-30vw)}to{transform:translate(130vw)}}.hill{border-radius:50%;position:absolute}.hill-back{background:var(--hill-back);width:150vw;height:44vh;bottom:-30vh;left:-30vw}.hill-front{background:var(--hill-front);width:120vw;height:40vh;bottom:-30vh;right:-40vw}.screen-frame{z-index:1;width:100%;max-width:780px;margin-inline:auto;padding-block:10px 36px;padding-inline:16px;position:relative}.screen{flex-direction:column;gap:18px;min-height:calc(100dvh - 46px);display:flex}.top-bar{justify-content:space-between;align-items:center;gap:12px;min-height:60px;display:flex}.top-bar-title{font-family:var(--font-display);color:var(--deep);font-size:1.6rem}.top-bar-actions{align-items:center;gap:10px;display:flex}.spacer{width:54px}.round-button{border:var(--edge);background:var(--paper);width:54px;height:54px;box-shadow:0 4px 0 var(--ink);border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.round-button svg{fill:none;width:26px;height:26px;stroke:var(--ink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.round-button svg .fill{fill:var(--ink)}.big-button{border:var(--edge);min-height:62px;box-shadow:var(--lift);border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:10px 30px;font-size:1.35rem;font-weight:800;text-decoration:none;display:inline-flex;position:relative}.big-button-leaf{background:var(--leaf);color:#fff}.big-button-sun{background:var(--sun);color:var(--ink)}.big-button-paper{background:var(--paper);color:var(--ink)}.is-pulsing:after,.mode-card.is-suggested:after,.option.is-reveal:after,.track-step.is-current:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:-5px}.is-pulsing:after,.mode-card.is-suggested:after{border:5px solid var(--sun);animation:1.9s ease-out infinite ring}@keyframes ring{0%{opacity:.9;transform:scale(.98)}to{opacity:0;transform:scale(1.12)}}.arrow-icon,.play-icon{fill:none;stroke:currentColor;stroke-width:3.4px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.play-icon{fill:currentColor;stroke-width:2px}.speaker-button{border:var(--edge);background:var(--tone);width:58px;height:58px;box-shadow:0 4px 0 var(--ink);border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.speaker-button svg{width:32px;height:32px}.speaker-body{fill:#fff;stroke:var(--ink);stroke-width:2px;stroke-linejoin:round}.speaker-wave{fill:none;stroke:#fff;stroke-width:2.8px;stroke-linecap:round}.speaker-button.is-speaking .speaker-wave{animation:.9s ease-in-out infinite wave}.speaker-button.is-speaking .wave-2{animation-delay:.2s}@keyframes wave{0%,to{opacity:.25}50%{opacity:1}}.stars{align-items:center;gap:2px;display:inline-flex}.star-icon{width:1.25em;height:1.25em;fill:var(--star-empty);stroke:var(--ink);stroke-width:1.6px;stroke-linejoin:round}.star-icon.is-filled{fill:var(--sun)}.stars-sm{font-size:.95rem}.stars-lg{font-size:2rem}.preview-badge{border:2px dashed var(--sun-deep);color:#6b4b00;white-space:nowrap;background:#fff3c4;border-radius:999px;padding:2px 12px;font-size:.85rem;font-weight:800;display:inline-block}.learned-chip{border:2px solid var(--good);background:var(--good-tint);color:var(--good-deep);border-radius:999px;padding:0 10px;font-size:.82rem;font-weight:800;display:inline-block}.art{place-items:center;width:1.15em;height:1.15em;line-height:1;display:inline-grid}.art-emoji{font-family:var(--font-emoji)}.art-svg svg{width:100%;height:100%;overflow:visible}.splash{text-align:center;justify-content:center;align-items:center;gap:22px}.splash-top{justify-content:center;align-self:stretch;min-height:28px;display:flex}.splash-stage{aspect-ratio:1;place-items:center;width:min(88vw,440px);max-width:100%;display:grid;position:relative}.orbit{position:absolute;inset:0}.orbit-item{font-size:clamp(34px,9vw,54px);position:absolute;translate:-50% -50%}.logo{place-items:center;display:grid;position:relative}.magnifier{width:clamp(70px,20vw,104px);position:absolute;top:-34%;left:-18%;rotate:-12deg}.logo-word{font-family:var(--font-display);color:var(--sun);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:0 8px 0 var(--ink);letter-spacing:0;font-size:clamp(5.5rem,26vw,8.5rem);font-weight:400;line-height:1.1}.splash-tagline{max-width:26ch;color:var(--ink-soft);text-wrap:balance;font-size:1.25rem;font-weight:700}.start-button{min-height:72px;padding-inline:40px;font-size:1.6rem}.brand{align-items:center;gap:8px;min-width:0;display:flex}.brand-mark{width:44px;height:44px}.brand-word{font-family:var(--font-display);color:var(--leaf);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;font-size:2.1rem;line-height:1}.home-body{flex-direction:column;gap:16px;display:flex}.test-banner{border:var(--edge);background:radial-gradient(circle at 12% 30%, #ffffffb3 0 14px, transparent 15px), radial-gradient(circle at 22% 72%, #ffffff80 0 8px, transparent 9px), var(--tint);width:100%;box-shadow:var(--lift);text-align:start;border-radius:30px;align-items:center;gap:14px;padding:14px 16px;display:flex}.test-banner-art{border:var(--edge);background:var(--sun);border-radius:50%;flex:none;place-items:center;width:72px;height:72px;font-size:40px;display:grid}.test-banner-text{flex-direction:column;flex:1;min-width:0;display:flex}.test-banner-title{font-family:var(--font-display);color:var(--deep);font-size:clamp(1.45rem,6vw,1.8rem);line-height:1.3}.test-banner-sub{color:var(--ink-soft);font-weight:700}.section-title{font-family:var(--font-display);color:var(--ink);margin-top:4px;font-size:1.7rem;font-weight:400}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.topic-card{border:var(--edge);border-radius:var(--radius);background:var(--tint);box-shadow:var(--lift);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:12px 10px;display:flex}.topic-card-art{width:100%;height:86px;position:relative}.topic-card-art .art{position:absolute}.topic-card-art .art-back{font-size:46px;top:2px;right:calc(50% - 4px);rotate:10deg}.topic-card-art .art-front{font-size:58px;bottom:0;left:calc(50% - 10px);rotate:-8deg}.topic-card-title{min-height:3.2em;color:var(--deep);text-wrap:balance;place-items:center;font-size:1.05rem;font-weight:800;line-height:1.45;display:grid}.topic-card-foot{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.hub-link{color:var(--deep);align-self:center;font-weight:800}.preview-note{text-align:center;color:var(--ink-soft);max-width:46ch;margin-inline:auto;font-size:.9rem}.topic-hero{border:var(--edge);background:radial-gradient(circle at 80% 20%, #ffffffbf 0 26px, transparent 27px), radial-gradient(circle at 15% 75%, #ffffff8c 0 16px, transparent 17px), var(--tint);box-shadow:var(--lift);border-radius:32px;flex-direction:column;align-items:center;gap:8px;padding:18px 12px 22px;display:flex}.topic-hero-art{width:220px;max-width:100%;height:140px;position:relative}.hero-art{position:absolute}.hero-art-0{font-size:92px;top:0;right:18px}.hero-art-1{font-size:74px;bottom:0;left:18px}.topic-title{font-family:var(--font-display);color:var(--deep);text-align:center;text-wrap:balance;font-size:clamp(1.8rem,7vw,2.4rem);font-weight:400;line-height:1.5}.mode-cards{gap:14px;display:grid}.mode-card{border:var(--edge);border-radius:var(--radius);background:var(--paper);width:100%;box-shadow:var(--lift);text-align:start;align-items:center;gap:14px;padding:14px 16px;display:flex}.mode-icon{background:var(--tint);border-radius:22px;flex:none;place-items:center;width:70px;height:70px;font-size:40px;display:grid}.mode-text{flex-direction:column;flex:1;min-width:0;display:flex}.mode-title{font-family:var(--font-display);color:var(--deep);font-size:1.9rem;line-height:1.3}.mode-sub{color:var(--ink-soft);font-weight:700}.dots{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.dot{border:2px solid var(--ink);background:var(--paper);border-radius:999px;width:12px;height:12px;transition:width .3s,background .3s}.dot.is-done{background:var(--tint)}.dot.is-current{background:var(--tone);width:30px}.learn-stage{flex:1;min-height:380px;display:grid}.learn-stage>*{grid-area:1/1}.learn-card{border:var(--edge);background:radial-gradient(circle at 50% 0%, var(--tint) 0 46%, transparent 46.5%), var(--paper);box-shadow:0 8px 0 var(--ink);touch-action:pan-y;cursor:grab;border-radius:34px;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:34px 18px 26px;display:flex;position:relative}.learn-card:active{cursor:grabbing}.learn-count{top:12px;background:var(--paper);border:2px solid var(--ink);font-variant-numeric:tabular-nums;border-radius:999px;padding:0 10px;font-size:.9rem;font-weight:800;position:absolute;inset-inline-start:16px}.learn-art{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-size:92px;display:flex}.learn-art.count-3{font-size:76px}.learn-art.count-4,.learn-art.count-5{font-size:58px}.learn-art-item{place-items:center;display:grid}.learn-text{text-align:center;text-wrap:balance;max-width:24ch;font-size:clamp(1.45rem,5.4vw,2rem);font-weight:800;line-height:1.7}.learn-done{gap:14px}.learn-done-art{font-size:110px}.learn-done-title{font-family:var(--font-display);color:var(--deep);text-align:center;text-wrap:balance;font-size:2rem;font-weight:400;line-height:1.4}.learn-done-sub{color:var(--ink-soft);font-size:1.25rem;font-weight:700}.learn-nav{align-items:center;gap:12px;display:flex}.nav-button{border:var(--edge);background:var(--paper);width:64px;height:64px;box-shadow:var(--lift);color:var(--ink);border-radius:50%;flex:none;place-items:center;display:grid}.nav-button:disabled{opacity:.35;box-shadow:0 2px 0 var(--ink)}.learn-next{flex:1}.quiz-screen.has-feedback{padding-bottom:250px}.track{flex:1;align-items:center;gap:5px;min-width:0;display:flex}.track-step{border:2px solid var(--ink);background:var(--paper);border-radius:999px;flex:1;height:16px;transition:background .3s;position:relative}.track-step.is-current{background:var(--tint)}.track-step.is-current:after{background:var(--tone);animation:1.4s ease-in-out infinite blink;inset:0}@keyframes blink{0%,to{opacity:.15}50%{opacity:1}}.track-step.is-right{background:var(--good)}.track-step.is-miss{background:var(--miss)}.track-star{place-items:center;display:grid;position:absolute;inset:0}.track-star .star-icon{width:22px;height:22px;fill:var(--sun)}.quiz-count{min-width:46px;font-family:var(--font-display);text-align:center;font-variant-numeric:tabular-nums;flex:none;font-size:1.35rem}.question{flex-direction:column;gap:16px;display:flex}.prompt-row{border:var(--edge);background:var(--paper);box-shadow:0 5px 0 var(--ink);border-radius:26px;align-items:center;gap:12px;padding:12px 14px;display:flex}.prompt{text-wrap:balance;flex:1;min-width:0;font-size:clamp(1.3rem,4.8vw,1.8rem);font-weight:800;line-height:1.6}.question-tf .prompt{font-size:clamp(1.35rem,5vw,1.9rem)}.subject{flex-direction:column;align-self:center;align-items:center;gap:4px;display:flex}.subject-art{gap:6px;font-size:92px;display:flex}.subject-hero .subject-art{font-size:120px}.subject-label{border:2px solid var(--ink);background:var(--tint);color:var(--deep);border-radius:999px;padding:0 16px;font-size:1.1rem;font-weight:800}.options{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.option{border:var(--edge);background:var(--paper);min-height:150px;box-shadow:var(--lift);border-radius:26px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:14px 8px 10px;transition:background .2s,border-color .2s,box-shadow .2s,transform .25s cubic-bezier(.3,1.4,.5,1),opacity .3s;display:flex;position:relative}.option:not(:disabled):active{transform:scale(.94)}.option-art{justify-content:center;align-items:center;gap:2px;min-height:1.15em;font-size:70px;display:flex}.option-art.art-count-2{font-size:50px}.option-art.art-count-3{font-size:40px}.option-label{text-align:center;text-wrap:balance;font-size:1.15rem;font-weight:800;line-height:1.5}.options-sort .option,.options-tf .option{min-height:176px}.options-sort .option-art,.options-tf .option-art{font-size:92px}.options-sort .option-label,.options-tf .option-label{font-size:1.35rem}.option.is-speaking{border-color:var(--deep);background:var(--tint);box-shadow:0 6px 0 var(--deep), 0 0 0 6px var(--tone);transform:scale(1.05)}.option.is-correct{border-color:var(--good-deep);background:var(--good-tint);box-shadow:0 6px 0 var(--good-deep), 0 0 0 6px var(--good);animation:.55s cubic-bezier(.3,1.4,.5,1) bounce-in}.option.is-wrong{border-color:var(--miss-deep);background:var(--miss-tint);box-shadow:0 6px 0 var(--miss-deep);animation:.5s ease-in-out shake}.option.is-reveal{border-color:var(--good-deep);background:var(--good-tint)}.option.is-reveal:after{border:6px solid var(--good);animation:1.2s ease-out .4s 4 both ring;inset:-8px}.option.is-dim{opacity:.45}.option-badge{top:-12px;border:var(--edge);color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;font-size:1.3rem;font-weight:900;line-height:1;display:grid;position:absolute;inset-inline-end:-10px}.badge-good{background:var(--good)}.badge-miss{background:var(--miss)}.feedback{inset-inline:0;z-index:20;width:100%;max-width:780px;padding:16px 18px calc(16px + env(safe-area-inset-bottom,0px));border:var(--edge);box-shadow:0 -10px 30px var(--shadow);border-bottom:0;border-radius:30px 30px 0 0;flex-direction:column;gap:10px;margin-inline:auto;animation:.45s cubic-bezier(.2,.9,.3,1.05) .2s backwards sheet-up;display:flex;position:fixed;bottom:0}.feedback-good{background:var(--good-tint)}.feedback-miss{background:var(--miss-tint)}.feedback-head{align-items:center;gap:12px;display:flex}.feedback-star .star-icon{width:58px;height:58px;fill:var(--sun);stroke-width:1.3px}.feedback-bulb{font-size:50px}.feedback-titles{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.feedback-title{font-family:var(--font-display);font-size:1.9rem;line-height:1.3}.feedback-good .feedback-title{color:var(--good-deep)}.feedback-miss .feedback-title{color:var(--miss-deep);font-size:1.45rem}.feedback-answer{border:2px solid var(--good-deep);background:var(--paper);color:var(--good-deep);border-radius:999px;padding:0 14px;font-size:1.3rem;font-weight:900}.feedback-fact{font-size:1.2rem;font-weight:700;line-height:1.65}.feedback-actions{align-items:center;gap:12px;display:flex}.feedback .speaker-button{background:var(--paper)}.feedback .speaker-body{fill:var(--tone)}.feedback .speaker-wave{stroke:var(--tone)}.next-button{flex:1}.sheet-backdrop{z-index:40;background:#24352a66;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.sheet{border:var(--edge);background:var(--paper);width:min(420px,100%);box-shadow:var(--lift);text-align:center;border-radius:30px;flex-direction:column;gap:10px;padding:24px 20px;display:flex}.sheet-title{font-family:var(--font-display);font-size:1.9rem}.sheet-sub{color:var(--ink-soft);font-weight:700}.sheet-actions{flex-direction:column;gap:12px;margin-top:6px;display:flex}.results-screen{justify-content:center}.results-card{border:var(--edge);background:radial-gradient(circle at 50% 38%, var(--tint) 0 34%, transparent 34.5%), var(--paper);box-shadow:0 8px 0 var(--ink);text-align:center;border-radius:34px;flex-direction:column;align-items:center;gap:16px;padding:26px 18px;display:flex}.results-title{font-family:var(--font-display);color:var(--deep);text-wrap:balance;font-size:clamp(1.9rem,7vw,2.5rem);font-weight:400;line-height:1.4}.results-stars{align-items:flex-end;gap:6px;display:flex}.results-star .star-icon{stroke-width:1.2px;width:78px;height:78px}.results-star.star-2 .star-icon{width:100px;height:100px;translate:0 -14px}.results-score{flex-direction:column;align-items:center;font-size:1.3rem;font-weight:800;display:flex}.results-number{font-family:var(--font-display);color:var(--deep);font-size:3.4rem;line-height:1.1}.results-caption{color:var(--ink-soft);font-size:1.05rem}.results-actions{flex-direction:column;gap:12px;width:min(360px,100%);display:flex}.review{flex-direction:column;gap:10px;display:flex}.review-title{font-family:var(--font-display);font-size:1.6rem;font-weight:400}.review-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.review-item{border:var(--edge);background:var(--tint);border-radius:22px;align-items:center;gap:12px;padding:10px 14px;display:flex}.review-art{flex:none;font-size:46px}.review-text{flex-direction:column;min-width:0;display:flex}.review-q{color:var(--ink-soft);font-size:.95rem;font-weight:700}.review-fact{font-size:1.12rem;font-weight:800;line-height:1.6}.bootstrap-error{text-align:center;justify-content:center;align-items:center;gap:16px}@media (min-width:640px){body{font-size:19px}.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mode-cards{grid-template-columns:1fr 1fr}.option{min-height:170px}.results-actions{flex-flow:wrap;justify-content:center;width:100%}}@media (max-width:370px){.option{min-height:132px}.option-art{font-size:56px}.options-sort .option-art,.options-tf .option-art{font-size:76px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.cloud{animation:none}}@media (max-width:480px){.quiz-screen,.question{gap:12px}.question-pick .subject-art{font-size:72px}.question-pick.question-pick .option{min-height:124px;padding-block:10px 8px}.question-pick .option-art{font-size:58px}.feedback{gap:6px;padding-top:12px}.feedback-fact{font-size:1.08rem;line-height:1.6}.feedback-star .star-icon{width:46px;height:46px}}@media (min-width:760px){body{font-size:21px}.screen-frame{max-width:980px;padding-inline:32px}.round-button,.speaker-button{width:68px;height:68px}.speaker-button svg{width:38px;height:38px}.topic-card{padding:18px 14px 16px}.topic-card-art{height:120px}.topic-card-art .art-back{font-size:64px}.topic-card-art .art-front{font-size:82px}.topic-card-title{font-size:1.25rem}.test-banner-art{width:96px;height:96px;font-size:54px}.hero-art-0{font-size:120px}.hero-art-1{font-size:96px}.topic-hero-art{width:280px;height:180px}.prompt{font-size:2.2rem}.subject-art{font-size:130px}.subject-hero .subject-art{font-size:160px}.option{border-radius:32px;min-height:220px}.option-art{font-size:104px}.option-art.art-count-2{font-size:72px}.option-art.art-count-3{font-size:58px}.option-label{font-size:1.4rem}.options-sort .option,.options-tf .option{min-height:250px}.options-sort .option-art,.options-tf .option-art{font-size:130px}.feedback{max-width:980px;padding-inline:32px}.learn-art{font-size:130px}.learn-art.count-3{font-size:104px}.learn-art.count-4,.learn-art.count-5{font-size:84px}.learn-text{font-size:2.3rem}.learn-stage{min-height:520px}.results-star .star-icon{width:104px;height:104px}.results-star.star-2 .star-icon{width:132px;height:132px}}@media (hover:hover) and (pointer:fine){.topic-card,.test-banner,.mode-card{transition:translate .15s ease-out}.topic-card:hover,.test-banner:hover,.mode-card:hover{translate:0 -3px}}.screen-frame{animation:.32s cubic-bezier(.2,.8,.25,1) backwards screen-in}@keyframes screen-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.rise{animation:.45s cubic-bezier(.2,.8,.25,1) backwards rise;animation-delay:calc(var(--i,0) * 60ms + var(--base-delay,0s))}@keyframes rise{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:none}}.pop{animation:.5s cubic-bezier(.3,1.5,.5,1) backwards pop;animation-delay:calc(var(--i,0) * 90ms + var(--base-delay,0s))}@keyframes pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}.spin-in{animation:.6s cubic-bezier(.3,1.5,.5,1) backwards spin-in;animation-delay:calc(var(--i,0) * var(--step,90ms) + var(--base-delay,0s))}@keyframes spin-in{0%{opacity:0;transform:scale(0)rotate(-150deg)}to{opacity:1;transform:none}}.bob{animation:2.8s ease-in-out infinite bob;animation-delay:calc(var(--i,0) * .35s + .6s);will-change:transform;display:inline-flex}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.orbit-bob{animation:2.6s ease-in-out infinite bob;animation-delay:calc(var(--i,0) * .3s + 1s);will-change:transform;display:inline-flex}.logo-in{animation:.7s cubic-bezier(.3,1.4,.5,1) backwards logo-in}@keyframes logo-in{0%{opacity:0;transform:scale(.6)rotate(-6deg)}to{opacity:1;transform:none}}.question-in{animation:.4s cubic-bezier(.2,.8,.25,1) backwards rise}.fade-in{animation:.2s ease-out backwards fade-in}@keyframes fade-in{0%{opacity:0}}@keyframes bounce-in{0%{transform:scale(1)}35%{transform:scale(1.12)}70%{transform:scale(.97)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-11px)}30%{transform:translate(11px)}45%{transform:translate(-8px)}60%{transform:translate(8px)}75%{transform:translate(-4px)}90%{transform:translate(4px)}}@keyframes sheet-up{0%{transform:translateY(110%)}to{transform:none}}.press{transition:transform .15s cubic-bezier(.3,1.4,.5,1)}.press:active{transform:scale(.95)}.option-slot{flex:calc(50% - 12px);max-width:calc(50% - 6px);display:flex}.option-slot>.option{flex:1;max-width:none}.learn-card{will-change:transform;transition:transform .35s cubic-bezier(.3,1.3,.5,1)}.learn-card.is-dragging{transition:none}.card-in-next{animation:.45s cubic-bezier(.2,.9,.3,1.05) backwards card-in-next}.card-in-prev{animation:.45s cubic-bezier(.2,.9,.3,1.05) backwards card-in-prev}@keyframes card-in-next{0%{opacity:0;transform:translate(-70px)rotate(-3deg)}to{opacity:1;transform:none}}@keyframes card-in-prev{0%{opacity:0;transform:translate(70px)rotate(3deg)}to{opacity:1;transform:none}}.learn-art-item{flex-direction:column;gap:4px}.learn-art-label{border:2px solid var(--ink);background:var(--tint);color:var(--deep);border-radius:999px;padding:0 10px;font-size:1rem;font-weight:800;line-height:1.6}.confetti-canvas{z-index:30;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}@media (min-width:640px){.options-pick.count-4 .option-slot{flex-basis:calc(25% - 12px);max-width:calc(25% - 9px)}.options-pick.count-3 .option-slot{flex-basis:calc(33.33% - 12px);max-width:calc(33.33% - 8px)}}@media (min-width:760px){.learn-art-label{font-size:1.25rem}}