:root{font-family:Nunito,sans-serif;color:#292342;background:#f7f3ff;font-synthesis:none}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;min-width:320px;min-height:100vh;overscroll-behavior-y:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body.no-page-scroll{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;overflow:hidden;touch-action:pan-x}button{font:inherit}button:focus-visible{outline:4px solid #f7b731;outline-offset:3px}.app-shell{min-height:100vh;background:radial-gradient(circle at 10% 5%,#fff4d8 0,transparent 22rem),radial-gradient(circle at 100% 30%,#e9e0ff 0,transparent 25rem),#faf8ff}.app-content{min-height:100vh;transform-origin:center;backface-visibility:hidden}.app-content.flip-out{pointer-events:none;animation:page-flip-out .36s cubic-bezier(.45,0,.2,1) both}.app-content.flip-in{pointer-events:none;animation:page-flip-in .36s cubic-bezier(.45,0,.2,1) both}@keyframes page-flip-out{0%{transform:perspective(1400px) rotateY(0) scale(1)}to{transform:perspective(1400px) rotateY(-90deg) scale(.95)}}@keyframes page-flip-in{0%{transform:perspective(1400px) rotateY(90deg) scale(.95)}to{transform:perspective(1400px) rotateY(0) scale(1)}}.app-shell.splash-active .app-content{pointer-events:none;animation:app-screen-flip-in 3.2s cubic-bezier(.45,0,.2,1) both}.app-header{height:72px;padding:0 max(20px,calc((100vw - 920px)/2));background:#5932a8;color:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 18px #35186c35}.brand{border:0;background:transparent;color:#fff;display:flex;align-items:center;gap:10px;font-family:Fredoka;font-size:1.25rem;font-weight:700;cursor:pointer}.brand-mark{width:42px;height:42px;display:grid;place-items:center;color:#5932a8;background:#ffd65a;border:3px solid white;border-radius:50% 45% 52% 48%;transform:rotate(-4deg)}.brand-logo{width:72px;height:60px;object-fit:contain;display:block;filter:drop-shadow(0 3px 5px #02071380)}.quiet-button{color:#fff;border:2px solid #ffffff75;background:#ffffff18;padding:8px 18px;border-radius:999px;font-weight:800;cursor:pointer}.page{width:min(100% - 32px,780px);margin:auto;padding:48px 0 72px}.intro{text-align:center;margin-bottom:32px}.eyebrow{margin:0 0 8px;color:#7653bd;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:800}h1,h2{font-family:Fredoka}h1{margin:0 0 8px;font-size:clamp(2rem,7vw,3rem);line-height:1.05;color:#382366}.intro p:last-child,.results-screen>p{margin:0;color:#716b82;font-size:1.05rem}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.subject-card{min-height:128px;padding:18px;display:flex;align-items:center;gap:16px;border:3px solid transparent;border-radius:24px;background:#fff;color:#292342;box-shadow:0 8px #e8e0f2,0 14px 30px #54338c16;cursor:pointer;text-align:left;transition:transform .18s,border-color .18s}.subject-card:hover{transform:translateY(-3px)}.subject-card.selected{border-color:#6b45b5;box-shadow:0 8px #6b45b5,0 14px 30px #54338c25}.subject-icon{flex:0 0 76px;height:76px;border-radius:22px;display:grid;place-items:center;font:700 2rem Fredoka}.letters .subject-icon,.history-badge.letters{background:#ffe7a6;color:#a65d00}.numbers .subject-icon,.history-badge.numbers{background:#d9f3ed;color:#08796c;font-size:1.5rem}.subject-card strong{display:block;font:700 1.5rem Fredoka}.subject-card small,.history-row small{display:block;margin-top:4px;color:#777084}.settings-card{margin:30px 0 24px;padding:26px;background:#fff;border:1px solid #eee8f5;border-radius:24px;box-shadow:0 12px 35px #54338c12}.settings-card h2{margin:0 0 12px;font-size:1rem;color:#4c4260}.settings-card h2:not(:first-child){margin-top:24px}.segmented-control{padding:5px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;border-radius:15px;background:#f2eef8}.segmented-control.two{grid-template-columns:1fr 1fr}.segmented-control.four{grid-template-columns:repeat(4,1fr)}.segmented-control button{min-height:46px;border:0;border-radius:11px;background:transparent;color:#6c6579;font-weight:800;cursor:pointer}.segmented-control button.active{background:#6842b1;color:#fff;box-shadow:0 4px 12px #5932a83d}.segmented-control .option-emoji-icon{display:inline-block;font-size:1.5rem;line-height:1}.primary-button,.secondary-button{width:100%;min-height:58px;border-radius:17px;font-weight:800;cursor:pointer}.primary-button{border:0;background:linear-gradient(135deg,#6e46bd,#4e2999);color:#fff;font-size:1.1rem;box-shadow:0 7px #351a72,0 14px 24px #4e29992e}.primary-button span{margin-left:8px;font-size:1.35rem}.secondary-button{margin-top:16px;border:2px solid #d8cceb;background:#fff;color:#5c39a2}.history{margin-top:48px}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-heading h2{margin:0 0 14px;font-size:1.25rem}.section-heading span{color:#8b8398;font-size:.85rem}.history-row{margin-bottom:10px;padding:12px 14px;display:grid;grid-template-columns:48px 1fr auto 34px;align-items:center;gap:12px;background:#fff;border:1px solid #eee8f5;border-radius:16px}.history-badge{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;font:700 1rem Fredoka}.history-score{font-weight:800;color:#5b36a2}.history-score.score-high{color:#16a36f}.history-score.score-medium{color:#c77a00}.history-score.score-low{color:#dc4358}.app-shell[data-theme=dark] .history-score.score-high{color:#45dda8}.app-shell[data-theme=dark] .history-score.score-medium{color:#ffc857}.app-shell[data-theme=dark] .history-score.score-low{color:#ff7b8d}.delete-button{width:32px;height:32px;border:0;border-radius:50%;background:#f4eff8;color:#8d8299;font-size:1.2rem;cursor:pointer}.play-screen{width:min(100% - 32px,640px)}.progress-meta{display:flex;justify-content:space-between;margin-bottom:9px;color:#756c85;font-size:.9rem}.progress-meta strong{color:#4d3c6d}.progress-track{height:11px;overflow:hidden;background:#e5deef;border-radius:999px}.segmented-progress{display:flex}.segmented-progress .progress-segment{flex:1 1 0;min-width:0;border-right:1px solid #ffffff22;border-radius:0;background:var(--surface-soft);transition:background .25s,transform .25s}.segmented-progress .progress-segment:first-child{border-radius:999px 0 0 999px}.segmented-progress .progress-segment:last-child{border-right:0;border-radius:0 999px 999px 0}.segmented-progress .progress-segment.correct{background:#20b486}.segmented-progress .progress-segment.incorrect{background:#ef5f70}.segmented-progress .progress-segment.current{background:#7182ff;animation:current-progress-pulse 1.8s ease-in-out infinite}@keyframes current-progress-pulse{50%{filter:brightness(1.3)}}@media (prefers-reduced-motion: reduce){.segmented-progress .progress-segment.current{animation:none}}.flash-card{position:relative;min-height:min(52vh,450px);margin:28px 0 22px;display:grid;place-items:center;overflow:hidden;border:5px solid white;border-radius:36px;box-shadow:0 12px #d9ceea,0 26px 50px #4324752b}.flash-card.letters{background:linear-gradient(145deg,#fff9e9,#ffedb6)}.flash-card.numbers{background:linear-gradient(145deg,#edfffa,#c9f0e8)}.card-value{color:#55309f;font:700 clamp(9rem,34vw,15rem)/1 "Fredoka";text-shadow:0 7px 0 white;letter-spacing:-.07em}.flash-card.numbers .card-value{color:#087b70;font-size:clamp(7rem,28vw,13rem);letter-spacing:-.04em}.card-value.paired{font-size:clamp(7rem,28vw,12rem)}.card-sparkle{position:absolute;color:#e0a516;opacity:.55;font-size:2.2rem}.card-sparkle.one{top:12%;left:10%;transform:rotate(-12deg)}.card-sparkle.two{right:11%;bottom:14%;font-size:1rem}.prompt{text-align:center;color:#6f687e;font-weight:700}.answer-buttons{display:grid;grid-template-columns:1fr 1fr;gap:14px}.answer-buttons button{min-height:65px;border:0;border-radius:18px;color:#fff;font-weight:800;font-size:1.05rem;cursor:pointer;box-shadow:0 6px 0 var(--shadow)}.answer-buttons span{margin-right:7px;font-size:1.5rem;vertical-align:-2px}.wrong-button{background:#ed6471;--shadow: #b73b49}.correct-button{background:#29aa82;--shadow: #08795c}.answer-buttons button:active,.primary-button:active{transform:translateY(4px);box-shadow:0 2px 0 var(--shadow, #351a72)}.back-button{width:100%;margin-top:22px;border:0;background:transparent;color:#7353ad;font-weight:800;cursor:pointer}.back-button:disabled{opacity:.3;cursor:default}.results-screen{max-width:570px;text-align:center}.celebration{width:76px;height:76px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50%;background:#ffd75c;color:#9b5d00;font-size:2.4rem;box-shadow:0 8px #e6aa22}.score-ring{width:190px;height:190px;margin:36px auto;padding:14px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#6540af var(--score),#e9e1f3 0)}.score-ring div{width:100%;height:100%;display:grid;place-content:center;border-radius:50%;background:#fff}.score-ring strong{font:700 3rem Fredoka;color:#4f2b98}.score-ring span{color:#847b91;font-size:.9rem}.result-stats{margin-bottom:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.result-stats div{padding:16px 8px;background:#fff;border:1px solid #ece5f4;border-radius:16px}.result-stats strong,.result-stats span{display:block}.result-stats strong{font:700 1.7rem Fredoka;color:#56329e}.result-stats span{color:#7c7488;font-size:.8rem}@media (max-width: 580px){.app-header{height:64px}.page{width:min(100% - 24px,780px);padding-top:32px}.choice-grid{gap:11px}.subject-card{min-height:140px;padding:13px;flex-direction:column;justify-content:center;text-align:center}.subject-icon{flex-basis:58px;width:64px;height:58px;border-radius:17px;font-size:1.55rem}.subject-card strong{font-size:1.2rem}.subject-card small{font-size:.75rem}.settings-card{margin-top:22px;padding:18px}.flash-card{min-height:48vh;border-radius:28px}.history-row{grid-template-columns:44px 1fr auto 28px;padding:10px;gap:9px}.history-badge{width:44px;height:44px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}.app-shell{background:#f4f0fb}.page{width:min(100% - 32px,680px);padding-top:50px}.subject-card{position:relative;min-height:230px;padding:24px;flex-direction:column;justify-content:center;text-align:center;border-radius:32px;box-shadow:0 9px #ded5ed}.subject-card.selected{border-color:#6b45b5;box-shadow:0 9px #6b45b5}.selection-check{position:absolute;top:16px;right:16px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#6b45b5;color:#fff;opacity:0;transform:scale(.7);transition:.18s}.subject-card.selected .selection-check{opacity:1;transform:scale(1)}.subject-icon{flex:none;width:130px;height:110px;border-radius:30px;font-size:2.6rem}.numbers .subject-icon{font-size:2.3rem}.settings-card{padding:22px;border:0;box-shadow:none}.settings-card h2{width:44px;margin:0 auto 12px;text-align:center;color:#6b45b5}.start-button{width:82px;min-height:72px;margin:0 auto;display:block;border-radius:50%}.start-button span{margin:0 0 0 4px;font-size:1.75rem}.answer-buttons button{min-height:82px;border-radius:24px;font-size:3rem;line-height:1}.answer-buttons span{margin:0;font-size:inherit}.back-button{width:52px;height:52px;margin:22px auto 0;display:block;border-radius:50%;background:#e6ddf3;font-size:1.4rem}@media (max-width: 580px){.subject-card{min-height:180px;padding:13px}.subject-icon{width:92px;height:82px;border-radius:22px;font-size:1.8rem}.numbers .subject-icon{font-size:1.65rem}}.result-breakdown{margin:-8px 0 30px;padding:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(58px,1fr));gap:10px;background:#fff;border-radius:22px}.result-card{min-height:54px;display:grid;place-items:center;border-radius:14px;background:#eeeaf3;color:#847d8e;font:700 1.25rem Fredoka}.result-card.correct{background:#d4f4e8;color:#08795c;box-shadow:inset 0 0 0 2px #8ad9c1}.result-card.incorrect{background:#ffe0e3;color:#b33443;box-shadow:inset 0 0 0 2px #f29aa3}.result-card.shape-result{padding:6px;overflow:hidden}.result-card.shape-result .shape-graphic{width:42px;height:42px;filter:drop-shadow(0 3px 2px #10203435)}.result-card.shape-result .shape-graphic>*{fill:none;stroke:#172033;stroke-linejoin:round}.retry-button{width:100%;min-height:62px;margin:0 0 18px;border:0;border-radius:18px;background:#ed6471;color:#fff;font-weight:800;font-size:1.05rem;box-shadow:0 7px #b73b49;cursor:pointer}.retry-button span{margin-right:8px;font-size:1.35rem}.app-shell{--page: #f4f0fb;--surface: #ffffff;--surface-soft: #eee9f6;--ink: #2f2148;--muted: #786f86;--line: #e6deef;--purple: #6842b8;--purple-deep: #382366;background:radial-gradient(circle at 50% 0,#fff 0,var(--page) 36rem);color:var(--ink);transition:background .25s,color .25s}.app-shell[data-theme=dark]{--page: #171320;--surface: #251e31;--surface-soft: #332941;--ink: #f6efff;--muted: #b9adca;--line: #40334f;--purple: #9167e8;--purple-deep: #f4ecff;background:radial-gradient(circle at 50% -10%,#322253 0,var(--page) 38rem)}.app-shell h1,.app-shell h2,.subject-card,.settings-card,.history-row,.results-screen{color:var(--ink)}.header-actions{display:flex;align-items:center;gap:10px}.theme-button{width:42px;height:42px;border:2px solid #ffffff55;border-radius:50%;background:#ffffff16;color:#fff;font-size:1.35rem;cursor:pointer}.intro{margin-bottom:36px}.subject-card{background:var(--surface);box-shadow:0 9px color-mix(in srgb,var(--line) 90%,#c6b5e2)}.subject-card.selected{box-shadow:0 9px 0 var(--purple)}.settings-card{padding:18px;background:var(--surface);border:1px solid var(--line);box-shadow:0 14px 35px #2a174015}.settings-card h2{width:auto;height:auto;margin:4px 0 9px;justify-content:start;font:700 .72rem Nunito;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.settings-card h2:first-child:after{content:" options"}.settings-card h2:not(:first-child):before{content:"Order";font-size:.72rem}.settings-card h2:not(:first-child){font-size:0}.segmented-control{background:var(--surface-soft)}.segmented-control button{color:var(--muted)}.segmented-control button.active,.primary-button{background:var(--purple)}.history{margin-top:54px}.section-heading h2{color:var(--ink)}.history-row{background:color-mix(in srgb,var(--surface) 94%,transparent);border-color:var(--line);box-shadow:0 5px 16px #26123d0b}.history-row small,.section-heading span{color:var(--muted)}.delete-button{background:var(--surface-soft);color:var(--muted)}.progress-meta{color:var(--muted)}.progress-meta strong{color:var(--ink)}.progress-track{background:var(--surface-soft)}.flash-card{border-color:var(--surface);box-shadow:0 12px 0 var(--line),0 26px 50px #12091e2b}.app-shell[data-theme=dark] .flash-card.letters{background:linear-gradient(145deg,#27204b,#3d2d6d)}.app-shell[data-theme=dark] .flash-card.numbers{background:linear-gradient(145deg,#173c36,#20594f)}.app-shell[data-theme=dark] .card-value{color:#d2b8ff;text-shadow:0 5px 0 #171024}.app-shell[data-theme=dark] .flash-card.numbers .card-value{color:#71e1ca}.result-stats div,.result-breakdown{background:var(--surface);border-color:var(--line)}.result-stats span,.score-ring span{color:var(--muted)}.score-ring div{background:var(--surface)}.secondary-button{background:var(--surface);border-color:var(--line);color:var(--purple)}.app-shell[data-theme=dark] .result-card.unanswered{background:var(--surface-soft);color:var(--muted)}@media (max-width: 580px){.page{padding-top:30px}.intro{margin-bottom:24px}.choice-grid{gap:12px}.settings-card{margin-top:25px}.theme-button{width:38px;height:38px}}.card-value.paired{display:flex;align-items:baseline;justify-content:center;gap:.16em;letter-spacing:0}.app-shell[data-theme=dark] .flash-card.letters .card-sparkle{color:#b99cff;opacity:.7}.subject-card{transform-origin:center bottom}.subject-card:active{transform:translateY(4px) scale(.985);box-shadow:0 4px 0 var(--line)}.subject-card.selected{animation:select-card .42s cubic-bezier(.2,.9,.25,1.25)}.selection-check{transition:opacity .2s,transform .35s cubic-bezier(.2,1.5,.4,1)}.subject-card.selected .selection-check{animation:check-pop .42s cubic-bezier(.2,1.5,.4,1)}.segmented-control button{transition:color .2s,background .2s,box-shadow .2s,transform .2s}.segmented-control button.active{transform:scale(1.015);animation:option-snap .3s ease-out}.flash-card{transform-style:preserve-3d;backface-visibility:hidden;animation:card-enter .62s cubic-bezier(.2,.82,.25,1)}.flash-card.category-intro-card{animation:category-intro-card 1.6s cubic-bezier(.45,0,.2,1) forwards}.category-intro-art{width:82%;height:72%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;transform:scale(1.28)}.category-intro-art>strong{color:#fff;font:700 clamp(2.25rem,9vw,4.25rem)/1 "Fredoka";letter-spacing:.01em;text-shadow:0 5px 0 #08111f,0 12px 22px #02071380}.category-intro-art .character-icon{font-size:clamp(7rem,30vw,12rem)}.category-intro-art .number-icon{font-size:clamp(6rem,25vw,10rem)}.category-intro-art .colors-icon-svg{width:min(92%,360px);height:auto}.category-intro-art .shapes-icon-svg{width:min(94%,390px);height:auto}.answer-buttons{transition:opacity .25s ease,visibility .25s ease}.answer-buttons.intro-waiting{opacity:0;visibility:hidden;pointer-events:none}.flash-card.correct{animation:correct-card .48s ease-out}.flash-card.incorrect{animation:incorrect-card .48s ease-out}.flash-card.correct:after,.flash-card.incorrect:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;animation:feedback-wash .48s ease-out}.flash-card.correct:after{background:#20b48638;box-shadow:inset 0 0 0 7px #2ecb9c}.flash-card.incorrect:after{background:#f05e7035;box-shadow:inset 0 0 0 7px #f06a78}.card-feedback-mark{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:inherit;color:#fff;overflow:hidden;animation:feedback-scrim-in .28s ease-out both}.card-feedback-mark:before{display:block;font:700 clamp(7rem,30vw,12rem)/1 "Fredoka";filter:drop-shadow(0 12px 0 #00000025) drop-shadow(0 18px 28px #02071360);animation:feedback-symbol-pop .52s cubic-bezier(.18,1.45,.35,1)}.card-feedback-mark.correct{background:#10b981}.card-feedback-mark.incorrect{background:#ef526a}.card-feedback-mark.correct:before{content:"✓"}.card-feedback-mark.incorrect:before{content:"×";position:relative;top:-10px;font-size:clamp(10rem,40vw,16rem)}.card-feedback-label{margin-top:-12px;color:#fff;font:700 clamp(2.4rem,11vw,4.5rem)/1 "Fredoka";text-align:center;text-shadow:0 5px 0 #00000025,0 9px 20px #02071365;animation:feedback-label-in .38s .08s ease-out both}.color-feedback-label{max-width:92%;color:var(--label-color);font-size:clamp(3.25rem,14vw,5.4rem);-webkit-text-stroke:3px var(--label-outline);paint-order:stroke fill;letter-spacing:.015em;text-shadow:none}.emoji-feedback-label{width:100%;margin-top:10px;font-size:clamp(4.75rem,21vw,7.5rem);line-height:.85;text-align:center}.answer-buttons button{transition:transform .16s,filter .16s,opacity .16s}.answer-buttons button.chosen{transform:translateY(5px) scale(.97);filter:brightness(1.14)}.answer-buttons button:disabled:not(.chosen){opacity:.45}@keyframes select-card{0%{transform:scale(.97)}55%{transform:translateY(-4px) scale(1.018)}to{transform:none}}@keyframes check-pop{0%{transform:scale(0) rotate(-25deg)}70%{transform:scale(1.18) rotate(5deg)}to{transform:scale(1)}}@keyframes option-snap{0%{transform:scale(.96)}70%{transform:scale(1.025)}to{transform:scale(1.015)}}@keyframes card-enter{0%{opacity:.15;transform:perspective(1200px) rotateY(-88deg) scale(.94)}58%{opacity:1;transform:perspective(1200px) rotateY(7deg) scale(1.015)}78%{transform:perspective(1200px) rotateY(-3deg) scale(.995)}to{opacity:1;transform:perspective(1200px) rotateY(0) scale(1)}}@keyframes category-intro-card{0%{transform:perspective(1200px) rotateY(-88deg) scale(.94)}18%{transform:perspective(1200px) rotateY(5deg) scale(1.015)}28%,74%{transform:perspective(1200px) rotateY(0) scale(1)}to{transform:perspective(1200px) rotateY(90deg) scale(.94)}}.flash-card.category-intro-card{background:#fff;border-width:4px}.flash-card.category-intro-card.letters{border-color:#f1b94f;box-shadow:0 12px #b77914,0 26px 50px #02071370}.flash-card.category-intro-card.numbers{border-color:#48d8c1;box-shadow:0 12px #177e70,0 26px 50px #02071370}.flash-card.category-intro-card.colors{border-color:#fb923c;box-shadow:0 12px #b64a07,0 26px 50px #02071370}.flash-card.category-intro-card.shapes{border-color:#fb7185;box-shadow:0 12px #a91131,0 26px 50px #02071370}.category-intro-card.letters .character-icon{color:#ffc857;text-shadow:0 7px 0 #7b4700,0 14px 24px #02071370}.category-intro-card.numbers .character-icon{color:#5eead4;text-shadow:0 7px 0 #12665b,0 14px 24px #02071370}.app-shell[data-theme=dark] .flash-card.category-intro-card{background:#151f31}@keyframes correct-card{0%{transform:scale(1)}40%{transform:translateY(-6px) scale(1.018)}to{transform:none}}@keyframes incorrect-card{0%,to{transform:translate(0)}25%{transform:translate(-9px) rotate(-.5deg)}50%{transform:translate(8px) rotate(.5deg)}75%{transform:translate(-4px)}}@keyframes feedback-wash{0%{opacity:0}30%{opacity:1}to{opacity:0}}@keyframes feedback-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes feedback-symbol-pop{0%{opacity:0;transform:scale(.35) rotate(-14deg)}68%{opacity:1;transform:scale(1.14) rotate(3deg)}to{transform:scale(1) rotate(0)}}@keyframes feedback-label-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.subject-card.selected,.subject-card.selected .selection-check,.segmented-control button.active,.flash-card,.flash-card.correct,.flash-card.incorrect,.flash-card.correct:after,.flash-card.incorrect:after,.card-feedback-mark{animation:none!important}}.results-screen .secondary-button{line-height:1}.results-screen .secondary-button svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.flash-card.numbers .card-value{letter-spacing:.035em}.emoji-card-value{font-size:clamp(9rem,42vw,17rem);line-height:1;filter:drop-shadow(0 14px 0 #02071335) drop-shadow(0 22px 32px #02071355)}.emoji-swap-button{touch-action:manipulation}.emoji-category-icon{display:inline-block;font-size:4.9rem;line-height:1;transform-origin:center bottom;filter:drop-shadow(0 8px 8px #02071355);animation:emoji-category-pop .58s cubic-bezier(.18,1.45,.35,1) both}.category-intro-art .emoji-category-icon{font-size:clamp(9rem,38vw,15rem)}.history-badge .emoji-category-icon{font-size:2.25rem;filter:none}@keyframes emoji-category-pop{0%{opacity:0;transform:perspective(500px) rotateY(-90deg) scale(.45)}68%{opacity:1;transform:perspective(500px) rotateY(12deg) scale(1.16)}to{transform:perspective(500px) rotateY(0) scale(1)}}.subject-card .letter-mode-icon{transform-style:preserve-3d;animation:letter-mode-card-flip .44s cubic-bezier(.2,.8,.3,1) both}@keyframes letter-mode-card-flip{0%{transform:perspective(700px) rotateY(-76deg) scale(.97)}to{transform:perspective(700px) rotateY(0) scale(1)}}@media (max-width: 580px){.emoji-category-icon{font-size:4.35rem}}.subject-card .alphabet-mode-icon{letter-spacing:-.04em}.category-intro-art .alphabet-mode-icon{font-size:clamp(7rem,30vw,12rem)}.history-badge .alphabet-mode-icon{font-size:1.45rem;letter-spacing:-.05em}@media (max-width: 580px){.subject-card .alphabet-mode-icon{font-size:3.7rem}}.history-row[role=button]{cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}.history-row[role=button]:hover{transform:translateY(-2px);border-color:var(--purple);box-shadow:0 8px 20px #26123d18}.history-row[role=button]:focus-visible{outline:3px solid #f7b731;outline-offset:3px}.review-date{margin:6px 0 0;color:var(--muted)}.legacy-note{margin:0 0 24px;padding:18px;border-radius:16px;background:var(--surface);color:var(--muted)}.replay-all-button,.history-results-screen .result-breakdown{margin-top:0}.header-home-button{width:42px;height:42px;display:grid;place-items:center;border:2px solid #ffffff55;border-radius:50%;background:#ffffff16;color:#fff;font-size:1.6rem;line-height:1;cursor:pointer}.header-home-button svg,.history-menu-button svg,.theme-button svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.header-home-button:hover,.theme-button:hover{background:#ffffff2b;border-color:#fff9}.results-screen .primary-button>span{display:inline-block;margin:0;font-size:2.4rem;line-height:1}.results-screen>.score-ring:first-child{margin-top:0}.start-button{width:76px;min-height:70px;padding:0;background:transparent;box-shadow:none}.start-button span{width:0;height:0;margin:0 0 0 8px;display:inline-block;border-top:22px solid transparent;border-bottom:22px solid transparent;border-left:34px solid var(--purple);transition:transform .18s,filter .18s}.start-button:hover span{transform:scale(1.1);filter:brightness(1.15)}.start-button:active{transform:none;box-shadow:none}.start-button:active span{transform:scale(.94)}.history-menu-button{width:42px;height:42px;padding:0;display:grid;place-items:center;border:2px solid #ffffff55;border-radius:50%;background:#ffffff16;color:#fff;cursor:pointer}.history-menu-button:hover{background:#ffffff2b;border-color:#fff9}.history-title{margin-bottom:26px;display:flex;align-items:end;justify-content:space-between}.history-title h1{margin:0}.history-title span{color:var(--muted);font-size:.9rem}.history-list{margin-top:0}.empty-history{padding:32px;text-align:center;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--muted)}.history-screen.page{min-height:calc(100dvh - 84px);padding-bottom:calc(22px + env(safe-area-inset-bottom));display:flex;flex-direction:column}.history-home-dock{position:sticky;z-index:20;bottom:0;width:100%;margin:auto 0 0;padding:14px 0 calc(22px + env(safe-area-inset-bottom));background:var(--page)}.history-home-button{width:100%;min-height:58px;margin:0;background:var(--surface);box-shadow:0 10px 28px #02071355}@media (max-width: 580px){.history-screen.page{min-height:calc(100dvh - 78px)}}.history-home-dock svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.app-shell[data-theme=dark] .history-home-button{color:#fff}@media (max-width: 580px){.history-menu-button{width:38px;height:38px;min-height:38px;padding:0}.history-menu-button svg{width:23px;height:23px}}.progress-label{display:flex;align-items:center;gap:10px}.inline-back-button{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--surface-soft);color:var(--purple);font-size:1.1rem;cursor:pointer}.inline-back-button:disabled{opacity:.3;cursor:default}@media (max-width: 580px){.play-screen{padding-top:22px;padding-bottom:34px}.play-screen .flash-card{min-height:min(45vh,420px);margin-top:20px}.progress-label{gap:7px}.inline-back-button{width:32px;height:32px}}.hint-toggle{position:absolute;z-index:3;top:18px;right:18px;width:50px;height:50px;display:grid;place-items:center;border:2px solid #ffffffaa;border-radius:50%;background:#ffffffd9;font-size:1.5rem;cursor:pointer;box-shadow:0 5px #c9b873;transition:transform .18s,background .18s}.hint-toggle:hover{transform:translateY(-2px)}.hint-toggle:active,.hint-toggle.active{transform:translateY(3px);box-shadow:0 2px #c9b873}.letter-hint{position:absolute;z-index:2;left:50%;bottom:22px;transform:translate(-50%);min-width:150px;padding:10px 18px;display:flex;align-items:center;justify-content:center;gap:10px;border:2px solid #ffffffbb;border-radius:999px;background:#ffffffeb;color:#382366;box-shadow:0 7px 20px #1b0f2c33;animation:hint-pop .28s cubic-bezier(.2,1.35,.4,1)}.hint-emoji{font-size:2rem;line-height:1}.letter-hint strong{font:700 1.05rem Fredoka}.app-shell[data-theme=dark] .letter-hint{background:#282035ed;color:#f4ecff;border-color:#fff3}@keyframes hint-pop{0%{opacity:0;transform:translate(-50%,8px) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1)}}@media (prefers-reduced-motion: reduce){.letter-hint{animation:none}}@media (max-width: 580px){.hint-toggle{top:14px;right:14px;width:46px;height:46px}.letter-hint{bottom:16px}}.app-shell[data-theme=dark]{--page: #0b1220;--surface: #151f31;--surface-soft: #202c42;--ink: #f7f9fd;--muted: #aab5c8;--line: #2d3a52;--purple: #7182ff;--purple-deep: #f7f9fd;background:radial-gradient(circle at 50% -12%,#1c2e4d 0,#101a2b 30rem,var(--page) 58rem)}.app-shell[data-theme=dark] .app-header{background:#111b2e;border-bottom:1px solid #263651;box-shadow:0 8px 28px #02071366}.app-shell[data-theme=dark] .subject-card{background:#151f31;border-color:#26354d;box-shadow:0 9px #080d17}.app-shell[data-theme=dark] .subject-card.letters.selected{border-color:#f1b94f;box-shadow:0 9px #8b5d13,0 0 0 1px #f1b94f55}.app-shell[data-theme=dark] .subject-card.numbers.selected{border-color:#48d8c1;box-shadow:0 9px #176e62,0 0 0 1px #48d8c155}.app-shell[data-theme=dark] .subject-card.letters .selection-check{background:#f1b94f;color:#342100}.app-shell[data-theme=dark] .subject-card.numbers .selection-check{background:#48d8c1;color:#072d28}.app-shell[data-theme=dark] .letters .subject-icon{background:#ffe19a;color:#8f5100}.app-shell[data-theme=dark] .numbers .subject-icon{background:#bdeee6;color:#08776a}.app-shell[data-theme=dark] .settings-card{background:#151f31;border-color:#2c3a52;box-shadow:0 16px 40px #02071355}.app-shell[data-theme=dark] .segmented-control{background:#202c42}.app-shell[data-theme=dark] .segmented-control button{color:#b7c0d1}.app-shell[data-theme=dark] .segmented-control button.active{background:linear-gradient(135deg,#7182ff,#596bdc);color:#fff;box-shadow:0 5px 14px #050b1870}.app-shell[data-theme=dark] .start-button span{border-left-color:#8d9aff;filter:drop-shadow(0 5px 8px #4d5fd755)}.app-shell[data-theme=dark] .history-menu-button,.app-shell[data-theme=dark] .theme-button,.app-shell[data-theme=dark] .header-home-button,.app-shell[data-theme=dark] .quiet-button{background:#1c2940;border-color:#42516b}.app-shell[data-theme=dark] .history-menu-button:hover,.app-shell[data-theme=dark] .theme-button:hover,.app-shell[data-theme=dark] .header-home-button:hover{background:#263650;border-color:#64738e}.app-shell[data-theme=dark] .flash-card.letters{background:linear-gradient(145deg,#1d2b4b,#293b68)}.app-shell[data-theme=dark] .flash-card.numbers{background:linear-gradient(145deg,#123a3d,#18555a)}.app-shell[data-theme=dark] .card-value{color:#d6ddff;text-shadow:0 5px 0 #080f20}.app-shell[data-theme=dark] .flash-card.letters .card-sparkle{color:#ffc95d;opacity:.85}.app-shell[data-theme=dark] .progress-track{background:#202c42}.app-shell[data-theme=dark] .history-row,.app-shell[data-theme=dark] .result-stats div,.app-shell[data-theme=dark] .result-breakdown,.app-shell[data-theme=dark] .legacy-note{background:#151f31;border-color:#2d3a52}.app-shell[data-theme=dark] .score-ring{background:conic-gradient(#7182ff var(--score),#26334a 0)}.app-shell[data-theme=dark] .score-ring strong,.app-shell[data-theme=dark] .result-stats strong{color:#93a0ff}.choice-grid{grid-template-columns:repeat(2,1fr);gap:14px}.subject-card{min-height:158px;padding:16px;gap:9px;border-radius:25px}.subject-icon{width:100px;height:76px;border-radius:22px}.subject-card strong{font-size:1.25rem}.character-icon{display:flex;align-items:baseline;justify-content:center;font:700 2.25rem Fredoka}.character-icon i{display:inline-block;font-style:normal;transform-origin:center bottom}.number-icon{font-size:1.8rem;gap:1px}.colors-icon-svg{width:72px;height:48px;overflow:visible}.colors-icon-svg rect{transform-box:fill-box;transform-origin:center bottom}.shapes-icon-svg{width:86px;height:48px;overflow:visible}.shapes-icon-svg>*{transform-box:fill-box;transform-origin:center}.subject-card.colors .subject-icon{background:#fff0df}.subject-card.shapes .subject-icon{background:#ffe7eb}.subject-card.colors.selected{border-color:#f97316;box-shadow:0 9px #b64a07}.subject-card.shapes.selected{border-color:#f43f5e;box-shadow:0 9px #a91131}.subject-card.colors .selection-check{background:#f97316}.subject-card.shapes .selection-check{background:#f43f5e}.subject-card.selected .character-icon i{animation:launcher-char-bounce 4.8s cubic-bezier(.2,.9,.25,1.25) infinite}.subject-card.selected .character-icon i:nth-child(2){animation-delay:.12s}.subject-card.selected .character-icon i:nth-child(3){animation-delay:.24s}.emoji-category-icon i{display:inline-block;font-style:normal;transform-origin:center bottom}.subject-card.letters.selected .emoji-category-icon i{animation:launcher-char-bounce 4.8s cubic-bezier(.2,.9,.25,1.25) infinite}.subject-card.selected .colors-icon-svg rect{animation:launcher-color-wave .8s ease-in-out}.subject-card.selected .colors-icon-svg rect:nth-child(2){animation-delay:.08s}.subject-card.selected .colors-icon-svg rect:nth-child(3){animation-delay:.16s}.subject-card.selected .colors-icon-svg rect:nth-child(4){animation-delay:.24s}.subject-card.selected .colors-icon-svg rect:nth-child(5){animation-delay:.32s}.subject-card.selected .colors-icon-svg rect:nth-child(6){animation-delay:.4s}.subject-card.selected .shapes-icon-svg>*{animation:launcher-shape-bounce .6s ease-in-out}.subject-card.selected .shapes-icon-svg circle{animation-delay:.1s}.subject-card.selected .shapes-icon-svg rect{animation-delay:.2s}@keyframes launcher-char-bounce{0%,18%,to{transform:translateY(0) scale(1) rotate(0)}4%{transform:translateY(-15px) scale(1.13,.9) rotate(-5deg)}8%{transform:translateY(3px) scale(.94,1.08) rotate(3deg)}12%{transform:translateY(-6px) scale(1.05,.96) rotate(-2deg)}}@keyframes launcher-color-wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(.45)}}@keyframes launcher-shape-bounce{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(.72) rotate(6deg)}}.settings-card h2{margin:12px 0 8px;font-size:.72rem}.settings-card h2:first-child{margin-top:2px}.settings-card h2:before,.settings-card h2:after{content:none!important}.order-control button{display:flex;align-items:center;justify-content:center}.order-control svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.start-button{width:64px;min-height:58px;display:grid;place-items:center;border-radius:18px;background:#22c55e;box-shadow:0 7px #0d7d35,0 12px 24px #07140d55}.start-button svg{width:31px;height:31px;margin-left:4px;fill:#fff;transition:transform .18s}.start-button:hover{background:#2dd068}.start-button:hover svg{transform:scale(1.12)}.start-button:active{transform:translateY(4px);box-shadow:0 3px #0d7d35}.start-button:active svg{transform:scale(.94)}.flash-card.colors{background:var(--card-color);border-color:#fff;box-shadow:0 12px #475569,0 26px 50px #02071370}.flash-card.shapes{background:linear-gradient(145deg,#f8fafc,#e8edf5)}.shape-card-display{width:min(72%,340px);aspect-ratio:1;display:grid;place-items:center;animation:shape-card-enter .48s cubic-bezier(.2,1.2,.35,1)}.shape-graphic{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 12px 9px #0f172a35)}.flash-card.shapes .shape-card-display .shape-graphic{filter:none}.flash-card.shapes .shape-card-display .shape-graphic>*{fill:none;stroke:#fff;stroke-width:6px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.app-shell[data-theme=light] .flash-card.shapes .shape-card-display .shape-graphic>*{stroke:#111827}@keyframes shape-card-enter{0%{opacity:0;transform:scale(.65) rotate(-6deg)}to{opacity:1;transform:scale(1)}}.history-badge.colors{background:#ffedd5;color:#c2410c}.history-badge.shapes{background:#ffe4e6;color:#be123c}.app-shell[data-theme=dark] .subject-card.colors.selected{border-color:#fb923c;box-shadow:0 9px #9a3d09}.app-shell[data-theme=dark] .subject-card.shapes.selected{border-color:#fb7185;box-shadow:0 9px #9f1239}.app-shell[data-theme=dark] .subject-card.colors .subject-icon{background:#412718}.app-shell[data-theme=dark] .subject-card.shapes .subject-icon{background:#401e2a}.app-shell[data-theme=dark] .flash-card.shapes{background:linear-gradient(145deg,#18243a,#22324e)}@media (max-width: 580px){.setup-screen.page{padding-top:24px}.setup-screen .intro{margin-bottom:20px}.setup-screen h1{font-size:clamp(1.8rem,8vw,2.35rem)}.subject-card{min-height:138px;padding:10px;gap:7px;border-radius:22px}.subject-icon{width:82px;height:64px;border-radius:18px}.subject-card strong{font-size:1.05rem}.character-icon{font-size:1.85rem}.number-icon{font-size:1.5rem}.colors-icon-svg{width:62px;height:42px}.shapes-icon-svg{width:72px;height:42px}.settings-card{margin-top:22px;padding:14px}.segmented-control button{min-height:42px}.start-button{width:62px;min-height:56px}}@media (prefers-reduced-motion: reduce){.subject-card.selected .character-icon i,.subject-card.letters.selected .emoji-category-icon i,.subject-card.selected .colors-icon-svg rect,.subject-card.selected .shapes-icon-svg>*,.shape-card-display{animation:none!important}}.subject-card{min-height:155px;gap:0}.subject-icon{width:128px;height:104px;border-radius:28px}.character-icon{font-size:3.15rem}.number-icon{font-size:2.45rem;gap:2px}.subject-card.colors .subject-icon,.subject-card.shapes .subject-icon,.app-shell[data-theme=dark] .subject-card.colors .subject-icon,.app-shell[data-theme=dark] .subject-card.shapes .subject-icon{width:158px;height:105px;background:transparent}.colors-icon-svg{width:126px;height:78px;filter:drop-shadow(0 8px 8px #02071355)}.shapes-icon-svg{width:154px;height:78px;overflow:visible;filter:drop-shadow(0 8px 8px #02071355)}.selection-check{top:12px;right:12px}@media (max-width: 580px){.subject-card{min-height:132px}.subject-icon{width:102px;height:86px;border-radius:23px}.character-icon{font-size:2.65rem}.number-icon{font-size:2.05rem}.subject-card.colors .subject-icon,.subject-card.shapes .subject-icon,.app-shell[data-theme=dark] .subject-card.colors .subject-icon,.app-shell[data-theme=dark] .subject-card.shapes .subject-icon{width:132px;height:88px}.colors-icon-svg{width:110px;height:68px}.shapes-icon-svg{width:132px;height:70px}}.subject-card.letters .subject-icon,.subject-card.numbers .subject-icon,.app-shell[data-theme=dark] .subject-card.letters .subject-icon,.app-shell[data-theme=dark] .subject-card.numbers .subject-icon{background:transparent}.subject-card.letters .character-icon{color:#b26100;text-shadow:0 4px 0 #f6c75f55}.subject-card.numbers .character-icon{color:#08796c;text-shadow:0 4px 0 #68d6c655}.app-shell[data-theme=dark] .subject-card.letters .character-icon{color:#ffc857;text-shadow:0 5px 0 #7b4700,0 10px 18px #02071370}.app-shell[data-theme=dark] .subject-card.numbers .character-icon{color:#5eead4;text-shadow:0 5px 0 #12665b,0 10px 18px #02071370}h1,h2,.brand,.brand-mark,.character-icon,.card-value,.result-card,.score-ring strong,.result-stats strong,.letter-hint strong{font-family:Fredoka,Arial Rounded MT Bold,Trebuchet MS,sans-serif}.setup-screen.page{padding-top:28px}.character-icon{font-size:4.8rem}.number-icon{font-size:3.65rem}.colors-icon-svg{width:162px;height:96px;transform:scaleY(.84);transform-origin:center}.shapes-icon-svg{width:min(100%,178px);height:100px;overflow:hidden}.shapes-icon-svg{color:#fff}@media (max-width: 580px){.character-icon{font-size:4.15rem}.number-icon{font-size:3.3rem}.colors-icon-svg{width:148px;height:88px}.shapes-icon-svg{width:min(100%,158px);height:90px}.subject-card.colors .subject-icon,.subject-card.shapes .subject-icon{transform:translate(-9px)}}.setup-screen .start-button{width:100%;min-height:70px;margin:20px 0 0;border-radius:20px;background:linear-gradient(135deg,#22c55e,#16a85b);box-shadow:0 8px #087a3a,0 16px 30px #07140d55}.setup-screen .start-button svg{width:38px;height:38px}.hold-hint-button{position:absolute;z-index:4;top:16px;width:48px;height:48px;display:grid;place-items:center;border:2px solid #ffffffcc;border-radius:16px;color:#fff;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;transition:transform .16s,box-shadow .16s,filter .16s}.hold-hint-button.active{transform:translateY(4px) scale(.96);box-shadow:0 2px #00000035;filter:brightness(1.08)}.picture-hint-button{left:16px;background:#3b82f6;box-shadow:0 6px #1d4ed8,0 10px 20px #102f7835}.picture-hint-button svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.similar-hint-button{right:16px;background:#f6b91f;color:#4b3100;font-size:1.55rem;box-shadow:0 6px #b87800,0 10px 20px #5c390035}.similar-hint-button svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.hold-hint-panel{position:absolute;z-index:3;top:18px;left:50%;min-width:126px;min-height:74px;padding:8px 18px;display:flex;align-items:center;justify-content:center;border:3px solid;border-radius:20px;background:#fffffff2;transform:translate(-50%);box-shadow:0 10px 24px #02071340;animation:hold-hint-pop .2s cubic-bezier(.2,1.3,.4,1)}.picture-hint-panel{border-color:#3b82f6}.picture-hint-panel>span{font-size:3.5rem;line-height:1}.similar-hint-panel{gap:13px;border-color:#f6b91f;color:#172033}.similar-hint-panel span{display:flex;align-items:center;gap:13px}.similar-hint-panel strong{font:700 2.4rem/1 Fredoka}.similar-hint-panel i{width:2px;height:38px;display:block;border-radius:2px;background:#f6b91f}@keyframes hold-hint-pop{0%{opacity:0;transform:translate(-50%,8px) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1)}}@media (max-width: 580px){.hold-hint-button{top:13px;width:46px;height:46px}.picture-hint-button{left:13px}.similar-hint-button{right:13px}.hold-hint-panel{top:14px;min-width:112px;min-height:68px;padding:7px 14px}.picture-hint-panel>span{font-size:3rem}.similar-hint-panel strong{font-size:2rem}}@media (prefers-reduced-motion: reduce){.hold-hint-panel{animation:none}}.setup-screen.page{padding-bottom:20px}.setup-screen .start-button{position:fixed;z-index:20;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));width:min(calc(100% - 32px),680px);margin:0;transform:translate(-50%)}.setup-screen .start-button:active{transform:translate(-50%,4px)}.play-screen.page{padding-bottom:24px}.play-screen .answer-buttons{position:fixed;z-index:20;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));width:min(calc(100% - 24px),640px);transform:translate(-50%)}.options-card{padding:0;overflow:hidden}.options-toggle{width:100%;min-height:46px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;color:var(--ink);cursor:pointer}.options-toggle svg{width:26px;height:26px;fill:none;stroke:var(--muted);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .28s cubic-bezier(.2,.8,.3,1)}.options-toggle .settings-icon{width:26px;height:26px;stroke-width:2.25}.options-card.open .options-toggle .options-chevron{transform:rotate(180deg)}.options-collapse{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.2,.8,.3,1)}.options-card.open .options-collapse{grid-template-rows:1fr}.options-inner{min-height:0;overflow:hidden;padding:0 14px;display:flex;flex-direction:column;gap:12px;opacity:0;transform:translateY(-8px);transition:opacity .2s,transform .28s,padding .28s}.options-card.open .options-inner{padding:0 14px 14px;opacity:1;transform:translateY(0)}.options-inner h2:first-child{margin-top:2px}@media (prefers-reduced-motion: reduce){.options-collapse,.options-inner,.options-toggle svg{transition:none}}.history-row{grid-template-columns:60px 1fr auto 34px}.history-badge{width:60px;height:54px;padding:4px;overflow:hidden;border:2px solid;border-radius:15px}.history-badge .character-icon{font-size:1.8rem}.history-badge .number-icon{font-size:1.4rem;gap:0}.history-badge .colors-icon-svg{width:44px;height:32px;transform:scaleY(.84);filter:none}.history-badge .shapes-icon-svg{width:45px;height:32px;overflow:visible;filter:none}.history-badge.letters .character-icon{color:#b26100;text-shadow:0 3px 0 #f6c75f55}.history-badge.numbers .character-icon{color:#08796c;text-shadow:0 3px 0 #68d6c655}.app-shell[data-theme=dark] .history-badge.letters .character-icon{color:#ffc857;text-shadow:0 3px 0 #7b4700}.app-shell[data-theme=dark] .history-badge.numbers .character-icon{color:#5eead4;text-shadow:0 3px 0 #12665b}.app-shell[data-theme=dark] .results-screen .secondary-button{color:#fff}@media (max-width: 580px){.history-row{grid-template-columns:54px 1fr auto 30px;gap:9px}.history-badge{width:54px;height:50px}}.history-title h1{font-size:clamp(2.15rem,9vw,2.75rem)}.history-title>span{font-size:1rem}.history-row strong{font-size:1.1rem;line-height:1.15}.history-row small{margin-top:6px;font-size:.9rem;line-height:1.2}.history-row .history-score{font-size:1.05rem}@media (max-width: 580px){.history-title h1{font-size:2.15rem}.history-title>span{font-size:.9rem}.history-row strong{font-size:1.03rem}.history-row small{font-size:.82rem}.history-row .history-score{font-size:1rem}}.history-row{gap:15px;border-width:2px}.history-row.letters{border-color:#f1b94f}.history-row.numbers{border-color:#48d8c1}.history-row.colors{border-color:#fb923c}.history-row.shapes{border-color:#fb7185}.history-badge.letters{background:color-mix(in srgb,#f1b94f 18%,var(--surface-soft))!important;border-color:#f1b94f;box-shadow:0 0 0 3px #f1b94f18}.history-badge.numbers{background:color-mix(in srgb,#48d8c1 18%,var(--surface-soft))!important;border-color:#48d8c1;box-shadow:0 0 0 3px #48d8c118}.history-badge.colors{background:color-mix(in srgb,#fb923c 18%,var(--surface-soft))!important;border-color:#fb923c;box-shadow:0 0 0 3px #fb923c18}.history-badge.shapes{background:color-mix(in srgb,#fb7185 18%,var(--surface-soft))!important;border-color:#fb7185;box-shadow:0 0 0 3px #fb718518}@media (max-width: 580px){.history-row{grid-template-columns:58px 1fr auto 30px;gap:13px}.history-badge{width:58px;height:52px}}.header-home-button,.history-menu-button,.theme-button{width:48px;height:48px;min-width:48px;min-height:48px;padding:0;display:grid;place-items:center}.header-home-button svg,.history-menu-button svg,.theme-button svg{width:29px;height:29px}.theme-button{font-size:1.65rem}.app-header{height:84px}.brand{gap:12px;font-size:1.5rem}.brand-mark{width:52px;height:52px;font-size:1.15rem}.header-home-button,.history-menu-button,.theme-button{width:54px;height:54px;min-width:54px;min-height:54px}.header-home-button svg,.history-menu-button svg,.theme-button svg{width:32px;height:32px}.theme-button{font-size:1.85rem}.setup-screen .start-button{min-height:132px;border-radius:28px;overflow:hidden;animation:play-attract 8s ease-in-out infinite}.setup-screen .start-button svg{position:relative;z-index:2;width:76px;height:76px;transform-origin:48% 50%;animation:play-icon-party 8s cubic-bezier(.2,.8,.3,1) infinite}.setup-screen .start-button:active{animation:none;transform:translate(-50%,4px)}@keyframes play-attract{0%,80%,to{transform:translate(-50%) translateY(0) scale(1);filter:brightness(1)}84%{transform:translate(-50%) translateY(-7px) scale(1.07);filter:brightness(1.12)}88%{transform:translate(-50%) translateY(3px) scale(.965);filter:brightness(1.02)}92%{transform:translate(-50%) translateY(-3px) scale(1.04);filter:brightness(1.08)}96%{transform:translate(-50%) translateY(1px) scale(.99);filter:brightness(1.02)}}@keyframes play-icon-party{0%,80%,to{transform:rotate(0) scale(1)}84%{transform:rotate(-12deg) scale(1.12)}91%{transform:rotate(360deg) scale(1.18)}95%{transform:rotate(360deg) scale(.96)}98%{transform:rotate(360deg) scale(1.05)}}@media (max-width: 580px){.app-header{height:78px}.brand{font-size:1.38rem}.brand-logo{width:66px;height:56px}.brand-mark{width:48px;height:48px}.header-home-button,.history-menu-button,.theme-button{width:52px;height:52px;min-width:52px;min-height:52px}.setup-screen .start-button{min-height:92px;border-radius:23px}.setup-screen .start-button svg{width:62px;height:62px}}@media (prefers-reduced-motion: reduce){.setup-screen .start-button,.setup-screen .start-button svg{animation:none}}@media (orientation: landscape) and (max-height: 600px){body.no-page-scroll{position:static;width:auto;height:auto;min-height:100%;overflow-y:auto;touch-action:auto}.setup-screen.page,.play-screen.page{padding-bottom:30px}.setup-screen .start-button{position:relative;left:auto;bottom:auto;width:100%;min-height:92px;margin:22px 0 20px;transform:none;animation:none}.setup-screen .start-button:active{transform:translateY(4px)}.play-screen .answer-buttons{position:static;width:100%;margin-top:16px;transform:none}}.hold-hint-button{width:58px;height:58px;border-radius:18px}.picture-hint-button svg,.similar-hint-button svg{width:34px;height:34px}.hold-hint-panel{min-width:156px;min-height:92px;padding:10px 22px;border-radius:23px}.picture-hint-panel>span{font-size:4.6rem}.similar-hint-panel strong{font-size:2.9rem}.similar-hint-panel i{height:48px}@media (max-width: 580px){.hold-hint-button{width:56px;height:56px}.hold-hint-panel{min-width:148px;min-height:86px}.picture-hint-panel>span{font-size:4.15rem}.similar-hint-panel strong{font-size:2.65rem}}.results-screen .result-card{backface-visibility:hidden;animation:result-card-flip .48s cubic-bezier(.2,.85,.3,1) backwards}.results-screen .result-card:nth-child(5n+2){animation-delay:.04s}.results-screen .result-card:nth-child(5n+3){animation-delay:.08s}.results-screen .result-card:nth-child(5n+4){animation-delay:.12s}.results-screen .result-card:nth-child(5n+5){animation-delay:.16s}@keyframes result-card-flip{0%{opacity:0;transform:perspective(500px) rotateY(-90deg) scale(.88)}to{opacity:1;transform:perspective(500px) rotateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.results-screen .result-card{animation:none}}.flash-card .card-value{transition:transform .22s ease-out}.flash-card.hint-visible .card-value{transform:translateY(34px)}@media (prefers-reduced-motion: reduce){.flash-card .card-value{transition:none}}.similar-hint-panel{min-width:0;padding-inline:14px;gap:8px}.similar-hint-panel span{gap:8px}.similar-hint-panel strong{font-size:2.55rem}@media (max-width: 580px){.similar-hint-panel{min-width:0;padding-inline:11px;gap:7px}.similar-hint-panel span{gap:7px}.similar-hint-panel strong{font-size:2.25rem}.similar-hint-panel i{height:42px}}.splash-screen{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;padding:24px;overflow:hidden;display:grid;place-items:center;border:0;background:radial-gradient(circle at 58% 38%,#2bd4771c 0,transparent 22%),radial-gradient(circle at 50% 40%,#214b78 0,#142b49 27%,#101b2e 52%,#09111e);color:#fff;cursor:pointer;transform-origin:center;backface-visibility:hidden;transform-style:preserve-3d;will-change:transform,border-radius,box-shadow;animation:splash-screen-life 3.2s cubic-bezier(.45,0,.2,1) forwards}.splash-logo{position:relative;z-index:3;width:min(82vw,610px);max-height:76dvh;object-fit:contain;filter:drop-shadow(0 26px 40px #000b) saturate(1.08);-webkit-mask-image:radial-gradient(ellipse 70% 70% at center,#000 58%,transparent 100%);mask-image:radial-gradient(ellipse 70% 70% at center,#000 58%,transparent 100%);animation:splash-logo-drop 1.3s cubic-bezier(.3,.72,.25,1) both,splash-logo-idle 4s 1.45s ease-in-out infinite}.splash-card-fan{position:absolute;z-index:1;left:50%;top:50%;width:min(54vw,390px);aspect-ratio:1.35;transform:translate(-50%,-50%)}.splash-card-fan i{position:absolute;top:0;right:0;bottom:0;left:0;border:5px solid white;border-radius:34px;box-shadow:0 20px 42px #0008;animation:splash-card-fan-in .8s cubic-bezier(.2,1.2,.35,1) both}.splash-card-fan i:nth-child(1){background:#ff5a3d;transform:rotate(-16deg) translate(-18px,-18px)}.splash-card-fan i:nth-child(2){background:#3b82f6;transform:rotate(13deg) translate(22px,-20px);animation-delay:.1s}.splash-card-fan i:nth-child(3){background:#f7c928;transform:rotate(3deg) translate(6px,10px);animation-delay:.2s}.splash-orbit{position:absolute;z-index:4;display:grid;place-items:center;border:3px solid #fff;box-shadow:0 9px 22px #0008;font:700 clamp(1.2rem,5vw,2.1rem)/1 "Fredoka";animation:splash-orbit-pop .55s .7s cubic-bezier(.2,1.4,.4,1) both,splash-orbit-bob 1.7s 1.3s ease-in-out infinite}.splash-orbit-a{left:12%;top:22%;width:76px;height:76px;border-radius:25px;background:#ffc857;color:#7b4700;transform:rotate(-10deg)}.splash-orbit-numbers{right:10%;top:24%;width:82px;height:72px;border-radius:24px;background:#5eead4;color:#075e55;animation-delay:.82s,1.45s}.splash-orbit-shape{right:17%;bottom:18%;width:68px;height:68px;border-radius:50%;background:#fb7185;color:#fff;animation-delay:.94s,1.6s}.splash-dots{position:absolute;z-index:5;left:50%;bottom:max(28px,env(safe-area-inset-bottom));display:flex;gap:11px;transform:translate(-50%)}.splash-dots i{width:12px;height:12px;border-radius:50%;background:#fff;animation:splash-dot-bounce .75s ease-in-out infinite}.splash-dots i:nth-child(2){background:#ffc857;animation-delay:.12s}.splash-dots i:nth-child(3){background:#5eead4;animation-delay:.24s}@keyframes splash-screen-life{0%,72%{transform:perspective(1400px) translateZ(0) rotateY(0) scale(1);border-radius:0;box-shadow:none}78%{transform:perspective(1400px) translateZ(-45px) rotateY(0) scale(.94);border-radius:34px;box-shadow:0 28px 70px #000b}88%{transform:perspective(1400px) translateZ(-45px) rotateY(-90deg) scale(.94);border-radius:34px;box-shadow:0 16px 45px #0009}88.1%,to{transform:perspective(1400px) translateZ(-45px) rotateY(-90deg) scale(.94);visibility:hidden}}@keyframes app-screen-flip-in{0%,87.9%{visibility:hidden;transform:perspective(1400px) translateZ(-45px) rotateY(90deg) scale(.94)}88%{visibility:visible;transform:perspective(1400px) translateZ(-45px) rotateY(90deg) scale(.94)}to{visibility:visible;transform:perspective(1400px) translateZ(0) rotateY(0) scale(1)}}@keyframes splash-logo-drop{0%{opacity:0;transform:translateY(-115vh) rotate(-7deg) scale(.9)}52%{opacity:1;transform:translateY(46px) rotate(2deg) scale(1.04)}68%{transform:translateY(-24px) rotate(-1deg) scale(.985)}80%{transform:translateY(13px) rotate(.5deg) scale(1.012)}90%{transform:translateY(-6px) rotate(0) scale(.996)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes splash-logo-idle{0%,72%{transform:perspective(900px) translateY(0) rotateY(0) rotate(0) scale(1)}77%{transform:perspective(900px) translateY(-8px) rotateY(0) rotate(-4deg) scale(1.12)}88%{transform:perspective(900px) translateY(-12px) rotateY(360deg) rotate(2deg) scale(1.16)}94%{transform:perspective(900px) translateY(4px) rotateY(360deg) rotate(-1deg) scale(.96)}98%{transform:perspective(900px) translateY(-2px) rotateY(360deg) rotate(0) scale(1.04)}to{transform:perspective(900px) translateY(0) rotateY(360deg) rotate(0) scale(1)}}@keyframes splash-card-fan-in{0%{opacity:0;transform:scale(.45) rotate(0)}to{opacity:.72}}@keyframes splash-orbit-pop{0%{opacity:0;scale:.25}to{opacity:1;scale:1}}@keyframes splash-orbit-bob{50%{translate:0 -10px;rotate:6deg}}@keyframes splash-dot-bounce{50%{transform:translateY(-9px) scale(1.18)}}@media (orientation: landscape) and (max-height: 600px){.splash-logo{width:min(58vw,500px);max-height:88dvh}.splash-orbit-a{left:8%;top:16%}.splash-orbit-numbers{right:8%;top:16%}.splash-orbit-shape{right:12%;bottom:12%}}@media (max-width: 580px){.splash-logo{width:min(90vw,470px)}.splash-card-fan{width:72vw}.splash-orbit-a{left:5%;top:18%;width:60px;height:60px;border-radius:20px}.splash-orbit-numbers{right:4%;top:20%;width:68px;height:60px;border-radius:20px}.splash-orbit-shape{right:9%;bottom:16%;width:56px;height:56px}}@media (prefers-reduced-motion: reduce){.splash-screen{animation:splash-screen-life 3.2s linear forwards}.splash-logo,.splash-card-fan i,.splash-orbit,.splash-dots i{animation:none}}@media (orientation: landscape) and (max-height: 600px){.app-header{height:68px;padding-inline:20px}.brand-logo{width:58px;height:48px}.brand{font-size:1.25rem}.header-home-button,.history-menu-button,.theme-button{width:46px;height:46px;min-width:46px;min-height:46px}.setup-screen.page{width:min(calc(100% - 32px),1050px);padding:14px 0 20px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.85fr);grid-template-rows:auto 1fr;gap:14px 18px;align-items:start}.setup-screen .choice-grid{grid-column:1;grid-row:1 / span 2;gap:10px}.setup-screen .subject-card{min-height:112px;padding:8px;border-radius:20px}.setup-screen .character-icon{font-size:3.8rem}.setup-screen .number-icon{font-size:3rem}.setup-screen .emoji-category-icon{font-size:3.75rem}.setup-screen .colors-icon-svg{width:122px;height:68px}.setup-screen .shapes-icon-svg{width:132px;height:70px}.setup-screen .settings-card{grid-column:2;grid-row:1;width:100%;margin:0}.setup-screen .options-toggle{min-height:42px}.setup-screen .options-card.open .options-inner{padding-bottom:12px}.setup-screen .segmented-control button{min-height:38px}.setup-screen .start-button{grid-column:2;grid-row:2;width:100%;min-height:82px;margin:0;align-self:end;border-radius:22px}.setup-screen .start-button svg{width:54px;height:54px}}.app-shell[data-theme=light] .subject-card:not(.selected){border-color:#d8deea;box-shadow:0 8px #e1e5ee,0 14px 30px #33415518}.app-shell[data-theme=light] .shapes-icon-svg{color:#172033}.app-shell[data-theme=light] .subject-card.letters.selected{border-color:#f1b94f;box-shadow:0 9px #8b5d13,0 0 0 1px #f1b94f55}.app-shell[data-theme=light] .subject-card.numbers.selected{border-color:#48d8c1;box-shadow:0 9px #176e62,0 0 0 1px #48d8c155}.app-shell[data-theme=light] .subject-card.colors.selected{border-color:#fb923c;box-shadow:0 9px #9a3d09}.app-shell[data-theme=light] .subject-card.shapes.selected{border-color:#fb7185;box-shadow:0 9px #9f1239}.app-shell[data-theme=light]{--page: #edf2f8;--surface: #ffffff;--surface-soft: #e8eef6;--ink: #172033;--muted: #64748b;--line: #cfd8e6;--purple: #6678ee;--purple-deep: #25366f;background:radial-gradient(circle at 50% -12%,#ffffff 0,#f4f7fb 28rem,var(--page) 58rem)}.app-shell[data-theme=light] .app-header{background:#fff;color:#172033;border-bottom:1px solid #d5deeb;box-shadow:0 8px 24px #33415518}.app-shell[data-theme=light] .brand{color:#172033}.app-shell[data-theme=light] .history-menu-button,.app-shell[data-theme=light] .theme-button,.app-shell[data-theme=light] .header-home-button,.app-shell[data-theme=light] .quiet-button{background:#edf2f8;border-color:#cbd6e5;color:#25324a}.app-shell[data-theme=light] .header-home-button,.app-shell[data-theme=light] .history-menu-button{color:#111827}.app-shell[data-theme=light] .header-home-button svg,.app-shell[data-theme=light] .history-menu-button svg,.app-shell[data-theme=light] .theme-button svg{stroke:#111827}.app-shell[data-theme=light] .segmented-control button.active{background:linear-gradient(135deg,#7182ff,#596bdc);color:#fff;box-shadow:0 5px 14px #5365c83d}.app-shell[data-theme=light] .results-screen .score-ring{background:conic-gradient(#0f766e var(--score),#dbe7e5 0)}.app-shell[data-theme=light] .results-screen .score-ring strong,.app-shell[data-theme=light] .results-screen .result-stats strong{color:#172033}.app-shell[data-theme=light] .results-screen .primary-button{background:#0f766e;box-shadow:0 7px #07544f,0 14px 24px #0f766e2e}.app-shell[data-theme=light] .results-screen .secondary-button{color:#172033}.app-shell[data-theme=light] .result-stats div:nth-child(1) strong{color:#0f8f6f}.app-shell[data-theme=light] .result-stats div:nth-child(2) strong{color:#dc4358}.app-shell[data-theme=light] .result-stats div:nth-child(3) strong{color:#2563c7}.app-shell[data-theme=dark] .result-stats div:nth-child(1) strong{color:#45dda8}.app-shell[data-theme=dark] .result-stats div:nth-child(2) strong{color:#ff7b8d}.app-shell[data-theme=dark] .result-stats div:nth-child(3) strong{color:#82aaff}.app-shell[data-theme=light] .results-screen .score-ring.score-high{background:conic-gradient(#0f8f6f var(--score),#d9e9e5 0)}.app-shell[data-theme=light] .results-screen .score-ring.score-medium{background:conic-gradient(#c77a00 var(--score),#f1e6d2 0)}.app-shell[data-theme=light] .results-screen .score-ring.score-low{background:conic-gradient(#dc4358 var(--score),#f2dfe2 0)}.app-shell[data-theme=light] .results-screen .score-ring.score-high strong{color:#0f8f6f}.app-shell[data-theme=light] .results-screen .score-ring.score-medium strong{color:#a86400}.app-shell[data-theme=light] .results-screen .score-ring.score-low strong{color:#dc4358}.app-shell[data-theme=dark] .results-screen .score-ring.score-high{background:conic-gradient(#45dda8 var(--score),#26334a 0)}.app-shell[data-theme=dark] .results-screen .score-ring.score-medium{background:conic-gradient(#ffc857 var(--score),#26334a 0)}.app-shell[data-theme=dark] .results-screen .score-ring.score-low{background:conic-gradient(#ff7b8d var(--score),#26334a 0)}.app-shell[data-theme=dark] .results-screen .score-ring.score-high strong{color:#45dda8}.app-shell[data-theme=dark] .results-screen .score-ring.score-medium strong{color:#ffc857}.app-shell[data-theme=dark] .results-screen .score-ring.score-low strong{color:#ff7b8d}.app-shell[data-theme=light] .splash-screen{background:#fff}.app-shell[data-theme=light] .splash-logo{filter:drop-shadow(0 22px 34px #27466f35) saturate(1.04)}.app-shell[data-theme=light] .splash-dots i:first-child{background:#172033}.app-shell[data-theme=light] .subject-card,.app-shell[data-theme=light] .subject-card.selected,.app-shell[data-theme=light] .subject-card:not(.selected){box-shadow:0 7px 20px #33415522}.app-shell[data-theme=dark] .subject-card,.app-shell[data-theme=dark] .subject-card.selected,.app-shell[data-theme=dark] .subject-card:not(.selected){box-shadow:0 8px 22px #02071370}.subject-card.shapes .subject-icon{transform:none}.splash-screen{display:flex;align-items:center;justify-content:center;cursor:default;animation:none}.splash-hit-target{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:transparent;cursor:pointer}.splash-entrance-content{position:relative;z-index:3;width:min(92vw,680px);display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.splash-entrance-content .splash-logo{max-height:min(62dvh,570px)}.splash-version{position:absolute;z-index:6;left:50%;bottom:max(16px,env(safe-area-inset-bottom));color:#dbe7f7;font:700 .82rem/1 Nunito,sans-serif;letter-spacing:.08em;opacity:.72;transform:translate(-50%)}.app-shell[data-theme=light] .splash-version{color:#475569}.splash-coffee-link{position:absolute;z-index:6;left:max(18px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));width:60px;height:60px;margin:0;display:grid;place-items:center;flex:0 0 auto;border:2px solid #ffffff55;border-radius:50%;background:#ffffff16;color:#fff;text-decoration:none;pointer-events:auto;opacity:0;box-shadow:0 9px 22px #02071355;animation:splash-coffee-arrive .5s 1.25s cubic-bezier(.18,1.35,.3,1) forwards}.splash-coffee-link svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.splash-coffee-link:before{content:"";position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 8% 38%,#ffc857 0 3px,transparent 3.5px),radial-gradient(circle at 28% 4%,#5eead4 0 2.5px,transparent 3px),radial-gradient(circle at 82% 10%,#fb7185 0 3px,transparent 3.5px),radial-gradient(circle at 98% 58%,#69a8ff 0 2.5px,transparent 3px),radial-gradient(circle at 70% 96%,#ffc857 0 2px,transparent 2.5px),radial-gradient(circle at 15% 88%,#5eead4 0 2.5px,transparent 3px);opacity:0;animation:splash-coffee-particles 1.8s 1.55s ease-in-out infinite}.splash-coffee-link:after{content:"✦";position:absolute;top:-17px;right:-12px;color:#ffc857;font-size:1.25rem;line-height:1;pointer-events:none;text-shadow:0 3px 8px #02071370;opacity:0;animation:splash-coffee-sparkle 1.35s 1.7s ease-in-out infinite}.splash-coffee-link:hover{background:#ffffff2b;border-color:#fff9}.splash-coffee-link:active{transform:translateY(3px) scale(.96)}.app-shell[data-theme=light] .splash-coffee-link{background:#edf2f8;border-color:#cbd6e5;color:#111827;box-shadow:0 9px 22px #33415526}.app-shell[data-theme=light] .splash-coffee-link:hover{background:#e3eaf3;border-color:#aebdd1}@keyframes splash-coffee-arrive{0%{opacity:0;transform:translateY(18px) scale(.72) rotate(-12deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes splash-coffee-particles{0%,to{opacity:.35;transform:rotate(0) scale(.88)}50%{opacity:1;transform:rotate(12deg) scale(1.08)}}@keyframes splash-coffee-sparkle{0%,to{opacity:.35;transform:rotate(-12deg) scale(.65)}50%{opacity:1;transform:rotate(16deg) scale(1.25)}}.splash-start-button{width:min(68vw,310px);min-height:66px;padding:10px 28px;display:flex;align-items:center;justify-content:center;gap:13px;border:0;border-radius:20px;background:linear-gradient(135deg,#22c55e,#12ad59);color:#fff;font:700 1.3rem Fredoka;box-shadow:0 8px #087a3a,0 16px 30px #02071345;cursor:pointer;opacity:0;animation:splash-start-arrive .48s 1.08s cubic-bezier(.18,1.35,.3,1) forwards}.splash-start-button svg{width:32px;height:32px;fill:currentColor}.splash-start-button:active{transform:translateY(5px);box-shadow:0 3px #087a3a,0 8px 18px #02071335}.coffee-link{position:absolute;z-index:6;left:max(18px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));padding:9px 12px;border-radius:12px;color:#dbe7f7;font:700 .9rem Nunito;text-decoration:none;background:#ffffff0d;border:1px solid #ffffff20;opacity:0;animation:splash-start-arrive .4s 1.2s ease-out forwards}.coffee-link:hover{background:#ffffff18;border-color:#ffffff3d}.app-shell.splash-active .app-content{pointer-events:none;visibility:hidden;animation:none;transform:perspective(1400px) rotateY(90deg) scale(.96)}.app-shell.splash-exiting .splash-screen{animation:welcome-splash-flip .8s cubic-bezier(.45,0,.2,1) forwards}.app-shell.splash-active.splash-exiting .app-content{animation:welcome-app-flip .8s cubic-bezier(.45,0,.2,1) forwards}@keyframes splash-start-arrive{0%{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes welcome-splash-flip{0%{transform:perspective(1400px) rotateY(0) scale(1);border-radius:0}46%{transform:perspective(1400px) rotateY(-90deg) scale(.95);border-radius:32px}46.1%,to{transform:perspective(1400px) rotateY(-90deg) scale(.95);visibility:hidden}}@keyframes welcome-app-flip{0%,45.9%{visibility:hidden;transform:perspective(1400px) rotateY(90deg) scale(.95)}46%{visibility:visible;transform:perspective(1400px) rotateY(90deg) scale(.95)}to{visibility:visible;transform:perspective(1400px) rotateY(0) scale(1)}}.app-shell[data-theme=light] .coffee-link{color:#334155;background:#edf2f8;border-color:#d4deeb}.app-shell[data-theme=light] .coffee-link:hover{background:#e3ebf5;border-color:#bdcadb}@media (orientation: landscape) and (max-height: 600px){.splash-entrance-content{flex-direction:row;width:min(86vw,820px);gap:24px}.splash-entrance-content .splash-logo{width:min(52vw,470px);max-height:76dvh}.splash-start-button{width:min(28vw,250px)}}@media (prefers-reduced-motion: reduce){.splash-logo,.splash-start-button,.coffee-link,.splash-coffee-link{animation:none;opacity:1}.splash-coffee-link:before,.splash-coffee-link:after{animation:none;opacity:.72}.app-shell.splash-exiting .splash-screen,.app-shell.splash-active.splash-exiting .app-content{animation-duration:.01s}}.header-brand-group{display:flex;align-items:center;gap:12px}.header-coffee-link{display:grid;place-items:center;width:54px;height:54px;border:2px solid #ffffff55;border-radius:50%;background:#ffffff16;color:#fff;line-height:1;text-decoration:none;transform-origin:center;transition:transform .18s ease,background .18s ease,border-color .18s ease;-webkit-tap-highlight-color:transparent}.header-coffee-link svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.header-coffee-link:hover{transform:translateY(-2px) scale(1.06);background:#ffffff2b;border-color:#fff9}.app-shell[data-theme=light] .header-coffee-link{background:#edf2f8;border-color:#cbd6e5;color:#111827}.app-shell[data-theme=light] .header-coffee-link:hover{background:#e3eaf3;border-color:#aebdd1}.header-coffee-link:active{transform:translateY(1px) scale(.95)}.splash-rain{position:absolute;z-index:1;top:-18vh;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.splash-rain span{--drift: 24px;position:absolute;top:-18vh;color:#ffd34e;font:700 2.25rem/1 Fredoka,sans-serif;opacity:0;text-shadow:0 6px 12px #02071377;animation:splash-rain-fall 4.2s linear infinite}.splash-rain span:nth-child(1){left:5%;animation-delay:-.2s;animation-duration:3.9s}.splash-rain span:nth-child(2){left:13%;animation-delay:-2.1s;animation-duration:4.6s;color:#58e6d1;--drift: -28px}.splash-rain span:nth-child(3){left:22%;animation-delay:-.9s;animation-duration:4.2s;font-size:2.6rem}.splash-rain span:nth-child(4){left:31%;animation-delay:-3.2s;animation-duration:5s;color:#ff6f91;--drift: -24px}.splash-rain span:nth-child(5){left:40%;animation-delay:-1.4s;animation-duration:4.4s;color:#69a8ff}.splash-rain span:nth-child(6){left:49%;animation-delay:-2.8s;animation-duration:4.8s;font-size:2.55rem;--drift: -30px}.splash-rain span:nth-child(7){left:58%;animation-delay:-.5s;animation-duration:4.1s}.splash-rain span:nth-child(8){left:67%;animation-delay:-3.6s;animation-duration:5.1s;color:#58e6d1;--drift: -24px}.splash-rain span:nth-child(9){left:76%;animation-delay:-1.8s;animation-duration:4.5s;font-size:2.55rem}.splash-rain span:nth-child(10){left:85%;animation-delay:-2.5s;animation-duration:4s;color:#ff6f91;--drift: -28px}.splash-rain span:nth-child(11){left:94%;animation-delay:-1s;animation-duration:4.7s;color:#69a8ff}.splash-rain span:nth-child(12){left:18%;animation-delay:-3.9s;animation-duration:5.2s;font-size:2.5rem;--drift: -22px}.splash-rain span:nth-child(13){left:54%;animation-delay:-2s;animation-duration:4.3s;color:#58e6d1}.splash-rain span:nth-child(14){left:88%;animation-delay:-4.4s;animation-duration:5s;--drift: -30px}@keyframes splash-rain-fall{0%{transform:translate3d(0,-12vh,0) rotate(0) scale(.86);opacity:0}12%{opacity:.44}86%{opacity:.34}to{transform:translate3d(var(--drift),130vh,0) rotate(420deg) scale(1.08);opacity:0}}.app-shell[data-theme=light] .splash-rain span{color:#53647d;text-shadow:none}@media (max-width: 520px){.header-brand-group{gap:8px}.header-coffee-link{width:52px;height:52px}.header-coffee-link svg{width:32px;height:32px}.splash-rain span{font-size:1.9rem}}.setup-screen .subject-card.letters .character-icon{position:static;width:100%;height:100%;align-items:center;justify-content:center;font-size:4rem;line-height:1}.setup-screen .subject-card.numbers .number-icon{width:100%;height:100%;align-items:center;justify-content:center;font-size:4rem;line-height:1}.setup-screen .subject-card.letters .alphabet-mode-icon[aria-label="Uppercase letters"]{position:relative;left:-9px;top:0}@media (prefers-reduced-motion: reduce){.splash-rain span{animation:none;opacity:.2;transform:translateY(40vh)}}.setup-screen .category-carousel{position:relative;width:100%;display:grid;grid-template-columns:1fr;gap:15px}.setup-screen .category-showcase{position:relative;width:min(calc(100% - 132px),clamp(230px,32dvh,310px));min-height:0;aspect-ratio:1.2 / 1;margin-inline:auto;padding:18px;display:grid;place-items:center;cursor:default;touch-action:pan-y;-webkit-user-select:none;user-select:none;animation:category-showcase-enter .3s cubic-bezier(.2,.85,.3,1) both}.setup-screen .category-showcase:hover{transform:none}.setup-screen .category-showcase.subject-card.selected{box-shadow:0 8px 20px #02071338}.app-shell[data-theme=light] .setup-screen .category-showcase.subject-card.selected{box-shadow:0 8px 20px #33415520}.setup-screen .category-showcase .subject-icon,.app-shell .setup-screen .category-showcase.colors .subject-icon,.app-shell .setup-screen .category-showcase.shapes .subject-icon{width:100%;height:100%;display:grid;place-items:center;transform:none}.setup-screen .category-showcase.letters .character-icon,.setup-screen .category-showcase.numbers .number-icon{font-size:clamp(5.5rem,22vw,7rem)}.setup-screen .category-showcase .emoji-category-icon{font-size:clamp(5.6rem,23vw,7.2rem)}.app-shell .setup-screen .category-showcase.colors .subject-icon,.app-shell .setup-screen .category-showcase.shapes .subject-icon{position:absolute;top:10px;right:12px;bottom:10px;left:12px;width:auto;height:auto}.setup-screen .category-showcase .colors-icon-svg,.setup-screen .category-showcase .shapes-icon-svg{width:100%;height:100%;max-width:none;overflow:visible;transform:none}.category-arrow{position:absolute;z-index:4;top:50%;width:72px;height:72px;padding:0;display:grid;place-items:center;border:2px solid #64738e;border-radius:18px;background:#263650e8;color:#fff;cursor:pointer;transform:translateY(-50%);box-shadow:0 7px 16px #02071355}.category-arrow.previous{left:-80px}.category-arrow.next{right:-80px}.category-arrow svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.category-arrow:hover{background:#334761;border-color:#91a0b8}.category-arrow:active{transform:translateY(calc(-50% + 3px)) scale(.96)}.app-shell[data-theme=light] .category-arrow{background:#fff;border-color:#b9c7d9;color:#172033;box-shadow:0 6px 14px #33415528}.app-shell[data-theme=light] .category-arrow:hover{background:#e8eef6;border-color:#91a4bc}.category-dots{display:flex;align-items:center;justify-content:center;gap:9px}.category-dots button{width:11px;height:11px;padding:0;border:0;border-radius:999px;background:var(--line);color:inherit;cursor:pointer;transition:width .2s,background .2s}.category-dots button.active{width:29px;background:currentColor}.category-carousel.letters .category-dots{color:#f1b94f}.category-carousel.numbers .category-dots{color:#48d8c1}.category-carousel.colors .category-dots{color:#fb923c}.category-carousel.shapes .category-dots{color:#fb7185}@keyframes category-showcase-enter{0%{opacity:.45;transform:scale(.965) translateY(5px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 580px){.setup-screen .category-showcase{width:min(calc(100% - 80px),280px);min-height:0;padding-inline:14px}.category-arrow{width:36px;height:calc(100% - 30px);min-height:120px;border-radius:18px}.category-arrow.previous{left:-40px}.category-arrow.next{right:-40px}.category-arrow svg{width:28px;height:28px}}@media (orientation: landscape) and (max-height: 600px){.setup-screen .category-carousel{align-self:stretch}.setup-screen .category-showcase{width:min(calc(100% - 124px),190px);min-height:0;height:auto}.setup-screen .category-showcase.letters .character-icon,.setup-screen .category-showcase.numbers .number-icon,.setup-screen .category-showcase .emoji-category-icon{font-size:5rem}}@media (prefers-reduced-motion: reduce){.setup-screen .category-showcase{animation:none}.category-dots button{transition:none}}