:root{--forest: #23493d;--forest-dark: #17352c;--fern: #4d8964;--fern-soft: #86b296;--sky: #e4f4fc;--sky-deep: #bfe3f2;--sunflower: #f9c65b;--sunflower-soft: #fde7af;--berry: #c36983;--berry-soft: #f3d3dd;--plum: #8b6a9e;--cream: #fffbf2;--paper: rgba(255, 251, 242, .9);--paper-solid: #fffcf5;--line: rgba(35, 73, 61, .14);--line-strong: rgba(35, 73, 61, .24);--muted: rgba(35, 73, 61, .68);--muted-soft: rgba(35, 73, 61, .5);--shadow: 0 22px 48px rgba(35, 73, 61, .13), 0 4px 10px rgba(35, 73, 61, .06);--shadow-soft: 0 12px 26px rgba(35, 73, 61, .09);--font-rounded: ui-rounded, "SF Pro Rounded", "Nunito", "Quicksand", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-xl: 32px;--radius-lg: 24px;--radius-md: 18px;color-scheme:light;font-family:var(--font-rounded);color:var(--forest);background:var(--sky);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{min-width:320px;-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;background:linear-gradient(180deg,var(--sky),#f2f9ed 56%,#e9f4e1);font-family:var(--font-rounded);font-size:18px;line-height:1.5;color:var(--forest);overflow-x:hidden}#root{min-height:100vh;min-height:100dvh}button,input,select,textarea{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed}img{max-width:100%}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4,strong{font-weight:800;letter-spacing:-.02em}a{color:var(--forest)}:focus-visible{outline:3px solid var(--sunflower);outline-offset:3px}::selection{background:var(--sunflower-soft);color:var(--forest-dark)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dot-separator{display:inline-block;width:4px;height:4px;margin:0 8px;border-radius:50%;background:currentColor;opacity:.42;vertical-align:middle}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.paper-panel{background:var(--paper);border:1px solid rgba(255,255,255,.78);box-shadow:var(--shadow);border-radius:var(--radius-xl);backdrop-filter:blur(14px) saturate(1.06);-webkit-backdrop-filter:blur(14px) saturate(1.06)}.eyebrow{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--fern)}.eyebrow svg{width:15px;height:15px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:12px 22px;border-radius:999px;font-weight:800;font-size:17px;line-height:1.2;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,opacity .16s ease;touch-action:manipulation}.button svg{width:21px;height:21px;flex:0 0 auto}.button:not(:disabled):hover{transform:translateY(-1px)}.button:not(:disabled):active{transform:translateY(0) scale(.985)}.button:disabled{opacity:.48}.button-primary{background:var(--sunflower);color:var(--forest-dark);box-shadow:0 8px #b481222e,0 12px 22px #f9c65b52}.button-primary:not(:disabled):hover{background:#ffd06d}.button-forest{background:var(--forest);color:#fffdf6;box-shadow:0 8px #17352c2e,0 10px 22px #23493d33}.button-forest:not(:disabled):hover{background:#2d5b4c}.button-berry{background:var(--berry);color:#fffdf6;box-shadow:0 8px #883a522e,0 10px 22px #c3698338}.button-ghost{background:#fffcf599;color:var(--forest);border:1.5px solid var(--line-strong)}.button-ghost:not(:disabled):hover{background:#fffcf5eb}.button-small{min-height:48px;padding:9px 16px;font-size:15px}.button-small svg{width:18px;height:18px}.button-wide{min-width:210px}.icon-button{display:inline-grid;place-items:center;width:50px;height:50px;border-radius:16px;background:#fffcf5ad;border:1.5px solid var(--line);color:var(--forest);transition:background-color .16s ease,transform .16s ease}.icon-button svg{width:22px;height:22px}.icon-button:hover{background:#fffdf7;transform:translateY(-1px)}.text-button{display:inline-flex;align-items:center;gap:5px;min-height:44px;padding:6px 8px;border-radius:10px;color:var(--muted);font-size:14px;font-weight:700}.text-button svg{width:16px;height:16px}.text-button:hover{color:var(--forest);background:#23493d0f}.sound-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:10px 18px;border-radius:999px;background:#fffdf7;border:1.5px solid var(--line-strong);color:var(--forest);font-size:16px;font-weight:800;transition:background-color .16s ease,transform .16s ease,box-shadow .16s ease}.sound-button svg{width:21px;height:21px}.sound-button:hover{background:var(--sky);transform:translateY(-1px);box-shadow:var(--shadow-soft)}.sound-button-icon{width:50px;height:50px;min-height:50px;padding:0}.segmented-control{display:inline-flex;gap:4px;padding:5px;background:#23493d12;border-radius:999px;max-width:100%}.segmented-control button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:8px 17px;border-radius:999px;font-size:15px;font-weight:800;color:var(--muted);white-space:nowrap;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}.segmented-control button span{display:inline-grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:#23493d17;font-size:12px}.segmented-control button.is-selected{background:#fffdf7;color:var(--forest);box-shadow:0 4px 12px #23493d1a}.segmented-scroll{overflow-x:auto;scrollbar-width:none}.segmented-scroll::-webkit-scrollbar{display:none}.mode-switch{display:inline-flex;gap:4px;padding:4px;background:#23493d12;border-radius:14px}.mode-switch button{min-height:44px;padding:7px 14px;border-radius:11px;font-size:15px;font-weight:800;color:var(--muted)}.mode-switch button.is-selected{background:#fffdf7;color:var(--forest);box-shadow:0 3px 9px #23493d1a}.mode-switch button:disabled{opacity:.5}.status-chip{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.status-chip svg{width:14px;height:14px}.status-chip-success,.status-chip-approved{background:#e4f3e8;color:#296342}.status-chip-local{background:#e6f3fa;color:#2f6e88}.status-chip-warning,.status-chip-pending{background:#fdf0d0;color:#8a6115}.status-chip-retry{background:var(--berry-soft);color:#843d55}.status-chip-approved{background:#e4f3e8;color:#296342}.toast-stack{position:fixed;z-index:300;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;flex-direction:column;gap:9px;width:min(520px,calc(100vw - 28px));pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:13px 14px 13px 16px;border-radius:18px;background:#fffcf5fa;border:1px solid var(--line);box-shadow:var(--shadow);font-size:15px;font-weight:700;color:var(--forest);pointer-events:auto;animation:toastIn .22s ease both}.toast-icon{display:inline-grid;place-items:center;flex:0 0 auto;width:32px;height:32px;border-radius:50%;background:var(--sky)}.toast-icon svg{width:18px;height:18px}.toast-success .toast-icon{background:#e4f3e8;color:#296342}.toast-warning .toast-icon,.toast-error .toast-icon{background:#fdf0d0;color:#8a6115}.toast-close{display:inline-grid;place-items:center;flex:0 0 auto;width:40px;height:40px;margin-left:auto;border-radius:12px;color:var(--muted)}.toast-close svg{width:18px;height:18px}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}}.sticker-mark{position:relative;display:inline-grid;place-items:center;width:54px;height:54px;flex:0 0 auto;border-radius:46% 54% 48% 52%/53% 46% 54% 47%;border:2px solid rgba(255,255,255,.75);box-shadow:inset 0 0 0 2px #23493d14,0 5px 12px #23493d1f;transform:rotate(-3deg)}.sticker-mark svg{width:48%;height:48%;stroke-width:2.1}.sticker-size-sm{width:38px;height:38px}.sticker-size-lg{width:126px;height:126px}.sticker-listen{background:linear-gradient(145deg,#dff2fb,#bfe3f2);color:#2f6e88}.sticker-trace{background:linear-gradient(145deg,#eaf6e3,#cfe8c9);color:#3d7350}.sticker-paint{background:linear-gradient(145deg,#fdf1ce,#fbe0a0);color:#96671b}.sticker-lamp{background:linear-gradient(145deg,#fff0c8,#f9c65b);color:#7d5a16}.sticker-rhythm{background:linear-gradient(145deg,#f8e0e7,#edbfcd);color:#8d4059}.sticker-dictation{background:linear-gradient(145deg,#ece4f4,#d9c9e9);color:#6c4b83}.picture-crop{display:block;width:100%;aspect-ratio:1 / 1;border-radius:20px;background-color:#f2eadb;background-image:url(/images/objects.png);background-repeat:no-repeat;background-size:500% 500%;box-shadow:inset 0 0 0 1px #23493d14}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:13px;padding:clamp(32px,6vw,64px) clamp(20px,5vw,56px);background:var(--paper);border:1px solid rgba(255,255,255,.8);border-radius:var(--radius-xl);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.empty-state-icon{display:inline-grid;place-items:center;width:84px;height:84px;border-radius:44% 56% 50% 50%/52% 44% 56% 48%;background:var(--sunflower-soft);color:#8a6115}.empty-state-icon svg{width:38px;height:38px}.empty-state-audio .empty-state-icon{background:var(--sky);color:#2f6e88}.empty-state h2{font-size:clamp(25px,3vw,34px)}.empty-state p{max-width:560px;color:var(--muted);font-size:17px}.empty-state-action{margin-top:8px}.loading-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:260px;padding:36px;background:var(--paper);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow);color:var(--muted);font-weight:700}.loading-leaf{width:46px;height:30px;border-radius:50% 10%;background:var(--fern);transform:rotate(-25deg);animation:leafBreathe 1.4s ease-in-out infinite}@keyframes leafBreathe{50%{transform:rotate(-9deg) scale(1.08);background:var(--sunflower)}}.modal-backdrop{position:fixed;z-index:200;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));background:#17352c6b;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn .18s ease both}.modal-close{position:absolute;top:16px;right:16px}@keyframes fadeIn{0%{opacity:0}}.home-screen{position:relative;min-height:100vh;min-height:100dvh;padding:clamp(16px,2.5vw,34px);padding-top:max(clamp(16px,2.5vw,34px),env(safe-area-inset-top));padding-bottom:max(28px,env(safe-area-inset-bottom));background-color:#dcefe1;background-image:linear-gradient(180deg,#e4f4fc4d,#e4f4fc0f 40%,#fffbf238),url(/images/garden.png);background-size:cover;background-position:center top;background-attachment:fixed;isolation:isolate}.home-screen:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#e4f4fc26,#f4fbef57 56%,#e5f3dd9e);pointer-events:none}.home-sky{position:fixed;inset:0 0 auto;height:38vh;z-index:-1;background:linear-gradient(180deg,rgba(191,227,242,.34),transparent);pointer-events:none}.home-hero{position:relative;max-width:1200px;margin:0 auto;min-height:370px;padding:clamp(26px,4vw,48px);overflow:hidden;background:linear-gradient(135deg,#fffcf5f0,#fffbf2c2);animation:pageIn .52s ease both}.home-hero:after{content:"";position:absolute;width:320px;height:160px;right:-60px;bottom:-70px;border-radius:50%;background:radial-gradient(circle,rgba(249,198,91,.22),transparent 68%);pointer-events:none}.hero-content{position:relative;z-index:2;max-width:760px}.hero-content h1{position:relative;display:inline-block;margin-top:10px;font-size:clamp(42px,6.3vw,78px);line-height:.98;color:var(--forest);letter-spacing:-.045em}.hero-underline{position:absolute;left:3px;right:18%;bottom:-8px;height:10px;border-radius:999px;background:linear-gradient(90deg,var(--sunflower),rgba(249,198,91,.12));transform:rotate(-1.2deg)}.hero-copy{max-width:590px;margin-top:22px;color:var(--muted);font-size:clamp(17px,1.7vw,21px);font-weight:600}.hero-scenery{position:absolute;top:0;right:0;width:35%;height:100%;pointer-events:none}.hero-sun{position:absolute;top:14%;right:19%;display:grid;place-items:center;width:104px;height:104px;color:#b88723;background:radial-gradient(circle at 38% 35%,#ffe6a0,#f9c65b 72%);border-radius:50%;box-shadow:0 0 0 18px #f9c65b1f,0 0 0 38px #f9c65b0f;animation:sunFloat 9s ease-in-out infinite}.hero-sun svg{width:48px;height:48px}.hero-leaf{position:absolute;color:var(--fern);opacity:.68}.hero-leaf svg{width:100%;height:100%}.hero-leaf-one{width:110px;height:110px;right:4%;bottom:17%;transform:rotate(-28deg)}.hero-leaf-two{width:72px;height:72px;right:36%;bottom:8%;transform:rotate(64deg);color:var(--fern-soft)}.hero-leaf-three{width:92px;height:92px;right:66%;top:10%;transform:rotate(-8deg);opacity:.4}.hero-flower{position:absolute;right:8%;top:48%;width:70px;height:70px;color:var(--berry);opacity:.56;transform:rotate(12deg)}.hero-flower svg{width:100%;height:100%}@keyframes sunFloat{50%{transform:translateY(-8px)}}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}}.letter-rail{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.home-letter{position:relative;display:flex;align-items:baseline;justify-content:center;gap:3px;width:76px;height:86px;padding-top:14px;border-radius:42% 42% 38% 38%/34% 34% 50% 50%;background:#fffdf7db;border:2px solid rgba(77,137,100,.2);color:var(--forest);box-shadow:0 8px 16px #23493d14;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease,border-color .18s ease}.home-letter:hover{transform:translateY(-3px);background:#fffdf7;box-shadow:var(--shadow-soft)}.home-letter .home-letter-upper{font-size:34px;font-weight:800;letter-spacing:-.04em}.home-letter .home-letter-lower{font-size:18px;font-weight:800;color:var(--muted)}.home-letter.is-selected{background:linear-gradient(150deg,#ffe7a5,var(--sunflower));border-color:#8a61153d;box-shadow:0 10px #b4812224,0 14px 24px #f9c65b47;transform:translateY(-4px)}.home-letter.is-selected .home-letter-lower{color:#6e4f13}.home-letter-leaf{position:absolute;top:-7px;right:11px;width:17px;height:10px;border-radius:100% 0;background:var(--fern);transform:rotate(-18deg);opacity:.8}.home-letter.is-selected .home-letter-leaf{background:var(--forest)}.hero-note{position:absolute;right:clamp(24px,4vw,48px);bottom:clamp(22px,3vw,36px);z-index:3;display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:#fffdf7cc;border:1px solid rgba(77,137,100,.18);font-size:14px;color:var(--muted)}.hero-note svg{width:16px;height:16px;color:var(--fern)}.hero-note strong{color:var(--forest);font-size:18px}.home-main{max-width:1200px;margin:26px auto 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:15px}.section-heading h2{margin-top:3px;font-size:clamp(27px,3.1vw,38px);line-height:1.1}.section-heading-compact h2{font-size:clamp(23px,2.4vw,30px)}.selected-sound-pill{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:999px;background:#fffcf5d1;border:1px solid var(--line);color:var(--muted);font-size:14px;font-weight:700;white-space:nowrap}.selected-sound-pill span{display:inline-grid;place-items:center;min-width:27px;height:27px;border-radius:50%;background:var(--sunflower-soft);color:var(--forest);font-size:16px;font-weight:800}.selected-sound-pill span+span{margin-left:-10px;background:#fffcf5f5;border:1px solid var(--line);font-size:13px}.games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.game-card{--card-tint: #eaf5fb;--card-color: #2f6e88;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:18px;min-height:190px;padding:21px;text-align:left;border-radius:26px;background:linear-gradient(145deg,rgba(255,253,247,.96),var(--card-tint));border:1px solid rgba(255,255,255,.84);box-shadow:var(--shadow-soft);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease;animation:cardIn .52s ease both;animation-delay:calc(var(--card-order, 0) * 48ms + 80ms)}.game-card:after{content:"";position:absolute;width:140px;height:140px;right:-52px;bottom:-60px;border-radius:50%;background:var(--card-tint);opacity:.7;pointer-events:none}.game-card:hover{transform:translateY(-4px);box-shadow:0 20px 34px #23493d26}.game-card:active{transform:translateY(-1px) scale(.995)}.game-card-sky{--card-tint: #def2fb;--card-color: #2f6e88}.game-card-fern{--card-tint: #e3f2e5;--card-color: #3f7855}.game-card-sunflower{--card-tint: #fdf0c9;--card-color: #8f651c}.game-card-amber{--card-tint: #ffedc0;--card-color: #92641a}.game-card-berry{--card-tint: #f8dfe6;--card-color: #8f435c}.game-card-plum{--card-tint: #ede3f5;--card-color: #6d4b84}.game-card-icon{display:inline-grid;place-items:center;width:54px;height:54px;border-radius:19px;background:#ffffffad;color:var(--card-color);box-shadow:inset 0 0 0 1px #ffffffbf}.game-card-icon svg{width:28px;height:28px}.game-card-copy{display:flex;flex-direction:column;gap:4px;position:relative;z-index:1}.game-card-copy strong{font-size:clamp(20px,2.1vw,25px);line-height:1.08;color:var(--forest)}.game-card-copy span{font-size:14px;font-weight:700;color:var(--muted)}.game-card-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px}.game-letter-tag{padding:4px 10px;border-radius:999px;background:#ffffff94;color:var(--card-color);font-size:13px;font-weight:800}.game-card-arrow{display:grid;place-items:center;width:40px;height:40px;margin-left:auto;border-radius:50%;background:#ffffff9e;color:var(--card-color);transition:transform .18s ease,background-color .18s ease}.game-card-arrow svg{width:21px;height:21px}.game-card:hover .game-card-arrow{background:#fffdf7;transform:translate(2px)}@keyframes cardIn{0%{opacity:0;transform:translateY(12px)}}.home-lower{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.85fr);gap:16px;margin-top:22px}.sticker-garden,.parent-corner{padding:22px}.sticker-count{display:inline-flex;align-items:center;gap:5px;padding:7px 11px;border-radius:999px;background:var(--sunflower-soft);color:#7d5a16;font-size:14px;font-weight:800}.sticker-count svg{width:16px;height:16px}.sticker-empty{display:flex;align-items:center;gap:13px;padding:16px;border:1.5px dashed rgba(77,137,100,.3);border-radius:18px;background:#fffcf57a}.sticker-empty>span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#eaf4e4;color:var(--fern)}.sticker-empty svg{width:23px;height:23px}.sticker-empty p{color:var(--muted);font-size:15px;font-weight:600}.sticker-strip{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:thin}.sticker-item{display:flex;flex-direction:column;align-items:center;gap:5px;flex:0 0 92px;padding:10px 6px;border-radius:18px;background:#fffdf7ad;border:1px solid rgba(35,73,61,.08);text-align:center}.sticker-item strong{font-size:11px;line-height:1.12;color:var(--forest)}.sticker-item>span{font-size:12px;font-weight:800;color:var(--muted)}.sticker-more{margin-top:6px;font-size:13px;color:var(--muted)}.parent-corner{display:flex;flex-direction:column;background:linear-gradient(145deg,#fffcf5eb,#eaf6e4d1)}.parent-corner-top{display:flex;align-items:center;gap:12px}.parent-lock{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#edf5e9;color:var(--forest)}.parent-lock svg{width:22px;height:22px}.parent-corner h2{font-size:25px}.parent-corner-copy{margin-top:11px;color:var(--muted);font-size:15px}.parent-status-row{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.parent-status{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:#23493d12;color:var(--muted);font-size:12px;font-weight:800}.parent-status svg{width:13px;height:13px}.parent-status.has-pending{background:var(--sunflower-soft);color:#7d5a16}.parent-status-retry{background:var(--berry-soft);color:#843d55}.parent-open-button{width:100%;margin-top:auto}.home-footer{display:flex;align-items:center;justify-content:center;gap:7px;max-width:1200px;margin:28px auto 0;color:#23493d8c;font-size:13px;font-weight:700}.home-footer svg{width:15px;height:15px}.footer-dot{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.6}.parent-gate{position:relative;width:min(430px,100%);padding:30px 30px 26px;text-align:center;animation:gateIn .26s ease both}@keyframes gateIn{0%{opacity:0;transform:translateY(12px) scale(.985)}}.parent-gate-icon{display:inline-grid;place-items:center;width:68px;height:68px;margin-bottom:10px;border-radius:24px;background:linear-gradient(145deg,#eef7e9,#dcefd8);color:var(--forest)}.parent-gate-icon svg{width:30px;height:30px}.parent-gate h1{margin-top:3px;font-size:32px}.parent-gate-copy{margin:6px auto 18px;max-width:310px;color:var(--muted);font-size:15px}.pin-dots{display:flex;justify-content:center;gap:11px;margin:6px 0 4px}.pin-dot{width:17px;height:17px;border-radius:50%;border:2px solid rgba(35,73,61,.22);background:#fffdf799;transition:background-color .16s ease,transform .16s ease,border-color .16s ease}.pin-dot.is-filled{background:var(--forest);border-color:var(--forest);transform:scale(1.08)}.pin-dots.has-error .pin-dot{border-color:var(--berry)}.pin-error{min-height:22px;margin:6px 0;color:#a23d59;font-size:13px;font-weight:700}.pin-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:2px auto 14px;max-width:300px}.pin-key{display:grid;place-items:center;min-height:56px;border-radius:17px;background:#fffdf7cc;border:1px solid var(--line);font-size:24px;font-weight:800;color:var(--forest);transition:background-color .15s ease,transform .15s ease}.pin-key:hover{background:#fffdf7}.pin-key:active{transform:scale(.95)}.pin-key-muted{background:#23493d0f;color:var(--muted);font-size:16px}.pin-key-muted svg{width:21px;height:21px}.parent-gate-note{padding-top:12px;border-top:1px dashed var(--line);color:var(--muted);font-size:12.5px}.parent-gate-note strong{color:var(--forest)}.parent-screen{min-height:100vh;min-height:100dvh;padding:max(16px,env(safe-area-inset-top)) clamp(14px,3vw,34px) max(28px,env(safe-area-inset-bottom));background-color:#f1f9ef;background-image:linear-gradient(180deg,#e4f4fce6,#f7fcf2f0 42%,#edf6e7)}.parent-header,.parent-content,.parent-footer{max-width:1140px;margin-left:auto;margin-right:auto}.parent-header{padding:20px 22px 0;overflow:hidden;animation:pageIn .38s ease both}.parent-header-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.parent-secure-badge{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;font-weight:800}.parent-secure-badge svg{width:16px;height:16px;color:var(--fern)}.parent-header-title{display:flex;align-items:flex-start;gap:15px;margin:20px 0 18px}.parent-header-icon{display:grid;place-items:center;width:58px;height:58px;flex:0 0 auto;border-radius:20px;background:linear-gradient(145deg,#e8f6e2,#d3ebcd);color:var(--forest)}.parent-header-icon svg{width:28px;height:28px}.parent-header-title h1{font-size:clamp(32px,4vw,46px);line-height:1}.parent-header-title p:last-child{max-width:650px;margin-top:7px;color:var(--muted);font-size:15px}.parent-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:5px;border-radius:18px;background:#23493d0e}.parent-tab{display:flex;align-items:center;justify-content:center;gap:7px;min-height:54px;padding:8px 12px;border-radius:14px;color:var(--muted);font-size:14px;font-weight:800;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}.parent-tab svg{width:18px;height:18px;flex:0 0 auto}.parent-tab.is-active{background:var(--forest);color:#fffdf6;box-shadow:0 6px 14px #23493d2e}.parent-tab-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--berry);color:#fff;font-size:11px;font-weight:800}.parent-tab.is-active .parent-tab-badge{background:var(--sunflower);color:var(--forest-dark)}.parent-content{margin-top:16px;animation:pageIn .42s ease both}.parent-footer{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:20px;padding:0 10px;color:#23493d85;font-size:12px;font-weight:700;text-align:center}.parent-footer svg{width:15px;height:15px;flex:0 0 auto}.parent-section-stack{display:flex;flex-direction:column;gap:14px}.parent-card{padding:clamp(20px,2.8vw,30px)}.parent-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:8px}.parent-card-heading h2{margin-top:2px;font-size:clamp(24px,2.8vw,32px);line-height:1.1}.parent-card-mark{width:27px;height:27px;color:var(--fern);opacity:.8}.parent-count-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:#23493d12;color:var(--muted);font-size:13px;font-weight:800;white-space:nowrap}.parent-count-pill svg{width:15px;height:15px}.parent-lead{max-width:820px;margin-bottom:16px;color:var(--muted);font-size:15px}.parent-footnote{padding:0 8px;color:var(--muted-soft);font-size:12.5px;line-height:1.5}.parent-tip{display:flex;align-items:flex-start;gap:9px;margin-top:14px;padding:12px 14px;border-radius:14px;background:#f9c65b21;color:#6d5117;font-size:13px;font-weight:600}.parent-tip svg{width:17px;height:17px;flex:0 0 auto;margin-top:1px}.parent-inline-empty,.parent-inline-success{display:flex;align-items:center;gap:9px;padding:20px 14px;border-radius:16px;background:#23493d0b;color:var(--muted);font-size:14px;font-weight:600}.parent-inline-empty svg,.parent-inline-success svg{width:19px;height:19px;flex:0 0 auto;color:var(--fern)}.parent-inline-success{background:#e9f5e9;color:#2e6444}.letter-admin-list{display:flex;flex-direction:column;gap:8px}.letter-admin-row{display:flex;align-items:center;gap:14px;padding:11px 13px;border-radius:18px;background:#fffdf78f;border:1px solid rgba(35,73,61,.075);transition:background-color .16s ease,border-color .16s ease}.letter-admin-row.is-enabled{background:#eaf6e4b3;border-color:#4d896433}.letter-admin-glyph{display:flex;align-items:baseline;justify-content:center;gap:2px;width:60px;height:58px;flex:0 0 auto;padding-top:8px;border-radius:17px;background:#fffdf7db;border:1px solid var(--line);color:var(--forest)}.letter-admin-glyph span:first-child{font-size:28px;font-weight:800;line-height:1}.letter-admin-glyph span:last-child{font-size:15px;font-weight:800;color:var(--muted)}.letter-admin-body{min-width:0;flex:1}.letter-admin-title{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.letter-admin-title strong{font-size:16px}.letter-admin-body p{margin-top:2px;color:var(--muted);font-size:12.5px;line-height:1.45}.mini-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:999px;background:var(--sunflower-soft);color:#7d5a16;font-size:10px;font-weight:800;letter-spacing:.02em}.mini-badge-muted{background:#23493d14;color:var(--muted)}.switch-control{position:relative;width:57px;height:34px;flex:0 0 auto;padding:3px;border-radius:999px;background:#23493d24;transition:background-color .17s ease}.switch-control.is-on{background:var(--fern)}.switch-control:disabled{opacity:.46}.switch-thumb{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fffdf7;color:var(--muted);box-shadow:0 2px 5px #23493d33;transition:transform .17s ease,color .17s ease}.switch-control.is-on .switch-thumb{transform:translate(23px);color:var(--fern)}.switch-thumb svg{width:13px;height:13px}.missing-audio-panel{margin-bottom:16px;padding:13px 14px;border-radius:17px;background:#f9c65b24;border:1px solid rgba(180,129,34,.2)}.missing-audio-heading{display:flex;align-items:flex-start;gap:10px}.missing-audio-heading>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:11px;background:#f9c65b57;color:#7d5a16}.missing-audio-heading svg{width:18px;height:18px}.missing-audio-heading strong{font-size:15px}.missing-audio-heading p{margin-top:2px;color:#6d5117;font-size:12.5px}.missing-audio-panel details{margin-top:9px}.missing-audio-panel summary{cursor:pointer;color:#6d5117;font-size:12.5px;font-weight:800}.missing-audio-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.missing-audio-list>span{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:8px;background:#fffdf7a3;font-size:11px;font-weight:700;color:#6d5117}.missing-audio-list code,.audio-row-copy code,.audio-row-copy span code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10.5px;color:var(--muted-soft)}.missing-audio-list-large{display:flex;flex-direction:column;gap:7px}.missing-audio-list-large .missing-audio-item{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:12px;background:#fffdf78f}.missing-audio-item>svg{width:17px;height:17px;color:#8a6115;flex:0 0 auto}.missing-audio-item div{display:flex;flex-direction:column;min-width:0;flex:1}.missing-audio-item strong{font-size:13px}.missing-audio-item code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;color:var(--muted-soft)}.audio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:12px 0}.search-field{display:flex;align-items:center;gap:7px;min-height:46px;padding:0 12px;border-radius:999px;background:#fffdf7b8;border:1px solid var(--line)}.search-field svg{width:17px;height:17px;color:var(--muted);flex:0 0 auto}.search-field input{width:145px;border:0;background:transparent;font-size:14px;outline:none}.batch-approval{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:15px;padding:11px 13px;border-radius:16px;background:#e4f4fc75;border:1px dashed rgba(47,110,136,.22)}.confirmation-check{display:flex;align-items:flex-start;gap:8px;color:var(--forest);font-size:13px;font-weight:700;cursor:pointer}.confirmation-check input{width:20px;height:20px;margin:0;accent-color:var(--fern);flex:0 0 auto}.audio-group{margin-top:17px}.audio-group h3{display:flex;align-items:center;gap:8px;margin-bottom:7px;color:var(--muted);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.audio-group h3 span{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#23493d14;font-size:10px}.audio-list{display:flex;flex-direction:column;gap:6px}.audio-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:13px;background:#fffdf785;border:1px solid rgba(35,73,61,.06)}.audio-row-icon{display:grid;place-items:center;width:33px;height:33px;flex:0 0 auto;border-radius:10px;background:#23493d0f;color:var(--fern)}.audio-row-icon svg{width:17px;height:17px}.audio-row-copy{display:flex;flex-direction:column;min-width:0;flex:1}.audio-row-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.audio-row-copy span{display:flex;align-items:center;gap:3px;flex-wrap:wrap;color:var(--muted-soft);font-size:10.5px;font-weight:700}.audio-row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.review-summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.review-summary-item{display:inline-flex;align-items:baseline;gap:5px;padding:8px 12px;border-radius:13px;background:#23493d0e;color:var(--muted);font-size:12px;font-weight:700}.review-summary-item svg{width:15px;height:15px;align-self:center}.review-summary-item strong{font-size:21px;color:var(--forest)}.review-summary-pending{background:#f9c65b2b}.review-summary-retry{background:var(--berry-soft)}.review-summary-approved{background:#e6f4e7}.review-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.review-card{padding:11px;border-radius:19px;background:#fffdf794;border:1px solid rgba(35,73,61,.08)}.review-card-main{display:flex;gap:13px;align-items:flex-start}.review-thumbnail{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:180px;height:125px;flex:0 0 auto;padding:5px;border-radius:13px;background:#fffdf7;border:1px solid var(--line);overflow:hidden}.review-thumbnail img{width:100%;height:100%;object-fit:contain;border-radius:8px}.review-thumbnail>span{position:absolute;right:5px;bottom:5px;display:inline-flex;align-items:center;gap:3px;padding:3px 6px;border-radius:6px;background:#23493dcc;color:#fff;font-size:9px;font-weight:700}.review-thumbnail>span svg{width:10px;height:10px}.review-thumbnail-rhythm{flex-direction:column;background:linear-gradient(145deg,#f7e6eb,#ecd2da);color:var(--berry);font-size:11px;font-weight:800}.review-thumbnail-rhythm svg{width:27px;height:27px}.review-copy{min-width:0;flex:1}.review-title-row{display:flex;align-items:flex-start;gap:8px}.review-game-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:11px;background:#23493d12;color:var(--fern)}.review-game-icon svg{width:18px;height:18px}.review-title-row>div{display:flex;flex-direction:column;min-width:0;flex:1}.review-title-row strong{font-size:15px}.review-title-row>div>span{display:flex;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:12px}.review-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:7px;color:var(--muted-soft);font-size:11.5px;font-weight:600}.review-meta span{display:inline-flex;align-items:center;gap:4px}.review-meta svg{width:13px;height:13px}.review-rhythm-note{margin-top:6px;color:var(--muted);font-size:12px;font-style:italic}.review-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.auto-success-section{margin-top:22px;padding-top:16px;border-top:1px dashed var(--line)}.auto-success-section h3{display:flex;align-items:center;gap:7px;margin-bottom:9px;font-size:16px}.auto-success-section h3 svg{width:18px;height:18px;color:var(--fern)}.auto-success-section h3 span{display:inline-grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:#23493d14;font-size:11px}.success-list{display:flex;flex-direction:column;gap:5px}.success-row{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:12px;background:#fffdf785}.success-icon{display:grid;place-items:center;width:31px;height:31px;flex:0 0 auto;border-radius:9px;background:#23493d0f;color:var(--fern)}.success-icon svg{width:16px;height:16px}.success-row>div{display:flex;flex-direction:column;min-width:0;flex:1}.success-row strong{font-size:13px}.success-row>div>span{display:flex;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:11px}.success-date{color:var(--muted-soft);font-size:10.5px;white-space:nowrap}.drawing-preview{width:min(1000px,100%);max-height:calc(100dvh - 36px);padding:18px;overflow:auto}.drawing-preview-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.drawing-preview-header h2{font-size:24px}.drawing-preview>img{display:block;width:100%;max-height:70vh;object-fit:contain;border-radius:14px;background:#fffdf7}.drawing-preview>p{margin-top:7px;color:var(--muted);font-size:12px}.pin-change-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:10px;align-items:end}.pin-change-form label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:800;color:var(--muted)}.pin-change-form input{min-height:50px;padding:0 13px;border-radius:13px;border:1.5px solid var(--line-strong);background:#fffdf7d1;color:var(--forest);font-size:21px;font-weight:800;letter-spacing:.2em;outline:none}.pin-change-form input:focus{border-color:var(--fern);box-shadow:0 0 0 3px #4d896429}.form-error{grid-column:1 / -1;color:#a23d59;font-size:13px;font-weight:700}.backup-actions{display:flex;flex-wrap:wrap;gap:8px}.import-confirmation{margin-top:14px;padding:14px;border-radius:17px;background:#e4f4fc80;border:1px solid rgba(47,110,136,.2)}.import-confirmation-heading{display:flex;align-items:center;gap:9px}.import-confirmation-heading>svg{width:24px;height:24px;color:#2f6e88;flex:0 0 auto}.import-confirmation-heading>div{display:flex;flex-direction:column;min-width:0;flex:1}.import-confirmation-heading strong{font-size:14px}.import-confirmation-heading span{display:flex;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:11px}.import-confirmation>p{margin:8px 0 10px;color:var(--muted);font-size:12.5px}.game-screen{min-height:100vh;min-height:100dvh;padding:max(14px,env(safe-area-inset-top)) clamp(12px,2.6vw,30px) max(30px,env(safe-area-inset-bottom));background-color:#edf7ee;background-image:linear-gradient(180deg,#e4f4fcd1,#eff9ebeb 44%,#eaf5e3);isolation:isolate}.game-screen:before{content:"";position:fixed;top:0;left:0;right:0;height:36vh;z-index:-1;background:radial-gradient(ellipse at 50% -10%,rgba(249,198,91,.18),transparent 62%);pointer-events:none}.game-header{max-width:1180px;margin:0 auto;padding:13px 15px 10px;background:#fffcf5c7;animation:pageIn .38s ease both}.game-header-top{display:flex;align-items:center;gap:12px}.home-button{flex:0 0 auto}.game-heading{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.game-heading-icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 auto;border-radius:14px;background:var(--sunflower-soft);color:#7d5a16}.game-heading-icon svg{width:23px;height:23px}.game-heading h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(21px,2.1vw,28px);line-height:1.05}.game-heading p{margin-top:1px;color:var(--muted);font-size:12px;font-weight:700}.game-progress{display:flex;align-items:center;gap:9px;flex:0 0 auto;padding:7px 11px;border-radius:999px;background:#23493d0f}.game-progress strong{font-size:13px;color:var(--muted);white-space:nowrap}.progress-dots{display:flex;gap:4px}.progress-dot{width:8px;height:8px;border-radius:50%;background:#23493d2e;transition:background-color .18s ease,transform .18s ease}.progress-dot.is-reached{background:var(--fern);transform:scale(1.12)}.letter-strip{display:flex;align-items:center;gap:10px;margin-top:9px;padding-top:9px;border-top:1px dashed var(--line)}.letter-strip-label{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.letter-strip-label svg{width:15px;height:15px;color:var(--fern)}.letter-strip-scroll{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;padding:2px}.letter-strip-scroll::-webkit-scrollbar{display:none}.letter-chip{display:inline-flex;align-items:baseline;gap:2px;min-width:52px;height:50px;flex:0 0 auto;justify-content:center;padding-top:8px;border-radius:14px;background:#fffdf7bd;border:1.5px solid var(--line);color:var(--forest);transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.letter-chip strong{font-size:22px;line-height:1}.letter-chip span{font-size:12px;color:var(--muted);font-weight:800}.letter-chip:hover{background:#fffdf7}.letter-chip.is-active{background:var(--sunflower);border-color:#8a61153d;transform:translateY(-1px)}.letter-chip.is-active span{color:#6e4f13}.game-main{max-width:1180px;margin:13px auto 0}.instruction-panel{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;padding:13px 17px;background:#fffcf5db}.instruction-copy{display:flex;align-items:center;gap:11px;min-width:0}.instruction-badge{display:grid;place-items:center;width:41px;height:41px;flex:0 0 auto;border-radius:13px;background:#4d89641f;color:var(--fern)}.instruction-badge svg{width:22px;height:22px}.instruction-text{max-width:790px;margin-top:1px;color:var(--forest);font-size:15px;font-weight:600;line-height:1.4}.instruction-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}.game-accent-berry .instruction-badge{background:var(--berry-soft);color:#8f435c}.game-accent-sunflower .instruction-badge{background:var(--sunflower-soft);color:#7d5a16}.game-accent-plum .instruction-badge{background:#8b6a9e24;color:#6d4b84}.game-accent-amber .instruction-badge{background:#f9c65b40;color:#8a6115}.game-main>.paper-panel,.game-main>section.paper-panel{animation:pageIn .42s ease both}.question-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.question-heading h2{margin-top:3px;font-size:clamp(24px,3vw,34px);line-height:1.1}.question-counter-pill{display:inline-flex;align-items:center;justify-content:center;min-width:63px;height:38px;flex:0 0 auto;padding:0 12px;border-radius:999px;background:#23493d12;color:var(--muted);font-size:14px;font-weight:800}.listen-board{padding:clamp(18px,2.6vw,30px);background:#fffcf5ed}.listen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(9px,1.6vw,18px)}.listen-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:9px;border-radius:24px;background:#fffdf7a8;border:2px solid transparent;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.listen-card.is-selected{border-color:var(--fern);background:#eaf6e4e6}.listen-picture{position:relative;display:block;width:100%;padding:0;border-radius:20px;overflow:hidden;background:#f1eadc;transition:transform .16s ease}.listen-picture:hover{transform:scale(1.008)}.listen-picture .picture-crop{border-radius:20px}.listen-speaker{position:absolute;right:7px;bottom:7px;display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#23493dd1;color:#fffdf7;box-shadow:0 3px 10px #17352c3d}.listen-speaker svg{width:19px;height:19px}.listen-picture.is-playing .listen-speaker{animation:speakerPulse 1s ease-in-out infinite}@keyframes speakerPulse{50%{transform:scale(1.11);background:var(--fern)}}.listen-check{display:flex;align-items:center;justify-content:center;gap:7px;min-height:48px;border-radius:13px;cursor:pointer;background:#ffffff70;color:var(--forest);font-size:14px;font-weight:800}.listen-check input{position:absolute;opacity:0;pointer-events:none}.custom-checkbox{display:grid;place-items:center;width:25px;height:25px;flex:0 0 auto;border-radius:8px;border:2px solid rgba(77,137,100,.5);background:#fffdf7;color:transparent;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.custom-checkbox svg{width:16px;height:16px;stroke-width:3}.listen-check input:checked+.custom-checkbox{background:var(--fern);border-color:var(--fern);color:#fff}.listen-name{min-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--muted);font-size:14px;font-weight:700;opacity:0;transition:opacity .18s ease}.listen-name.is-visible{opacity:1}.listen-answer-mark{position:absolute;top:17px;left:17px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#23493dc2;color:#fff;box-shadow:0 2px 8px #17352c3d}.listen-answer-mark.is-correct{background:var(--fern)}.listen-answer-mark.is-neutral{opacity:.62}.listen-answer-mark svg{width:18px;height:18px}.listen-submit-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding-top:14px;border-top:1px dashed var(--line)}.listen-submit-row p{max-width:560px;color:var(--muted);font-size:13.5px;font-weight:600}.feedback-panel{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:17px;padding:14px;border-radius:19px}.feedback-success{background:linear-gradient(145deg,#e6f5e8,#d9efdb);border:1px solid rgba(77,137,100,.24)}.feedback-retry{background:#f9c65b29;border:1px solid rgba(180,129,34,.2)}.feedback-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border-radius:13px;background:#fffdf7a3;color:var(--fern)}.feedback-retry .feedback-icon{color:#8a6115}.feedback-icon svg{width:22px;height:22px}.feedback-panel>div{min-width:0;flex:1}.feedback-panel strong{font-size:16px}.feedback-panel p{margin-top:2px;color:var(--muted);font-size:13.5px}.feedback-hint{margin-top:6px!important;padding:7px 9px;border-radius:9px;background:#fffdf785;color:#6d5117!important;font-weight:600}.feedback-actions{display:flex;gap:6px;flex-wrap:wrap}.writing-game,.dictation-game{padding:clamp(16px,2.4vw,26px);background:#fffcf5f2}.writing-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.writing-heading h2{margin-top:2px;font-size:clamp(23px,2.8vw,31px)}.writing-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.tool-group{display:inline-flex;gap:4px;padding:4px;border-radius:14px;background:#23493d0e}.tool-group-right{margin-left:auto}.tool-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:7px 12px;border-radius:11px;color:var(--muted);font-size:13px;font-weight:800;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.tool-button svg{width:18px;height:18px}.tool-button:hover:not(:disabled){background:#fffdf7b3}.tool-button.is-active{background:#fffdf7;color:var(--forest);box-shadow:0 3px 8px #23493d1a}.tool-button:disabled{opacity:.38}.drawing-surface{position:relative;width:100%;aspect-ratio:2.15 / 1;min-height:245px;max-height:430px;background:#fffdf8;border:2px solid rgba(77,137,100,.25);border-radius:22px;overflow:hidden;box-shadow:inset 0 0 0 5px #ffffffb3,inset 0 0 0 6px #4d896414;user-select:none;-webkit-user-select:none;cursor:crosshair}.drawing-guide-layer,.drawing-ink-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.drawing-guide-layer{pointer-events:none}.drawing-ink-layer{z-index:2;outline:none}.dictation-canvas{aspect-ratio:2.15 / 1}.writing-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:13px}.writing-footer p{display:flex;align-items:center;gap:6px;max-width:600px;color:var(--muted);font-size:13px;font-weight:600}.writing-footer p svg{width:17px;height:17px;flex:0 0 auto;color:var(--fern)}.paint-game{padding:clamp(17px,2.5vw,28px);background:#fffcf5f2}.paint-layout{display:flex;align-items:flex-start;gap:clamp(14px,2.4vw,28px)}.paint-target-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:118px;min-height:150px;flex:0 0 auto;padding:12px 8px;border-radius:26px;background:linear-gradient(150deg,#fff5d8,var(--sunflower));border:2px solid rgba(180,129,34,.2);box-shadow:0 8px #b481221f}.paint-target-upper{font-size:50px;font-weight:800;line-height:.95;color:var(--forest-dark)}.paint-target-lower{font-size:25px;font-weight:800;color:#6e4f13}.paint-target-card p{margin-top:5px;color:#6e4f13;font-size:10px;font-weight:800;text-align:center}.paint-board{flex:1;min-width:0}.paint-grid{display:grid;gap:clamp(3px,.55vw,6px);width:100%;padding:clamp(6px,1vw,10px);border-radius:20px;background:#23493d0e;border:1px solid rgba(35,73,61,.08)}.paint-cell{display:grid;place-items:center;aspect-ratio:1 / 1;min-width:0;border-radius:clamp(4px,.7vw,8px);border:1.5px solid rgba(35,73,61,.1);background:#fffdf7d1;color:#23493d85;font-size:clamp(12px,1.8vw,22px);font-weight:800;line-height:1;transition:background-color .13s ease,border-color .13s ease,color .13s ease,transform .13s ease}.paint-cell-shape{color:var(--forest);background:#fffdf7f2}.paint-cell-distractor{color:#23493d5c;background:#fffdf7b3}.paint-cell-empty{background:#fffdf77a}.paint-cell:hover{transform:scale(1.035)}.paint-cell.is-painted{color:#fffdf7eb;border-color:transparent;box-shadow:inset 0 0 0 2px #ffffff52}.paint-cell.is-wrong{animation:shake .32s ease;border-color:var(--berry);background:var(--berry-soft)}@keyframes shake{25%{transform:translate(-3px)}55%{transform:translate(3px)}80%{transform:translate(-1px)}}.paint-status-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px}.paint-count{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;background:#23493d0f;color:var(--muted);font-size:12px;font-weight:800;white-space:nowrap}.paint-count svg{width:14px;height:14px}.paint-feedback{min-height:22px;color:var(--muted);font-size:13px;font-weight:600}.paint-feedback.has-feedback{color:#8a4a5b}.paint-solved{display:flex;align-items:center;gap:10px;margin-top:12px;padding:12px 14px;border-radius:17px;background:linear-gradient(145deg,#fff5d8,#ffedbc);border:1px solid rgba(180,129,34,.2);animation:popIn .28s ease both}.paint-solved-icon{display:grid;place-items:center;width:41px;height:41px;flex:0 0 auto;border-radius:13px;background:#fffdf7ad;color:#8a6115}.paint-solved-icon svg{width:23px;height:23px}.paint-solved strong{font-size:22px}.paint-solved-check{width:24px;height:24px;margin-left:auto;color:var(--fern)}@keyframes popIn{0%{opacity:0;transform:scale(.97)}}.paint-continue-row{display:flex;justify-content:flex-end;margin-top:13px}.lamp-game{padding:clamp(17px,2.5vw,28px);background:#fffcf5f2}.lamp-listen-card{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:13px;padding:13px 15px;border-radius:19px;background:linear-gradient(145deg,#fff7d7db,#fffdf7c7);border:1px solid rgba(180,129,34,.16)}.lamp-listen-button{background:var(--forest);color:#fffdf7;border-color:var(--forest)}.lamp-listen-button:hover{background:#2d5b4c}.lamp-listen-card p{flex:1;min-width:190px;color:var(--muted);font-size:13.5px;font-weight:600}.lamp-mode-note{padding:4px 9px;border-radius:999px;background:#23493d12;color:var(--muted);font-size:11px;font-weight:800;white-space:nowrap}.lamp-board{padding:6px 0 0}.lamp-stage{position:relative;display:flex;flex-direction:column;align-items:center;padding:8px 16px 18px;border-radius:26px;background:linear-gradient(180deg,#e4f4fc80,#fffdf75c);border:1px solid rgba(47,110,136,.09)}.lamp-bulb{position:relative;display:grid;place-items:center;width:72px;height:72px;border-radius:50% 50% 46% 46%;background:#fffdf7d1;color:#23493d52;border:2px solid rgba(35,73,61,.1);z-index:2;transition:color .24s ease,background-color .24s ease,box-shadow .24s ease}.lamp-bulb svg{width:36px;height:36px}.lamp-bulb.is-lit{color:#8a6115;background:linear-gradient(145deg,#fff0bc,var(--sunflower));border-color:#b4812252;box-shadow:0 0 0 10px #f9c65b1f,0 0 40px #f9c65b80}.lamp-glow{position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;border-radius:50%;background:radial-gradient(circle,rgba(249,198,91,.5),transparent 66%);opacity:0;transition:opacity .24s ease;pointer-events:none}.lamp-bulb.is-lit .lamp-glow{opacity:1;animation:glowPulse 1.6s ease-in-out infinite}@keyframes glowPulse{50%{transform:scale(1.08);opacity:.7}}.lamp-wire{width:2px;height:22px;background:#23493d33}.lamp-slots{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;width:100%}.lamp-slot{display:grid;place-items:center;min-width:54px;height:57px;padding:5px 8px;border-radius:13px;border:2px dashed rgba(35,73,61,.2);background:#fffdf7b8;color:var(--forest);font-size:26px;font-weight:800;transition:border-color .15s ease,background-color .15s ease,transform .15s ease}.lamp-slot.is-filled{border-style:solid;border-color:#4d89644d;background:#fffdf7}.lamp-slot:hover{transform:translateY(-1px)}.lamp-slot-empty{color:#23493d47;font-size:13px}.lamp-slot-letter{color:var(--forest)}.lamp-pool{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin:15px 0;padding:12px;border-radius:19px;background:#23493d0b}.lamp-tile{display:grid;place-items:center;min-width:62px;min-height:57px;padding:7px 12px;border-radius:14px;background:#fffdf7;border:1.5px solid rgba(35,73,61,.13);color:var(--forest);font-size:23px;font-weight:800;box-shadow:0 4px #23493d12;transition:transform .14s ease,opacity .14s ease,background-color .14s ease}.lamp-tile:hover:not(:disabled){transform:translateY(-2px);background:var(--sunflower-soft)}.lamp-tile.is-used{opacity:.24;box-shadow:none;transform:scale(.97)}.lamp-check-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.lamp-feedback{min-height:22px;flex:1;min-width:200px;color:var(--muted);font-size:13px;font-weight:600}.lamp-feedback.has-feedback{color:#8a4a5b}.lamp-result{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:12px;padding:14px;border-radius:19px;background:linear-gradient(145deg,#fff5d8,#ffedb8);border:1px solid rgba(180,129,34,.22);animation:popIn .28s ease both}.lamp-result-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border-radius:13px;background:#fffdf79e;color:#8a6115}.lamp-result-icon svg{width:23px;height:23px}.lamp-result>div{flex:1;min-width:140px}.lamp-result strong{display:block;font-size:25px;line-height:1.1}.lamp-result p{color:#6d5117;font-size:12px}.lamp-board.is-solved .lamp-slot{border-color:#b481223d;background:#fff8e2}.rhythm-game{padding:clamp(17px,2.5vw,28px);background:#fffcf5f2}.rhythm-board{padding-top:2px}.rhythm-tempo-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:13px}.rhythm-tempo-label{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.rhythm-tempo-label svg{width:16px;height:16px;color:var(--berry)}.rhythm-tokens{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.rhythm-token{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:132px;padding:12px 8px;border-radius:22px;background:linear-gradient(145deg,#fffdf7f2,#f8e0e799);border:2px solid rgba(195,105,131,.15);color:var(--forest);transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease}.rhythm-token-index{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#23493d12;color:var(--muted);font-size:11px;font-weight:800}.rhythm-token strong{font-size:clamp(21px,2.8vw,33px);line-height:1.05;text-align:center;overflow-wrap:anywhere}.rhythm-token.is-active{background:linear-gradient(145deg,#ffe7a7,var(--sunflower));border-color:#b481224d;transform:translateY(-5px) scale(1.02);box-shadow:0 12px 26px #f9c65b57;animation:tokenPulse .8s ease-in-out infinite}.rhythm-token.is-complete{background:linear-gradient(145deg,#fffdf7,#f4e6ea);border-color:#c3698347}@keyframes tokenPulse{50%{transform:translateY(-6px) scale(1.025)}}.rhythm-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:15px 0}.rhythm-helper{color:var(--muted);font-size:13px;font-weight:600}.rhythm-error{flex:1;min-width:220px;padding:8px 10px;border-radius:10px;background:var(--berry-soft);color:#843d55;font-size:12.5px;font-weight:700}.rhythm-read-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-top:14px;border-top:1px dashed var(--line)}.rhythm-read-row>div{flex:1;min-width:220px}.rhythm-read-row>div>p:last-child{color:var(--muted);font-size:13px}.rhythm-saved{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:18px;border-radius:22px;background:linear-gradient(145deg,#e9f6ea,#dff0e1);border:1px solid rgba(77,137,100,.22);animation:popIn .25s ease both}.rhythm-saved-icon{display:grid;place-items:center;width:52px;height:52px;flex:0 0 auto;border-radius:17px;background:#fffdf7b3;color:var(--fern)}.rhythm-saved-icon svg{width:27px;height:27px}.rhythm-saved>div{flex:1;min-width:190px}.rhythm-saved h3{font-size:23px}.rhythm-saved p{color:var(--muted);font-size:13px}.dictation-listen{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:13px;padding:15px;box-shadow:none;background:linear-gradient(145deg,#ece4f4b8,#fffdf7b3);border:1px solid rgba(139,106,158,.16)}.dictation-headphones{display:grid;place-items:center;width:52px;height:52px;flex:0 0 auto;border-radius:17px;background:#fffdf7b8;color:var(--plum)}.dictation-headphones svg{width:27px;height:27px}.dictation-listen>div{flex:1;min-width:210px}.dictation-listen h2{margin-top:2px;font-size:clamp(22px,2.6vw,29px)}.dictation-listen p:last-child{color:var(--muted);font-size:13px}.dictation-listen-button{background:var(--plum);color:#fffdf7;border-color:var(--plum)}.dictation-listen-button:hover{background:#7a5b8d}.round-complete{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;max-width:740px;margin:10px auto;padding:clamp(28px,4vw,46px);overflow:hidden;text-align:center;background:#fffcf5f2}.round-complete h2{font-size:clamp(32px,4vw,46px);line-height:1.05}.round-complete-message{max-width:510px;margin-top:3px;color:var(--muted);font-size:16px}.round-complete-mark{position:relative;display:grid;place-items:center;margin-bottom:6px}.round-complete-mark .sticker-size-lg{width:132px;height:132px;transform:rotate(-5deg)}.sparkle-badge{position:absolute;right:-8px;top:-3px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--sunflower);color:#7d5a16;border:3px solid #fffdf7;animation:sparkle 1.8s ease-in-out infinite}.sparkle-badge svg{width:19px;height:19px}@keyframes sparkle{50%{transform:rotate(12deg) scale(1.05)}}.round-complete-clipboard{width:100px;height:100px;margin-bottom:8px;border-radius:30px;background:linear-gradient(145deg,#e9f6ea,#d7eedb);color:var(--fern)}.round-complete-clipboard svg{width:47px;height:47px}.round-complete-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:16px}.celebration-leaves{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.celebration-leaves span{position:absolute;width:18px;height:11px;border-radius:100% 0;background:var(--fern-soft);opacity:.4;animation:leafFall 4.2s ease-in-out infinite}.celebration-leaves span:nth-child(1){left:12%;top:18%;animation-delay:.2s}.celebration-leaves span:nth-child(2){right:14%;top:24%;background:var(--sunflower);transform:rotate(60deg);animation-delay:1s}.celebration-leaves span:nth-child(3){left:21%;bottom:17%;background:var(--berry-soft);animation-delay:1.8s}.celebration-leaves span:nth-child(4){right:22%;bottom:22%;transform:rotate(-40deg);animation-delay:.8s}@keyframes leafFall{0%,to{transform:translateY(0) rotate(0);opacity:.25}50%{transform:translateY(11px) rotate(25deg);opacity:.6}}@media(max-width:1024px){.home-hero{min-height:350px}.hero-scenery{width:32%;opacity:.82}.hero-leaf-three{display:none}.games-grid{gap:12px}.game-card{min-height:176px;padding:18px}.home-lower{grid-template-columns:minmax(0,1.45fr) minmax(270px,.9fr)}.paint-layout{gap:14px}.pin-change-form{grid-template-columns:repeat(2,minmax(0,1fr))}.pin-change-form button{grid-column:1 / -1}}@media(max-width:860px){.home-hero{min-height:0;padding-bottom:72px}.hero-scenery{width:28%;opacity:.55}.hero-sun{width:74px;height:74px}.hero-sun svg{width:35px;height:35px}.hero-flower,.hero-leaf-two{display:none}.hero-note{left:clamp(22px,4vw,34px);right:auto;bottom:20px;width:max-content}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-lower{grid-template-columns:1fr}.parent-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.review-card-main{flex-direction:column}.review-thumbnail{width:100%;height:200px}.review-thumbnail-rhythm{height:100px}.audio-row{flex-wrap:wrap}.audio-row-actions{width:100%;justify-content:flex-start;padding-left:43px}.audio-row-copy{flex-basis:calc(100% - 45px)}.paint-layout{flex-direction:column}.paint-target-card{flex-direction:row;width:100%;min-height:0;justify-content:flex-start;gap:8px;padding:10px 15px}.paint-target-upper{font-size:36px}.paint-target-lower{font-size:20px}.paint-target-card p{margin:0 0 0 auto;font-size:11px}.rhythm-token{min-height:110px}.writing-footer,.lamp-check-row,.rhythm-read-row{align-items:stretch}.writing-footer .button,.lamp-check-row .button,.rhythm-read-row .button{width:100%}}@media(max-width:620px){body{font-size:17px}.home-screen{padding:12px;background-attachment:scroll;background-position:center top}.home-hero{padding:22px 18px 78px;border-radius:26px}.hero-content h1{font-size:clamp(38px,12vw,54px)}.hero-copy{margin-top:16px;font-size:16px}.hero-scenery{display:none}.letter-rail{gap:7px;margin-top:21px}.home-letter{width:57px;height:68px;padding-top:11px}.home-letter .home-letter-upper{font-size:27px}.home-letter .home-letter-lower{font-size:15px}.home-letter-leaf{top:-5px;right:8px;width:13px;height:8px}.hero-note{left:18px;bottom:17px;padding:8px 12px;font-size:12px}.hero-note strong{font-size:16px}.home-main{margin-top:20px}.section-heading{align-items:flex-start}.section-heading h2{font-size:27px}.selected-sound-pill{display:none}.games-grid{grid-template-columns:1fr;gap:10px}.game-card{min-height:0;padding:16px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}.game-card-icon{width:48px;height:48px;border-radius:16px}.game-card-copy strong{font-size:21px}.game-card-footer{width:auto}.game-letter-tag{display:none}.game-card-arrow{width:37px;height:37px}.home-lower{gap:10px;margin-top:14px}.sticker-garden,.parent-corner{padding:17px;border-radius:24px}.home-footer{flex-wrap:wrap;margin-top:18px;text-align:center;font-size:11px}.parent-gate{padding:26px 18px 20px;border-radius:26px}.pin-key{min-height:52px}.parent-screen{padding:10px}.parent-header{padding:14px 14px 0;border-radius:24px}.parent-header-top{align-items:flex-start;gap:6px}.parent-back-button{padding:8px 10px;font-size:13px}.parent-secure-badge{padding-top:10px;font-size:10px}.parent-header-title{gap:11px;margin:15px 0 14px}.parent-header-icon{width:46px;height:46px;border-radius:15px}.parent-header-title h1{font-size:32px}.parent-header-title p:last-child{font-size:13px}.parent-tabs{gap:4px;padding:4px;border-radius:14px}.parent-tab{min-height:49px;padding:6px 8px;font-size:12px;gap:5px}.parent-tab svg{width:15px;height:15px}.parent-tab-badge{min-width:18px;height:18px;font-size:10px}.parent-content{margin-top:10px}.parent-card{padding:16px 14px;border-radius:24px}.parent-card-heading h2{font-size:24px}.parent-lead{font-size:13.5px}.letter-admin-row{gap:9px;padding:9px}.letter-admin-glyph{width:48px;height:50px}.letter-admin-glyph span:first-child{font-size:23px}.letter-admin-body p{font-size:11px}.switch-control{width:50px;height:31px}.switch-thumb{width:25px;height:25px}.switch-control.is-on .switch-thumb{transform:translate(19px)}.batch-approval{align-items:stretch}.batch-approval .button{width:100%}.search-field{flex:1}.search-field input{width:100%}.audio-toolbar{align-items:stretch}.audio-toolbar .segmented-control{width:100%}.audio-row-actions{padding-left:0}.review-summary-item{flex:1;justify-content:center;padding:7px 8px}.review-thumbnail{height:160px}.review-title-row{flex-wrap:wrap}.review-title-row .status-chip{margin-left:42px}.review-actions .button{flex:1}.pin-change-form{grid-template-columns:1fr}.pin-change-form button{grid-column:auto}.game-screen{padding:8px 8px max(24px,env(safe-area-inset-bottom))}.game-header{padding:10px 10px 8px;border-radius:23px}.game-header-top{flex-wrap:wrap;gap:8px}.home-button{width:46px;height:46px;border-radius:14px}.game-heading-icon{width:38px;height:38px;border-radius:12px}.game-heading-icon svg{width:20px;height:20px}.game-heading h1{font-size:19px}.game-heading p{font-size:10px}.game-progress{width:100%;justify-content:space-between;padding:5px 9px}.letter-strip{gap:6px;margin-top:7px;padding-top:7px}.letter-strip-label{font-size:10px}.letter-chip{min-width:47px;height:46px;padding-top:8px}.letter-chip strong{font-size:20px}.letter-chip span{font-size:11px}.game-main{margin-top:8px}.instruction-panel{align-items:flex-start;padding:11px;border-radius:21px}.instruction-badge{width:36px;height:36px;border-radius:11px}.instruction-text{font-size:13px}.instruction-actions{flex-direction:column}.instruction-actions .sound-button{width:46px;height:46px;min-height:46px;padding:0}.instruction-actions .sound-button span{display:none}.listen-board,.writing-game,.paint-game,.lamp-game,.rhythm-game,.dictation-game{padding:12px;border-radius:23px}.question-heading{margin-bottom:10px}.question-heading h2{font-size:22px}.question-counter-pill{min-width:53px;height:34px;font-size:12px}.mode-switch{flex:0 0 auto}.mode-switch button{min-height:40px;padding:6px 10px;font-size:13px}.listen-grid{gap:7px}.listen-card{padding:5px;border-radius:17px;gap:5px}.listen-picture,.listen-picture .picture-crop{border-radius:13px}.listen-speaker{right:4px;bottom:4px;width:31px;height:31px}.listen-speaker svg{width:16px;height:16px}.listen-check{min-height:42px;gap:4px;font-size:11px;border-radius:9px}.custom-checkbox{width:23px;height:23px;border-radius:6px}.listen-name{min-height:17px;font-size:11px}.listen-answer-mark{top:11px;left:11px;width:28px;height:28px}.listen-submit-row{flex-direction:column;align-items:stretch;gap:9px;margin-top:12px;padding-top:10px}.listen-submit-row p{font-size:12px}.listen-submit-row .button{width:100%}.feedback-panel{padding:11px;gap:9px}.feedback-panel strong{font-size:15px}.feedback-panel p{font-size:12.5px}.feedback-actions{width:100%}.feedback-actions .button{flex:1}.writing-heading{flex-direction:column;gap:7px}.writing-heading .mode-switch{align-self:stretch}.writing-heading .mode-switch button{flex:1}.writing-toolbar{gap:5px}.tool-group{gap:2px;padding:3px}.tool-button{min-height:43px;padding:6px 8px;font-size:11px;gap:4px}.tool-button svg{width:15px;height:15px}.tool-group-right{margin-left:0}.drawing-surface{aspect-ratio:1.65 / 1;min-height:0;max-height:none;border-radius:17px}.writing-footer{flex-direction:column;align-items:stretch;gap:8px}.writing-footer p{font-size:11.5px}.paint-cell{font-size:12px}.paint-grid{gap:3px;padding:5px}.paint-solved strong{font-size:18px}.paint-continue-row .button{width:100%}.lamp-stage{padding:6px 6px 10px}.lamp-bulb{width:56px;height:56px}.lamp-bulb svg{width:28px;height:28px}.lamp-wire{height:12px}.lamp-slots{gap:4px}.lamp-slot{min-width:41px;height:47px;font-size:21px;border-radius:10px}.lamp-pool{gap:5px;padding:8px;margin:10px 0}.lamp-tile{min-width:49px;min-height:49px;padding:6px 9px;font-size:19px;border-radius:11px}.lamp-listen-card{padding:10px;gap:8px}.lamp-listen-card p{min-width:100%;order:3;font-size:12px}.lamp-listen-button{width:100%}.lamp-result strong{font-size:21px}.lamp-result .button{width:100%}.rhythm-tokens{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.rhythm-token{min-height:88px;border-radius:17px}.rhythm-token strong{font-size:21px}.rhythm-token-index{width:20px;height:20px}.rhythm-controls{margin:10px 0}.rhythm-controls .button{width:100%}.rhythm-helper{font-size:12px}.rhythm-read-row .button{width:100%}.rhythm-saved{padding:13px}.rhythm-saved .button{width:100%}.dictation-listen{padding:11px;gap:9px}.dictation-headphones{width:43px;height:43px;border-radius:13px}.dictation-headphones svg{width:23px;height:23px}.dictation-listen h2{font-size:21px}.dictation-listen>div{min-width:0}.dictation-listen-button{width:100%}.round-complete{padding:26px 16px;border-radius:26px}.round-complete h2{font-size:31px}.round-complete-message{font-size:14px}.round-complete-mark .sticker-size-lg{width:108px;height:108px}.round-complete-actions{width:100%;flex-direction:column-reverse}.round-complete-actions .button{width:100%}.toast{font-size:13px;padding:11px}.drawing-preview{padding:12px}.drawing-preview-header h2{font-size:20px}.success-row{flex-wrap:wrap}.success-date{display:none}}@media(max-width:380px){.game-heading p{display:none}.home-letter{width:51px;height:62px}.home-letter .home-letter-upper{font-size:24px}.listen-check span:last-child{display:none}.custom-checkbox{width:26px;height:26px}.tool-button{font-size:0;padding:6px 9px}.tool-button svg{width:18px;height:18px}.paint-target-card p{display:none}.lamp-slot{min-width:36px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@font-face{font-family:Lesson Print;src:url(/fonts/LessonPrint-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.home-letter,.letter-chip,.selected-sound-pill span,.hero-note strong,.paint-cell,.paint-target-upper,.paint-target-lower,.lamp-tile,.lamp-slot,.rhythm-token strong,.letter-admin-glyph,.trace-letter-preview,.listen-name,.lamp-result strong,.writing-heading .mode-switch button{font-family:Lesson Print,sans-serif;font-weight:400;font-synthesis:none;font-variant-ligatures:none;font-style:normal;text-transform:none}.home-parent-shortcut{position:absolute;z-index:5;top:18px;right:18px;display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:10px 16px;border:1px solid #c9dccd;border-radius:18px;background:#fffdf6;color:var(--forest);font-size:14px;font-weight:700}.home-parent-shortcut svg{width:18px;height:18px}.home-parent-shortcut span{border-radius:50%;background:#ffe6aa;padding:2px 6px}.home-hero .hero-scenery{opacity:.55}.home-lower>*{min-width:0}.sticker-strip{max-width:100%}.game-main .paper-panel{background-color:#fffdf8}.game-screen{background-image:linear-gradient(180deg,#e4f4fc73,#eaf5e38c),url(/images/garden.png);background-size:cover;background-position:center;background-attachment:fixed}.paint-cell:not(.is-painted):not(.is-wrong){color:var(--forest);background:#fffdf7}.paint-grid{max-width:540px}.paint-cell{min-height:40px;font-size:23px}@media(min-width:800px){.home-screen{padding:20px}.home-hero{min-height:220px;padding:26px 32px}.hero-content h1{font-size:48px;margin-top:8px}.hero-copy{margin-top:14px;max-width:580px;font-size:17px}.letter-rail{margin-top:19px;gap:12px}.home-letter{width:66px;height:62px;padding-top:8px}.home-letter .home-letter-upper{font-size:33px}.home-letter .home-letter-lower{font-size:22px}.hero-note{bottom:26px;right:30px}.home-main{margin-top:20px}.section-heading{margin-bottom:12px}.section-heading h2{font-size:30px}.games-grid{gap:13px}.game-card{min-height:155px;padding:17px 19px;gap:12px;display:grid;grid-template-columns:58px 1fr}.game-card-icon{width:54px;height:54px;grid-column:1;grid-row:1}.game-card-icon svg{width:32px;height:32px}.game-card-copy{grid-column:2;grid-row:1;align-self:center}.game-card-copy strong{font-size:22px}.game-card-copy span{font-size:14px}.game-card-footer{grid-column:1 / -1}.game-card-arrow{width:40px;height:40px}.game-screen{padding-top:14px}.game-header{padding:16px 24px}.game-main{margin-top:14px}.instruction-panel{padding:14px 20px;margin-bottom:14px}.game-heading h1{font-size:27px}}@media(min-width:800px)and (max-height:850px){.home-hero{min-height:205px;padding:22px 30px}.hero-content h1{font-size:44px}.hero-copy{max-width:570px;margin-top:12px}.letter-rail{margin-top:15px}.home-letter{width:60px;height:56px}.game-card{min-height:137px;padding:14px 17px;gap:8px}.game-card-copy strong{font-size:21px}.hero-note{bottom:22px}.game-header{padding:12px 20px}.game-header .letter-strip{margin-top:9px;padding-top:9px}.game-header .letter-chip{min-height:44px;height:44px}.game-header .game-heading h1{font-size:25px}.game-main{margin-top:12px}.instruction-panel{padding:11px 18px;min-height:62px;margin-bottom:12px}.instruction-panel .instruction-text{font-size:15px}.writing-game,.dictation-game,.listen-board,.paint-game,.rhythm-game,.lamp-game{padding:20px 24px}.drawing-surface,.dictation-canvas{min-height:230px;height:260px}.writing-heading h2,.question-heading h2,.dictation-heading h2{font-size:25px}.writing-toolbar{margin-top:12px;margin-bottom:12px}.writing-footer{margin-top:12px}.writing-footer p{max-width:560px;font-size:13px}.listen-grid{max-width:780px;margin-left:auto;margin-right:auto;gap:24px}.listen-submit-row{margin-top:14px;padding-top:14px}.paint-grid{max-width:405px}.paint-cell{min-height:37px}}@media(max-width:799px){.home-hero{padding-top:72px}.home-parent-shortcut{top:14px;right:14px}.paint-grid{width:100%}.paint-cell{min-height:30px;font-size:20px}}.game-card-levels{font-size:13px;font-weight:700;color:var(--forest)}.level-picker{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;width:100%;margin:0 0 14px;padding:7px 9px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper-solid);box-shadow:var(--shadow-soft);overflow-x:auto;scrollbar-width:thin}.level-picker-title{flex:1 1 auto;min-width:104px;font-weight:800;font-size:1rem;white-space:nowrap;color:var(--forest)}.level-picker-button{display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;min-width:48px;border-radius:14px;background:var(--sky);color:var(--forest);transition:background .16s ease,transform .16s ease}.level-picker-button svg{width:22px;height:22px}.level-picker-button:not(:disabled):hover{background:var(--sky-deep)}.level-picker-button:not(:disabled):active{transform:scale(.96)}.level-picker-button:disabled{opacity:.42}.level-picker-select{position:relative;flex:0 0 auto;display:flex;align-items:center}.level-picker-select:after{content:"▾";position:absolute;right:13px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:.9rem;color:var(--muted)}.level-picker-select select{min-width:124px;min-height:48px;padding:0 34px 0 13px;border:1px solid var(--line-strong);border-radius:14px;background:#fff;color:var(--forest);font-weight:700;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.level-picker-select select:disabled{opacity:.55;cursor:not-allowed}.level-audio-warning{display:flex;align-items:flex-start;gap:10px;margin:0 0 14px;padding:12px 14px;border:1px solid rgba(224,135,92,.4);border-radius:var(--radius-md);background:#fff4df;color:#7a4a22;font-size:.95rem;line-height:1.45}.level-audio-warning svg{flex:0 0 auto;width:22px;height:22px;margin-top:1px}.level-audio-warning strong{display:block}.level-inline-note{margin-top:6px;color:#7a4a22;font-size:.9rem;font-weight:700}.lamp-options{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 14px}.lamp-option-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.lamp-option-group>span{color:var(--muted);font-size:.82rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}@media(max-width:640px){.level-picker{padding:6px;gap:6px}.level-picker-title{min-width:88px;font-size:.92rem}.level-picker-button{width:48px;height:48px;min-width:48px}.level-picker-select select{min-width:108px;font-size:.94rem}.lamp-options{align-items:stretch}.lamp-option-group{flex-direction:column;align-items:flex-start}}.audio-review-note{display:flex;align-items:flex-start;gap:6px;color:#85431d;font-size:13px;max-width:540px;margin:5px 0}.audio-review-note svg{width:17px;height:17px;flex:none;margin-top:2px}