:root{--ink:#283548;--muted:#6f7a8b;--cream:#fff8ec;--card:#fff;--line:#ecdfcd;--mint:#7bdcb5;--peach:#ffaf83;--blue:#79b9ff;--purple:#aa8df4;--yellow:#ffd96a;--shadow:0 10px 30px rgba(98,74,43,.11)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}body{padding-bottom:94px}button{font:inherit;color:inherit;cursor:pointer;border:0}button:active{transform:scale(.97)}.topbar{position:sticky;top:0;z-index:20;height:74px;padding:max(10px,env(safe-area-inset-top)) 16px 8px;display:flex;align-items:center;gap:10px;background:#fff8ecf0;backdrop-filter:blur(12px);border-bottom:1px solid rgba(236,223,205,.8)}.logo{display:flex;align-items:center;gap:8px;background:none;font-size:20px;font-weight:850;padding:8px}.logo span{font-size:28px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.round-btn{width:46px;height:46px;border-radius:50%;background:#fff;box-shadow:0 3px 12px #5a46281a;font-size:23px}.hidden{display:none!important}.stars{background:#fff2bd;border-radius:24px;padding:10px 13px;font-weight:800}main{width:min(100%,980px);margin:auto;padding:16px}.hero{background:linear-gradient(135deg,#8de0be,#d5f5e7);border-radius:30px;padding:24px;min-height:190px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;box-shadow:var(--shadow)}.hero h1{font-size:clamp(28px,7vw,46px);margin:0 0 8px;line-height:1.15}.hero p{font-size:17px;margin:0;color:#446558}.hero .mascot{font-size:90px;filter:drop-shadow(0 8px 5px rgba(0,0,0,.1))}.continue{width:100%;margin:16px 0;padding:17px 18px;border-radius:22px;background:#fff;display:flex;align-items:center;gap:13px;text-align:left;box-shadow:var(--shadow)}.continue .play{margin-left:auto;background:var(--yellow);border-radius:18px;padding:10px 14px;font-weight:800}.section-title{font-size:24px;margin:24px 4px 13px}.big-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.big-card{min-height:150px;border-radius:28px;padding:20px;text-align:left;box-shadow:var(--shadow);position:relative;overflow:hidden}.big-card .icon{display:block;font-size:52px;margin-bottom:8px}.big-card b{display:block;font-size:23px}.big-card small{font-size:14px;color:#566273}.big-card:nth-child(1){background:#dff7ed}.big-card:nth-child(2){background:#fff0d4}.big-card:nth-child(3){background:#e7efff}.big-card:nth-child(4){background:#f2e9ff}.page-head{display:flex;align-items:center;justify-content:space-between;margin:4px 2px 15px}.page-head h1{margin:0;font-size:30px}.page-head p{margin:5px 0;color:var(--muted)}.filters{display:flex;gap:9px;overflow:auto;padding:2px 1px 13px;scrollbar-width:none}.chip{white-space:nowrap;padding:11px 16px;border-radius:22px;background:#fff;border:2px solid var(--line);font-weight:750}.chip.active{background:#26384c;color:#fff;border-color:#26384c}.book-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.book{padding:0;border-radius:22px;overflow:hidden;text-align:left;background:#fff;box-shadow:var(--shadow)}.book-cover{aspect-ratio:4/3;background:#e6f1e9;overflow:hidden;position:relative}.book-cover img{width:100%;height:100%;object-fit:cover}.book-cover.sprite-sheet img{position:absolute;left:0;top:0;width:200%;height:300%;max-width:none;object-fit:fill}.book .info{padding:13px}.book b{font-size:17px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.35;min-height:2.7em}.book small{color:var(--muted);display:block;margin-top:4px}.reader{max-width:760px;margin:auto}.reader-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}.reader-top h1{font-size:21px;margin:0;flex:1;text-align:center}.reader-stage{background:#fff;border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.story-picture{aspect-ratio:3/2;background:#e9eee9;position:relative;overflow:hidden;animation:storySceneIn .58s ease-out}.story-picture img{width:100%;height:100%;object-fit:cover;display:block}.story-picture.story-playing:not(.sprite-page) img{animation:storyGentleMove 8s ease-in-out infinite alternate;transform-origin:center}.story-picture.story-playing.sprite-page{animation:storyGlow 2.8s ease-in-out infinite}.story-touch{position:absolute;z-index:4;left:14px;bottom:14px;min-height:42px;padding:9px 15px;border:0;border-radius:21px;background:#ffffffeb;color:#31506b;font-size:14px;font-weight:850;box-shadow:0 4px 14px #25384a29}.story-playing .story-touch{animation:storyLivePulse 1.8s ease-in-out infinite}.story-paused:after{content:"";position:absolute;inset:0;background:#23313e1f;pointer-events:none}.story-paused .story-touch{left:50%;bottom:50%;transform:translate(-50%,50%);font-size:17px;padding:12px 20px}.story-picture.sprite-page img{position:absolute;width:200%;height:300%;max-width:none;object-fit:fill}.story-text{min-height:150px;padding:22px;font-size:21px;line-height:1.8;font-weight:650;animation:storyTextIn .45s ease-out}.reader-controls{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:10px;margin-top:14px}.control{min-height:58px;border-radius:19px;background:#fff;border:2px solid var(--line);font-size:17px;font-weight:800}.control.primary{background:#ffd86b;border-color:#ffd86b}.auto-read-btn{width:100%;min-height:58px;margin-top:10px;border-radius:19px;background:#e8f4ff;color:#28547c;font-size:17px;font-weight:850;border:2px solid #c8e3fa}.auto-read-btn.playing{background:#dff6e9;color:#276346;border-color:#a9dfc0;animation:autoPulse 1.8s ease-in-out infinite}.auto-read-btn.paused{background:#fff1bf;color:#735912;border-color:#f0d36d}@keyframes autoPulse{50%{box-shadow:0 0 0 5px #68c38f29}}@keyframes storyGentleMove{0%{transform:scale(1.01) translate3d(-.6%,0,0)}to{transform:scale(1.075) translate3d(.6%,-.7%,0)}}@keyframes storyGlow{50%{box-shadow:inset 0 0 0 5px #ffd66b80}}@keyframes storyLivePulse{50%{transform:translateY(-2px);box-shadow:0 6px 18px #25384a38}}@keyframes storySceneIn{0%{opacity:.25;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes storyTextIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.progress-dots{display:flex;justify-content:center;gap:7px;margin:14px}.dot{width:9px;height:9px;border-radius:50%;background:#d8d1c7}.dot.on{width:24px;border-radius:8px;background:#ff9b68}.activity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.activity{min-height:125px;border-radius:25px;background:#fff;padding:18px;box-shadow:var(--shadow);text-align:left}.activity .icon{font-size:45px;display:block}.activity b{font-size:19px}.activity small{display:block;color:var(--muted);margin-top:5px}.lesson{background:#fff;border-radius:28px;padding:21px;box-shadow:var(--shadow);text-align:center}.lesson h2{font-size:25px}.flash{min-height:250px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:25px;background:#e9f6ff;margin:14px 0}.flash .emoji{font-size:100px}.flash .word{font-size:40px;font-weight:900}.flash .meaning{font-size:23px;color:var(--muted)}.answer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.answer{min-height:74px;border-radius:20px;background:#f5f2ed;font-size:28px;font-weight:800}.answer.good{background:#c9f2dd}.answer.bad{background:#ffd8d1}.message{min-height:40px;margin:12px;font-size:20px;font-weight:800}.wide-btn{width:100%;padding:16px;border-radius:19px;background:#26384c;color:#fff;font-size:18px;font-weight:800}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.memory-card{aspect-ratio:1;border-radius:18px;background:#dce8f9;font-size:34px;box-shadow:inset 0 -5px #0000000f}.memory-card.open{background:#fff1bd}.balloon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.balloon{aspect-ratio:1;border-radius:50% 50% 48% 48%;font-size:34px;transition:.2s}.balloon.popped{opacity:.08;transform:scale(.2);pointer-events:none}.shake{animation:shake .3s}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.coloring-choices{display:flex;gap:9px;overflow:auto;padding:5px 2px 13px;scrollbar-width:none}.coloring-choice{flex:0 0 88px;background:#fff;border:2px solid var(--line);border-radius:16px;padding:6px}.coloring-choice.active{border-color:#ff9563;background:#fff4e8}.coloring-choice img{width:100%;height:60px;object-fit:contain}.coloring-choice span{display:block;font-weight:750}.palette{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:5px 0 15px}.palette button{width:42px;height:42px;border-radius:50%;border:4px solid #fff;box-shadow:0 0 0 2px var(--line)}.palette button.active{box-shadow:0 0 0 3px #26384c;transform:scale(1.08)}#colorPad{display:block;width:min(100%,560px);aspect-ratio:1;margin:auto;background:#fff;border:2px solid var(--line);border-radius:22px;touch-action:none}.coloring-game{background:linear-gradient(180deg,#fff,#fff7ec)}.color-actions{width:min(100%,560px);margin:13px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.color-actions button{min-height:56px;border-radius:18px;background:#eef2f6;font-size:16px;font-weight:850}.color-actions button:disabled{opacity:.42}.color-actions .finish-coloring{background:#ffd96a}.draw-game{background:linear-gradient(180deg,#fff,#fff7e8)}.draw-tools{width:min(100%,700px);margin:12px auto;display:grid;gap:12px}.draw-colors{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.draw-color{width:46px;height:46px;border-radius:50%;border:4px solid #fff;box-shadow:0 0 0 2px var(--line)}.draw-color.active,.eraser-btn.active{box-shadow:0 0 0 4px #30435a;transform:scale(1.08)}.eraser-btn{min-height:46px;padding:8px 13px;border-radius:17px;background:#eef3f8;font-weight:850}.brush-sizes,.stamp-tools{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.brush-sizes>span,.stamp-tools>span{font-weight:850;color:var(--muted);margin-right:2px}.brush-btn{min-width:70px;min-height:50px;padding:7px 10px;border-radius:16px;background:#f1eee8;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:800}.brush-btn i{display:block;border-radius:50%;background:#344052}.brush-btn.active{background:#ffe49a;box-shadow:inset 0 0 0 3px #f1bd3d}.stamp-tools{padding:8px;border-radius:20px;background:#fff4dc}.stamp-btn{width:52px;height:52px;border-radius:17px;background:#fff;font-size:29px;border:2px solid #f1dfbe;box-shadow:0 3px 8px #5a462814}.stamp-btn.active{background:#fff1ac;border-color:#efbd3c;box-shadow:0 0 0 3px #efbd3c47;transform:scale(1.08)}#drawPad{display:block;width:min(100%,700px);aspect-ratio:1;margin:auto;background:#fff;border-radius:24px;touch-action:none;border:3px solid #eadfce;box-shadow:inset 0 0 18px #5a46280d}.draw-actions{width:min(100%,700px);margin:13px auto 0;display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:10px}.draw-actions button{min-height:58px;border-radius:18px;background:#edf1f5;font-size:17px;font-weight:850}.draw-actions .finish-drawing{background:#ffd96a}.art-save-message{min-height:28px;margin:9px auto 0;color:#367457;font-size:16px;font-weight:850}.peppa-game{background:linear-gradient(180deg,#fff,#fff0f3)}.paw-game{background:linear-gradient(180deg,#fff,#edf6ff)}.puddle-field{min-height:230px;border-radius:26px;background:linear-gradient(#bde9ff 0 58%,#9ed879 58%);display:flex;align-content:center;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;font-size:42px;padding:35px 20px;margin:14px 0;position:relative}.peppa-mini{position:absolute;left:16px;top:14px;font-size:54px}.rescue-maze{width:min(100%,430px);margin:16px auto;display:grid;grid-template-columns:repeat(5,1fr);gap:5px;background:#bde7a6;padding:8px;border-radius:22px}.maze-cell{aspect-ratio:1;background:#fff7d4;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:29px}.maze-cell.wall{background:#879875}.maze-cell.goal{background:#ffe0e0}.maze-controls{width:220px;margin:14px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.maze-controls button{height:58px;border-radius:16px;background:#dcecff;font-size:25px}.story-order{display:grid;gap:12px;margin:18px 0}.order-card{min-height:90px;border-radius:20px;background:#f5f1ea;display:flex;align-items:center;gap:16px;padding:14px 20px;text-align:left}.order-card span{font-size:45px}.order-card b{font-size:19px}.order-card.picked{background:#c9f2dd;box-shadow:inset 0 0 0 3px #6dcc9a}.brand-memory .memory-card{background:#e6efff}.brand-memory .memory-card.open{background:#fff0bf}.gesture-tip{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 14px;border-radius:18px;background:#fff4c9;color:#6a592a;font-weight:800}.swipe-maze{width:min(100%,470px);margin:16px auto;display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:8px;border-radius:24px;background:#8fc879;touch-action:none;user-select:none;box-shadow:inset 0 0 0 3px #356b3929}.swipe-maze-cell{aspect-ratio:1;border-radius:9px;display:grid;place-items:center;font-size:clamp(18px,6vw,31px);font-weight:900;transition:background .12s,transform .12s}.swipe-maze-cell.wall{background:#59835b;box-shadow:inset 0 -3px #1f4c2633}.swipe-maze-cell.road{background:#fff7d8}.swipe-maze-cell.passed{background:#bcefcf;color:#3a9a67}.swipe-maze-cell.goal{background:#ffdede}.snake-game{background:linear-gradient(180deg,#fff,#effce9)}.snake-score,.bee-score{display:inline-flex;align-items:center;gap:5px;padding:9px 15px;border-radius:20px;background:#fff2b9;font-size:18px;font-weight:800}.bug-field{width:min(100%,470px);height:min(105vw,470px);min-height:300px;margin:14px auto;position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(#b9eaff 0 42%,#a6df83 42% 100%);touch-action:none;user-select:none;box-shadow:inset 0 0 0 3px #397c551f}.bug-field:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-38px;height:115px;border-radius:50%;background:#79c568}.bug-player,.bug-fruit,.bug-sun,.bug-leaf{position:absolute;display:grid;place-items:center;transform:translate(-50%,-50%)}.bug-player{z-index:5;font-size:48px;filter:drop-shadow(0 5px 4px rgba(0,0,0,.12));transition:left 35ms linear,top 35ms linear;pointer-events:none}.bug-fruit{z-index:4;font-size:40px;filter:drop-shadow(0 4px 3px rgba(0,0,0,.1));transition:left .18s,top .18s,opacity .2s}.bug-fruit.picked{opacity:0;transform:translate(-50%,-50%) scale(.3)}.bug-sun{left:12%;top:12%;font-size:48px}.bug-leaf{z-index:2;font-size:42px;opacity:.78}.leaf-one{left:16%;top:69%;transform:rotate(-24deg)}.leaf-two{right:10%;top:54%;transform:rotate(22deg)}.bee-game{background:linear-gradient(180deg,#fff,#f1fbff)}.bee-field{width:min(100%,470px);height:min(105vw,470px);min-height:300px;margin:14px auto;position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(#aee7ff 0 45%,#8ed174 45% 100%);touch-action:none;user-select:none;box-shadow:inset 0 0 0 3px #397c551f}.bee-field:before,.bee-field:after{content:"";position:absolute;bottom:-25px;width:180px;height:90px;border-radius:50%;background:#68b85f}.bee-field:before{left:-40px}.bee-field:after{right:-50px}.garden-cloud{position:absolute;left:8%;top:7%;font-size:48px;opacity:.9}.garden-flower,.bee-player{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center}.garden-flower{font-size:38px;transition:transform .25s,opacity .25s}.garden-flower.picked{opacity:.18;transform:translate(-50%,-50%) scale(.35)}.bee-player{font-size:46px;z-index:4;filter:drop-shadow(0 5px 4px rgba(0,0,0,.12));transition:left .04s linear,top .04s linear;pointer-events:none}.bottom-nav{position:fixed;left:50%;bottom:0;transform:translate(-50%);z-index:30;width:min(100%,980px);display:grid;grid-template-columns:repeat(5,1fr);padding:8px 8px max(8px,env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid var(--line);box-shadow:0 -8px 24px #503c2814}.bottom-nav button{background:none;color:#7c8490;font-size:12px;font-weight:750;min-height:60px;border-radius:17px}.bottom-nav span{display:block;font-size:25px;margin-bottom:2px}.bottom-nav button.active{background:#edf7f2;color:#243d32}.school-banner{width:100%;margin:16px 0 2px;padding:18px;border-radius:24px;background:linear-gradient(135deg,#6957d9,#9875ed);color:#fff;display:flex;align-items:center;gap:14px;text-align:left;box-shadow:0 12px 28px #5b48c040}.school-banner>span:first-child{font-size:45px}.school-banner span:nth-child(2){display:flex;flex-direction:column;gap:4px}.school-banner b{font-size:21px}.school-banner small{color:#eee9ff}.school-banner strong{margin-left:auto;white-space:nowrap;background:#ffffff2e;padding:10px 12px;border-radius:16px}.subject-tabs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 22px}.subject-tab{min-height:95px;border-radius:24px;background:#fff;border:3px solid var(--line);font-size:24px;font-weight:900}.subject-tab small{display:block;font-size:14px;color:var(--muted);margin-top:4px}.subject-tab.active{border-color:#8068df;background:#f1edff}.course-unit{margin:20px 0}.course-unit h2{font-size:21px;display:flex;align-items:center;gap:9px}.course-unit h2 span{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#ffd96a;font-size:16px}.course-list{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.course-card{background:#fff;border-radius:20px;padding:14px;display:flex;align-items:center;gap:12px;text-align:left;box-shadow:var(--shadow)}.course-card i{font-style:normal;font-size:37px}.course-card span{min-width:0;flex:1}.course-card b{display:block;font-size:17px}.course-card small{display:block;margin-top:4px;color:var(--muted)}.course-card strong{color:#8572df;font-size:20px}.classroom{max-width:720px;margin:auto}.classroom-head{display:flex;align-items:center;gap:13px}.classroom-head h1{margin:3px 0 0;font-size:24px}.classroom-head small{color:var(--muted)}.class-progress{display:flex;gap:7px;margin:18px 2px}.class-progress i{height:8px;flex:1;border-radius:8px;background:#ded8cf}.class-progress i.on{background:#8a72e5}.teacher-card{border-radius:29px;background:#fff;box-shadow:var(--shadow);overflow:hidden;text-align:center}.teacher-label{padding:13px;background:#eee9ff;color:#5c49b1;font-weight:850}.lesson-visual{min-height:190px;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#eaf9f2,#fff4d8);font-size:clamp(31px,8vw,54px);font-weight:900;white-space:pre-wrap;line-height:1.55}.teacher-card p{font-size:22px;line-height:1.8;text-align:left;padding:4px 22px;margin:15px 0;font-weight:650}.listen-teacher{margin:0 20px 22px;padding:15px 20px;width:calc(100% - 40px);border-radius:18px;background:#ffd96a;font-size:18px;font-weight:850}.course-answers{display:grid;grid-template-columns:1fr;gap:10px;margin:15px 0}.course-answers button{min-height:62px;border-radius:18px;background:#fff;border:2px solid var(--line);font-size:18px;font-weight:800}.course-answers button.good{background:#c9f2dd;border-color:#76c99d}.course-answers button.bad{background:#ffd8d1;border-color:#ef9484}.class-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:11px;margin-top:15px}.class-actions button{min-height:58px;border-radius:18px;background:#fff;border:2px solid var(--line);font-weight:850}.class-actions .primary{background:#715bd3;color:#fff;border-color:#715bd3}.class-actions button:disabled{opacity:.4}.parent-tip{margin:15px 0;padding:14px 16px;border-radius:18px;background:#fff3cd;line-height:1.55;color:#665833}.study-progress{margin:-8px 0 20px;padding:17px 18px;border-radius:22px;background:#fff;box-shadow:var(--shadow)}.study-progress div{display:flex;justify-content:space-between;gap:10px}.study-progress span{color:#715bd3;font-weight:850}.study-progress>i{display:block;height:12px;margin:11px 0 8px;border-radius:12px;background:#ece7df;overflow:hidden}.study-progress em{display:block;height:100%;min-width:0;border-radius:12px;background:linear-gradient(90deg,#7bdcb5,#8068df);transition:width .35s}.study-progress small{color:var(--muted)}.course-card.finished{background:#f0fbf6;box-shadow:inset 0 0 0 2px #a9dfc7}.course-card.finished strong{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#63c492;color:#fff}@media (min-width:700px){main{padding:24px}.big-grid,.book-grid,.activity-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:430px){.logo b{font-size:17px}.hero{padding:20px;min-height:170px}.hero .mascot{font-size:72px}.big-card{min-height:140px;padding:17px}.book-grid{gap:11px}.story-text{font-size:19px}.topbar{height:68px}.school-banner strong{display:none}.course-list{grid-template-columns:1fr}.bottom-nav span{font-size:22px}.bottom-nav button{font-size:11px}.teacher-card p{font-size:20px}}.arcade-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.arcade-link{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:162px;padding:15px;border-radius:23px;background:#fff;box-shadow:var(--shadow);color:#26384c;text-decoration:none}.arcade-link:nth-child(3n+1){background:#fff3de}.arcade-link:nth-child(3n+2){background:#e9f7f3}.arcade-link:nth-child(3n){background:#f1edff}.arcade-link .arcade-icon{font-size:39px;line-height:1.15}.arcade-link b{display:block;font-size:18px}.arcade-link small{display:block;color:#617080;font-size:12px;margin-top:3px}.arcade-link em{display:block;margin-top:5px;color:#678276;font-size:11px;font-style:normal;font-weight:700}.arcade-link strong{align-self:flex-end;margin-top:auto;font-size:13px;color:#5263a1}.arcade-link:focus-visible{outline:3px solid #715bd3;outline-offset:2px}.kids-feature{display:flex;align-items:center;gap:15px;min-height:118px;padding:19px;margin:6px 0 20px;border-radius:25px;background:linear-gradient(110deg,#fff1c8,#dff7e7);color:#29433d;text-decoration:none;box-shadow:var(--shadow)}.kids-feature-icon{font-size:52px;line-height:1}.kids-feature span:nth-child(2){display:grid;gap:5px;flex:1}.kids-feature b{font-size:23px}.kids-feature small{font-size:14px;color:#516e62}.kids-feature em{font-size:12px;color:#689781;font-style:normal;font-weight:800}.kids-feature strong{white-space:nowrap;font-size:16px}.kids-feature:focus-visible{outline:3px solid #715bd3;outline-offset:2px}@media (max-width:430px){.kids-feature{padding:15px;gap:10px}.kids-feature-icon{font-size:37px}.kids-feature b{font-size:18px}.kids-feature small{font-size:12px}.kids-feature em{font-size:10px}.kids-feature strong{font-size:12px}}@media (min-width:700px){.arcade-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.story-picture,.story-picture img,.story-touch{animation:none!important}}.school-page{--school:#ef786f;--school-soft:#fff0e6;--school-ink:#65342f;max-width:820px;margin:0 auto}.school-page.school-math{--school:#438fd5;--school-soft:#e9f5ff;--school-ink:#214d72}.school-welcome{display:grid;grid-template-columns:122px 1fr;align-items:end;gap:13px;margin:3px 0 17px;padding:18px 20px 0;border-radius:30px;background:linear-gradient(135deg,var(--school-soft),#fff9dc);box-shadow:var(--shadow);overflow:hidden}.teacher-avatar{position:relative;align-self:stretch;display:grid;place-items:end center;min-height:150px}.teacher-avatar span{font-size:94px;line-height:1;filter:drop-shadow(0 8px 7px rgba(62,53,42,.15))}.teacher-avatar i{position:absolute;right:0;top:8px;font-style:normal;font-size:25px;animation:teacherSpark 2.2s ease-in-out infinite}.teacher-bubble{position:relative;margin-bottom:18px;padding:15px 17px;border-radius:22px 22px 22px 7px;background:#fff}.teacher-bubble:before{content:"";position:absolute;left:-10px;bottom:9px;border:11px solid transparent;border-right-color:#fff}.teacher-bubble small{color:var(--school);font-weight:900}.teacher-bubble h1{margin:3px 0;font-size:29px;line-height:1.12}.teacher-bubble p{margin:0;color:#66717e;font-size:15px;line-height:1.45}.teacher-bubble button{min-height:43px;margin-top:10px;padding:8px 13px;border-radius:15px;background:#fff0ad;color:#584a1e;font-weight:900}.school-page .subject-tabs{gap:10px;margin:0 0 14px}.school-page .subject-tab{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;gap:0 10px;min-height:106px;padding:15px 17px;border:3px solid transparent;text-align:left;background:#fff;box-shadow:var(--shadow)}.school-page .subject-tab span{grid-row:1/3;font-size:49px}.school-page .subject-tab b{font-size:24px;line-height:1.1}.school-page .subject-tab small{font-size:13px;margin:3px 0 0}.school-page .subject-tab.chinese.active{border-color:#ef786f;background:#fff3ed}.school-page .subject-tab.math.active{border-color:#438fd5;background:#edf7ff}.school-page .study-progress{margin:0 0 14px;padding:14px 17px;border-radius:20px}.school-page .study-progress div{align-items:center}.school-page .study-progress>i{height:10px;margin:8px 0}.school-page .study-progress em{background:linear-gradient(90deg,#ffd660,var(--school))}.next-course{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;min-height:94px;margin:0 0 21px;padding:13px 16px;border-radius:24px;text-align:left;color:#fff;background:linear-gradient(125deg,var(--school),color-mix(in srgb,var(--school) 72%,#7657d7));box-shadow:0 12px 25px color-mix(in srgb,var(--school) 25%,transparent)}.next-course-icon{display:grid;place-items:center;width:63px;height:63px;border-radius:20px;background:#fff3;font-size:39px}.next-course span:nth-child(2){display:grid;gap:3px}.next-course small{color:#ffffffd9;font-weight:750}.next-course b{font-size:22px}.next-course strong{padding:9px 11px;border-radius:14px;background:#ffffff2e;white-space:nowrap}.school-section-title{display:flex;align-items:center;gap:8px;margin:0 2px 10px;font-size:21px}.school-section-title span{display:grid;place-items:center;width:39px;height:39px;border-radius:14px;background:var(--school-soft)}.unit-rail{display:flex;gap:9px;margin:0 -14px 15px;padding:2px 14px 8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.unit-rail::-webkit-scrollbar{display:none}.unit-chip{flex:0 0 auto;display:flex;align-items:center;gap:7px;min-height:54px;padding:8px 14px;border:2px solid #eee5d9;border-radius:18px;background:#fff;color:#56606c;scroll-snap-align:start}.unit-chip span{font-size:23px}.unit-chip b{font-size:15px;white-space:nowrap}.unit-chip.active{border-color:var(--school);background:var(--school-soft);color:var(--school-ink);box-shadow:0 5px 12px color-mix(in srgb,var(--school) 14%,transparent)}.school-page .course-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.school-page .course-card{position:relative;min-height:106px;padding:13px 14px;border:2px solid transparent;border-radius:23px;box-shadow:var(--shadow)}.school-page .course-card i{display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;border-radius:19px;background:var(--school-soft);font-size:35px}.school-page .course-card span{display:grid;gap:2px}.school-page .course-card small{order:0;margin:0;color:#8b929a;font-size:12px}.school-page .course-card b{order:1;font-size:19px;line-height:1.18}.school-page .course-card em{order:2;color:var(--school);font-size:13px;font-style:normal;font-weight:850}.school-page .course-card strong{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--school-soft);color:var(--school)}.school-page .course-card.finished{border-color:#9ddcbc;background:#f5fff9}.school-page .course-card.finished i,.school-page .course-card.finished strong{background:#d8f5e6;color:#2c8b5d}.classroom{--class:#ef786f;--class-soft:#fff0e8;--class-deep:#7a3832;max-width:760px;margin:0 auto;padding-bottom:8px}.classroom.classroom-math{--class:#438fd5;--class-soft:#e9f5ff;--class-deep:#22547c}.classroom-head{min-height:64px;gap:11px}.classroom-head>div{min-width:0;flex:1}.classroom-head h1{margin:1px 0 0;font-size:25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.classroom-head small{color:var(--class);font-weight:850}.class-back{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border-radius:18px;background:#fff;box-shadow:var(--shadow);font-size:25px}.class-star{font-size:29px;filter:drop-shadow(0 3px 3px rgba(102,78,28,.18))}.class-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.class-steps div{display:flex;align-items:center;justify-content:center;gap:5px;min-height:51px;padding:7px 4px;border-radius:17px;background:#ece8e1;color:#8b8b8b}.class-steps span{font-size:21px}.class-steps b{font-size:14px}.class-steps .now{background:var(--class);color:#fff;box-shadow:0 8px 18px color-mix(in srgb,var(--class) 27%,transparent)}.class-steps .done{background:#d8f4e4;color:#347959}.teacher-card{border-radius:28px;background:#fff;box-shadow:0 13px 30px #5343301f;overflow:hidden;text-align:center}.teacher-scene{display:flex;align-items:center;gap:10px;min-height:78px;padding:8px 16px;text-align:left;background:linear-gradient(120deg,var(--class-soft),#fff9d8)}.mini-teacher{position:relative;align-self:flex-end;display:grid;place-items:end center;width:67px;height:70px}.mini-teacher span{font-size:59px;line-height:1}.mini-teacher i{position:absolute;left:3px;bottom:7px;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:-8px -5px 0 -2px #fff}.teacher-says{display:grid;gap:2px;flex:1}.teacher-says small{color:var(--class);font-weight:900}.teacher-says b{font-size:18px}.sound-waves{color:var(--class);font-size:19px;font-weight:950;letter-spacing:1px;opacity:.15;transform-origin:left center}.teacher-card.is-speaking .mini-teacher{animation:teacherTalk .72s ease-in-out infinite}.teacher-card.is-speaking .sound-waves{animation:soundWave .85s ease-in-out infinite}.lesson-visual{position:relative;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:11px;min-height:230px;padding:25px 18px;background:radial-gradient(circle at 15% 18%,rgba(255,255,255,.75) 0 5%,transparent 6%),linear-gradient(145deg,#e8f9f1,#fff2cf);font-size:clamp(30px,8vw,52px);font-weight:900;line-height:1.4;white-space:normal}.classroom-math .lesson-visual{background:radial-gradient(circle at 85% 18%,rgba(255,255,255,.8) 0 5%,transparent 6%),linear-gradient(145deg,#dff3ff,#eaffdf)}.lesson-visual>span{display:inline-flex;align-items:center;justify-content:center;min-height:74px;padding:8px 13px;border-radius:20px;background:#ffffffb8;box-shadow:0 7px 13px #44483b17;animation:visualPop .38s both;animation-delay:calc(var(--piece) * 90ms)}.lesson-talk{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:11px;margin:0;padding:17px 20px 8px;text-align:left}.talk-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:var(--class-soft);font-size:23px}.lesson-talk p,.teacher-card .lesson-talk p{margin:0;padding:0;font-size:20px;font-weight:750;line-height:1.65}.listen-teacher{min-height:57px;margin:10px 18px 19px;padding:13px 18px;width:calc(100% - 36px);border-radius:18px;background:#ffdc69;color:#564616;font-size:17px;font-weight:900}.teacher-card.is-speaking .listen-teacher{background:#dff7e9;color:#296746}.answer-stage{margin-top:13px;padding:13px;border-radius:24px;background:var(--class-soft)}.answer-stage h2{margin:0 4px 9px;font-size:18px}.course-answers{display:grid;grid-template-columns:1fr;gap:9px;margin:0}.course-answers button{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;min-height:64px;padding:9px 15px;border:3px solid #fff;border-radius:18px;background:#fff;text-align:left;font-size:18px;font-weight:850;box-shadow:0 5px 12px #4b3e3012}.course-answers button>span{font-size:25px;color:var(--class)}.course-answers button.good{background:#d6f5e4;border-color:#66c997}.course-answers button.bad{background:#ffe3dc;border-color:#ef9d8d}.course-answers button:disabled{opacity:1}.answer-stage .message{min-height:30px;margin:9px 3px 0;font-size:17px}.class-actions{position:relative;z-index:15;display:grid;grid-template-columns:.8fr 1.45fr;gap:9px;margin-top:13px;padding:8px;border-radius:23px;background:#fffaf2f5;box-shadow:0 8px 26px #4434252e}.class-actions button{min-height:60px;border-radius:18px;background:#fff;border:2px solid #ded7cd;font-size:16px;font-weight:900}.class-actions .primary{background:var(--class);border-color:var(--class);color:#fff;font-size:18px}.class-actions button:disabled{opacity:.35}.class-actions span{font-size:20px}.parent-tip{margin:12px 2px 0;padding:0;border-radius:17px;background:#fff3cd;color:#665833}.parent-tip summary{padding:13px 15px;cursor:pointer;font-weight:850;list-style:none}.parent-tip summary::-webkit-details-marker{display:none}.parent-tip p{margin:0;padding:0 15px 14px;line-height:1.55}@keyframes teacherSpark{50%{transform:translateY(-5px) rotate(8deg);opacity:.7}}@keyframes teacherTalk{50%{transform:translateY(-3px) rotate(-1deg)}}@keyframes soundWave{50%{opacity:1;transform:scaleX(1.16)}}@keyframes visualPop{0%{opacity:0;transform:translateY(8px) scale(.94)}to{opacity:1;transform:none}}@media (max-width:520px){.school-welcome{grid-template-columns:88px 1fr;padding:13px 13px 0}.teacher-avatar{min-height:137px}.teacher-avatar span{font-size:75px}.teacher-bubble{margin-bottom:13px;padding:13px}.teacher-bubble h1{font-size:24px}.teacher-bubble p{font-size:13px}.school-page .subject-tab{min-height:96px;padding:12px}.school-page .subject-tab span{font-size:42px}.school-page .subject-tab b{font-size:21px}.school-page .subject-tab small{font-size:11px}.next-course{min-height:88px;padding:12px}.next-course-icon{width:58px;height:58px}.next-course b{font-size:19px}.next-course strong{font-size:13px}.school-page .course-list{grid-template-columns:1fr}.school-page .course-card{min-height:94px}.classroom-head h1{font-size:21px}.class-steps{margin:8px 0}.class-steps div{min-height:46px}.class-steps b{font-size:12px}.teacher-scene{min-height:70px;padding:7px 12px}.mini-teacher{width:60px;height:63px}.mini-teacher span{font-size:53px}.teacher-says b{font-size:16px}.lesson-visual{min-height:min(35svh,270px);padding:18px 12px;gap:8px;font-size:clamp(27px,9vw,43px)}.lesson-visual>span{min-height:63px;padding:6px 10px}.lesson-talk{padding:14px 15px 6px}.lesson-talk p,.teacher-card .lesson-talk p{font-size:18px;line-height:1.58}.talk-icon{width:40px;height:40px}.listen-teacher{margin:9px 13px 14px;width:calc(100% - 26px)}.answer-stage{padding:10px}.course-answers button{min-height:60px;font-size:17px}.class-actions{margin-top:9px}.class-actions button{min-height:58px}.parent-tip{font-size:14px}}@media (prefers-reduced-motion:reduce){.teacher-avatar i,.teacher-card.is-speaking .mini-teacher,.teacher-card.is-speaking .sound-waves,.lesson-visual>span{animation:none!important}}.game-group-title{display:flex;align-items:center;gap:9px;margin:22px 2px 12px;font-size:22px}.game-group-title:first-of-type{margin-top:4px}.game-group-title span{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:#fff2b9}.gesture-grid{grid-template-columns:1fr}.gesture-activity{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:112px;padding:16px 18px;background:linear-gradient(135deg,#fff,#effaf5);border:2px solid rgba(93,193,145,.18)}.gesture-activity .icon{margin:0;font-size:52px}.gesture-activity span:nth-child(3){min-width:0}.gesture-activity b{display:block;font-size:20px}.gesture-activity small{font-size:15px;line-height:1.4}.gesture-activity strong{color:#337c5b;font-size:17px;white-space:nowrap}.gesture-badge{position:absolute;right:13px;top:10px;padding:4px 8px;border-radius:11px;background:#d8f6e5;color:#27714f;font-size:12px;font-weight:900}.gesture-activity strong{margin-top:26px}.gesture-lesson{padding-top:18px}.game-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:13px;text-align:left;margin-bottom:14px}.game-title-row h2{margin:0 0 6px}.game-title-row p{margin:0;color:var(--muted);font-size:16px;line-height:1.5}.voice-help{flex:0 0 auto;min-height:49px;padding:10px 13px;border-radius:16px;background:#fff2b9;color:#5b4b20;font-size:15px;font-weight:900}.swipe-maze{position:relative}.maze-hand{position:absolute;left:1%;top:2%;z-index:7;font-size:39px;pointer-events:none;filter:drop-shadow(0 3px 2px rgba(0,0,0,.12));animation:mazeHand 1.7s ease-in-out infinite}.swipe-maze.started .maze-hand{display:none}@keyframes mazeHand{0%,20%{transform:translate(0)}70%,to{transform:translate(90px)}}.bug-tail{position:absolute;width:20px;height:20px;border-radius:50%;background:#69bc4a;transform:translate(-50%,-50%);z-index:3;pointer-events:none;box-shadow:inset 0 -3px #28782d1f}.swipe-hand{position:absolute;left:49%;top:77%;z-index:8;font-size:42px;pointer-events:none;filter:drop-shadow(0 4px 3px rgba(0,0,0,.15));animation:snakeSwipe 1.8s ease-in-out infinite}.bug-field.started .swipe-hand{display:none}@keyframes snakeSwipe{0%,20%{transform:translate(-50%,-50%)}65%,to{transform:translate(70px,-80px)}}.rocket-game{background:linear-gradient(180deg,#fff,#f0efff)}.rocket-score{display:inline-flex;align-items:center;gap:5px;padding:9px 15px;border-radius:20px;background:#fff2b9;font-size:18px;font-weight:800}.rocket-field{width:min(100%,470px);height:min(105vw,470px);min-height:300px;margin:14px auto;position:relative;overflow:hidden;border-radius:28px;background:radial-gradient(circle at 18% 20%,rgba(255,255,255,.95) 0 2px,transparent 3px),radial-gradient(circle at 76% 35%,rgba(255,255,255,.7) 0 1.5px,transparent 3px),radial-gradient(circle at 45% 67%,rgba(255,255,255,.8) 0 2px,transparent 3px),linear-gradient(160deg,#29295f,#604b9c 55%,#393473);background-size:84px 84px,68px 68px,105px 105px,auto;touch-action:none;user-select:none;box-shadow:inset 0 0 0 3px #ffffff24}.space-star,.space-planet,.rocket-player{position:absolute;display:grid;place-items:center;transform:translate(-50%,-50%)}.space-star{z-index:3;font-size:35px;transition:opacity .22s,transform .22s;filter:drop-shadow(0 0 8px #ffe66d)}.space-star.picked{opacity:.12;transform:translate(-50%,-50%) scale(.3)}.space-planet{right:2%;top:52%;font-size:54px;opacity:.72}.rocket-player{z-index:5;font-size:51px;filter:drop-shadow(0 6px 4px rgba(0,0,0,.22));transition:left .04s linear,top .04s linear;pointer-events:none}@media (max-width:430px){main{padding:12px 12px 98px}.page-head h1{font-size:27px}.gesture-grid{grid-template-columns:1fr}.gesture-activity{min-height:106px;padding:14px 15px;gap:11px}.gesture-activity .icon{font-size:47px}.gesture-activity b{font-size:18px}.gesture-activity small{font-size:14px}.gesture-activity strong{font-size:15px}.lesson{padding:15px;border-radius:23px}.game-title-row{gap:8px}.game-title-row h2{font-size:21px}.game-title-row p{font-size:14px}.voice-help{min-height:48px;padding:8px 10px;font-size:13px}.bug-field,.bee-field,.rocket-field{width:100%;height:min(calc(100svh - 300px),calc(100vw - 54px),430px);min-height:290px}.swipe-maze{width:100%;gap:3px;padding:6px}.swipe-maze-cell{border-radius:7px}.gesture-tip{font-size:14px}.message{margin:10px 5px;font-size:18px}.wide-btn{min-height:54px}.game-group-title{font-size:20px;margin-top:19px}.draw-tools{gap:9px}.stamp-tools{gap:6px;padding:7px 6px}.stamp-btn{width:44px;height:44px;border-radius:14px;font-size:24px}.draw-actions{gap:7px}.draw-actions button{min-height:54px;font-size:15px}}@media (prefers-reduced-motion:reduce){.maze-hand,.swipe-hand{animation:none!important}}.story-card-art{--scene-a:#c9f2ff;--scene-b:#fff0b9;display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(155deg,var(--scene-a),var(--scene-b))}.story-card-art:before{content:"";position:absolute;left:-8%;right:-8%;bottom:-38%;height:65%;border-radius:50% 50% 0 0;background:#5cb3698c;z-index:-1}.story-card-art:after{content:"";position:absolute;inset:9%;border:3px solid rgba(255,255,255,.62);border-radius:30px;box-shadow:inset 0 0 28px #ffffff4d}.story-card-art .scene-orb{position:absolute;width:25%;aspect-ratio:1;border-radius:50%;right:10%;top:10%;background:#ffeb74f2;box-shadow:0 0 30px #ffde5380}.story-card-art .scene-emoji{font-size:clamp(48px,14vw,95px);filter:drop-shadow(0 7px 5px rgba(37,60,78,.2));z-index:2;letter-spacing:-.08em}.story-card-art>i{position:absolute;left:13%;top:14%;font-style:normal;color:#fff;font-size:28px;text-shadow:0 0 10px #fff}.story-card-art.theme-play{--scene-a:#ffd7e8;--scene-b:#dff7ff}.story-card-art.theme-rainbow{--scene-a:#cde9ff;--scene-b:#ffe2d3}.story-card-art.theme-ocean{--scene-a:#a7e9ff;--scene-b:#d9f7dc}.story-card-art.theme-forest{--scene-a:#cceec1;--scene-b:#fff1b6}.story-card-art.theme-night{--scene-a:#303c78;--scene-b:#8679b9}.story-card-art.theme-night:before{background:#346963bf}.story-card-art.theme-city{--scene-a:#bfe7ff;--scene-b:#ffe0b7}.story-card-art.theme-magic{--scene-a:#f3d7ff;--scene-b:#ffecc7}.story-card-art.theme-ice{--scene-a:#c9f0ff;--scene-b:#e9e5ff}.story-card-art.theme-sunset{--scene-a:#ffd1b8;--scene-b:#ffe7a8}.story-card-art.theme-poem{--scene-a:#dff0d2;--scene-b:#fff4ca}.story-scene .scene-emoji{font-size:clamp(86px,25vw,160px);animation:sceneFloat 3.4s ease-in-out infinite}.story-scene .scene-cloud{position:absolute;top:13%;font-size:40px;opacity:.72;animation:cloudDrift 8s ease-in-out infinite alternate}.story-scene .scene-cloud.one{left:8%}.story-scene .scene-cloud.two{right:22%;top:27%;font-size:29px;animation-delay:-3s}.story-scene.story-playing .scene-orb{animation:sceneGlow 2.2s ease-in-out infinite}.story-scene.story-paused .scene-emoji{animation-play-state:paused}@keyframes sceneFloat{50%{transform:translateY(-9px) rotate(-1deg)}}@keyframes cloudDrift{to{transform:translate(18px)}}@keyframes sceneGlow{50%{transform:scale(1.08);box-shadow:0 0 42px #ffec7ecc}}.game-home{max-width:940px;margin:0 auto;padding-bottom:18px}.game-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;min-height:145px;padding:23px 25px;margin-bottom:15px;border-radius:30px;background:linear-gradient(135deg,#4fbd8b,#79d7ad 55%,#c9f3cd);color:#153f35;box-shadow:0 13px 28px #308f6533}.game-hero:after{content:"";position:absolute;right:-25px;bottom:-65px;width:190px;height:190px;border-radius:50%;background:#ffffff40}.game-hero>div{position:relative;z-index:1}.game-hero small{display:inline-block;padding:5px 10px;border-radius:99px;background:#ffffff94;font-weight:900}.game-hero h1{margin:8px 0 4px;font-size:clamp(27px,6vw,40px);letter-spacing:-.04em}.game-hero p{margin:0;font-weight:750}.game-hero>span{position:relative;z-index:1;font-size:76px;filter:drop-shadow(0 8px 7px rgba(0,0,0,.13));transform:rotate(5deg)}.game-category-rail{position:sticky;top:74px;z-index:12;display:flex;gap:9px;overflow-x:auto;margin:0 -2px 17px;padding:8px 2px 11px;background:linear-gradient(#fff8ec 75%,transparent);scrollbar-width:none;overscroll-behavior-x:contain}.game-category-rail::-webkit-scrollbar{display:none}.game-category{flex:0 0 132px;display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;align-items:center;min-height:70px;padding:9px 10px;border:3px solid transparent;border-radius:21px;background:#fff;text-align:left;box-shadow:0 5px 14px #52402b17}.game-category>span{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:13px;background:color-mix(in srgb,var(--cat) 17%,white);font-size:23px}.game-category b{font-size:14px;line-height:1.15}.game-category small{color:#8a8a8a;font-size:11px}.game-category.active{border-color:var(--cat);background:color-mix(in srgb,var(--cat) 9%,white);transform:translateY(-2px)}.game-category-head{display:flex;align-items:center;gap:12px;margin:4px 2px 13px}.game-category-head>span{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:color-mix(in srgb,var(--cat) 18%,white);font-size:31px}.game-category-head>div{flex:1}.game-category-head h2{margin:0;font-size:24px}.game-category-head p{margin:3px 0 0;color:var(--muted);font-size:14px}.game-category-head>b{display:grid;place-items:center;min-width:38px;height:38px;border-radius:99px;background:var(--cat);color:#fff;font-size:16px}.game-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.game-choice{position:relative;min-width:0;min-height:174px;padding:14px;border:2px solid rgba(119,102,78,.09);border-radius:25px;background:#fff;color:inherit;text-decoration:none;text-align:left;box-shadow:0 8px 20px #4b3b2517;display:flex;flex-direction:column}.game-choice:nth-child(5n+1){background:#fff8dc}.game-choice:nth-child(5n+2){background:#eaf8ef}.game-choice:nth-child(5n+3){background:#eaf5ff}.game-choice:nth-child(5n+4){background:#f1edff}.game-choice:nth-child(5n){background:#fff0f2}.game-choice:active{transform:scale(.97)}.game-card-action{position:absolute;right:10px;top:10px;padding:5px 8px;border-radius:11px;background:#ffffffc7;color:#4f6c60;font-size:11px;font-weight:900}.game-card-icon{display:grid;place-items:center;width:70px;height:70px;margin-bottom:8px;border-radius:22px;background:#ffffffb8;font-size:48px}.game-card-copy{min-width:0;display:grid;gap:3px}.game-card-copy b{font-size:18px;line-height:1.2}.game-card-copy small{color:#687771;font-size:13px;line-height:1.35}.game-choice>strong{margin-top:auto;padding-top:9px;color:#397b60;font-size:13px}.game-parent-note{display:flex;align-items:flex-start;gap:12px;margin-top:20px;padding:15px 17px;border-radius:21px;background:#fff2c7;color:#61552f}.game-parent-note>span{font-size:27px}.game-parent-note p{margin:0;font-size:13px;line-height:1.55}.game-parent-note b{font-size:15px}.mini-game-page{max-width:720px;margin:0 auto}.mini-game-nav{position:sticky;top:74px;z-index:18;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;margin:0 0 10px;padding:7px;border-radius:22px;background:#fffaf2f5;box-shadow:0 7px 24px #46352229;backdrop-filter:blur(12px)}.game-exit{display:flex;align-items:center;gap:6px;min-height:56px;padding:8px 13px;border-radius:17px;background:#2f775d;color:#fff}.game-exit span{font-size:22px}.game-exit b{font-size:15px}.mini-game-name{min-width:0;display:flex;align-items:center;justify-content:center;gap:7px}.mini-game-name span{font-size:28px}.mini-game-name b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.mini-game-tools{display:flex;gap:6px}.mini-game-tools button{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#fff;border:2px solid #e5ded4;font-size:22px}.playing-mini-game main{padding-top:10px}.mini-game-page>.lesson{border-radius:27px}.mini-game-page .wide-btn.soft{background:#e8f5ed;color:#2d654f}.simple-game .flash{min-height:220px}.bath-score,.drag-progress,.rhythm-round,.firefly-score{display:inline-flex;align-items:center;gap:5px;min-height:39px;padding:7px 14px;border-radius:99px;background:#fff1bc;font-size:16px;font-weight:850}.bubble-bath-game{background:linear-gradient(180deg,#fff,#e8f8ff)}.bubble-bath-board{position:relative;overflow:hidden;width:min(100%,500px);height:min(86vw,390px);min-height:300px;margin:14px auto;border-radius:29px;background:linear-gradient(#bfeaff 0 28%,#72c8e4 28% 100%);box-shadow:inset 0 0 0 4px #ffffff4d;isolation:isolate}.bubble-bath-board:after{content:"";position:absolute;left:-5%;right:-5%;bottom:-45px;height:130px;border-radius:50%;background:#55b5d5;z-index:-1}.bath-duck{position:absolute;left:50%;bottom:35px;transform:translate(-50%);font-size:92px;filter:drop-shadow(0 7px 5px rgba(0,0,0,.13))}.bath-bubble{position:absolute;width:58px;height:58px;border:3px solid rgba(255,255,255,.78);border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff 0 9%,#ffffff54 11% 35%,#73cbf26b);color:#fff;font-size:20px;box-shadow:inset -7px -8px 13px #398abf2b,0 5px 8px #2479a726;transition:.22s}.bath-bubble.popped{opacity:0;transform:scale(1.5);pointer-events:none}.bath-bubble.b0{left:5%;top:8%}.bath-bubble.b1{left:28%;top:5%;width:47px;height:47px}.bath-bubble.b2{left:55%;top:9%;width:65px;height:65px}.bath-bubble.b3{right:5%;top:5%;width:49px;height:49px}.bath-bubble.b4{left:10%;top:32%;width:68px;height:68px}.bath-bubble.b5{left:38%;top:29%;width:48px;height:48px}.bath-bubble.b6{right:22%;top:32%;width:57px;height:57px}.bath-bubble.b7{right:4%;top:36%;width:67px;height:67px}.bath-bubble.b8{left:3%;top:61%;width:51px;height:51px}.bath-bubble.b9{left:24%;top:58%;width:62px;height:62px}.bath-bubble.b10{left:48%;top:55%;width:45px;height:45px}.bath-bubble.b11{right:25%;top:61%;width:52px;height:52px}.bath-bubble.b12{right:4%;top:67%;width:59px;height:59px}.bath-bubble.b13{left:19%;bottom:4%;width:44px;height:44px}.bath-bubble.b14{right:17%;bottom:3%;width:46px;height:46px}.sorting-drag-game{background:linear-gradient(180deg,#fff,#fff9df)}.drag-sort-board{position:relative;width:min(100%,520px);height:min(78vw,360px);min-height:300px;margin:15px auto;border-radius:28px;background:linear-gradient(#bceaff 0 48%,#9edb83 48% 100%);touch-action:none;overflow:hidden}.sort-home{position:absolute;bottom:20px;width:39%;min-height:112px;border:4px dashed rgba(255,255,255,.82);border-radius:24px;background:#ffffffad;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.sort-home span{font-size:53px}.sort-home b{font-size:17px}.sort-home.fruit-home{left:5%}.sort-home.toy-home{right:5%}.sort-home.nope,.train-car.nope{animation:shake .3s;background:#ffe0d8}.drag-item,.train-passenger{position:absolute;left:50%;top:29%;transform:translate(-50%,-50%);z-index:4;display:grid;place-items:center;width:94px;height:94px;border-radius:50%;background:#fff;box-shadow:0 9px 20px #2d4d3733;font-size:61px;touch-action:none;user-select:none}.drag-item i,.train-passenger i{position:absolute;right:-18px;bottom:-18px;font-size:36px;font-style:normal;animation:dragHand 1.4s ease-in-out infinite}.drag-item.dragging,.train-passenger.dragging{box-shadow:0 15px 25px #2d4d3747}.drag-item.sent-home{opacity:0;transform:translate(-50%,-50%) scale(.3)}@keyframes dragHand{50%{transform:translate(13px,10px)}}.color-train-game{background:linear-gradient(180deg,#fff,#edf8ff)}.train-sky{position:relative;overflow:hidden;width:min(100%,540px);height:min(82vw,375px);min-height:310px;margin:14px auto;border-radius:28px;background:linear-gradient(#beeaff 0 60%,#9ed77d 60% 78%,#967454 78% 83%,#d7c2a3 83%);touch-action:none}.train-passenger{top:26%;border:8px solid var(--passenger);font-size:51px}.train-passenger.aboard{opacity:0}.train-track{position:absolute;left:3%;right:3%;bottom:35px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.train-car{min-width:0;min-height:96px;border:4px solid rgba(255,255,255,.7);border-radius:18px 18px 11px 11px;background:var(--car);color:#253d45;box-shadow:0 8px color-mix(in srgb,var(--car) 67%,#4f5353)}.train-car span{display:block;font-size:30px;color:#fff}.train-car b{font-size:14px}.train-car:after{content:"●  ●";display:block;margin-top:8px;color:#3f4850;letter-spacing:20px;text-indent:18px;font-size:17px}.shadow-game{background:linear-gradient(180deg,#fff,#f5f0ff)}.shadow-stage{position:relative;display:grid;place-items:center;width:min(100%,490px);min-height:235px;margin:14px auto;border-radius:28px;background:linear-gradient(145deg,#cad3de,#f3e7c3);overflow:hidden}.shadow-stage>span{font-size:125px;filter:brightness(0);opacity:.76;transform:rotate(-3deg);text-shadow:0 8px 11px rgba(0,0,0,.15)}.shadow-stage>i{position:absolute;right:12%;top:13%;font-style:normal;font-size:53px;transform:rotate(-25deg)}.shadow-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.shadow-options button{min-height:105px;border-radius:22px;background:#fff;border:3px solid #e5def4;display:grid;place-items:center}.shadow-options span{font-size:49px}.shadow-options b{font-size:13px}.shadow-options button.good{background:#d4f5e2;border-color:#62c68e}.shadow-options button.bad{background:#ffe0da;border-color:#e99584}.round-dots{display:flex;justify-content:center;gap:7px}.round-dots i{width:12px;height:12px;border-radius:50%;background:#dfd7eb}.round-dots i.done{background:#8b73df}.firefly-game{background:linear-gradient(180deg,#fff,#eeedff)}.firefly-field{position:relative;overflow:hidden;width:min(100%,500px);height:min(90vw,430px);min-height:315px;margin:14px auto;border-radius:29px;background:radial-gradient(circle at 20% 25%,#5a568e 0,#29284d 55%,#17162f);touch-action:none;user-select:none;box-shadow:inset 0 0 0 3px #ffffff1f}.firefly-field:before{content:"☾";position:absolute;right:9%;top:6%;color:#fff3ad;font-size:55px;opacity:.88}.firefly-light,.firefly-player{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center}.firefly-light{width:32px;height:32px;border-radius:50%;background:#6b6585;color:#aaa4c2;font-style:normal;font-size:19px;box-shadow:0 0 0 3px #ffffff14}.firefly-light.next{background:#fff49b;color:#756b18;box-shadow:0 0 18px 8px #ffec5b78;animation:nextLight 1s ease-in-out infinite}.firefly-light.lit{background:#ffe95d;color:#8a6e0b;box-shadow:0 0 16px 7px #ffe0407a}.firefly-player{z-index:5;font-size:43px;filter:drop-shadow(0 0 8px #fff679);pointer-events:none}.firefly-hand{position:absolute;left:13%;top:79%;font-size:37px;animation:fireflyHand 1.8s ease-in-out infinite}.firefly-field.started .firefly-hand{display:none}@keyframes nextLight{50%{transform:translate(-50%,-50%) scale(1.18)}}@keyframes fireflyHand{50%{transform:translate(50px,-60px)}}.rhythm-game{background:linear-gradient(180deg,#fff,#fff2df)}.rhythm-pads{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:min(100%,430px);margin:16px auto}.rhythm-pads button{aspect-ratio:1;min-height:120px;border:5px solid rgba(255,255,255,.8);border-radius:31px;background:var(--pad);box-shadow:0 8px color-mix(in srgb,var(--pad) 70%,#4c5360);transition:.12s}.rhythm-pads button span{font-size:clamp(56px,15vw,82px);filter:saturate(.75)}.rhythm-pads button.lit{filter:brightness(1.28);transform:translateY(5px) scale(.96);box-shadow:0 2px color-mix(in srgb,var(--pad) 70%,#4c5360),0 0 25px var(--pad)}.rhythm-pads button:disabled{opacity:1}.rhythm-start{min-width:180px;min-height:61px;border-radius:20px;background:#ef9c53;color:#fff;font-size:20px;font-weight:900;box-shadow:0 6px #d37837}.game-celebration{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#232b2e7a;backdrop-filter:blur(5px)}.game-celebration>div{width:min(100%,390px);padding:27px 22px;border-radius:31px;background:#fffaf0;text-align:center;box-shadow:0 24px 60px #0000003d;animation:celebrateIn .3s both}.game-celebration span{font-size:76px}.game-celebration h2{margin:5px 0;font-size:31px}.game-celebration p{margin:5px 0 19px;color:#68716a;line-height:1.55}.game-celebration button{width:100%;min-height:59px;margin-top:9px;border-radius:19px;font-size:18px;font-weight:900}.celebrate-again{background:#4fb982;color:#fff}.celebrate-home{background:#fff0ba;color:#5e5126}@keyframes celebrateIn{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@media (min-width:700px){.game-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.game-category-rail{justify-content:center}.game-category{flex-basis:150px}}@media (max-width:520px){.game-hero{min-height:123px;padding:18px}.game-hero h1{font-size:28px}.game-hero p{font-size:13px}.game-hero>span{font-size:60px}.game-category-rail{top:68px;margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}.game-category{flex-basis:122px;min-height:66px}.game-choice-grid{gap:9px}.game-choice{min-height:157px;padding:11px;border-radius:21px}.game-card-icon{width:61px;height:61px;font-size:42px}.game-card-copy b{font-size:16px}.game-card-copy small{font-size:12px}.game-card-action{right:8px;top:8px;font-size:10px}.mini-game-nav{top:max(64px,env(safe-area-inset-top));grid-template-columns:auto 1fr auto;margin-left:-2px;margin-right:-2px}.game-exit{min-height:54px;padding:7px 10px}.game-exit b{font-size:13px}.mini-game-name b{display:none}.mini-game-tools button{width:48px;height:50px}.playing-mini-game main{padding-left:8px;padding-right:8px;padding-bottom:18px}.playing-mini-game .topbar .logo b,.playing-mini-game .topbar .stars{display:none}.playing-mini-game .topbar{height:64px}.mini-game-page>.lesson{padding:13px}.shadow-options button{min-height:92px}.shadow-options span{font-size:42px}.sort-home{width:42%;min-height:101px}.sort-home span{font-size:45px}.drag-item,.train-passenger{width:82px;height:82px;font-size:53px}.rhythm-pads{gap:9px}.rhythm-pads button{min-height:112px;border-radius:24px}.game-celebration{padding:max(18px,env(safe-area-inset-top)) 15px max(18px,env(safe-area-inset-bottom))}}@media (max-width:360px){.game-choice{min-height:151px}.game-card-copy small{font-size:11px}.mini-game-tools button{width:44px}.game-exit b{display:none}.sort-home b,.train-car b{font-size:12px}}@media (prefers-reduced-motion:reduce){.drag-item i,.train-passenger i,.firefly-hand,.firefly-light.next,.game-celebration>div{animation:none!important}}.creative-game-nav{max-width:720px;margin-left:auto;margin-right:auto}@media (max-width:360px){.game-exit b{display:inline;font-size:11px}.mini-game-name{display:none}.game-exit{padding:6px 9px}}.game-directory-help{display:flex;align-items:center;justify-content:center;gap:5px;flex:0 0 auto;min-height:48px;padding:9px 12px;border:2px solid color-mix(in srgb,var(--cat) 35%,white);border-radius:16px;background:#fff;color:#365e4a;font-size:18px;font-weight:850}.game-directory-help span{font-size:13px}.game-directory-help:active{transform:scale(.96)}@media (max-width:360px){.game-category-head{gap:8px}.game-category-head h2{font-size:21px}.game-category-head>span{width:46px;height:46px}.game-directory-help{padding:8px;gap:3px}.game-directory-help span{font-size:12px}}:root{--muted:#566273;--topbar-height:74px;--safe-top:env(safe-area-inset-top,0px);--nav-top:calc(var(--topbar-height) + var(--safe-top))}body{padding-bottom:calc(98px + env(safe-area-inset-bottom,0px))}.topbar{height:var(--nav-top);padding:calc(10px + var(--safe-top)) 16px 8px}.logo{min-width:0;min-height:48px;padding:4px;flex-shrink:1}.logo b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo>span{flex:0 0 auto}.top-actions{flex:0 0 auto}.round-btn{flex:0 0 auto;width:48px;height:48px}#backBtn{width:60px;border-radius:17px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;font-size:21px;line-height:1}#backBtn span{font-size:11px;font-weight:800;line-height:1.3}#soundBtn{background:#eaf5ff}.bottom-nav{padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}.bottom-nav button{color:#566273;font-size:12px}.bottom-nav button.active{background:#e1f3e9;box-shadow:inset 0 3px #60b38b}button:focus-visible,a:focus-visible{outline:3px solid #365c9a;outline-offset:3px}.home-hero{min-height:158px;padding:24px 28px;border-radius:28px;background:linear-gradient(120deg,#cfefdf,#e8f7de);box-shadow:none}.home-greeting{display:block;margin-bottom:7px;color:#365e4a;font-size:14px;font-weight:800}.home-hero h1{margin:0 0 7px;font-size:clamp(25px,5vw,37px);line-height:1.2}.home-hero p{font-size:15px;color:#365e4a}.home-hero .mascot{flex:0 0 auto;margin-left:8px;font-size:84px}.home-title{margin:20px 3px 12px;font-size:21px}.home-grid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.home-grid .big-card{min-height:170px;padding:19px;border-radius:25px;border:2px solid rgba(255,255,255,.75);box-shadow:0 5px #5b4c2e0f}.home-grid .big-card:nth-child(1){background:#ffe9ee}.home-grid .big-card:nth-child(2){background:#e3f1ff}.home-grid .big-card:nth-child(3){background:#e0f5e8}.home-grid .big-card:nth-child(4){background:#fff0c8}.home-grid .icon{width:68px;height:68px;display:grid;place-items:center;margin:0 0 8px;background:#ffffffa6;border-radius:23px;font-size:47px;line-height:1}.home-grid b{font-size:23px;line-height:1.25}.home-grid small{display:block;margin-top:4px;font-size:14px;line-height:1.35;color:#4c5c6d}.home-card-arrow{position:absolute;right:16px;top:18px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#ffffffb3;color:#536677;font-size:25px}.home-school{min-height:88px;padding:14px 18px;margin-top:16px;background:#6b56bd;border:2px solid #806acc;box-shadow:0 5px #513e981f}.home-school>span:first-child{font-size:43px}.home-school>span:nth-child(2){flex:1;min-width:0}.home-school b{font-size:20px}.home-school small{color:#fff;font-size:13px}.home-school strong{display:block;padding:0;width:31px;height:31px;text-align:center;border-radius:50%;font-size:27px;line-height:29px}.continue>span:nth-child(2){min-width:0;flex:1;display:grid;gap:3px}.continue b,.continue small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.continue small{color:var(--muted)}.continue .play{flex:0 0 auto;white-space:nowrap}.home-continue{min-height:78px;margin:13px 0 4px;padding:13px 16px;border:2px solid #f0e5d6;box-shadow:none}.resume-icon{font-size:34px;flex:0 0 auto}.home-continue .play{width:46px;height:46px;padding:0;display:grid;place-items:center;border-radius:16px}.chip{min-height:48px}.book-cover:not(.sprite-sheet){background:#fff4e4}.book-cover:not(.sprite-sheet) img{object-fit:contain;display:block}.story-touch{min-height:48px}.game-category small{color:#586275;font-size:12px}.game-card-copy small{color:#506358}.game-category-rail,.mini-game-nav{top:var(--nav-top)}.palette button,.draw-color{width:48px;height:48px}@media (min-width:700px){.home-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:520px){:root{--topbar-height:68px}main{padding:12px}.topbar{gap:6px;padding-left:12px;padding-right:12px}.logo{gap:6px}.logo b{font-size:17px}.logo span{font-size:26px}.top-actions{gap:6px}.stars{padding:9px 8px;font-size:13px;white-space:nowrap}.home-hero{min-height:116px;padding:17px 18px;border-radius:25px}.home-greeting{margin-bottom:5px;font-size:12px}.home-hero h1{font-size:25px}.home-hero p{font-size:13px}.home-hero .mascot{font-size:60px}.home-title{margin:18px 3px 10px;font-size:19px}.home-grid{gap:10px}.home-grid .big-card{min-height:132px;padding:13px 14px;border-radius:22px}.home-grid .icon{width:54px;height:54px;margin-bottom:7px;border-radius:18px;font-size:39px}.home-grid b{font-size:21px}.home-grid small{margin-top:3px;font-size:12px}.home-card-arrow{width:25px;height:25px;top:14px;right:13px;font-size:23px}.home-school{min-height:80px;margin-top:14px;padding:12px 14px;gap:12px;border-radius:22px}.home-school b{font-size:19px}.home-school>span:first-child{font-size:38px}.home-school strong{display:block}.home-continue{padding:12px 14px;gap:10px}.continue b{font-size:15px}.continue small{font-size:13px}.playing-mini-game{--topbar-height:64px;--nav-top:calc(var(--topbar-height) + var(--safe-top))}.playing-mini-game .topbar{height:var(--nav-top)}.game-category-rail,.mini-game-nav{top:var(--nav-top)}}@media (max-width:360px){.home-hero{padding:15px}.home-hero h1{font-size:23px}.home-hero .mascot{font-size:52px}.home-grid b{font-size:19px}.home-grid small{font-size:11px}.home-school{gap:9px}.home-school small{font-size:12px}}.book{position:relative}.book-badge{position:absolute;top:9px;right:9px;padding:5px 9px;border-radius:12px;background:#ffe095;color:#594513;font-size:11px;font-weight:900;box-shadow:0 2px 6px #5a41141a;pointer-events:none}.reillustrated-story{background:#fff4e4}.reillustrated-story img{object-fit:contain;padding:9px}.adventure-story{aspect-ratio:1}.story-picture.story-expansion{aspect-ratio:1;max-height:480px;background:#fffaf3}.story-picture.story-expansion img{object-fit:contain}.story-picture.story-framed{aspect-ratio:auto;padding:9px}.story-framed .story-art-window{position:relative;overflow:hidden;width:100%;border-radius:12px}.story-picture.story-framed img{display:block;width:100%;height:auto;object-fit:fill;padding:0;animation:none!important;transform:none!important}.book-cover.story-cover-framed{overflow:hidden}.book-cover.story-cover-framed img{height:calc(100% * var(--story-art-scale));object-position:center top}.know-page{--know-green: #4eaa7d;--know-green-deep: #276b50;--know-yellow: #ffd767;--know-ink: #263a3e;--know-soft-ink: #637476;--know-shadow: 0 11px 25px rgba(62, 79, 66, .12);width:100%;max-width:920px;min-width:0;margin:0 auto;color:var(--know-ink);overflow-x:clip}.know-page button{min-height:48px;touch-action:manipulation}img.know-category-picture{object-fit:cover}.story-picture.reillustrated-story{background:#fffaf0}.story-picture.reillustrated-story img{object-fit:contain}.know-welcome{position:relative;display:grid;grid-template-columns:86px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:148px;padding:18px 20px;border-radius:30px;overflow:hidden;background:linear-gradient(135deg,#c9f3dd,#fff2b9);box-shadow:var(--know-shadow)}.know-welcome:after{content:"";position:absolute;right:-48px;bottom:-76px;width:180px;height:180px;border-radius:50%;background:#ffffff47}.know-teacher{position:relative;z-index:1;display:grid;place-items:center;width:86px;height:104px;border:4px solid rgba(255,255,255,.78);border-radius:43px 43px 27px 27px;background:#ffffff7a;font-size:68px;line-height:1}.know-welcome>div{position:relative;z-index:1;min-width:0}.know-welcome small{color:#3f765d;font-size:13px;font-weight:900}.know-welcome h1{margin:3px 0 4px;font-size:clamp(28px,6vw,40px);line-height:1.1}.know-welcome p{margin:0;color:#47665a;font-size:16px;font-weight:700;line-height:1.5}.know-total{position:relative;z-index:1;align-self:start;min-width:max-content;padding:8px 12px;border-radius:18px;background:#ffffffbd;color:#76601e;font-size:13px;font-weight:900}.know-daily{display:grid;grid-template-columns:66px minmax(0,1fr) 58px;align-items:center;gap:13px;width:100%;min-height:108px!important;margin:15px 0 20px;padding:15px 17px;border:3px solid #f3c44b;border-radius:27px;background:#fff9dc;text-align:left;box-shadow:0 8px 20px #ae7f1a21}.know-daily-icon{display:grid;place-items:center;width:66px;height:66px;border-radius:21px;background:#fff;font-size:42px}.know-daily-copy{display:grid;min-width:0;gap:2px}.know-daily-copy small{color:#7e5a0e;font-size:12px;font-weight:900}.know-daily-copy b{overflow:hidden;font-size:21px;line-height:1.22;text-overflow:ellipsis}.know-daily-copy span{color:#756947;font-size:14px;font-weight:700}.know-daily-progress{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#f5c84f;color:#5b4610}.know-daily-progress strong{font-size:23px;line-height:1}.know-daily-progress small{margin-top:-5px;font-size:10px;font-weight:900}.know-route-title,.know-section-title{display:flex;align-items:center;gap:10px;margin:21px 4px 11px}.know-route-title>span,.know-section-title>span{font-size:30px}.know-route-title h2,.know-section-title h2{margin:0;font-size:23px}.know-route-title p,.know-section-title p{margin:2px 0 0;color:var(--know-soft-ink);font-size:13px;font-weight:650}.know-favorites{padding:4px 0 7px;border-radius:25px;background:#fff0f2}.know-favorites .know-section-title{margin:10px 14px 7px}.know-favorite-row{display:flex;gap:9px;overflow-x:auto;padding:5px 13px 12px;scrollbar-width:none;scroll-snap-type:x proximity}.know-favorite-row::-webkit-scrollbar{display:none}.know-favorite{flex:0 0 96px;padding:6px;border:2px solid #f5cdd5;border-radius:19px;background:#fff;scroll-snap-align:start}.know-favorite .know-picture{width:100%;border-radius:14px}.know-favorite b{display:block;margin:5px 0 2px;font-size:14px}.know-level{margin:0 0 17px;padding:13px;border-radius:27px;background:#eaf8ef}.know-level-2{background:#fff2dc}.know-level-3{background:#e9f4ff}.know-level-4{background:#f1edff}.know-level-head{display:flex;align-items:center;gap:10px;min-height:52px;margin-bottom:10px}.know-level-head>span{display:grid;place-items:center;width:49px;height:49px;border-radius:17px;background:#ffffffbf;font-size:28px}.know-level-head>div{display:grid;gap:2px}.know-level-head b{font-size:19px}.know-level-head small{color:#64736d;font-size:13px;font-weight:700}.know-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.know-category{position:relative;display:grid;grid-template-columns:86px minmax(0,1fr) 18px;align-items:center;gap:9px;min-width:0;min-height:108px!important;padding:9px;border:2px solid rgba(50,91,67,.08);border-radius:22px;background:#ffffffeb;text-align:left;box-shadow:0 5px 13px #42494114}.know-category-picture{width:86px;border-radius:16px}.know-category-copy{display:grid;min-width:0;gap:5px}.know-category-copy b{font-size:17px;line-height:1.24}.know-category-copy small{justify-self:start;padding:4px 8px;border-radius:10px;background:#eff5f1;color:#587066;font-size:11px;font-weight:850}.know-category-arrow{color:#5b9f7d;font-size:27px;font-weight:900}.know-picture{display:block;aspect-ratio:1;overflow:hidden;background-color:#f3efe7;background-image:var(--know-atlas);background-repeat:no-repeat;background-size:400% 300%;background-position:var(--know-x) var(--know-y);background-clip:padding-box;transform:translateZ(0);outline:1px solid transparent}.know-lesson-page,.know-quiz-page,.know-done-page{max-width:680px;padding-bottom:max(14px,env(safe-area-inset-bottom))}.know-lesson-nav{position:sticky;top:var(--nav-top, 75px);z-index:16;display:grid;grid-template-columns:auto minmax(0,1fr) 52px;align-items:center;gap:8px;min-height:66px;margin:0 0 12px;padding:7px;border-radius:22px;background:#fffaf1f5;box-shadow:0 7px 22px #453e3024;backdrop-filter:blur(12px)}.know-lesson-nav>button{display:flex;align-items:center;gap:6px;min-height:52px;padding:8px 12px;border-radius:16px;background:#347d5d;color:#fff}.know-lesson-nav>button span{font-size:22px}.know-lesson-nav>button b{font-size:14px}.know-lesson-nav>strong{min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.know-lesson-nav .know-nav-home{display:grid;place-items:center;width:52px;padding:0;background:#fff;color:inherit;font-size:23px;box-shadow:inset 0 0 0 2px #e8dfd1}.know-card-count{display:flex;align-items:center;justify-content:space-between;min-height:42px;margin:0 4px 8px}.know-swipe-hint{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:0;color:#62726b;font-size:12px;font-weight:900;font-style:normal}.know-swipe-hint i{font-style:normal}.know-card-count .know-swipe-hint b{color:inherit;font-size:inherit}.know-swipe-card{--know-swipe-x: 0px;touch-action:pan-y pinch-zoom;user-select:none;transform:translate3d(var(--know-swipe-x),0,0);transition:transform .18s ease,box-shadow .18s ease;will-change:transform}.know-swipe-card .know-image-button{touch-action:pan-y pinch-zoom}.know-swipe-card.is-swiping{transition:none;box-shadow:0 15px 32px #3e4f4233}.know-card-count span{padding:6px 10px;border-radius:13px;background:#e6f7ed;color:#317052;font-size:12px;font-weight:900}.know-card-count b{color:#73817a;font-size:14px}.know-big-card{overflow:hidden;border:3px solid #fff;border-radius:30px;background:#fff;box-shadow:var(--know-shadow)}.know-image-button{position:relative;display:block;width:100%;padding:0;background:#edf5ef}.know-big-picture{width:100%}.know-image-button>span:last-child{position:absolute;left:50%;bottom:12px;min-width:156px;min-height:42px;padding:10px 15px;border-radius:21px;background:#ffffffeb;color:#315a4a;font-size:14px;font-weight:900;box-shadow:0 4px 15px #2241332b;transform:translate(-50%)}.know-word-row{display:flex;align-items:center;justify-content:center;gap:12px;padding:15px 18px 0}.know-word-row h1{margin:0;font-size:clamp(32px,9vw,47px);letter-spacing:.04em}.know-heart{display:grid;place-items:center;width:52px;min-height:52px!important;padding:0;border-radius:18px;background:#fff0f2;font-size:25px}.know-big-card>p{max-width:580px;margin:10px auto 5px;padding:0 20px;color:#516264;font-size:clamp(16px,4vw,19px);font-weight:650;line-height:1.72;text-align:left}.know-listen{display:block;width:calc(100% - 32px);min-height:58px!important;margin:13px 16px 17px;border-radius:19px;background:var(--know-yellow);color:#604a0e;font-size:18px;font-weight:900;box-shadow:inset 0 -4px #b47e0d24}.know-notes{display:grid;gap:10px;max-width:620px;margin:12px auto 2px;padding:0 16px}.know-note{padding:12px 15px 13px;border-radius:18px;border-left:6px solid var(--know-green);background:#f3f8f4}.know-note b{display:flex;align-items:center;gap:7px;margin-bottom:6px;color:#28573f;font-size:15px;font-weight:900;letter-spacing:.01em}.know-note b span{font-size:17px;line-height:1}.know-note p{margin:0;color:#3c4d4f;font-size:clamp(16px,3.9vw,18.5px);font-weight:600;line-height:1.76;text-align:left}.know-note-origin{border-left-color:#4a86c8;background:#f1f6fc}.know-note-origin b{color:#2c5a86}.know-note-more{border-left-color:#cf8f3c;background:#fdf6ec}.know-note-more b{color:#84551a}@media (max-width: 480px){.know-note{border-radius:16px;padding:11px 13px 12px}.know-note p{line-height:1.72}}.know-turns,.know-done-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.know-turns button,.know-done-actions button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:59px!important;border:2px solid #e6ddd0;border-radius:19px;background:#fff;font-weight:900}.know-turns span{font-size:23px}.know-daily-dots{display:flex;justify-content:center;gap:7px;margin:8px 0 12px}.know-daily-dots i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e6dfd6;color:#776f65;font-size:13px;font-style:normal;font-weight:900}.know-daily-dots i.now{box-shadow:0 0 0 4px #f1b42d40;background:#ffd665;color:#5d480c}.know-daily-dots i.done{background:#6dc493;color:#fff}.know-teacher-tip{display:flex;align-items:center;gap:9px;min-height:65px;margin-bottom:10px;padding:8px 13px;border-radius:20px;background:#e9f7ee}.know-teacher-tip span{font-size:43px}.know-teacher-tip p{margin:0;color:#406455;font-size:14px;font-weight:800;line-height:1.45}.know-next{width:100%;min-height:62px!important;margin-top:12px;border-radius:20px;background:var(--know-green);color:#fff;font-size:20px;font-weight:900;box-shadow:inset 0 -5px #1967462e}.know-next span{margin-left:6px;font-size:24px}.know-quiz-head{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:13px;padding:15px;border-radius:27px;background:linear-gradient(135deg,#dff6e9,#fff2bf)}.know-quiz-teacher{display:grid;place-items:center;width:78px;height:88px;border-radius:39px 39px 23px 23px;background:#ffffffa1;font-size:59px}.know-quiz-head small{color:#597064;font-weight:900}.know-quiz-head h1{margin:4px 0 8px;font-size:clamp(23px,6vw,33px);line-height:1.22}.know-quiz-head button{min-height:48px;padding:8px 13px;border-radius:16px;background:#fff;color:#3e6655;font-size:14px;font-weight:900}.know-quiz-dots{display:flex;justify-content:center;gap:8px;margin:13px 0}.know-quiz-dots i{width:12px;height:12px;border-radius:50%;background:#dad5ce}.know-quiz-dots i.now{width:32px;border-radius:9px;background:#efb739}.know-quiz-dots i.done{background:#5db783}.know-quiz-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.know-quiz-choice{position:relative;min-width:0;overflow:hidden;padding:6px 6px 10px;border:3px solid #fff;border-radius:22px;background:#fff;box-shadow:var(--know-shadow)}.know-quiz-choice .know-picture{width:100%;border-radius:16px}.know-quiz-choice b{display:block;margin-top:8px;overflow:hidden;font-size:17px;text-overflow:ellipsis;white-space:nowrap}.know-quiz-choice.wrong{border-color:#ec8c78;background:#ffe4dd;animation:knowShake .3s}.know-quiz-choice.right{border-color:#55b77f;background:#dff6e8}.know-quiz-choice.right>span:after{content:"✓";position:absolute;right:9px;top:9px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#50b47a;color:#fff;font-size:21px;font-weight:900}.know-quiz-message{min-height:31px;margin:14px 0 0;color:#527160;text-align:center;font-size:18px;font-weight:900}.know-done-page{position:relative;text-align:center}.know-done-card{position:relative;overflow:hidden;padding:23px 20px;border:4px solid #fff;border-radius:31px;background:linear-gradient(155deg,#dff7ea,#fff0b7);box-shadow:var(--know-shadow)}.know-done-teacher{display:block;font-size:92px;line-height:1.05}.know-done-card h1{margin:7px 0;font-size:36px}.know-done-card p{max-width:480px;margin:0 auto;color:#4c675c;font-size:18px;font-weight:750;line-height:1.65}.know-done-stars{margin:13px 0 3px;font-size:31px;letter-spacing:.14em}.know-done-card .know-listen{max-width:420px;margin-left:auto;margin-right:auto}.know-done-actions .primary{background:#4dad7c;border-color:#4dad7c;color:#fff}.know-confetti{position:absolute;z-index:2;inset:90px 8% auto;display:flex;justify-content:space-between;pointer-events:none}.know-confetti i{font-size:32px;font-style:normal;animation:knowFloat 2s ease-in-out infinite}.know-confetti i:nth-child(2){animation-delay:-.65s}.know-confetti i:nth-child(3){animation-delay:-1.2s}.know-missing>div{padding:35px 20px;border-radius:28px;background:#fff;text-align:center}.know-missing>div>span{font-size:70px}.know-missing h1{font-size:25px}.know-missing button{padding:10px 18px;border-radius:17px;background:#4ead7c;color:#fff;font-weight:900}@keyframes knowShake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes knowFloat{50%{transform:translateY(-8px) rotate(7deg)}}@media (min-width: 760px){.know-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.know-big-card{max-width:560px;margin-left:auto;margin-right:auto}.know-turns,.know-daily-page>.know-next{max-width:560px;margin-left:auto;margin-right:auto}}@media (max-width: 520px){.know-welcome{grid-template-columns:69px minmax(0,1fr);min-height:126px;padding:14px;gap:10px}.know-teacher{width:69px;height:88px;font-size:55px}.know-welcome h1{font-size:27px}.know-welcome p{font-size:13px}.know-total{position:absolute;right:10px;top:9px;font-size:10px}.know-daily{grid-template-columns:56px minmax(0,1fr) 48px;min-height:94px!important;padding:12px;gap:9px}.know-daily-icon{width:56px;height:56px;border-radius:18px;font-size:36px}.know-daily-copy b{font-size:18px}.know-daily-copy span{font-size:12px}.know-daily-progress{width:48px;height:48px}.know-daily-progress strong{font-size:19px}.know-category-grid{gap:8px}.know-level{padding:10px;border-radius:24px}.know-category{grid-template-columns:68px minmax(0,1fr) 13px;min-height:89px!important;padding:7px;gap:7px;border-radius:18px}.know-category-picture{width:68px;border-radius:13px}.know-category-copy b{font-size:14px}.know-category-copy small{padding:3px 6px;font-size:10px}.know-category-arrow{font-size:22px}.know-lesson-nav{top:var(--nav-top, 68px);grid-template-columns:auto minmax(0,1fr) 48px;min-height:62px;margin-left:-3px;margin-right:-3px}.know-lesson-nav>button{min-height:48px;padding:7px 10px}.know-lesson-nav .know-nav-home{width:48px}.know-big-card>p{padding:0 16px;font-size:16px;line-height:1.62}.know-word-row{padding-top:12px}.know-word-row h1{font-size:34px}.know-heart{width:48px;min-height:48px!important}.know-image-button>span:last-child{left:auto;right:10px;bottom:10px;display:grid;place-items:center;width:50px;height:50px;min-width:0;min-height:50px;padding:0;border-radius:50%;font-size:0;line-height:1;transform:none}.know-image-button>span:last-child:before{content:"🔊";font-size:23px}.know-quiz-grid{gap:7px}.know-quiz-choice{padding:4px 4px 8px;border-radius:17px}.know-quiz-choice .know-picture{border-radius:12px}.know-quiz-choice b{font-size:13px}.know-quiz-head{grid-template-columns:63px minmax(0,1fr);padding:11px}.know-quiz-teacher{width:63px;height:75px;font-size:49px}.know-quiz-head h1{font-size:22px}}@media (max-width: 350px){.know-welcome{grid-template-columns:58px minmax(0,1fr)}.know-teacher{width:58px;height:77px;font-size:46px}.know-welcome h1{font-size:24px}.know-welcome p{font-size:12px}.know-daily{grid-template-columns:48px minmax(0,1fr) 42px;padding:9px}.know-daily-icon{width:48px;height:48px;font-size:31px}.know-daily-progress{width:42px;height:42px}.know-category{grid-template-columns:59px minmax(0,1fr)}.know-category-picture{width:59px}.know-category-arrow{display:none}.know-category-copy b{font-size:13px}.know-lesson-nav>strong{font-size:13px}.know-daily-dots{gap:4px}.know-daily-dots i{width:32px;height:32px}.know-swipe-hint{gap:2px;font-size:11px}.know-swipe-hint i{font-size:10px}}@media (max-width: 759px),(orientation: landscape) and (max-height: 560px){.recognition-lesson-open .know-lesson-page{padding-bottom:calc(100px + env(safe-area-inset-bottom))}.recognition-lesson-open .know-turns,.recognition-lesson-open .know-daily-page>.know-next{position:fixed;z-index:20;left:50%;bottom:max(10px,env(safe-area-inset-bottom));width:calc(100% - 24px);max-width:680px;margin:0;transform:translate(-50%);box-shadow:0 0 0 6px #fff8ec,0 -8px 28px #3e4f4224;border-radius:20px;background:#fff8ec}.recognition-lesson-open .know-daily-page>.know-next{background:var(--know-green)}}@media (orientation: portrait) and (max-width: 759px) and (max-height: 740px){.know-lesson-page .know-image-button{background:#fffaf0}.know-lesson-page .know-big-picture{width:min(100%,42vh);width:min(100%,42svh);margin:auto}}@media (orientation: portrait) and (max-width: 759px) and (max-height: 610px){.know-lesson-page .know-big-picture{width:min(100%,34vh);width:min(100%,34svh)}}@media (orientation: landscape) and (max-height: 560px){.know-lesson-page .know-big-card{display:grid;grid-template-columns:minmax(230px,1fr) minmax(250px,1fr);align-items:center}.know-lesson-page .know-image-button{grid-row:1 / 4;height:100%}.know-lesson-page .know-big-picture{min-height:100%;background-size:400% 300%}.know-lesson-page .know-listen{align-self:end}.know-teacher-tip{display:none}.know-quiz-head{padding:8px 13px}.know-quiz-teacher{height:63px;font-size:48px}.know-quiz-head h1{margin:2px 0 4px}}@media (prefers-reduced-motion: reduce){.know-swipe-card{transition:none}.know-confetti i,.know-quiz-choice.wrong{animation:none!important}}.know-modern-picture{background-image:none;object-fit:contain;background:#eef5fb}.know-modern-feature{padding:3px 0 8px;border-radius:27px;background:linear-gradient(135deg,#edf1ff,#e9f8f3)}.know-modern-feature .know-section-title{margin:14px 16px 12px}.know-modern-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0 12px 10px}.know-modern-grid .know-category{display:flex;flex-direction:column;align-items:stretch;padding:8px}.know-modern-grid .know-category-picture{width:100%;border-radius:17px}.know-modern-grid .know-category-copy{padding:8px 2px 2px}.know-modern-grid .know-category-copy b{font-size:15px;line-height:1.35;white-space:normal}.know-modern-grid .know-category-arrow{display:none}.know-level-5{background:#edf2ff}.know-favorites-intro{text-align:center;padding:12px 6px 20px}.know-favorites-intro>span{font-size:55px}.know-favorites-intro h1{margin:7px 0;font-size:clamp(25px,7vw,32px)}.know-favorites-intro p{margin:0;line-height:1.65}.know-favorites-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.know-favorites-grid .know-favorite{width:100%;min-width:0}.know-favorites-grid .know-favorite b{white-space:normal;overflow-wrap:anywhere}@media (max-width:350px){.know-modern-grid{gap:6px;padding-inline:8px}.know-modern-grid .know-category{padding:6px}.know-modern-grid .know-category-copy b{font-size:13px}.know-favorites-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (orientation:landscape) and (max-height:560px){.know-lesson-page .know-modern-picture{min-height:0;height:100%;object-fit:contain}}:root{--ink:#24364c;--muted:#526477;--cream:#eef4fb;--line:#dce6f1;--glass-surface:rgba(255,255,255,.78);--glass-edge:rgba(255,255,255,.94);--glass-shadow:0 10px 28px rgba(66,92,129,.1),inset 0 1px 0 #fff;--shadow:var(--glass-shadow)}html{background:#eef4fb}body{position:relative;isolation:isolate;background:transparent;padding-bottom:calc(120px + env(safe-area-inset-bottom,0px))}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 5% 8%,rgba(173,219,255,.64),transparent 52%),radial-gradient(ellipse at 98% 45%,rgba(193,234,215,.65),transparent 50%),radial-gradient(ellipse at 10% 95%,rgba(255,210,210,.58),transparent 47%),linear-gradient(145deg,#f2f7ff,#f4fbf8 55%,#fff7f0)}:is(.topbar,.bottom-nav,.mini-game-nav,.know-lesson-nav,.class-actions){background:#f5f8fc;border:1px solid var(--glass-edge);box-shadow:0 8px 26px #39567c1f,inset 0 1px #fff}.topbar{border-width:0 0 1px}.bottom-nav{bottom:calc(10px + env(safe-area-inset-bottom,0px));width:min(calc(100% - 24px),740px);padding:6px;border-radius:30px;gap:2px;box-shadow:0 14px 34px #314a6e2b,inset 0 1px 1px #fff}.bottom-nav button{min-width:0;min-height:60px;padding:6px 1px;border-radius:23px;color:#475b70}.bottom-nav button.active{background:linear-gradient(145deg,#fffffff5,#d3e9f8e6);color:#244d70;box-shadow:inset 0 0 0 1px #fff,0 3px 10px #4c719629}.bottom-nav span{margin-bottom:3px;filter:drop-shadow(0 2px 2px rgba(52,71,96,.12))}@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){:is(.topbar,.bottom-nav,.mini-game-nav,.know-lesson-nav,.class-actions){background:linear-gradient(145deg,#fffc,#f6fbff99);-webkit-backdrop-filter:blur(22px) saturate(145%);backdrop-filter:blur(22px) saturate(145%)}}:is(.round-btn,.stars,.chip,.unit-chip,.control,.auto-read-btn,.voice-help,.game-directory-help,.class-back){border:1px solid var(--glass-edge);background:linear-gradient(145deg,#fffffff7,#eef6ffc2);box-shadow:0 4px 12px #4762821c,inset 0 1px #fff}#soundBtn{background:linear-gradient(135deg,#ffffffd9,#e2efffc4)}.stars{background:linear-gradient(145deg,#fff8d4,#fff1c1ba);color:#6b5419}.chip.active{color:#fff;background:linear-gradient(145deg,#44647e,#2c4963);border-color:#6d879d}.home-hero,.game-hero,.school-welcome,.know-welcome{border:1px solid var(--glass-edge);background:linear-gradient(130deg,#fffc,#e0f5f6bf);box-shadow:var(--glass-shadow)}.home-hero{background:linear-gradient(130deg,#ffffffba,#e3f4ffc9 52%,#def4e4b8)}.home-hero h1,.game-hero h1{color:#243c51}.home-greeting,.home-hero p,.game-hero p{color:#476378}.game-hero{background:linear-gradient(130deg,#ffffffba,#daf4e9c9 60%,#e3f0ffb8)}.game-hero:after{opacity:.36}.home-grid .big-card{border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow)}.home-grid .big-card:nth-child(1){background:linear-gradient(145deg,#fffdfde8,#ffdfe9b5)}.home-grid .big-card:nth-child(2){background:linear-gradient(145deg,#ffffffe8,#d8ebffb5)}.home-grid .big-card:nth-child(3){background:linear-gradient(145deg,#ffffffe8,#d3f0ddb5)}.home-grid .big-card:nth-child(4){background:linear-gradient(145deg,#fffefae8,#ffedbcb5)}.home-grid .icon,.home-card-arrow{background:linear-gradient(145deg,#ffffffea,#ffffff6b);box-shadow:inset 0 1px 1px #fff,0 4px 10px #455a7a12;border:1px solid #ffffffb8}.home-school{background:linear-gradient(130deg,#786ac7,#5d77b3);border:1px solid #ffffffa6;box-shadow:0 9px 24px #52659929,inset 0 1px #ffffff80}.home-school strong{background:#ffffff24;border:1px solid #ffffff52}.home-continue{border:1px solid var(--glass-edge);background:var(--glass-surface);box-shadow:var(--glass-shadow)}:is(.book,.reader-stage,.lesson,.activity,.study-progress,.teacher-card,.teacher-bubble,.course-card,.know-big-card,.know-category,.know-favorite,.know-quiz-choice){border:1px solid var(--glass-edge);background:var(--glass-surface);box-shadow:var(--glass-shadow)}.book .info{background:linear-gradient(145deg,#ffffffe6,#f5faffb3)}.book-cover:not(.sprite-sheet),.story-picture.reillustrated-story{background:#fffaf3}.story-text{background:#ffffffe0;color:#283b50}.reader-top h1{min-width:0;overflow:hidden;text-overflow:ellipsis}.reader-top>.round-btn{flex-shrink:0}.book small,.page-head p{color:#526477}.book-badge{background:linear-gradient(145deg,#fff2b6ed,#ffe6a9e8);border:1px solid #ffffffd9}.story-touch{background:#fffffff5;border:1px solid #ffffffed;box-shadow:0 4px 14px #284e6a26}.control.primary,.listen-teacher,.know-listen{background:linear-gradient(145deg,#fff1b1,#ffda7dd9);border:1px solid #fff3c8;color:#5d4918;box-shadow:0 5px 14px #94752319,inset 0 1px #fff8dc}.auto-read-btn{color:#2a536e}.auto-read-btn.playing{background:linear-gradient(145deg,#edfdf4,#d4eedfe8);color:#286147;border-color:#b2d9c8}.auto-read-btn.paused{background:linear-gradient(145deg,#fff9dc,#ffedbae8);color:#70591d;border-color:#eedda0}.school-welcome{background:linear-gradient(135deg,#ffffffda,var(--school-soft))}.teacher-bubble:before{border-right-color:#ffffffc7}.teacher-bubble button{min-height:48px}.school-page .subject-tab{border:2px solid #fff;background:#ffffffc2;box-shadow:var(--glass-shadow)}.school-page .subject-tab.chinese.active{background:linear-gradient(145deg,#ffffffed,#ffe5dae6);border-color:#e28b83}.school-page .subject-tab.math.active{background:linear-gradient(145deg,#ffffffed,#d9edffe6);border-color:#68a3d7}.school-page .course-card{background:var(--glass-surface);border:1px solid var(--glass-edge)}.school-page .course-card small{color:#596a7b}.teacher-scene{background:linear-gradient(120deg,#ffffffc4,var(--class-soft));border-bottom:1px solid #fff}.lesson-talk{background:#ffffff8c}.lesson-visual>span{border:1px solid #fff;box-shadow:0 5px 12px #3f698016,inset 0 1px #fff}.lesson-visual.is-question{font-size:clamp(22px,6vw,32px);line-height:1.45}.lesson-visual.is-question>span{min-width:0;max-width:100%;overflow-wrap:anywhere}.class-steps div{background:#ffffffbd;color:#5e6d7c;border:1px solid #fff}.class-steps .now{background:var(--class);color:#fff;border-color:#ffffff80}.class-steps .done{background:#daf1e6;color:#29664a}.parent-tip{background:#fff6d5db;border:1px solid #fff}.game-category-rail{background:transparent}.game-category{background:#ffffffb8;border:1px solid #fff;box-shadow:0 4px 12px #3751720c}.game-category.active{background:linear-gradient(145deg,#fffffff0,#e1f1f4e3);border:2px solid color-mix(in srgb,var(--cat) 55%,#7aa1b3)}.game-choice{border:1px solid #fff;background:linear-gradient(145deg,#ffffffdb,color-mix(in srgb,var(--cat) 9%,#ffffffc7));box-shadow:var(--glass-shadow)}.game-card-icon{background:linear-gradient(145deg,#ffffffed,#ffffff73);border:1px solid #ffffffc9;box-shadow:0 4px 10px #61788e0d,inset 0 1px #fff}.mini-game-tools button{background:linear-gradient(145deg,#ffffffed,#edf4fbd9);border:1px solid #fff;box-shadow:0 4px 10px #526d8c12}.game-exit{background:linear-gradient(145deg,#527c73,#365f5d);box-shadow:inset 0 1px #ffffff40,0 4px 10px #365f5d19}.game-celebration{background:#21354b52}.game-celebration>div{border:1px solid #fff;background:linear-gradient(145deg,#fffffff5,#eef8ffed);box-shadow:0 22px 55px #263f6633,inset 0 1px #fff}.ng-head p{color:#526477}.ng-round-dots{background:#e2edf6c2;border:1px solid #fff}.ng-message{background:#eaf7f0db;border:1px solid #fff;color:#2f644f}.ng-message.bad{background:#fff1d5;color:#795f20}.know-page{--know-shadow:var(--glass-shadow);--know-soft-ink:#526477}.know-welcome{background:linear-gradient(130deg,#ffffffc9,#dcf1e3c9,#fff2c7b8)}.know-teacher{background:#ffffff91;box-shadow:inset 0 1px #fff}.know-total,.know-daily-icon{border:1px solid #fff;background:#ffffffba}.know-daily{background:linear-gradient(145deg,#fffdf0e8,#ffedb9bd);border:2px solid #e6c970;box-shadow:var(--glass-shadow)}.know-level{border:1px solid #fff;background:#e9f7ef9c}.know-level:nth-of-type(2){background:#edf3ff9c}.know-level:nth-of-type(3){background:#fff4de9c}.know-level:nth-of-type(4){background:#f3edff9c}.know-favorites{border:1px solid #fff;background:#fff0f29c}.know-big-card{background:#ffffffeb}.know-lesson-nav .know-nav-home,.know-heart,.know-turns button,.know-done-actions button{border:1px solid #fff;background:linear-gradient(145deg,#fffffff2,#eaf3fcdb);box-shadow:0 4px 12px #45628414,inset 0 1px #fff}.know-heart.is-favorite{background:#ffdce2}.know-quiz-choice.right{background:#dff6e8;border-color:#55b77f}.know-quiz-choice.wrong{background:#ffe4dd;border-color:#ec8c78}@media (max-width:520px){.unit-rail{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}}@media (max-width:360px){.bottom-nav{width:calc(100% - 16px);border-radius:27px;padding:5px}.bottom-nav button{min-height:58px;border-radius:21px;font-size:11px}.bottom-nav span{font-size:22px}.reader-controls{grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr) minmax(0,.9fr);gap:7px}.reader-controls .control{min-width:0;padding:6px 3px;font-size:15px}}@media (prefers-reduced-motion:reduce){.bottom-nav button,.chip,.game-category{transition:none}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){body:before{background:#eef4fb}:root{--glass-surface:#fff;--glass-edge:#cedce9}:is(.topbar,.bottom-nav,.mini-game-nav,.know-lesson-nav,.class-actions){background:#f8fbff;-webkit-backdrop-filter:none;backdrop-filter:none}:is(.home-hero,.game-hero,.school-welcome,.know-welcome,.game-category,.game-choice,.home-continue){background:#f8fbff}.home-grid .big-card:nth-child(1){background:#fff0f4}.home-grid .big-card:nth-child(2){background:#e9f3ff}.home-grid .big-card:nth-child(3){background:#e7f5ec}.home-grid .big-card:nth-child(4){background:#fff3d3}.book .info,.story-text,.lesson-talk{background:#fff}}@media (forced-colors:active){body:before{display:none}:is(.topbar,.bottom-nav,.mini-game-nav,.know-lesson-nav,.class-actions,.book,.big-card,.game-choice,.know-category){background:Canvas;border:1px solid CanvasText;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.bottom-nav button.active,.chip.active,.game-category.active{border:2px solid Highlight;color:Highlight}}.home-dashboard{min-width:0}.home-dashboard .home-hero{min-height:108px;gap:12px;padding:17px 20px}.home-dashboard .home-hero>div{min-width:0}.home-dashboard .home-hero h1{font-size:clamp(24px,5vw,34px)}.home-guide{flex:0 0 auto;min-width:72px;min-height:76px;padding:7px;border:1px solid #fff;border-radius:23px;background:linear-gradient(145deg,#ffffffdf,#ffffff6b);box-shadow:inset 0 1px #fff,0 5px 14px #45628412;display:grid;place-items:center;gap:1px;color:#345268}.home-guide>span{font-size:35px;line-height:1.05}.home-guide b{font-size:12px}.home-guide i{font-size:12px;font-style:normal}.home-function-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.home-function-grid .home-function-card{min-width:0;min-height:130px;padding:16px;border:1px solid #fff;box-shadow:0 6px 18px #45628412,inset 0 1px #fff}.home-function-grid .home-function-card:nth-child(5){background:linear-gradient(140deg,#f4efffef,#e6ddfbb5)}.home-function-grid .home-function-card:nth-child(6){background:linear-gradient(140deg,#fff6edef,#f9e1d7b5)}.home-function-grid .home-function-card:nth-child(7){background:linear-gradient(140deg,#fef0f7ef,#f6ddedb5)}.home-function-grid .home-function-card:nth-child(8){background:linear-gradient(140deg,#eef9ffef,#dcecfbb5)}.home-function-grid .icon{width:54px;height:54px;font-size:36px;margin-bottom:8px}.home-function-grid b{font-size:21px}.home-function-grid small{font-size:12px;color:#526477}.home-shortcut-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.home-shortcut-grid>button{min-height:76px;min-width:0;display:flex;align-items:center;gap:10px;padding:12px;text-align:left;border:1px solid #fff;border-radius:22px;background:linear-gradient(145deg,#ffffffe8,#f0f6fcd4);box-shadow:0 4px 12px #45628412,inset 0 1px #fff;color:#24364c}.home-shortcut-grid>button>span:first-child{font-size:30px;flex:0 0 auto}.home-shortcut-grid>button>span:nth-child(2){flex:1;min-width:0}.home-shortcut-grid b{font-size:16px;display:block;line-height:1.35}.home-shortcut-grid small{font-size:11px;display:block;line-height:1.5;color:#526477}.home-shortcut-grid i{font-size:24px;font-style:normal;color:#61718a}.video-page{min-width:0}.video-welcome{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #fff;border-radius:27px;padding:22px;background:linear-gradient(135deg,#fff9edef,#e6efffdf);box-shadow:0 7px 24px #45628412}.video-welcome>div{min-width:0}.video-welcome small{font-weight:800;color:#61718a}.video-welcome h1{font-size:clamp(24px,5vw,32px);margin:7px 0;line-height:1.3}.video-welcome p{font-size:14px;color:#526477;margin:0;line-height:1.5}.video-parent-note{font-size:13px;line-height:1.65;color:#526477;padding:12px 15px;background:#ffffffe3;border:1px solid #fff;border-radius:18px;margin:13px 0}.video-filters{display:flex;gap:8px;overflow-x:auto;max-width:100%;padding:4px 1px 10px;scrollbar-width:none}.video-filters::-webkit-scrollbar{display:none}.video-filters button{flex:0 0 auto;min-height:48px;padding:9px 16px;border:1px solid #fff;border-radius:18px;background:#ffffffc7;color:#40526a;font-size:14px;font-weight:800}.video-filters button.active{background:#dfeafc;border-color:#b6cce9;color:#25497a;box-shadow:inset 0 1px #fff}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.video-card{min-width:0;overflow:hidden;border:1px solid #fff;border-radius:24px;background:linear-gradient(145deg,#ffffffe9,#f1f6fcd9);box-shadow:0 7px 22px #45628414;text-decoration:none;color:#24364c}.video-poster{height:118px;display:flex;align-items:center;justify-content:center;gap:20px;background:linear-gradient(135deg,#dbedff,#eef4ff 55%,#e2f5eb);position:relative}.video-poster>span{font-size:60px}.video-poster i{font-style:normal;font-size:18px;display:grid;place-items:center;min-width:42px;min-height:42px;padding-left:3px;border:1px solid #fff;border-radius:50%;background:#ffffffe6;color:#486a8e}.video-card-copy{padding:16px}.video-card-copy>small{font-size:12px;font-weight:800;color:#607086}.video-card h2{font-size:19px;line-height:1.4;margin:6px 0}.video-card p{font-size:14px;line-height:1.65;color:#526477;margin:0 0 10px}.video-question{font-size:13px;line-height:1.5;background:#e7f3ebbd;border-radius:13px;padding:9px;color:#3d6354;margin-bottom:12px}.video-card strong{display:block;font-size:14px;color:#335e94}.video-home{margin:20px 0 5px;min-height:52px}.video-empty{padding:20px;font-size:16px}.home-guide:focus-visible,.home-shortcut-grid button:focus-visible,.video-card:focus-visible,.video-filters button:focus-visible{outline:3px solid #436db3;outline-offset:3px}@media (max-width:700px){.home-function-grid,.home-shortcut-grid,.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.home-dashboard .home-hero{min-height:104px;padding:14px 16px}.home-dashboard .home-hero h1{font-size:25px}.home-guide{min-width:66px;min-height:74px;border-radius:21px}.home-guide>span{font-size:33px}.home-dashboard .home-title{margin:15px 3px 9px}.home-function-grid{gap:9px}.home-function-grid .home-function-card{min-height:113px;padding:12px 13px;border-radius:22px}.home-function-grid .icon{width:42px;height:42px;font-size:30px;border-radius:15px;margin-bottom:5px}.home-function-grid b{font-size:19px}.home-function-grid small{font-size:11px;line-height:1.45}.home-function-grid .home-card-arrow{top:12px;right:12px;font-size:21px;width:23px;height:23px}.home-shortcut-grid{gap:8px}.home-shortcut-grid>button{gap:8px;padding:10px;min-height:76px;border-radius:20px}.home-shortcut-grid>button>span:first-child{font-size:27px}.home-shortcut-grid b{font-size:15px}.home-shortcut-grid i{font-size:20px}.video-welcome{padding:16px;gap:10px;border-radius:24px}.video-welcome h1{font-size:24px}.video-welcome p{font-size:12px}.video-grid{grid-template-columns:minmax(0,1fr);gap:12px}.video-card{display:grid;grid-template-columns:94px minmax(0,1fr)}.video-poster{height:auto;min-height:155px;flex-direction:column;gap:15px}.video-poster>span{font-size:46px}.video-poster i{min-width:35px;min-height:35px;font-size:15px}.video-card-copy{padding:13px}.video-card h2{font-size:18px}.video-card p{font-size:13px;margin-bottom:8px}.video-question{font-size:12px;padding:7px}}@media (max-width:360px){.home-dashboard .home-hero h1{font-size:23px}.home-greeting{font-size:11px}.home-function-grid small{font-size:10px}.home-shortcut-grid>button{gap:6px;padding:9px}.home-shortcut-grid b{font-size:14px}.home-shortcut-grid small{font-size:10px}.home-shortcut-grid i{display:none}.video-welcome h1{font-size:21px}.video-card{grid-template-columns:78px minmax(0,1fr)}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.home-guide,.home-shortcut-grid>button,.video-card,.video-welcome,.video-parent-note,.video-filters button{background:#f8fbff;border-color:#c7d6e7}.home-function-grid .home-function-card:nth-child(n+5){background:#f5f2fd}.video-question{background:#e4f3e9}}@media (forced-colors:active){.home-guide,.home-shortcut-grid>button,.video-card,.video-welcome,.video-parent-note,.video-filters button,.video-poster{background:Canvas;color:CanvasText;box-shadow:none;border:1px solid CanvasText}.video-filters button.active{border:2px solid Highlight}.video-card strong{color:LinkText}}.video-card[data-video-topic=peppa] .video-poster{background:linear-gradient(135deg,#ffdae9,#fff2d8)}.video-card[data-video-topic=paw] .video-poster{background:linear-gradient(135deg,#cdeaff,#dff4d4)}.why-page{max-width:1100px;margin:auto;padding-bottom:28px}.why-welcome{display:flex;align-items:center;justify-content:space-between;gap:12px;overflow:hidden;min-height:192px;padding:24px 28px;border:3px solid #fff;border-radius:32px;background:linear-gradient(125deg,#fff4df,#f0e8ff);box-shadow:0 9px #e6d9ed,0 18px 38px #b7a0c025;margin-bottom:25px}.why-welcome>div{position:relative;z-index:1;flex:1}.why-welcome small{color:#86688e;font-weight:800}.why-welcome h1{font-size:clamp(25px,4.8vw,40px);color:#685079;margin:8px 0}.why-welcome p{color:#826c8c;font-weight:650;margin:0 0 13px}.why-welcome>img{height:auto;width:37%;max-width:280px;aspect-ratio:1.5;object-fit:cover;border:5px solid #fff7;border-radius:26px;transform:rotate(3deg)}.why-intro,.why-heading>button{border:2px solid #fff;border-radius:18px;background:#fff9;color:#725480;padding:11px 15px;font:inherit;font-weight:800;box-shadow:0 4px #d5bedf;min-height:46px;touch-action:manipulation}.why-categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:0 0 22px}.why-categories button{display:grid;place-items:center;gap:5px;min-height:77px;background:#fff9;border:2px solid #fff;border-radius:20px;color:#87728e;font:inherit;box-shadow:0 4px #e5dbe7;touch-action:manipulation;cursor:pointer;padding:7px 3px}.why-categories button>span{font-size:27px}.why-categories button b{font-size:13px;white-space:nowrap}.why-categories button[aria-selected=true]{color:#74528f;background:#f0e0ff;border-color:#bc9fda;box-shadow:0 4px #ba9dd2}.why-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 15px}.why-heading h2{font-size:23px;color:#71547f;margin:0 0 4px}.why-heading p{font-size:13px;color:#967f9a;margin:0}.why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.why-card{text-align:left;padding:0;background:#fffdfb;border:3px solid #fff;border-radius:25px;overflow:hidden;box-shadow:0 6px #e4d8e8,0 12px 24px #bba9c11c;font:inherit;cursor:pointer;touch-action:manipulation;transition:transform .18s ease}.why-card:active{transform:scale(.97)}.why-picture{position:relative;aspect-ratio:1.5;background:#f3eef8;overflow:hidden}.why-picture img{width:100%;height:100%;object-fit:contain;display:block}.why-number{position:absolute;left:9px;top:9px;background:#fffc;color:#9370a5;border:2px solid #fff;border-radius:12px;font-size:12px;font-weight:850;padding:4px 7px}.why-listen{position:absolute;right:10px;bottom:10px;background:#bd9dd6;border:3px solid #fff;color:#fff;border-radius:50%;width:39px;height:39px;display:grid;place-items:center;padding-left:3px}.why-card-copy{padding:13px 14px 17px}.why-card h3{font-size:18px;line-height:1.45;margin:0 0 7px;color:#685076}.why-card small{font-size:11px;color:#9b859f;line-height:1.5}.why-parent-note{margin-top:25px;border-radius:20px;padding:16px 18px;background:#fff7;color:#9a859e;font-size:12px;line-height:1.8}.why-parent-note summary{cursor:pointer;font-weight:700}.home-why-entry{display:flex;align-items:center;gap:13px;width:100%;border:3px solid white;border-radius:24px;margin:24px 0 20px;padding:13px 18px;text-align:left;background:linear-gradient(110deg,#eff5dc,#f5edff);box-shadow:0 6px #dfd4e6;cursor:pointer;color:#72527e;font:inherit;touch-action:manipulation}.home-why-entry>img{width:83px;height:64px;object-fit:cover;border-radius:17px;border:2px solid white}.home-why-entry>span{flex:1}.home-why-entry b{display:block;font-size:21px;margin-bottom:3px}.home-why-entry small{color:#95809c;font-size:13px}.home-why-entry>i{font-style:normal;font-size:20px;background:#b99aca;border:3px solid #fff;color:#fff;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;padding-left:3px}.reader .why-reader .story-picture img{object-fit:contain}.book .book-badge.long-tale-badge{background:#c4a1d8;color:#fff}.reader-stage.why-reader .story-picture{background:#f5edf7}.reader-stage.why-reader .story-picture img{object-fit:contain}@media (min-width:1000px){.why-categories{grid-template-columns:repeat(10,minmax(0,1fr))}.why-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:600px){.why-welcome{padding:19px 16px;gap:5px;min-height:176px;border-radius:26px}.why-welcome>img{width:29%;border-width:3px;border-radius:21px;aspect-ratio:1;object-fit:cover}.why-welcome p{font-size:12px;line-height:1.5}.why-welcome small{font-size:11px}.why-intro{font-size:12px;padding:8px 10px;min-height:42px}.why-categories{gap:7px}.why-categories button{border-radius:16px;min-height:72px}.why-categories button b{font-size:11px}.why-categories button>span{font-size:24px}.why-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 11px}.why-heading h2{font-size:21px}.why-heading>button{font-size:12px;padding:9px 10px}.why-card{border-radius:20px}.why-card-copy{padding:11px 10px 14px}.why-card h3{font-size:16px;min-height:46px}.why-card small{font-size:10px}.why-number{font-size:10px;left:6px;top:6px;padding:3px 5px}.why-listen{width:30px;height:30px;right:6px;bottom:6px;font-size:12px}.home-why-entry{padding:11px 12px;gap:10px}.home-why-entry b{font-size:19px}.home-why-entry small{font-size:11px}.home-why-entry>img{width:68px;height:60px}.home-why-entry>i{width:36px;height:36px;font-size:16px}}@media (prefers-reduced-motion:reduce){.why-card{transition:none}.why-card:active{transform:none}}.art-studio{--art-ink:#334d65;--art-accent:#577ba8;min-width:0;max-width:880px;margin:auto;color:var(--art-ink);text-align:left}.art-studio button{font-family:inherit;line-height:1.25;-webkit-tap-highlight-color:transparent;min-height:44px;color:var(--art-ink);border:1px solid #d7e3ed;background:#ffffffd9;border-radius:15px;font-weight:800;cursor:pointer}.art-studio button:focus-visible,.art-studio input:focus-visible{outline:3px solid #375f93;outline-offset:3px}.art-studio button:disabled{opacity:.45;cursor:default}.art-heading{display:flex;align-items:center;gap:11px;margin:0 0 12px}.art-heading>span{font-size:40px}.art-heading>div{flex:1;min-width:0}.art-heading h2{font-size:clamp(22px,5.8vw,29px);margin:0 0 3px;line-height:1.25}.art-heading p{font-size:13px;color:#647589;margin:0}.art-heading button{width:48px;font-size:23px}.art-task{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#fff4dbe8,#fff9efbf);border:1px solid #fff;border-radius:19px;padding:10px 12px;margin-bottom:12px}.art-task>span{font-size:28px;flex:0 0 auto}.art-task>div{flex:1;min-width:0}.art-task b{display:block;font-size:15px}.art-task small{display:block;font-size:12px;line-height:1.5;margin-top:3px;color:#6e756d}.art-task button{background:#fff8e8;flex:0 0 auto;font-size:12px;padding:5px 8px;min-width:44px}.art-quick{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-bottom:11px}.art-quick button{padding:6px 3px;min-height:60px;min-width:0;background:linear-gradient(145deg,#ffffffed,#eff4fbc7);box-shadow:inset 0 1px #fff}.art-quick button span{font-size:24px;display:block}.art-quick button small{display:block;font-size:12px;font-weight:850;margin-top:3px}.art-studio button[aria-pressed=true]{border:2px solid #6d94bf;background:#e2edfbe8;box-shadow:inset 0 1px #fff}.art-canvas-wrap{position:relative;border-radius:23px;overflow:hidden;border:3px solid #fff;box-shadow:0 7px 23px #526d901c;background:#fffdf7;max-width:620px;margin:auto;aspect-ratio:1}.art-canvas-wrap canvas{width:100%;height:100%;display:block;touch-action:none;user-select:none;-webkit-user-select:none;background:#fffdf7;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.art-canvas-hint{pointer-events:none;position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-size:11px;color:#556778;background:#ffffffd9;padding:4px 11px;border-radius:12px;white-space:nowrap;max-width:95%;overflow:hidden;text-overflow:ellipsis}.art-history{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.art-history button{min-width:0;font-size:14px;padding:9px 4px;background:#f4f8fddd}.art-panel-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:5px;background:#e4ebf3c4;border-radius:18px;margin:15px 0 0}.art-panel-tabs button{background:transparent;border-color:transparent;min-width:0;font-size:13px;display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 3px;min-height:45px}.art-panel-tabs button span{font-size:20px}.art-panel-tabs button[aria-selected=true]{background:#fff;border:1px solid #d3e0ef;box-shadow:0 2px 5px #56739512;color:#385f8d}.art-panel{min-height:150px;margin:8px 0 0;padding:13px;background:linear-gradient(145deg,#ffffffe8,#f2f6fccc);border:1px solid #fff;border-radius:20px;box-shadow:inset 0 1px #fff}.art-palette{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.art-palette button{position:relative;background:var(--art-color)!important;border:2px solid #ffffff!important;box-shadow:0 0 0 1px #c4d4df;min-height:44px;aspect-ratio:1;border-radius:50%;padding:0}.art-palette button[aria-pressed=true]{outline:3px solid #365f8e;outline-offset:2px;box-shadow:inset 0 0 0 3px #fff}.art-custom{position:relative;display:grid;place-items:center;min-height:44px;font-size:22px;cursor:pointer;aspect-ratio:1}.art-custom input{position:absolute;inset:0;opacity:.015;width:100%;height:100%;padding:0;cursor:pointer}.art-size{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:850;margin:17px 0 12px}.art-size input{flex:1;min-width:0;min-height:38px;accent-color:#5d86b1}.art-size b{width:22px;font-weight:850}.art-mirror{display:flex;align-items:center;gap:7px}.art-mirror>span{font-size:13px;font-weight:850;flex:0 0 auto}.art-mirror button{flex:1;min-width:0;font-size:12px;min-height:44px;padding:7px 3px}.art-panel-note{font-size:12px;line-height:1.6;color:#64778b;margin:0 0 10px}.art-scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.art-scenes button{display:grid;place-items:center;gap:4px;padding:10px 4px;min-height:75px;background:#f9fbff}.art-scenes span{font-size:31px}.art-scenes b{font-size:13px}.art-shapes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:12px}.art-shapes button{min-width:0;display:grid;place-items:center;gap:6px;min-height:79px;padding:9px 3px;font-size:13px}.art-shapes span{font-size:31px}.art-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.art-gallery article{min-width:0}.art-gallery article>button:first-child{padding:0;display:block;overflow:hidden;width:100%;border-radius:14px;background:#fff}.art-gallery img{display:block;width:100%;aspect-ratio:1;object-fit:contain}.art-gallery b{display:block;font-size:11px;padding:7px 3px}.art-gallery .art-remove{width:100%;border:0;background:transparent;min-height:44px;font-size:11px;font-weight:700;color:#82677a}.art-empty{text-align:center;color:#6c8197;padding:8px;font-size:30px}.art-empty p{font-size:13px;margin:8px 0 0}.art-bottom-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:15px}.art-bottom-actions button{min-height:52px;font-size:15px;padding:8px 4px}.art-bottom-actions .art-save{background:#577da9;color:#fff;border-color:#577da9}.art-save-status{font-size:12px;line-height:1.6;min-height:20px;text-align:center;color:#60798c;margin:10px 0 3px;overflow-wrap:anywhere}.art-save-status.error{color:#a44651;font-weight:750}.art-dialog[hidden]{display:none!important}.art-dialog{position:fixed;inset:0;background:#32455b66;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.art-dialog-card{width:min(100%,360px);padding:22px;background:#fbfdff;border:1px solid #fff;border-radius:26px;box-shadow:0 20px 70px #243f6655}.art-dialog-card>b{font-size:21px}.art-dialog-card>p{font-size:14px;line-height:1.6;color:#627489;margin:10px 0 16px}.art-dialog-card>button{display:block;width:100%;min-height:50px;margin:8px 0;font-size:15px}.art-dialog-card>button:first-of-type{color:#fff;background:#577da9}@media (min-width:700px){.art-panel{padding:18px}.art-palette{grid-template-columns:repeat(9,minmax(0,1fr));gap:11px}.art-studio .art-quick{max-width:620px;margin-left:auto;margin-right:auto}.art-canvas-wrap{max-width:min(620px,66vh)}.art-panel-tabs{margin-top:17px}.art-scenes,.art-gallery{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width:360px){.art-heading>span{font-size:34px}.art-task{padding:8px;gap:6px}.art-task>span{font-size:24px}.art-task small{font-size:11px}.art-task button{font-size:11px;padding:5px}.art-quick{gap:4px}.art-quick button span{font-size:22px}.art-quick button small{font-size:11px}.art-panel{padding:11px}.art-palette{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.art-history button{font-size:12px}.art-panel-tabs button{gap:3px;font-size:12px}.art-panel-tabs button span{font-size:18px}.art-bottom-actions button{font-size:13px}.art-mirror{gap:5px}.art-mirror>span{font-size:12px}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.art-studio{--art-ink:#233e57}.art-task,.art-panel,.art-studio button,.art-panel-tabs{background:#f6f9fd;border-color:#9ab2cc}.art-save-status,.art-panel-note{color:#344f65}.art-canvas-hint{background:#fff;color:#233e57}}@media (forced-colors:active){.art-studio button[aria-pressed=true],.art-panel-tabs button[aria-selected=true]{outline:2px solid Highlight}.art-studio button{border:1px solid ButtonText}.art-panel,.art-task{border:1px solid CanvasText}.art-canvas-wrap canvas{forced-color-adjust:none}.art-palette button{forced-color-adjust:none}}.art-export-preview{display:block;width:100%;max-height:42svh;object-fit:contain;border:1px solid #d5dfeb;border-radius:15px;background:#fffdf7;margin:13px 0}.art-export-download{display:grid;place-items:center;text-decoration:none;width:100%;min-height:52px;border-radius:15px;background:#577da9;color:#fff;font-size:15px;font-weight:850;padding:9px}.art-export-download:focus-visible{outline:3px solid #375f93;outline-offset:3px}.art-dialog-card:has(.art-export-preview){max-height:calc(100svh - 40px);overflow:auto}.art-dialog-card:has(.art-export-preview)>button:first-of-type{background:#eef4fc;color:#375f83}.art-dialog-card{max-height:calc(100vh - 40px);max-height:calc(100svh - 40px);overflow:auto}.art-export-preview{-webkit-touch-callout:default;user-select:auto;-webkit-user-select:auto}.music-studio{--ms-ink:#25465e;--ms-line:rgba(255,255,255,.85);--ms-blue:#3e82b5;max-width:1060px;margin:0 auto;padding:4px 0 28px;color:var(--ms-ink);overflow:hidden;box-sizing:border-box}.music-studio *{box-sizing:border-box}.music-studio button{font:inherit;color:inherit;border:1px solid var(--ms-line);cursor:pointer;-webkit-tap-highlight-color:transparent;min-width:0;box-shadow:0 4px 13px #284a6412;touch-action:manipulation}.music-studio button:focus-visible,.music-studio input:focus-visible{outline:3px solid #4e96d3;outline-offset:3px}.music-studio button:disabled{opacity:.42;cursor:default}.music-studio button:active:not(:disabled){transform:translateY(1px)}.ms-hero{display:flex;align-items:center;gap:13px;margin:10px 0 18px;padding:6px 4px}.ms-hero>span{font-size:48px;filter:drop-shadow(0 4px 6px rgba(53,93,126,.14))}.ms-hero>div{flex:1;min-width:0}.ms-hero small{font-size:13px;color:#58768b}.ms-hero h2{font-size:25px;line-height:1.2;margin:5px 0;letter-spacing:.01em}.ms-hero button{border-radius:50%;width:49px;height:49px;flex:0 0 49px;background:#ffffffb8;font-size:22px}.ms-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:15px}.ms-tabs button{padding:13px 5px;border-radius:21px;background:#ffffff80;display:flex;align-items:center;justify-content:center;gap:8px;min-height:62px}.ms-tabs span{font-size:26px}.ms-tabs b{font-size:17px}.ms-tabs button[aria-pressed=true]{background:linear-gradient(140deg,#e2f4ffed,#fffc);border-color:#83b7db;box-shadow:inset 0 1px #fff,0 6px 20px #4883ad2b}.ms-sound-controls{display:flex;align-items:center;gap:14px;padding:14px;border-radius:25px;background:#ffffff91;border:1px solid var(--ms-line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.ms-instruments{display:flex;flex:1;gap:7px}.ms-instruments button{flex:1;padding:10px 5px;display:flex;align-items:center;justify-content:center;gap:7px;background:#ffffff8f;border-radius:16px;min-height:58px}.ms-instruments span{font-size:24px}.ms-instruments b{font-size:14px;white-space:nowrap}.ms-instruments button[aria-pressed=true]{border-color:#7ca9c5;background:#e6f4fb}.ms-volume{width:205px;display:flex;flex-direction:column;gap:8px;font-size:14px;flex:0 0 205px}.ms-volume>span{display:flex;justify-content:space-between;gap:10px}.ms-volume input,.ms-tempo input{width:100%;height:28px;accent-color:#4f91c2;touch-action:pan-y}.ms-status{padding:12px 15px;margin:13px 0;border-radius:16px;background:#e6f4fea8;font-size:14px;line-height:1.7;min-height:48px}.ms-panel{min-width:0}.ms-piano-wrap{padding:17px;border-radius:29px;background:#ffffffb3;border:1px solid var(--ms-line);box-shadow:0 13px 30px #2a587a12;margin:15px 0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.ms-piano-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px}.ms-piano-head strong{font-size:17px}.ms-octaves{display:flex;gap:5px}.ms-octaves button{min-height:40px;padding:8px 12px;background:#f5f9fcd9;border-radius:14px;font-size:13px}.ms-octaves button[aria-pressed=true]{background:#ddecf9;border-color:#99bed9}.ms-piano{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px;touch-action:none;user-select:none;-webkit-user-select:none}.music-studio .ms-key{background:linear-gradient(160deg,color-mix(in srgb,var(--key),white 67%),color-mix(in srgb,var(--key),white 33%));border:1px solid rgba(255,255,255,.85);border-bottom:7px solid color-mix(in srgb,var(--key),#506885 15%);border-radius:18px;min-height:165px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:14px 2px;touch-action:none;transition:filter .12s,box-shadow .12s;box-shadow:inset 0 1px #ffffffeb,0 6px 8px #2f465d14}.ms-key>span{font-size:31px}.ms-key>b{font-size:20px}.ms-key>small{font-size:13px;opacity:.75}.music-studio .ms-key.is-lit{filter:brightness(1.14);border-bottom-width:3px;box-shadow:inset 0 0 0 3px #fff,0 0 18px color-mix(in srgb,var(--key),transparent 35%)}.music-studio .ms-key.is-target{outline:3px solid #3c819e;outline-offset:-3px;animation:ms-target 1.2s ease-in-out infinite}.ms-keyboard-hint{font-size:12px;text-align:center;color:#7690a2;margin:14px 0 0}.ms-record-card,.ms-composer,.ms-works{background:#ffffffa3;border:1px solid var(--ms-line);border-radius:27px;padding:18px;margin:16px 0;box-shadow:0 8px 22px #2a4f6f0d;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.ms-card-heading{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:14px}.ms-card-heading>div{display:flex;flex-direction:column;gap:7px;min-width:0}.ms-card-heading strong{font-size:18px}.ms-card-heading small{font-size:12px;color:#688398;line-height:1.6}.ms-card-heading>span{font-size:12px;background:#e8f2f9;border-radius:12px;padding:8px;white-space:nowrap}.ms-action-row{display:flex;gap:8px;flex-wrap:wrap}.ms-action-row>button{flex:1;min-height:53px;border-radius:17px;padding:12px 9px;background:#f5f9fee6;font-size:15px;font-weight:700;white-space:nowrap}.music-studio .ms-primary{background:linear-gradient(140deg,#488cba,#659fbe);color:#fff;border-color:#79acc9;box-shadow:inset 0 1px #fff6,0 5px 13px #4985ac2b}.music-studio .ms-primary.is-recording{background:linear-gradient(140deg,#cd677f,#e5939d)}.ms-song-player{border:1px solid var(--ms-line);border-radius:26px;padding:18px;background:#ffffffb3;display:grid;grid-template-columns:55px 1fr;gap:13px;align-items:center}.ms-song-icon{font-size:40px}.ms-song-player>div:not(.ms-action-row):not(.ms-song-progress){display:flex;flex-direction:column;gap:8px}.ms-song-player strong{font-size:21px}.ms-song-player small{font-size:12px;color:#648093}.ms-song-player .ms-action-row,.ms-song-progress{grid-column:1/-1}.ms-song-progress{font-size:13px;color:#58778f}.ms-song-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:17px 0}.ms-song-grid>button{border-radius:21px;padding:14px 8px;background:#ffffff9c;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;min-height:124px}.ms-song-grid span{font-size:30px}.ms-song-grid b{font-size:14px;line-height:1.45}.ms-song-grid small{font-size:10px;line-height:1.4;color:#7390a4}.ms-song-grid button[aria-pressed=true]{border-color:#7aa4c1;background:#e4f2fc;box-shadow:inset 0 0 0 1px #a9c9dd,0 5px 14px #4386aa1f}.ms-template-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:13px 0 16px}.ms-template-row button{min-height:47px;border-radius:14px;padding:9px 4px;background:#eef5fa;font-size:14px}.ms-steps{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.ms-step{border-radius:18px;background:#edf4fce6;border:2px solid transparent;padding:5px;min-width:0}.ms-step.is-selected{border-color:#6597b9;background:#e5f1fc}.ms-step.is-playing{box-shadow:0 0 0 3px #ecc773;background:#fff8dc}.ms-step>button{width:100%;min-height:98px;border-radius:12px;background:#ffffffc2;padding:7px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;box-shadow:none}.ms-step small{font-size:11px;color:#67879d}.ms-step b{font-size:26px}.ms-step span{font-size:14px;font-weight:750}.ms-step .ms-drum-step{margin-top:5px;min-height:40px;display:block;font-size:15px;padding:6px 2px;background:#f3f8fa}.ms-step .ms-drum-step[aria-pressed=true]{background:#f5ddc0;color:#7c5530;border-color:#e7bd86}.ms-compose-label{font-size:15px;margin:17px 0 11px}.ms-note-choices{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:7px}.ms-note-choices>button{min-height:61px;border-radius:15px;background:color-mix(in srgb,var(--key),white 70%);display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;padding:8px 3px}.ms-note-choices b{font-size:14px}.ms-note-choices span{font-size:21px}.ms-note-choices .ms-rest{background:#e8f2f8;font-size:21px}.ms-rest b{font-size:11px}.ms-tempo{display:flex;flex-direction:column;gap:7px;margin:18px 0 12px}.ms-tempo>span{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px;color:#648097}.ms-tempo b{color:#2e607d;font-size:13px}.ms-work-list{display:flex;flex-direction:column;gap:8px}.ms-work{display:flex;align-items:center;gap:10px;padding:12px;border-radius:18px;background:#eef6fbe6;min-width:0}.ms-work>span{font-size:26px}.ms-work>div:nth-of-type(1){flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.ms-work b{font-size:14px;overflow-wrap:anywhere}.ms-work small{font-size:11px;color:#6e8da2}.ms-work>div:last-child{display:flex;gap:5px}.ms-work button{min-height:44px;border-radius:12px;padding:8px 10px;background:#fff;font-size:13px}.ms-empty{text-align:center;font-size:14px;line-height:1.8;padding:11px;color:#6a889d}.ms-parent-note{padding:0 12px;font-size:11px;line-height:1.8;color:#678397}.ms-name-dialog{position:fixed;inset:0;background:#29435b47;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:110;display:flex;align-items:center;justify-content:center;padding:20px}.ms-name-dialog form{width:min(100%,390px);background:#fafefff5;border:1px solid #fff;border-radius:27px;padding:23px;box-shadow:0 25px 90px #1e3e5933}.ms-name-dialog h3{font-size:21px;margin:0 0 18px}.ms-name-dialog input{width:100%;min-width:0;border-radius:15px;border:1px solid #b7d0df;padding:14px;font-size:17px;margin-bottom:17px;color:#2e536c;background:#fff}.ms-name-dialog small{display:block;text-align:center;font-size:12px;color:#69869b;margin-top:15px}@keyframes ms-target{0%,to{filter:brightness(1)}50%{filter:brightness(1.14)}}@media (max-width:650px){.music-studio{padding-top:0}.ms-hero{gap:9px;margin:9px 0 14px}.ms-hero>span{font-size:37px}.ms-hero small{font-size:11px}.ms-hero h2{font-size:23px}.ms-hero button{width:43px;height:43px;flex-basis:43px}.ms-tabs{gap:6px}.ms-tabs button{flex-direction:column;gap:4px;min-height:77px;border-radius:20px}.ms-tabs span{font-size:25px}.ms-tabs b{font-size:15px}.ms-sound-controls{display:block;padding:12px;border-radius:23px}.ms-instruments{gap:6px}.ms-instruments button{flex-direction:column;gap:4px;min-height:72px}.ms-instruments b{font-size:12px}.ms-volume{width:100%;margin-top:12px}.ms-volume>span{font-size:13px}.ms-status{font-size:13px;padding:11px 13px}.ms-piano-wrap{padding:13px;border-radius:24px;margin:13px 0}.ms-piano-head{gap:8px}.ms-piano-head strong{font-size:15px}.ms-octaves button{padding:7px 10px;min-height:38px;font-size:12px}.ms-piano{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.music-studio .ms-key{min-height:111px;border-radius:16px;gap:4px;padding:9px 2px}.ms-key>span{font-size:25px}.ms-key>b{font-size:18px}.ms-key>small{font-size:11px}.ms-keyboard-hint{display:none}.ms-record-card,.ms-composer,.ms-works{padding:14px;border-radius:23px}.ms-card-heading strong{font-size:16px}.ms-card-heading small{font-size:11px}.ms-card-heading>span{font-size:10px;padding:7px}.ms-action-row{gap:6px}.ms-action-row>button{font-size:13px;padding:12px 5px;min-height:53px;border-radius:15px}.ms-song-player{padding:14px;border-radius:23px;gap:10px;grid-template-columns:43px 1fr}.ms-song-player strong{font-size:19px}.ms-song-icon{font-size:34px}.ms-song-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ms-song-grid>button{min-height:124px}.ms-steps,.ms-note-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.ms-note-choices .ms-rest{grid-column:1/-1;min-height:46px;flex-direction:row;gap:9px}.ms-rest b{font-size:13px}.ms-template-row{gap:5px}.ms-template-row button{font-size:12px;min-height:46px}.ms-work{gap:7px;padding:10px}.ms-work>span{font-size:21px}.ms-work button{padding:8px;min-height:44px}.ms-tempo>span{font-size:11px}.ms-tempo b{font-size:11px}}@media (min-width:651px) and (max-width:900px){.ms-sound-controls{display:block}.ms-volume{width:100%;margin-top:12px}.ms-song-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ms-steps{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.music-studio *{animation:none!important;transition:none!important}}@supports not (background:color-mix(in srgb,red,white)){.music-studio .ms-key{background:var(--key);border-bottom-color:#2e506e33}.ms-note-choices>button{background:var(--key)}}.ms-volume input,.ms-tempo input{height:44px}.ms-step .ms-drum-step,.ms-octaves button{min-height:44px}@media (max-width:650px){.ms-hero{padding:0 4px;margin:5px 0 8px}.ms-hero button{width:44px;height:44px;flex-basis:44px}.ms-tabs{margin-bottom:9px}.ms-tabs button{min-height:62px;padding:8px 5px}.ms-sound-controls{padding:9px}.ms-instruments button{min-height:58px;padding:7px 4px}.ms-volume{margin-top:5px;gap:2px}.ms-status{min-height:44px;padding:8px 12px;margin:7px 0}.ms-piano-wrap{padding:10px;margin:9px 0}.ms-piano-head{margin-bottom:9px}.ms-octaves button{min-height:44px;padding:7px 9px}.music-studio .ms-key{min-height:98px;padding:7px 2px}.ms-key>span{font-size:24px}.ms-key>b{font-size:17px}.ms-record-card{margin-top:12px}.ms-step .ms-drum-step{min-height:44px}}.ms-piano,.ms-piano *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none}.ms-piano button{appearance:none;-webkit-appearance:none}@media (orientation:landscape) and (max-height:600px) and (max-width:1100px){body.playing-music-studio{--nav-top:0px;padding-bottom:env(safe-area-inset-bottom,0px)}.playing-music-studio .topbar{height:0;min-height:0;padding:0;border:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.playing-music-studio .topbar .logo,.playing-music-studio .topbar .stars{display:none}.playing-music-studio .top-actions{position:fixed;top:8px;right:calc(12px + env(safe-area-inset-right,0px));z-index:22}.playing-music-studio #soundBtn{width:44px;height:44px;font-size:21px}.playing-music-studio main{width:100%;max-width:1080px;padding:4px calc(10px + env(safe-area-inset-right,0px)) 12px calc(10px + env(safe-area-inset-left,0px))}.playing-music-studio .creative-game-nav{top:0;max-width:none;min-height:52px;margin:0 0 5px;padding:4px 54px 4px 4px;border-radius:18px;gap:6px}.playing-music-studio .game-exit{min-height:44px;padding:6px 10px;border-radius:13px}.playing-music-studio .game-exit span{font-size:21px}.playing-music-studio .game-exit b{font-size:13px}.playing-music-studio .mini-game-name span{font-size:24px}.playing-music-studio .mini-game-name b{display:inline;font-size:14px}.playing-music-studio .mini-game-tools{gap:5px}.playing-music-studio .mini-game-tools button{width:44px;height:44px;border-radius:13px;font-size:21px}.playing-music-studio .music-studio{display:grid;grid-template-columns:minmax(0,43fr) minmax(0,57fr);gap:0 8px;padding:0 0 12px;overflow:visible}.playing-music-studio .ms-hero{display:none}.playing-music-studio .ms-tabs{align-self:center;margin:0;gap:5px}.playing-music-studio .ms-tabs button{min-height:44px;padding:5px 3px;flex-direction:row;gap:4px;border-radius:14px}.playing-music-studio .ms-tabs span{font-size:19px}.playing-music-studio .ms-tabs b{font-size:12px;white-space:nowrap}.playing-music-studio .ms-sound-controls{display:flex;gap:7px;padding:4px 6px;border-radius:17px;min-width:0}.playing-music-studio .ms-instruments{gap:4px;min-width:0}.playing-music-studio .ms-instruments button{min-width:44px;min-height:44px;padding:3px 2px;flex-direction:column;gap:1px;border-radius:12px}.playing-music-studio .ms-instruments span{font-size:18px;line-height:1.2}.playing-music-studio .ms-instruments b{font-size:10px;line-height:1.3}.playing-music-studio .ms-volume{width:auto;flex:0 1 120px;min-width:80px;height:44px;margin:0;position:relative;gap:0}.playing-music-studio .ms-volume>span{position:absolute;top:0;width:100%;font-size:10px;line-height:12px;gap:4px;pointer-events:none}.playing-music-studio .ms-volume input{height:44px;min-height:44px;margin:0}.playing-music-studio .ms-status{grid-column:1/-1;font-size:12px;line-height:18px;min-height:22px;margin:3px 0;padding:2px 10px;border-radius:10px}.playing-music-studio .ms-panel,.playing-music-studio .ms-works,.playing-music-studio .ms-parent-note{grid-column:1/-1}.playing-music-studio .ms-piano-wrap{margin:0 0 8px;padding:6px 8px 8px;border-radius:20px}.playing-music-studio .ms-piano-head{min-height:44px;margin:0 0 4px;flex-wrap:nowrap;gap:8px}.playing-music-studio .ms-piano-head strong{font-size:14px;white-space:nowrap}.playing-music-studio .ms-octaves{gap:4px}.playing-music-studio .ms-octaves button{min-height:44px;min-width:50px;padding:6px 10px;font-size:12px;border-radius:12px}.playing-music-studio .ms-piano{grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;border-radius:13px;background:#344654;padding:5px;box-shadow:inset 0 2px 5px #00000026}.playing-music-studio .music-studio .ms-key{min-height:100px;height:clamp(100px,calc(100vh - 210px),320px);height:clamp(100px,calc(100svh - 210px - env(safe-area-inset-bottom,0px)),320px);border-radius:5px 5px 10px 10px;border:1px solid #d8e2e9;border-bottom:6px solid var(--key);background:linear-gradient(180deg,#fff,#f8fbfd 68%,color-mix(in srgb,var(--key),white 70%));justify-content:flex-end;gap:4px;padding:8px 2px 10px;box-shadow:inset 0 -3px #4a66770f,0 2px 2px #0000001f;transform:none}.playing-music-studio .ms-key>span{font-size:25px}.playing-music-studio .ms-key>b{font-size:18px;line-height:1.2}.playing-music-studio .ms-key>small{font-size:11px;line-height:1.2}.playing-music-studio .music-studio .ms-key.is-lit{background:color-mix(in srgb,var(--key),white 53%);box-shadow:inset 0 0 0 3px #fff,0 0 12px var(--key);filter:none}.playing-music-studio .ms-keyboard-hint{display:none}.playing-music-studio .ms-record-card{margin:7px 0 12px;padding:12px 14px}.playing-music-studio .ms-works{margin:10px 0;padding:14px}.playing-music-studio .ms-song-player{padding:8px 10px;grid-template-columns:28px minmax(0,1fr) minmax(260px,1.3fr);gap:3px 8px;margin-bottom:5px;border-radius:18px}.playing-music-studio .ms-song-icon{font-size:26px}.playing-music-studio .ms-song-player strong{font-size:15px}.playing-music-studio .ms-song-player small{font-size:10px}.playing-music-studio .ms-song-player .ms-action-row{grid-column:3;grid-row:1;gap:5px}.playing-music-studio .ms-song-player .ms-action-row>button{min-height:44px;padding:6px 4px;font-size:12px;border-radius:12px}.playing-music-studio .ms-song-progress{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.playing-music-studio [data-ms-view=songs] .ms-key{min-height:70px;height:clamp(70px,calc(100vh - 277px),250px);height:clamp(70px,calc(100svh - 277px - env(safe-area-inset-bottom,0px)),250px);gap:2px;padding:6px 2px}.playing-music-studio [data-ms-view=songs] .ms-key>span{font-size:18px;line-height:1}.playing-music-studio [data-ms-view=songs] .ms-key>b{font-size:16px;line-height:1}.playing-music-studio [data-ms-view=songs] .ms-key>small{font-size:10px;line-height:1}.playing-music-studio .ms-song-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:10px 0}.playing-music-studio .ms-song-grid>button{min-height:104px;padding:9px 5px}.playing-music-studio .ms-composer{padding:12px;margin:7px 0}.playing-music-studio .ms-steps{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}.playing-music-studio .ms-note-choices{grid-template-columns:repeat(9,minmax(0,1fr));gap:5px}.playing-music-studio .ms-note-choices .ms-rest{grid-column:auto;flex-direction:column}.playing-music-studio .ms-name-dialog{overflow:auto;padding:8px calc(12px + env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) calc(12px + env(safe-area-inset-left,0px))}.playing-music-studio .ms-name-dialog form{padding:14px;width:min(100%,460px)}.playing-music-studio .ms-name-dialog h3{margin:0 0 9px;font-size:18px}.playing-music-studio .ms-name-dialog input{min-height:44px;margin-bottom:9px;padding:10px}}@media (orientation:landscape) and (max-height:360px) and (max-width:1100px){.playing-music-studio [data-ms-view=play] .ms-key{min-height:88px;height:clamp(88px,calc(100vh - 210px),320px);height:clamp(88px,calc(100svh - 210px - env(safe-area-inset-bottom,0px)),320px)}.playing-music-studio [data-ms-view=play] .ms-key>span{font-size:22px;line-height:1}.playing-music-studio [data-ms-view=play] .ms-key>b{font-size:16px;line-height:1.1}.playing-music-studio [data-ms-view=play] .ms-key>small{font-size:10px;line-height:1}.playing-music-studio [data-ms-view=songs] .ms-piano-wrap{display:flex;flex-direction:column}.playing-music-studio [data-ms-view=songs] .ms-piano{order:-1}.playing-music-studio [data-ms-view=songs] .ms-piano-head{margin:4px 0 0}}@media (orientation:landscape) and (max-height:320px) and (max-width:1100px){.playing-music-studio [data-ms-view=play] .ms-piano-wrap{display:flex;flex-direction:column}.playing-music-studio [data-ms-view=play] .ms-piano{order:-1}.playing-music-studio [data-ms-view=play] .ms-piano-head{margin:4px 0 0}}@media (orientation:landscape) and (max-height:280px) and (max-width:1100px){.playing-music-studio .ms-status{position:absolute;width:1px;height:1px;min-height:0;margin:0;padding:0;overflow:hidden;clip-path:inset(50%)}.playing-music-studio .ms-song-player{padding-top:4px;padding-bottom:4px}.playing-music-studio [data-ms-view=songs] .ms-key{min-height:60px;height:60px}.playing-music-studio [data-ms-view=songs] .ms-key>span{font-size:15px}.playing-music-studio [data-ms-view=songs] .ms-key>b{font-size:14px}.playing-music-studio [data-ms-view=songs] .ms-key>small{font-size:8px}}.ms-song-library-head{display:flex;align-items:center;gap:9px;margin:19px 2px 4px;flex-wrap:wrap}.ms-song-library-head strong{font-size:17px;margin-right:auto}.ms-song-library-head span{font-size:13px;color:#637f91;font-weight:750}.ms-song-library-head button{min-height:42px;padding:8px 13px;border-radius:13px;background:#f2f8fc;font-size:13px;font-weight:850}.ms-song-library-head button:disabled{opacity:.4}.ms-song-grid{margin-top:9px}.ms-song-grid>button{min-height:103px}.ms-song-progress{font-weight:800;color:#2c708f}@media (max-width:650px){.ms-song-library-head strong{flex:1 0 100%}.ms-song-library-head span{margin-right:auto}.ms-song-library-head button{min-height:45px}}.writing-studio{--ws-ink:#294960;--ws-blue:#4a93bd;--ws-paper:#fffdf8;color:var(--ws-ink);max-width:760px;margin:auto;padding:0 0 20px;min-width:0}.writing-studio *{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.writing-studio button{min-height:48px;min-width:44px;font:inherit;color:inherit;cursor:pointer;border:1px solid rgba(255,255,255,.9);border-radius:17px;background:#ffffffc2;box-shadow:0 4px 13px #45628412;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.writing-studio button:focus-visible{outline:3px solid #4a93bd;outline-offset:3px}.writing-studio button:disabled{opacity:.4;cursor:default}.writing-studio .ws-primary{background:linear-gradient(135deg,#3d86b2,#6aa6bd);color:#fff;border-color:#81bad0}.ws-hero{display:flex;align-items:center;gap:12px;margin:3px 0 12px;padding:2px 5px}.ws-hero>span{font-size:38px;line-height:1.15}.ws-hero h2{margin:0 0 3px;font-size:27px;line-height:1.2}.ws-hero small{font-size:12px;line-height:1.5;color:#577489}.ws-top-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:10px}.ws-top-actions button{font-size:14px;font-weight:700;padding:8px 4px}.ws-number-menu{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;padding:12px;margin:10px 0;border:1px solid #fff;border-radius:24px;background:#ffffff94}.ws-number-menu[hidden]{display:none}.ws-number-menu button{min-height:73px;padding:9px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:27px;font-weight:750;background:#f7fbff}.ws-number-menu small,.ws-number-menu button>span{font-size:10px;font-weight:600;color:#4f806c}.ws-number-menu button[aria-pressed=true],.ws-number-menu button[aria-current]{border-color:#6ca5c7;background:#e4f2fc;box-shadow:inset 0 0 0 2px #95c4df}.ws-lesson-heading{display:flex;align-items:center;gap:14px;padding:10px 15px;border-radius:23px;border:1px solid #fff;background:linear-gradient(130deg,#ffffffda,#e6f1faaf);min-height:76px}.ws-target-number{flex:0 0 69px;text-align:center;font-size:53px;line-height:1.05;font-weight:800;color:#3a7ca3;font-variant-numeric:lining-nums}.ws-lesson-heading h3{font-size:20px;margin:0 0 5px}.ws-step-badge{display:block;font-size:12px;line-height:1.5;color:#557187;margin-bottom:3px}.ws-lesson-heading p,.ws-lesson-heading small{font-size:13px;line-height:1.55;margin:0;color:#557187}.ws-status{font-size:14px;font-weight:650;line-height:1.5;min-height:24px;margin:9px 3px 7px;color:#3c6d87}.ws-board-frame{width:min(100%,400px);aspect-ratio:1;margin:8px auto;border-radius:28px;overflow:hidden;background:var(--ws-paper);border:2px solid #fff;box-shadow:0 8px 28px #476f8917,inset 0 0 0 1px #e5ded2}.ws-board{display:block;width:100%;height:100%;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.ws-board *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;pointer-events:none}.ws-board line{stroke:#e5ddd1;stroke-width:1.3;stroke-dasharray:5 7}.ws-writing-paper{fill:var(--ws-paper)}.ws-midlines{stroke:#e7ded0;stroke-width:1.2;stroke-dasharray:5 7}.ws-stroke-guide{fill:none;stroke:#d8e2e8;stroke-width:24;stroke-linecap:round;stroke-linejoin:round}.ws-stroke-current{stroke:#b8d4e4}.ws-stroke-done{fill:none;stroke:#79b7a0;stroke-width:23;stroke-linecap:round;stroke-linejoin:round}.ws-live-trace{fill:none;stroke:#438ebc;stroke-width:16;stroke-linecap:round;stroke-linejoin:round}.ws-demo-trace{fill:none;stroke:#e4b56b;stroke-width:16;stroke-linecap:round;stroke-linejoin:round}.ws-start-dot{fill:#f4a27e;stroke:#fff;stroke-width:4;filter:drop-shadow(0 2px 3px #cf836550)}.ws-start-number{fill:#fff;font-size:16px;font-weight:750;pointer-events:none}.ws-demo-hand{pointer-events:none;filter:drop-shadow(0 3px 3px #765b3a30)}.ws-demo-halo{fill:#ffe7ac;opacity:.75}.ws-demo-hand text{font-size:37px}.ws-board-caption{display:none}.ws-board-tools{display:grid;grid-template-columns:1fr 1.1fr .8fr;gap:7px;width:min(100%,400px);margin:9px auto}.ws-board-tools button{min-height:50px;font-size:15px;font-weight:750;padding:9px}.ws-bottom-nav{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:11px 0 6px}.ws-bottom-nav button{min-height:52px;padding:9px;font-size:15px;font-weight:700}.ws-progress-note{font-size:12px;line-height:1.6;color:#587387;text-align:center;margin:10px 2px}.ws-complete{padding:16px;border:1px solid #fff;border-radius:27px;background:#ffffffa6;margin:12px 0}.ws-complete h3{margin:0 0 9px;font-size:23px;line-height:1.4}.ws-complete-number{display:grid;grid-template-columns:52px minmax(0,1fr);gap:9px;align-items:center;text-align:center;padding:10px;border-radius:22px;background:#e8f5f2;margin-bottom:10px}.ws-complete-number strong{font-size:35px;display:block;line-height:1.2}.ws-complete-number p{font-size:14px;line-height:1.6;margin:7px 0 0}.ws-counting-icons{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;max-width:275px;margin:7px auto;font-size:26px;line-height:1.35}.ws-counting-icons span{flex:0 0 32px}.ws-character-card{padding:16px;border:1px solid #fff;border-radius:23px;background:#fffdf8;margin:13px 0}.ws-character-kicker{display:block;font-size:13px;line-height:1.6;color:#557d94;margin-bottom:10px}.ws-character-main{display:grid;grid-template-columns:105px minmax(0,1fr);gap:12px;align-items:center}.ws-character-main>div:first-child{text-align:center}.ws-hanzi{display:block;font-size:84px;font-weight:700;line-height:1.2;text-align:center;color:#386581}.ws-character-card p{font-size:16px;line-height:1.6;margin:7px 0;color:#395b71}.ws-character-card .ws-pinyin{display:block;font-size:20px;line-height:1.4;color:#598399}.ws-character-card svg{width:100%;max-width:230px;height:auto;display:block;margin:10px auto}.ws-character-picture{min-height:90px;display:grid;place-items:center;font-size:54px}.ws-character-card button{display:block;width:100%;font-size:15px;font-weight:750;padding:10px}.ws-success-icon{font-size:28px;line-height:1.3;margin-bottom:3px;text-align:center}.ws-complete h3{text-align:center}.ws-complete-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ws-complete-actions button{font-size:15px;font-weight:750;padding:11px 6px;min-height:53px}.home-writing-banner{width:100%;display:flex;align-items:center;gap:12px;padding:14px 17px;margin:14px 0 3px;border:1px solid #fff;border-radius:25px;background:linear-gradient(130deg,#e5f3ffea,#f8f4e9e0);box-shadow:0 6px 20px #45628412;text-align:left;min-height:84px;touch-action:manipulation}.home-writing-banner>span:first-child{display:grid;place-items:center;width:57px;height:57px;border-radius:18px;background:#ffffffb3;font-size:35px;flex:0 0 auto}.home-writing-banner>span:nth-child(2){flex:1;min-width:0}.home-writing-banner b{display:block;font-size:23px;line-height:1.3;color:#315b77}.home-writing-banner small{display:block;font-size:13px;line-height:1.6;margin-top:4px;color:#577286}.home-writing-banner i{font-style:normal;font-size:29px;color:#5c89a3}body.playing-writing-studio{--topbar-height:56px;--nav-top:calc(56px + var(--safe-top));padding-bottom:env(safe-area-inset-bottom,0px);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.playing-writing-studio .topbar{height:var(--nav-top);padding-top:calc(4px + var(--safe-top));padding-bottom:4px}.playing-writing-studio .topbar .stars{display:none}.playing-writing-studio .logo b{font-size:16px}.playing-writing-studio main{max-width:792px;padding:8px 12px 15px}@media (max-width:520px){.ws-hero{margin:2px 0 8px;gap:9px}.ws-hero>span{font-size:31px}.ws-hero h2{font-size:24px}.ws-hero small{font-size:11px}.ws-top-actions{margin-bottom:8px;gap:5px}.ws-top-actions button{min-height:46px;font-size:12px;padding:6px 3px}.ws-lesson-heading{padding:8px 12px;min-height:66px;gap:10px}.ws-target-number{font-size:46px;flex-basis:57px}.ws-lesson-heading h3{font-size:18px}.ws-lesson-heading p,.ws-lesson-heading small{font-size:12px}.ws-status{font-size:13px;min-height:22px;margin:7px 2px 5px}.ws-board-frame{margin:6px auto;border-radius:25px}.ws-board-tools{gap:7px;margin:7px auto}.ws-board-tools button{min-height:47px;font-size:14px;padding:8px 4px}.ws-bottom-nav{gap:7px;margin:8px 0 4px}.ws-bottom-nav button{min-height:48px;font-size:13px}.ws-complete{padding:12px}.ws-complete h3{font-size:20px}.ws-character-card{padding:12px}.ws-character-main{grid-template-columns:90px minmax(0,1fr);gap:8px}.ws-hanzi{font-size:72px}.ws-character-card p{font-size:14px}.ws-character-card .ws-pinyin{font-size:18px}.ws-number-menu{gap:6px;padding:9px}.ws-number-menu button{min-height:64px;font-size:24px}.home-writing-banner{min-height:79px;padding:12px 13px;margin:11px 0 2px;gap:10px}.home-writing-banner b{font-size:21px}.home-writing-banner small{font-size:11px}.home-writing-banner>span:first-child{width:50px;height:50px;font-size:31px}}@media (orientation:landscape) and (max-height:600px){.playing-writing-studio main{max-width:1060px;padding:6px calc(10px + env(safe-area-inset-right,0px)) 12px calc(10px + env(safe-area-inset-left,0px))}.writing-studio{position:relative;max-width:1040px;display:grid;grid-template-columns:minmax(210px,1fr) minmax(220px,1.2fr);column-gap:16px;align-items:start}.ws-hero{grid-column:1;margin:3px 0 8px}.ws-top-actions{grid-column:1}.ws-number-menu{grid-column:1/-1}.ws-lesson-heading{grid-column:1}.ws-status{grid-column:1;font-size:12px}.ws-board-frame{grid-column:2;grid-row:1/span 5;width:min(100%,calc(100svh - 88px));min-width:180px;align-self:start;justify-self:center;margin:0 auto}.ws-board-tools{grid-column:1;width:100%;margin:5px 0}.ws-bottom-nav{grid-column:1;margin:6px 0}.ws-progress-note{grid-column:1/-1;margin-top:7px}.ws-complete{grid-column:1/-1}.ws-hero h2{font-size:23px}.ws-hero>span{font-size:31px}.ws-top-actions button{min-height:44px;font-size:12px}.ws-lesson-heading{padding:8px 12px;min-height:65px}.ws-target-number{font-size:43px}.ws-lesson-heading h3{font-size:18px}.ws-board-tools button,.ws-bottom-nav button{min-height:44px;font-size:12px}.ws-number-menu:not([hidden]){position:absolute;left:0;right:0;top:104px;z-index:4;background:#f1f8fff5;box-shadow:0 9px 24px #36536c35;margin:0;grid-template-columns:repeat(10,minmax(0,1fr))}.ws-number-menu button{min-height:66px;font-size:23px}.ws-number-menu button>span{font-size:9px}.ws-hero small{font-size:10px}.ws-hero,.ws-top-actions{margin-bottom:5px}.ws-lesson-heading p{font-size:12px;line-height:1.45}.ws-status{font-size:11px;line-height:1.4;margin:5px 2px}}@media (orientation:portrait) and (max-height:740px){.ws-hero{margin:0 0 5px}.ws-hero h2{font-size:21px}.ws-hero>span{font-size:28px}.ws-hero small{font-size:10px}.ws-top-actions button{min-height:44px}.ws-lesson-heading{min-height:59px;padding:6px 10px}.ws-lesson-heading p{display:none}.ws-lesson-heading h3{margin-bottom:2px}.ws-step-badge{margin:0;font-size:11px}.ws-status{min-height:18px;font-size:12px;line-height:1.4;margin:5px 2px}.ws-board-frame{width:min(100%,calc(100svh - 307px));margin:4px auto}.ws-board-tools{margin:5px auto}.ws-board-tools button{min-height:44px}.ws-bottom-nav{margin:5px 0 0}.ws-bottom-nav button{min-height:44px}}@media (prefers-reduced-motion:reduce){.writing-studio *{animation:none!important;transition:none!important}}@media (forced-colors:active){.writing-studio button{border:1px solid ButtonText}.ws-stroke-guide{stroke:GrayText}.ws-stroke-done,.ws-live-trace{stroke:Highlight}.ws-start-dot{fill:Highlight;stroke:Canvas}}.ws-board-frame{position:relative}.ws-board-caption{display:block;position:absolute;bottom:5px;left:8px;right:8px;margin:0;text-align:center;font-size:12px;color:#466a80;pointer-events:none}.ws-start-dot{animation:writing-start-pulse 1.6s ease-in-out infinite}@keyframes writing-start-pulse{50%{stroke-width:8;stroke:#ffe0a1}}@media (max-width:600px){.playing-writing-studio .topbar{display:none}.playing-writing-studio main{padding:6px 10px}.ws-hero{margin:0 0 5px}.ws-hero h2{font-size:20px}.ws-top-actions{margin-bottom:5px}.ws-lesson-heading{padding:7px 10px}.ws-status{margin:4px 2px}.ws-board-frame{width:min(100%,400px,calc(100dvh - 335px - env(safe-area-inset-bottom,0px)));min-width:180px;margin:4px auto}.ws-top-actions button,.ws-board-tools button{min-height:44px}.ws-bottom-nav{margin:5px 0}.ws-number-menu{max-height:200px;overflow:auto}}.writing-studio[data-ws-kind=hanzi] .ws-complete-number{display:none}@media (max-width:600px){body.playing-writing-studio{padding:0}.playing-writing-studio .writing-studio{padding-bottom:0}.playing-writing-studio main{padding-bottom:5px}}@media (min-width:800px) and (min-height:600px){:root{--tablet-gap:clamp(16px,2vw,28px);--tablet-page-padding:20px}.topbar{padding-left:calc(var(--tablet-page-padding) + env(safe-area-inset-left,0px));padding-right:calc(var(--tablet-page-padding) + env(safe-area-inset-right,0px))}main,.playing-mini-game main,.playing-music-studio main,.playing-writing-studio main{width:100%;max-width:1320px;padding:20px calc(var(--tablet-page-padding) + env(safe-area-inset-right,0px)) 24px calc(var(--tablet-page-padding) + env(safe-area-inset-left,0px))}.bottom-nav{width:min(calc(100% - 48px),820px)}.bottom-nav button{min-height:64px;font-size:14px}.bottom-nav span{font-size:26px}.round-btn{width:52px;height:52px}.chip,.unit-chip{min-height:48px;padding:10px 18px}.page-head h1{font-size:32px}.home-dashboard{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);column-gap:16px;align-items:stretch}.home-dashboard>.home-hero{grid-column:1;grid-row:1}.home-dashboard>.home-writing-banner{grid-column:2;grid-row:1;height:100%;margin:0}.home-dashboard>.home-title,.home-dashboard>.home-function-grid,.home-dashboard>.home-shortcuts,.home-dashboard>.home-continue{grid-column:1/-1}.home-dashboard .home-hero{min-height:118px;padding:20px 24px}.home-dashboard .home-hero h1{font-size:34px}.home-guide{min-width:88px;min-height:86px}.home-guide b{font-size:14px}.home-writing-banner{min-height:84px;margin-top:16px}.home-title{margin:20px 3px 12px;font-size:23px}.home-function-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.home-function-grid .home-function-card{min-height:154px;padding:20px}.home-function-grid .icon{width:60px;height:60px;font-size:40px}.home-function-grid b{font-size:23px}.home-function-grid small{font-size:14px;line-height:1.45}.home-shortcut-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.home-shortcut-grid>button{min-height:88px;padding:15px}.home-shortcut-grid b{font-size:18px}.home-shortcut-grid small{font-size:13px}.home-continue{min-height:88px}.book-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.book .info{padding:15px}.book b{font-size:19px}.filters{gap:10px;padding-bottom:12px}.reader{position:relative;max-width:none}.reader-top{margin-bottom:10px}.reader-top h1{font-size:26px}.reader .progress-dots{margin:12px}.reader .reader-stage{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.95fr);align-items:stretch}.reader .reader-stage>.story-picture{aspect-ratio:auto;min-height:360px;border-right:1px solid #e2eaf1}.reader .story-picture:not(.sprite-page)>img{position:absolute;inset:0;width:100%;height:100%}.reader .story-text{min-width:0;min-height:clamp(360px,calc(100svh - 200px),640px);padding:26px 24px 182px;font-size:22px;line-height:1.8;background:#fffffff0}.reader .reader-controls{position:absolute;right:24px;bottom:92px;width:calc(45.2381% - 48px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr) minmax(0,.9fr);gap:8px;margin:0}.reader .reader-controls .control{min-width:0;min-height:60px;padding:8px 5px;font-size:16px;line-height:1.35}.reader .auto-read-btn{position:absolute;right:24px;bottom:22px;width:calc(45.2381% - 48px);min-height:60px;margin:0;padding:10px 14px;font-size:18px;line-height:1.4}.reader .story-touch{min-height:52px;font-size:16px}.school-page,.classroom{max-width:none}.school-page .course-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.school-page .course-card{min-height:118px;padding:17px}.school-page .course-card b{font-size:19px;line-height:1.4}.school-page .subject-tab{min-height:100px}.classroom .classroom-head h1{font-size:27px}.classroom .class-steps{margin:12px 0 16px;gap:12px}.classroom .class-steps div{min-height:56px}.classroom .class-steps b{font-size:17px}.classroom .teacher-card{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:stretch}.classroom .teacher-scene{grid-column:1/-1;min-height:84px;padding:10px 22px}.classroom .teacher-says b{font-size:21px}.classroom .lesson-visual{grid-column:1;grid-row:2/span 2;min-height:260px;padding:26px;border-right:1px solid #e2eaf1;font-size:clamp(38px,4.2vw,58px)}.classroom .lesson-talk{grid-column:2;grid-row:2;padding:26px 24px 14px;align-content:center}.classroom .lesson-talk p{font-size:22px;line-height:1.75}.classroom .lesson-visual.is-question{font-size:clamp(24px,3vw,34px);line-height:1.6}.classroom .listen-teacher{grid-column:2;grid-row:3;align-self:end;min-height:62px;width:calc(100% - 48px);margin:10px 24px 24px;font-size:19px}.classroom .course-answers{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.classroom .course-answers button{min-height:78px;padding:13px 16px;font-size:19px}.classroom .class-actions button{min-height:64px;font-size:19px}.classroom .class-actions .primary{font-size:21px}.classroom .parent-tip summary{min-height:48px}.know-page,.know-lesson-page{max-width:none}.know-welcome{min-height:146px}.know-level{padding:17px}.know-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.know-category{grid-template-columns:86px minmax(0,1fr) 18px;min-height:118px!important}.know-category-copy b{font-size:19px}.know-category-copy small{font-size:13px;line-height:1.5}.know-favorites-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.know-lesson-nav{margin-bottom:14px}.know-lesson-nav>strong{font-size:20px}.know-lesson-nav>button{min-height:56px}.know-big-card{width:100%;max-width:1040px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-rows:auto minmax(0,1fr) auto;align-items:center}.know-big-card>.know-image-button{grid-column:1;grid-row:1/span 3;align-self:center;justify-self:center;width:min(100%,calc(100svh - 360px),560px);height:auto;aspect-ratio:1}.know-big-card .know-big-picture{width:100%;height:auto;aspect-ratio:1}.know-big-card>.know-word-row{grid-column:2;grid-row:1;padding:24px 20px 0}.know-big-card>.know-word-row h1{font-size:43px}.know-big-card>p{grid-column:2;grid-row:2;max-width:none;margin:18px 0;padding:0 28px;font-size:21px;line-height:1.8}.know-big-card>.know-listen{grid-column:2;grid-row:3;width:calc(100% - 48px);min-height:62px!important;margin:12px 24px 24px;font-size:19px}.know-turns{gap:14px;width:100%;max-width:1040px}.know-turns button,.know-next{min-height:62px!important;font-size:18px}.know-quiz-grid{max-width:960px;margin:0 auto;gap:18px}.know-quiz-choice b{font-size:21px}.game-home{max-width:none}.game-category-rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));justify-content:normal;gap:10px;margin:0 0 20px;padding:8px 0 12px;overflow:visible}.game-category{min-width:0;min-height:80px;padding:10px 8px;gap:3px}.game-category b{font-size:15px}.game-category small{font-size:12px}.game-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.game-choice{min-height:195px;padding:18px}.game-card-icon{width:74px;height:74px;font-size:48px}.game-card-copy b{font-size:20px;line-height:1.35}.game-card-copy small{font-size:14px;line-height:1.5}.game-choice>strong{font-size:14px}.mini-game-nav{min-height:74px;margin-bottom:18px;padding:9px}.game-exit{min-height:56px;padding:9px 17px}.game-exit b{font-size:17px}.mini-game-name b{font-size:21px}.mini-game-tools button{width:54px;height:54px}.mini-game-page>.lesson{padding:22px}.cg-route-grid,.cg-slide-grid,.cg-logic-grid,.cg-controls,.cg-puzzle-goal{width:min(100%,440px)}.cg-lights,.cg-watch{width:min(100%,430px)}.cg-route-cell,.cg-logic-cell{min-height:48px}.art-studio{max-width:none;display:grid;grid-template-columns:minmax(290px,.82fr) minmax(0,1.4fr);column-gap:var(--tablet-gap);align-items:start}.art-studio>.art-heading,.art-studio>.art-task,.art-studio>.art-quick,.art-studio>.art-history,.art-studio>.art-panel-tabs,.art-studio>.art-panel,.art-studio>.art-bottom-actions,.art-studio>.art-save-status{grid-column:1}.art-studio>.art-canvas-wrap{grid-column:2;grid-row:1/span 8;position:sticky;top:calc(var(--nav-top) + 92px);width:min(100%,calc(100svh - 195px),680px);max-width:none;margin:0 auto;border-radius:30px}.art-studio button,.art-studio .art-remove,.art-custom,.art-size input{min-height:48px}.art-heading h2{font-size:27px}.art-heading p{font-size:14px;line-height:1.5}.art-task{align-items:flex-start}.art-task b{font-size:16px}.art-task small{font-size:13px}.art-studio .art-quick{width:100%;max-width:none;margin:0 0 12px}.art-studio .art-quick button{min-height:68px}.art-panel-tabs{margin-top:7px}.art-panel-tabs button{flex-direction:column;gap:3px;padding:7px 3px;min-height:64px}.art-panel{padding:16px}.art-palette{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.art-palette button,.art-custom{width:100%;max-width:66px;justify-self:center}.art-scenes,.art-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.art-shapes{grid-template-columns:repeat(4,minmax(0,1fr))}.art-bottom-actions button{min-height:56px}.art-canvas-hint{font-size:13px;padding:7px 13px}.coloring-game .coloring-choice{min-height:106px;flex-basis:110px}.coloring-game .palette button{width:52px;height:52px}.coloring-game #colorPad{width:min(100%,calc(100svh - 245px),650px)}.coloring-game .color-actions{width:min(100%,650px)}.coloring-game .color-actions button{min-height:60px;font-size:18px}body.playing-music-studio{--nav-top:calc(var(--topbar-height) + var(--safe-top));padding-bottom:env(safe-area-inset-bottom,0px)}.playing-music-studio .topbar{height:var(--nav-top);min-height:var(--nav-top);padding:calc(10px + var(--safe-top)) calc(var(--tablet-page-padding) + env(safe-area-inset-right,0px)) 8px calc(var(--tablet-page-padding) + env(safe-area-inset-left,0px));border-bottom:1px solid var(--glass-edge);background:#f5f8fc;box-shadow:0 8px 26px #39567c1f,inset 0 1px #fff}.playing-music-studio .topbar .logo{display:flex}.playing-music-studio .topbar .stars{display:block}.playing-music-studio .top-actions{position:static}.playing-music-studio #soundBtn{width:52px;height:52px;font-size:23px}.playing-music-studio .creative-game-nav{top:var(--nav-top);min-height:74px;margin:0 0 18px;padding:9px;gap:10px;border-radius:23px}.playing-music-studio .game-exit{min-height:56px;padding:9px 17px;border-radius:18px}.playing-music-studio .game-exit span{font-size:25px}.playing-music-studio .game-exit b{font-size:17px}.playing-music-studio .mini-game-name span{font-size:29px}.playing-music-studio .mini-game-name b{display:block;font-size:20px}.playing-music-studio .mini-game-tools{gap:8px}.playing-music-studio .mini-game-tools button{width:54px;height:54px;font-size:24px;border-radius:17px}.playing-music-studio .music-studio{display:block;max-width:none;padding:0 0 24px;overflow:visible}.playing-music-studio .music-studio button{min-height:48px}.playing-music-studio .ms-hero{display:flex;margin:6px 0 16px;padding:6px 4px}.playing-music-studio .ms-tabs{gap:10px;margin:0 0 14px}.playing-music-studio .ms-tabs button{min-height:62px;padding:12px;gap:8px;border-radius:21px}.playing-music-studio .ms-tabs span{font-size:27px}.playing-music-studio .ms-tabs b{font-size:18px}.playing-music-studio .ms-sound-controls{padding:14px;gap:16px;border-radius:25px}.playing-music-studio .ms-instruments{gap:9px}.playing-music-studio .ms-instruments button{min-width:48px;min-height:62px;padding:10px 5px;flex-direction:row;gap:7px;border-radius:17px}.playing-music-studio .ms-instruments span{font-size:26px}.playing-music-studio .ms-instruments b{font-size:16px}.playing-music-studio .ms-volume{position:static;width:200px;flex:0 0 200px;min-width:0;height:auto;gap:5px}.playing-music-studio .ms-volume>span{position:static;font-size:14px;line-height:1.4}.playing-music-studio .ms-volume input{height:48px;min-height:48px}.playing-music-studio .ms-status{min-height:48px;margin:12px 0;padding:12px 15px;font-size:15px;line-height:1.6;border-radius:16px}.playing-music-studio .ms-piano-wrap{margin:14px 0;padding:18px;border-radius:28px}.playing-music-studio .ms-piano-head{min-height:48px;margin:0 0 12px;flex-wrap:wrap;gap:12px}.playing-music-studio .ms-piano-head strong{font-size:18px}.playing-music-studio .ms-octaves button{min-height:48px;min-width:58px;padding:9px 14px;font-size:15px;border-radius:15px}.playing-music-studio .ms-piano{grid-template-columns:repeat(8,minmax(0,1fr));gap:9px;padding:0;background:none;box-shadow:none;border-radius:0}.playing-music-studio .music-studio .ms-key,.playing-music-studio [data-ms-view=songs] .ms-key{min-height:180px;height:clamp(180px,28svh,270px);min-width:48px;padding:14px 2px;gap:9px;border-radius:18px;border:1px solid #ffffffd9;border-bottom:7px solid var(--key);justify-content:center;background:linear-gradient(160deg,color-mix(in srgb,var(--key),white 67%),color-mix(in srgb,var(--key),white 33%));box-shadow:inset 0 1px #ffffffeb,0 6px 8px #2f465d14}.playing-music-studio .ms-key>span,.playing-music-studio [data-ms-view=songs] .ms-key>span{font-size:33px;line-height:1.2}.playing-music-studio .ms-key>b,.playing-music-studio [data-ms-view=songs] .ms-key>b{font-size:22px;line-height:1.3}.playing-music-studio .ms-key>small,.playing-music-studio [data-ms-view=songs] .ms-key>small{font-size:14px;line-height:1.3}.playing-music-studio .ms-keyboard-hint{display:block;font-size:14px}.playing-music-studio .ms-record-card,.playing-music-studio .ms-works,.playing-music-studio .ms-composer{margin:16px 0;padding:20px}.playing-music-studio .ms-song-player{padding:20px;grid-template-columns:55px minmax(0,1fr);gap:13px;margin-bottom:12px;border-radius:26px}.playing-music-studio .ms-song-icon{font-size:40px}.playing-music-studio .ms-song-player strong{font-size:23px}.playing-music-studio .ms-song-player small{font-size:14px}.playing-music-studio .ms-song-player .ms-action-row{grid-column:1/-1;grid-row:auto;gap:10px}.playing-music-studio .ms-song-player .ms-action-row>button{min-height:56px;padding:12px 10px;font-size:17px;border-radius:17px}.playing-music-studio .ms-song-progress{position:static;width:auto;height:auto;padding:0;overflow:visible;clip-path:none;white-space:normal;font-size:15px}.playing-music-studio .ms-song-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.playing-music-studio .ms-song-grid>button{min-height:130px;padding:16px 8px}.playing-music-studio .ms-steps{grid-template-columns:repeat(8,minmax(0,1fr));gap:9px}.playing-music-studio .ms-note-choices{grid-template-columns:repeat(9,minmax(0,1fr));gap:9px}.playing-music-studio .ms-note-choices .ms-rest{grid-column:auto;flex-direction:column}.ms-tempo input{min-height:48px}body.playing-writing-studio{--topbar-height:64px;--nav-top:calc(var(--topbar-height) + var(--safe-top))}.playing-writing-studio .topbar{padding-top:calc(6px + var(--safe-top));padding-bottom:6px}.writing-studio{position:relative;max-width:none;display:grid;grid-template-columns:minmax(290px,.9fr) minmax(0,1.4fr);grid-template-areas:"hero board" "actions board" "menu board" "heading board" "status board" "tools board" "navigation board";column-gap:var(--tablet-gap);align-items:start;padding-bottom:20px}.writing-studio button{min-height:52px;min-width:48px}.writing-studio>.ws-hero{grid-area:hero;margin:3px 0 14px}.ws-hero h2{font-size:28px}.ws-hero>span{font-size:40px}.ws-hero small{font-size:14px;line-height:1.5}.writing-studio>.ws-top-actions{grid-area:actions;gap:9px;margin-bottom:16px}.ws-top-actions button{min-height:54px;font-size:15px;padding:10px 4px}.writing-studio>.ws-number-menu,.writing-studio>.ws-number-menu:not([hidden]){grid-area:menu;position:static;inset:auto;z-index:auto;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:10px;margin:0 0 16px;box-shadow:0 6px 18px #45628412}.ws-number-menu button{min-height:68px;font-size:27px}.ws-number-menu button>span{font-size:11px}.writing-studio>.ws-lesson-heading{grid-area:heading;min-height:100px;padding:16px;gap:12px}.ws-target-number{font-size:64px;flex-basis:80px}.ws-lesson-heading h3{font-size:24px;margin-bottom:7px}.ws-step-badge{font-size:14px}.ws-lesson-heading p,.ws-lesson-heading small{font-size:15px;line-height:1.65}.writing-studio>.ws-status{grid-area:status;font-size:16px;line-height:1.65;margin:15px 3px}.writing-studio>.ws-board-frame{grid-area:board;width:min(100%,calc(100svh - 122px),680px);min-width:0;margin:0 auto;align-self:start;justify-self:center;border-radius:32px}.writing-studio>.ws-board-tools{grid-area:tools;width:100%;margin:4px 0 12px;gap:9px}.ws-board-tools button{min-height:58px;font-size:16px;padding:12px 6px}.writing-studio>.ws-bottom-nav{grid-area:navigation;width:100%;margin:0;gap:12px}.ws-bottom-nav button{min-height:58px;font-size:17px;padding:11px 6px}.writing-studio[data-ws-view=done]{grid-template-areas:"hero actions" "menu menu" "complete complete";grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.writing-studio[data-ws-view=done]>.ws-top-actions{align-self:center;margin-bottom:0}.writing-studio[data-ws-view=done]>.ws-number-menu{grid-template-columns:repeat(10,minmax(0,1fr))}.writing-studio>.ws-complete{grid-area:complete;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px;align-items:center;padding:24px;margin:20px 0 0}.ws-complete>.ws-success-icon,.ws-complete>h3,.ws-complete>.ws-status,.ws-complete>.ws-complete-number,.ws-complete>.ws-complete-actions{grid-column:1}.ws-complete>.ws-character-card{grid-column:2;grid-row:1/span 5;margin:0}.ws-complete>.ws-progress-note{grid-column:1/-1;font-size:14px}.ws-complete h3{font-size:28px}.ws-complete-number{padding:16px;grid-template-columns:70px minmax(0,1fr)}.ws-complete-number strong{font-size:48px}.ws-counting-icons{max-width:330px;font-size:32px}.ws-character-card p{font-size:19px;line-height:1.75}.ws-character-main{grid-template-columns:130px minmax(0,1fr)}.ws-character-card button,.ws-complete-actions button{min-height:58px;font-size:18px}.video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.video-poster{height:155px}.video-card h2{font-size:22px}.video-card p{font-size:16px}@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.playing-music-studio .topbar{background:linear-gradient(145deg,#fffc,#f6fbff99);-webkit-backdrop-filter:blur(22px) saturate(145%);backdrop-filter:blur(22px) saturate(145%)}}@media (min-width:1120px){.book-grid,.game-choice-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.school-page .course-list,.know-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.know-favorites-grid,.playing-music-studio .ms-song-grid,.art-palette{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:1000px){.school-page .course-list,.know-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-category{grid-template-columns:1fr;justify-items:center;text-align:center;gap:4px}.game-category>span{grid-row:auto}.game-category small{display:none}.playing-music-studio .ms-instruments button{flex-direction:column;gap:3px}.playing-music-studio .ms-instruments b{font-size:14px}.playing-music-studio .ms-volume{width:160px;flex-basis:160px}.ws-top-actions button,.ws-board-tools button{font-size:14px}.ws-hero h2{font-size:25px}}@media (max-height:690px){:root{--topbar-height:64px}.topbar{padding-top:calc(6px + var(--safe-top));padding-bottom:6px}main,.playing-mini-game main,.playing-music-studio main,.playing-writing-studio main{padding-top:14px}.home-dashboard .home-hero{min-height:92px;padding:13px 20px}.home-dashboard .home-hero h1{font-size:29px}.home-dashboard .home-guide{min-height:68px;min-width:76px}.home-writing-banner{min-height:92px;margin-top:0;padding:9px 17px}.home-writing-banner>span:first-child{width:50px;height:50px}.home-writing-banner b{font-size:22px}.home-title{margin:13px 3px 9px;font-size:21px}.home-function-grid{gap:12px}.home-function-grid .home-function-card{min-height:118px;padding:10px 17px}.home-function-grid .icon{width:45px;height:45px;font-size:32px;margin-bottom:5px}.home-function-grid b{font-size:20px}.home-function-grid small{font-size:12px}.reader .story-text{font-size:20px;line-height:1.7;padding-top:22px}.classroom .lesson-visual{min-height:255px;padding:20px}.classroom .lesson-talk{padding-top:18px}.classroom .lesson-talk p{font-size:20px;line-height:1.65}.know-big-card>p{font-size:19px;line-height:1.7;padding:0 22px}.know-big-card>.know-word-row h1{font-size:36px}.playing-music-studio .ms-hero{margin-bottom:10px}.playing-music-studio .ms-hero>span{font-size:40px}.playing-music-studio .ms-tabs{margin-bottom:10px}.playing-music-studio .ms-tabs button{min-height:54px}.playing-music-studio .ms-sound-controls{padding:10px}}@media (orientation:landscape){body.playing-music-studio{--topbar-height:52px;--nav-top:calc(52px + var(--safe-top))}.playing-music-studio .topbar{padding-top:calc(4px + var(--safe-top));padding-bottom:4px}.playing-music-studio main{padding-top:10px}.playing-music-studio .creative-game-nav{min-height:56px;padding:6px;margin-bottom:10px}.playing-music-studio .game-exit{min-height:44px;padding:6px 14px}.playing-music-studio .mini-game-tools button{width:44px;height:44px}.playing-music-studio .ms-hero{display:none}.playing-music-studio .ms-tabs{margin-bottom:8px}.playing-music-studio .ms-tabs button{min-height:48px;padding:8px}.playing-music-studio .ms-sound-controls{padding:8px;gap:12px}.playing-music-studio .ms-instruments button{min-height:50px;padding:6px;flex-direction:row;gap:6px}.playing-music-studio .ms-instruments span{font-size:24px}.playing-music-studio .ms-volume input{min-height:40px;height:40px}.playing-music-studio .ms-status{min-height:38px;padding:8px 12px;margin:6px 0;font-size:14px}.playing-music-studio .ms-piano-wrap{margin:8px 0;padding:12px}.playing-music-studio .ms-piano-head{min-height:40px;margin-bottom:8px}.playing-music-studio .ms-octaves button{min-height:40px;padding:6px 12px}.playing-music-studio .music-studio .ms-key,.playing-music-studio [data-ms-view=songs] .ms-key{min-height:160px;height:clamp(160px,28svh,270px)}.playing-music-studio .ms-keyboard-hint{font-size:12px;margin:6px 0 0}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.playing-music-studio .topbar{background:#f8fbff;-webkit-backdrop-filter:none;backdrop-filter:none}.reader .story-text{background:#fff}}@media (forced-colors:active){.playing-music-studio .topbar{background:Canvas;border-bottom:1px solid CanvasText;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.reader .story-text{background:Canvas}}}.home-dashboard{display:block;max-width:1320px;margin:auto}.home-dashboard .home-hero{min-height:124px;padding:23px 26px;border-radius:28px;background:linear-gradient(120deg,#fff8e9,#eaf5ff);box-shadow:0 9px 26px #45628412}.home-feature-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:14px;margin:15px 0 7px}.home-feature-grid .princess-home-banner,.home-feature-grid .home-writing-banner{height:100%;min-height:104px;margin:0;padding:16px 20px;border:1px solid #fff;border-radius:24px;box-shadow:0 8px 20px #45628413}.home-feature-grid .princess-home-banner{background:linear-gradient(125deg,#ffe1ee,#f2e7ff 75%)}.home-feature-grid .princess-home-banner>span:first-child{display:grid;place-items:center;flex:0 0 64px;width:64px;height:64px;border-radius:20px;background:#ffffffa9;font-size:37px}.home-feature-grid .princess-home-banner b{font-size:23px;color:#7c3f70}.home-feature-grid .princess-home-banner small{font-size:14px}.home-feature-grid .home-writing-banner{background:linear-gradient(125deg,#e1f1ff,#f5f9ff)}.home-dashboard .home-title{margin:21px 2px 12px}.home-dashboard .home-function-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.home-dashboard .home-function-card{min-height:138px;border-radius:23px;background:#fff;box-shadow:0 6px 17px #45628412}.home-daily-progress{width:100%;min-height:57px;display:flex;align-items:center;gap:9px;margin:18px 0 4px;padding:10px 16px;border:1px solid #e2ebdf;border-radius:18px;background:#f0f8eb;color:#385a3e;text-align:left;font-size:15px;font-weight:750}.home-daily-progress span:first-child{font-size:25px}.home-daily-progress b{margin-left:auto;white-space:nowrap}.game-home{max-width:1320px;margin:auto}.game-home .game-hero{min-height:112px;padding:18px 23px;border-radius:27px;background:linear-gradient(120deg,#e8f4ff,#f8edff)}.game-home .game-hero h1{font-size:30px}.game-home .game-hero>span{font-size:55px}.game-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:15px 0 17px}.game-feature-grid button{min-width:0;min-height:96px;display:grid;grid-template-columns:62px minmax(0,1fr) auto;grid-template-rows:auto auto;align-content:center;align-items:center;column-gap:10px;padding:13px 17px;text-align:left;border:1px solid #fff;border-radius:23px;background:linear-gradient(120deg,#ffe5ee,#f4e8ff);box-shadow:0 6px 17px #45628412}.game-feature-grid button:nth-child(2){background:linear-gradient(120deg,#e4f4ff,#edf9f3)}.game-feature-grid button>span{grid-row:1/3;display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#ffffffb3;font-size:35px}.game-feature-grid b{font-size:21px;color:#414460}.game-feature-grid small{font-size:13px;color:#687181}.game-feature-grid i{grid-column:3;grid-row:1/3;font-style:normal;font-weight:800;color:#8d5682;white-space:nowrap}.game-home .game-category-rail{margin-bottom:13px}.game-home .game-category{border-width:2px;box-shadow:0 4px 11px #45628410}.game-home .game-choice{background:#fff;border:1px solid #ecf0f4;box-shadow:0 6px 18px #45628413}.game-home .game-category-head{margin-top:0}.princess-character-bar .princess-top-finish{display:none}.princess-characters button{flex-basis:104px}@media (min-width:800px) and (min-height:600px){.home-dashboard>.home-hero,.home-dashboard>.home-feature-grid,.home-dashboard>.home-title,.home-dashboard>.home-function-grid,.home-dashboard>.home-daily-progress,.home-dashboard>.home-continue{grid-column:auto;grid-row:auto}.home-dashboard .home-hero{min-height:124px;padding:23px 26px}.home-dashboard .home-function-card{min-height:138px;padding:17px}}@media (max-width:700px){.home-feature-grid{grid-template-columns:1fr;gap:10px}.home-feature-grid .princess-home-banner,.home-feature-grid .home-writing-banner{min-height:82px}.home-dashboard .home-function-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.game-feature-grid{gap:9px}.game-feature-grid button{grid-template-columns:45px minmax(0,1fr);min-height:83px;padding:10px;column-gap:7px}.game-feature-grid button>span{width:44px;height:44px;font-size:27px}.game-feature-grid b{font-size:16px}.game-feature-grid small{font-size:11px}.game-feature-grid i{display:none}}.app-update-btn{display:grid;place-items:center;width:60px;border-radius:17px;text-decoration:none;color:#48666d;font-size:16px;font-weight:850;position:relative}.app-update-btn.has-update:after{content:"";position:absolute;right:3px;top:3px;width:10px;height:10px;border-radius:50%;background:#e85071;border:2px solid #fff}:root{--ink:#634866;--muted:#8c768e;--cream:#fff5f6;--card:#fffafd;--line:#f3dfe9;--shadow:0 9px 25px #ae76a018;--mint:#a6dfc6;--purple:#bba6ed;--peach:#efb4c8}html,body{background:#fff5f8;color:var(--ink)}body{background:radial-gradient(ellipse at 8% 0,#ffe1ee 0,transparent 42%),radial-gradient(ellipse at 90% 25%,#ece4ff 0,transparent 45%),#fff8fa;background-attachment:fixed}.topbar{background:#fff8fbcf;border-color:#fff;box-shadow:0 4px 22px #b780ad0d}.logo{color:#855776}.round-btn{border-radius:18px;background:#fff4fa;color:#936284}.stars{background:#fff2d8;color:#977347}.bottom-nav{background:#fffaf5e8;border:1px solid #fff;border-radius:27px 27px 0 0;box-shadow:0 -5px 22px #a7689410}.bottom-nav button.active{background:#f9dce9;color:#905373;border-radius:20px}.home-dashboard .home-hero{min-height:175px;border-radius:34px;background:linear-gradient(125deg,#ffe3ec,#f0e4ff);position:relative;overflow:hidden;border:2px solid white}.home-dashboard .home-hero h1{font-size:clamp(27px,4vw,43px);color:#805478}.home-greeting{color:#986989}.home-hero:after{content:"✦";position:absolute;right:125px;top:23px;font-size:32px;color:#d4add6;pointer-events:none}.home-guide{border-radius:28px;background:#ffffff92;box-shadow:0 5px #ead4e7}.home-guide span{filter:drop-shadow(0 5px 6px #dbabc2)}.home-dashboard .home-function-card,.game-home .game-choice,.book,.course-card,.know-category{border:2px solid #fff;border-radius:27px;box-shadow:0 5px #eedfe94d,0 9px 20px #b4779a0a}.home-function-card:nth-child(4n+1){background:#fff1e9}.home-function-card:nth-child(4n+2){background:#eef9f2}.home-function-card:nth-child(4n+3){background:#f4edff}.home-function-card:nth-child(4n){background:#fff0f5}.home-function-card .icon{width:66px;height:66px;border-radius:23px;background:#ffffffb3;display:grid;place-items:center}.home-feature-grid .princess-home-banner,.home-feature-grid .home-writing-banner{border:2px solid white;border-radius:28px}.home-daily-progress{background:#f1f9ee;border:2px solid white}.game-home .game-hero,.video-welcome{background:linear-gradient(120deg,#ffe6f0,#eee7ff);border-radius:30px}.game-home .game-choice{background:#fff8fb}.game-category.active{background:#f9e7f5}.page-head h1,.section-title{color:#7f577d}.chip,.filters button,.control,.wide-btn,.course-answers button{border-radius:22px}.chip.active,.control.primary,.wide-btn:not(.soft){background:#b984b4;color:#fff}.reader-stage{border-radius:30px;border:2px solid white}.story-text{background:#fffaf7}.teacher-card{border-radius:32px;background:#fffafb}.teacher-label{color:#91698a}.cozy-entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.cozy-entry{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;padding:20px 8px;min-height:175px;border:2px solid white;border-radius:30px;background:#ffe8f0;box-shadow:0 5px #f0d8e6;color:#784e73;text-align:center}.cozy-entry:nth-child(2){background:#eaf7e9;box-shadow:0 5px #d5e8d6;color:#537354}.cozy-entry:nth-child(3){background:#eee8ff;box-shadow:0 5px #e1d7f2}.cozy-entry>span{font-size:59px;line-height:1.2}.cozy-entry b{font-size:23px}.cozy-entry small{font-size:13px;color:#8b788b}.cozy-entry em{position:absolute;right:10px;top:8px;font-size:11px;font-style:normal;background:#ffffffc2;padding:4px 8px;border-radius:12px}.cozy-page{max-width:900px;margin:auto;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.cozy-heading{text-align:center;margin:24px 0 20px}.cozy-heading small{color:#a87c9e}.cozy-heading h1{font-size:34px;margin:7px 0}.cozy-heading p{font-size:16px;line-height:1.6}.pet-choices,.garden-seeds{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.pet-choices button,.garden-seeds button{padding:12px 18px;background:#fff;border-radius:20px;border:2px solid white;font-weight:750}.pet-choices button[aria-pressed=true],.garden-seeds button[aria-pressed=true]{border-color:#c18cb7;background:#ffe9f3}.pet-room{height:280px;position:relative;overflow:hidden;border:3px solid white;border-radius:38px;margin:20px 0;background:repeating-linear-gradient(90deg,#fbeaf5 0 28px,#fff1f8 28px 56px)}.pet-floor{height:60px;position:absolute;bottom:0;width:100%;background:#edddf3;border-top:3px solid white}.pet-room-window{position:absolute;right:10%;top:24px;font-size:35px;background:#dfecfa;border:8px solid white;border-radius:23px;width:85px;height:90px;display:grid;place-items:center}.cozy-pet-art{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);z-index:1}.cozy-pet-face{font-size:142px;filter:drop-shadow(0 8px 0 #d5a8cb32)}.pet-heart{position:absolute;left:-28px;top:20px;font-size:40px;color:#d994b6;transform:rotate(-18deg)}.pet-paw{position:absolute;right:-28px;bottom:6px;font-size:27px;transform:rotate(22deg)}.pet-needs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pet-needs div{background:#fff;border-radius:20px;padding:13px;text-align:center;display:grid;gap:7px}.pet-needs span{color:#d586ad;font-size:24px;letter-spacing:3px}.cozy-tools{display:flex;justify-content:center;gap:15px;margin:20px 0}.cozy-tools button{flex:1;max-width:200px;min-height:91px;border:2px solid white;border-radius:25px;background:#f9e3ef;display:grid;justify-items:center;gap:4px;padding:13px}.cozy-tools span{font-size:36px}.cozy-tools b{font-size:17px}.cozy-notice{min-height:58px;text-align:center;padding:15px;background:#fffafc;border-radius:20px;line-height:1.6}.cozy-secondary{display:block;width:100%;padding:16px;margin:12px 0;border-radius:22px;background:#fff;color:#7c6481;font-weight:750}.garden-summary{display:flex;justify-content:space-between;gap:8px;background:#fff8df;border:2px solid white;padding:16px;border-radius:23px;margin:16px 0;font-weight:750}.garden-seeds button{display:grid;gap:4px;min-width:80px}.garden-seeds span{font-size:30px}.garden-tools button{background:#e6f1e7;touch-action:none}.garden-tools button[aria-pressed=true]{border-color:#88b990;background:#d4edd4}.garden-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:20px;border-radius:32px;background:#e7f3dc;border:3px solid white}.garden-plot{display:grid;place-items:center;gap:5px;min-height:145px;border:3px solid #e7ceaa;background:linear-gradient(#d2ad88,#b98f6e);border-radius:29px;color:#fff9ed;box-shadow:inset 0 -7px #a5785740}.garden-plot span{font-size:56px;line-height:1.2}.garden-plot small{font-size:12px}.garden-plot.stage-3{border-color:#f5d965;background:#c8a780}.garden-plot.stage-3 span{filter:drop-shadow(0 3px 2px #67542744)}button:focus-visible,a:focus-visible{outline:3px solid #ab73ac;outline-offset:4px}button{touch-action:manipulation}button:hover{filter:brightness(1.015)}@media (max-width:600px){.cozy-entry-grid{gap:8px}.cozy-entry{min-height:139px;padding:17px 6px;border-radius:24px}.cozy-entry>span{font-size:41px}.cozy-entry b{font-size:17px}.cozy-entry small{font-size:11px}.home-dashboard .home-hero{min-height:156px;padding:22px 18px}.cozy-heading h1{font-size:28px}.pet-room{height:235px}.cozy-pet-face{font-size:120px}.garden-board{gap:10px;padding:12px}.garden-plot{min-height:128px;border-radius:22px}.garden-plot span{font-size:42px}.garden-seeds{gap:6px}.garden-seeds button{min-width:0;flex:1;padding:10px 5px;font-size:12px}.cozy-tools{gap:9px}.cozy-tools button{padding:10px}.cozy-page .mini-game-name b{font-size:16px}.garden-summary{font-size:13px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.home-simple .home-hero{min-height:126px;margin-bottom:17px}.home-simple-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.home-simple-grid .home-function-card{min-height:176px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:17px;border-radius:30px}.home-simple-grid .icon{font-size:51px;width:78px;height:78px;border-radius:25px}.home-simple-grid b{font-size:24px;margin:9px 0 5px}.home-simple-grid small{font-size:14px}.home-simple-grid .home-function-card:nth-child(1){background:#ffe8f1}.home-simple-grid .home-function-card:nth-child(2){background:#eaf5e5}.home-simple-grid .home-function-card:nth-child(3){background:#efe7ff}.home-simple-grid .home-function-card:nth-child(4){background:#ffe5f0}.home-simple-grid .home-function-card:nth-child(5){background:#fff0db}.home-simple-grid .home-function-card:nth-child(6){background:#e7f1fa}.home-more{margin:21px 0;border:2px solid white;background:#fff8fbbb;border-radius:25px;padding:15px 18px}.home-more summary{font-size:17px;font-weight:800;cursor:pointer;list-style:none}.home-more summary span{float:right}.home-more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:15px}.home-more-grid button,.home-more-grid .home-writing-banner{min-height:67px;padding:12px;margin:0;border-radius:18px;background:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-size:22px}.home-more-grid b{font-size:15px}.game-home .game-hero{min-height:95px}.game-home .game-category-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:18px 0}.game-home .game-category{min-width:0;width:100%;padding:12px 6px}.game-home .game-category b{font-size:16px}.game-home .game-choice{min-height:135px}.chip.active,.control.primary,.wide-btn:not(.soft){background:#946299;color:#fff}@media (max-width:600px){.home-simple .home-hero{min-height:119px;padding:17px}.home-simple .home-hero h1{font-size:27px}.home-simple .home-guide{width:61px;min-height:76px;padding:7px}.home-simple-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.home-simple-grid .home-function-card{min-height:143px;padding:13px;border-radius:26px}.home-simple-grid .icon{font-size:39px;width:56px;height:56px;border-radius:20px}.home-simple-grid b{font-size:21px;margin:8px 0 3px}.home-simple-grid small{font-size:12px}.home-more{margin:15px 0;padding:13px}.home-more summary{font-size:15px}.home-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-home .game-category b{font-size:14px}.game-home .game-category-head{padding:13px}.game-home .game-hero h1{font-size:27px}}.game-home .game-category{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.game-home .game-category span{font-size:26px;line-height:1.2}.game-home .game-category b{white-space:nowrap;font-size:14px}.game-home .game-category small{font-size:12px}.market-coins{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;background:#fff8df;border:2px solid #fff;padding:14px 18px;border-radius:23px;margin:14px 0;font-weight:750;color:#6b4a1f}.market-coins b{color:#a8620c;font-size:20px}.market-stage{display:grid;gap:12px;padding:18px;border-radius:26px;background:linear-gradient(#ffe9cf,#fff6e8);border:2px solid #fff}.market-customer{display:flex;align-items:center;gap:14px;background:#fff;border-radius:20px;padding:14px 18px;min-height:76px;box-shadow:0 4px 14px #d9a76a26}.market-customer.idle{background:#fffdf7}.mc-face{font-size:44px;line-height:1;flex:0 0 auto}.mc-copy{display:grid;gap:3px}.mc-copy b{font-size:17px;color:#4a3a22}.mc-copy small{font-size:14px;color:#8a785f}.market-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.market-actions button{min-height:60px;border-radius:20px;font-size:17px;font-weight:800;border:3px solid #fff;color:#fff;box-shadow:0 5px #00000018}.market-open{background:linear-gradient(#ffb45e,#f08a1f)}.market-serve{background:linear-gradient(#79c98a,#43a45c)}.market-actions button:disabled{background:#e8e0d4;color:#a99b88;box-shadow:none}.market-shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px;margin:16px 0;border-radius:26px;background:linear-gradient(#d8b58c,#c19b70);border:3px solid #fff}.market-slot{display:grid;place-items:center;gap:3px;min-height:118px;border-radius:20px;border:3px dashed #fff8ec;background:#0000001f;color:#fff8ec}.market-slot.filled{border-style:solid;border-color:#ffe9c4;background:linear-gradient(#fffaf0,#fff0d8);color:#5a4525}.market-slot span{font-size:42px;line-height:1.1}.market-slot b{font-size:14px;font-weight:750}.market-slot small{font-size:12px;opacity:.9}.market-pantry-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:6px 2px 10px}.market-pantry-head b{font-size:17px;color:#4a3a22}.market-pantry-head small{font-size:14px;color:#8a785f}.market-pantry{display:flex;gap:10px;flex-wrap:wrap;background:#eff7e6;border:3px solid #fff;border-radius:24px;padding:14px}.market-pantry.compact{background:#eff7e6;padding:12px;margin-bottom:6px}.pantry-item{display:grid;place-items:center;gap:2px;min-width:88px;min-height:76px;border-radius:18px;border:3px solid #fff;background:#fffdf6;color:#4a3a22;box-shadow:0 3px #0000000f}.pantry-item span{font-size:32px;line-height:1.1}.pantry-item b{font-size:14px}.pantry-item small{font-size:13px;color:#8a785f}.pantry-chip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 14px;border-radius:16px;border:2px solid #fff;background:#fffdf6;color:#4a3a22;font-weight:700;font-size:14px}.pantry-chip span{font-size:24px;line-height:1}.pantry-empty{margin:0;padding:10px 6px;font-size:15px;color:#6d7a5c}.garden-to-market{background:linear-gradient(#ffb45e,#f08a1f)!important;color:#fff!important;border-color:#fff!important;font-weight:800}.market-nav{margin-top:16px}.toy-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.toy-card{display:grid;place-items:center;gap:3px;min-height:132px;border-radius:22px;border:3px solid #fff;background:#fffdf6;color:#4a3a22;box-shadow:0 5px #00000014}.toy-card.owned{background:linear-gradient(#eaf7ee,#d8f0e0);border-color:#bfe4cd}.toy-card.too-pricey{filter:saturate(.55);opacity:.75}.toy-card b{font-size:15px;font-weight:800}.toy-card small{font-size:13px;color:#7d6a4f}.toy-icon{font-size:46px;line-height:1.1;display:inline-block}.toy-icon.playing,.toy-shelf-item.playing{animation:toy-pop .55s ease-in-out 3}@keyframes toy-pop{0%,to{transform:translateY(0) scale(1)}45%{transform:translateY(-12px) scale(1.16)}}.toy-corner{margin-top:6px;padding:16px;border-radius:24px;background:#f3ecff;border:3px solid #fff}.toy-corner>b{font-size:17px;color:#4a3a22}.toy-corner small{display:block;margin-top:8px;font-size:14px;color:#7d6a4f}.toy-shelf-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.toy-shelf-item{width:76px;height:76px;border-radius:20px;border:3px solid #fff;background:#fffdf6;font-size:38px;line-height:1;display:grid;place-items:center;box-shadow:0 3px #00000012}@media (prefers-reduced-motion:reduce){.toy-icon.playing,.toy-shelf-item.playing{animation:none}}@media (max-width:720px){.market-shelf,.toy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.market-slot{min-height:104px}.toy-card{min-height:118px}}.cozy-pet-svg{display:block;width:215px;height:233px;overflow:visible}.cozy-pet-art{top:48%}.pet-body{transform-origin:120px 235px;animation:petBreath 3.4s ease-in-out infinite}.pet-head{transform-origin:120px 175px;animation:petListen 5.6s ease-in-out infinite}.pet-eyes{transform-origin:120px 130px;animation:petBlink 5.1s infinite}.pet-ears{transform-origin:120px 95px;animation:petEarTwitch 7s ease-in-out infinite}.pet-tail{transform-origin:166px 206px;animation:petTailWag 2.8s ease-in-out infinite}.pet-action-eat .pet-head{animation:petNibble .28s ease-in-out 6}.pet-action-eat .pet-mouth{transform-origin:120px 160px;animation:petChew .28s ease-in-out 6}.pet-action-wash .pet-head{animation:petShake .25s ease-in-out 6}.pet-action-play .pet-body{animation:petHop .45s ease-in-out 4}.pet-action-play .pet-arm{transform-origin:77px 193px;animation:petWave .4s ease-in-out 4}.pet-play-prop{position:absolute;right:-20px;bottom:25px;font-size:45px;pointer-events:none;animation:petToyBounce 1s ease-in-out 2}.pet-action-eat .pet-play-prop{right:52px;bottom:90px;animation:petSnack 1.8s ease-out both}.pet-action-wash .pet-play-prop{left:15px;right:auto;bottom:80px;animation:petBubbles 1.8s ease-out both}.pet-action-hearts{position:absolute;left:20px;right:20px;top:70px;pointer-events:none}.pet-action-hearts i{position:absolute;left:calc(20% + var(--n)*28%);font-size:30px;font-style:normal;color:#df80a7;animation:heartLift 1.65s ease-out calc(var(--n)*.1s) both}.garden-plot{position:relative;overflow:visible}.garden-plot.reacting-sow>span{animation:seedSettle .6s ease-out}.garden-plot.reacting-water>span{transform-origin:center bottom;animation:plantGrow .65s ease-out}.garden-action-fx{position:absolute;left:50%;top:35%;font-style:normal;font-size:36px;pointer-events:none;animation:waterRain 1s ease-in both}.reacting-sow .garden-action-fx{animation:sowSpark 1.15s ease-out both}.reacting-harvest .garden-action-fx{font-size:50px;animation:harvestFly 1.3s ease-in-out both}.basket-happy>span:first-child{animation:basketBounce .6s ease-out}.garden-plot.stage-3>span{animation:ripeSway 3s ease-in-out infinite;transform-origin:center bottom}.garden-plot.reacting-water.stage-3>span{animation:plantGrow .65s ease-out,ripeSway 3s ease-in-out .7s infinite}.princess-stage .princess-art{animation:princessLiving 4s ease-in-out infinite;transform-origin:50% 95%}.princess-choice.selected{animation:outfitChosen .35s ease-out}.memory-card.open{animation:memoryReveal .32s ease-out}.ng-puzzle-slot.filled,.ng-target.done,.ng-slot.filled{animation:pieceHappy .38s ease-out}.ng-bunny-stage-done,.cg-success{animation:rewardArrive .4s ease-out}.cg-route-cell.robot>span{animation:robotArrive .22s ease-out}.cg-memory-cell.is-active{animation:pieceHappy .3s ease-out}.ms-key.is-lit>span,.ms-key.is-target>span{animation:musicDance .23s ease-out}.ms-step.is-playing b{animation:musicDance .23s ease-out}.mini-game-page .game-exit:active,.cozy-page .game-exit:active{transform:scale(.95)}@keyframes petBreath{50%{transform:scale(1.018,1.025)}}@keyframes petListen{0%,75%,to{transform:rotate(0)}82%{transform:rotate(-3deg)}90%{transform:rotate(3deg)}}@keyframes petBlink{0%,91%,96%,to{transform:scaleY(1)}93%,94%{transform:scaleY(.09)}}@keyframes petEarTwitch{0%,76%,to{transform:rotate(0)}82%{transform:rotate(-3deg)}88%{transform:rotate(3deg)}}@keyframes petTailWag{50%{transform:rotate(12deg)}}@keyframes petNibble{50%{transform:translateY(3px) rotate(-1deg)}}@keyframes petChew{50%{transform:scaleY(.6)}}@keyframes petShake{25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}@keyframes petHop{50%{transform:translateY(-12px) scale(.98,1.04)}}@keyframes petWave{50%{transform:rotate(-30deg)}}@keyframes petToyBounce{0%,to{transform:translateY(0) rotate(0)}50%{transform:translate(-45px,-40px) rotate(-150deg)}}@keyframes petSnack{0%{transform:translate(15px,25px) scale(.7);opacity:0}25%,60%{opacity:1}to{transform:translate(-5px,-20px) scale(.5);opacity:0}}@keyframes petBubbles{0%{opacity:0;transform:translateY(20px) scale(.6)}30%{opacity:1}to{transform:translateY(-85px) scale(1.4);opacity:0}}@keyframes heartLift{0%{transform:translateY(20px) scale(.7);opacity:0}25%{opacity:1}to{transform:translateY(-85px) scale(1.15);opacity:0}}@keyframes seedSettle{0%{transform:translateY(-20px) scale(.6)}65%{transform:translateY(3px) scale(1.08)}to{transform:none}}@keyframes plantGrow{0%{transform:scale(.5) translateY(5px)}70%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes waterRain{0%{transform:translate(-50%,-40px) scale(.6);opacity:0}20%{opacity:1}to{transform:translate(-50%,35px) scale(.85);opacity:0}}@keyframes sowSpark{0%{transform:translate(-50%,10px) scale(.5);opacity:0}30%{opacity:1}to{transform:translate(-50%,-35px) scale(1.1);opacity:0}}@keyframes harvestFly{0%{transform:translate(-50%,15px);opacity:1}40%{transform:translate(-50%,-50px) scale(1.15);opacity:1}to{transform:translate(-50%,-135px) scale(.2);opacity:0}}@keyframes basketBounce{50%{transform:translateY(-5px) scale(1.08)}}@keyframes ripeSway{50%{transform:rotate(4deg)}}@keyframes princessLiving{50%{transform:translateY(-4px) rotate(.4deg)}}@keyframes outfitChosen{50%{transform:scale(1.07)}}@keyframes memoryReveal{0%{transform:rotateY(65deg) scale(.95)}to{transform:none}}@keyframes pieceHappy{50%{transform:scale(1.06)}}@keyframes rewardArrive{0%{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:none}}@keyframes robotArrive{0%{transform:translateY(-4px) scale(.8)}to{transform:none}}@keyframes musicDance{50%{transform:translateY(-6px) rotate(-8deg)}}@media (max-width:600px){.cozy-pet-svg{width:184px;height:200px}.pet-play-prop{font-size:38px}}@media (prefers-reduced-motion:reduce){.cozy-pet-svg *,.cozy-pet-art *,.garden-plot>span,.garden-action-fx,.basket-happy>span,.princess-stage .princess-art,.princess-choice.selected,.memory-card.open,.ng-puzzle-slot.filled,.ng-target.done,.ng-slot.filled,.ng-bunny-stage-done,.cg-success,.cg-route-cell.robot>span,.cg-memory-cell.is-active,.ms-key>span,.ms-step b{animation:none!important;transition:none!important}.pet-action-hearts,.pet-play-prop,.garden-action-fx{display:none}}.pet-room{height:350px;background:repeating-linear-gradient(90deg,#fcebf3 0 28px,#fff5f8 28px 56px)}.pet-floor{height:38%;background:repeating-linear-gradient(0deg,#ead2ba 0 25px,#e4c9ad 25px 27px);border-top:7px solid #fff9ef}.room-rug{position:absolute;bottom:13px;left:15%;width:70%;height:68px;border-radius:50%;background:#dac8ea;border:7px double #f8eef9}.room-bed{position:absolute;bottom:56px;left:4%;width:125px;height:62px;background:#d8a5be;border-radius:28px 28px 12px 12px;border:4px solid #fff0f7;box-shadow:0 7px #b884a3}.room-bed i{position:absolute;inset:7px;background:#fae2e9;border-radius:20px}.room-bed span{position:absolute;inset:12px;text-align:center;color:#c382a5;font-size:28px}.room-wall-picture{position:absolute;left:12%;top:23px;width:65px;height:76px;background:#e9d8f2;border:7px solid #fff9ef;transform:rotate(-5deg);border-radius:12px;display:grid;place-items:center;font-size:35px;color:#be91b8}.room-plant{position:absolute;right:3%;bottom:65px;font-size:53px}.room-bowl{position:absolute;bottom:20px;left:9%;font-size:33px}.room-ball{position:absolute;right:17%;bottom:26px;font-size:30px}.pet-room-window{top:20px;right:14%;width:106px;height:100px;border-radius:25px;background:linear-gradient(#cfe9ef,#f1f8e5);overflow:hidden}.pet-room-window:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 47%,#fff9ef 47% 53%,transparent 53%),linear-gradient(transparent 47%,#fff9ef 47% 53%,transparent 53%)}.room-sun{position:absolute;top:12px;left:13px;width:28px;height:28px;border-radius:50%;background:#f8d677;box-shadow:0 0 0 7px #f8d67733}.room-cloud{position:absolute;top:45px;width:45px;height:18px;border-radius:50px;background:#fff;animation:roomCloud 13s ease-in-out infinite}.pet-roamer{position:absolute;left:calc(50% - 70px);bottom:30px;width:140px;height:165px;z-index:3;animation:homeWander 20s ease-in-out infinite}.pet-walking-body{width:100%;height:100%;animation:walkBounce .65s ease-in-out infinite}.pet-roamer .cozy-pet-art{position:relative;left:auto;top:auto;transform:none;width:140px;height:165px}.pet-roamer .cozy-pet-svg{width:140px;height:165px}.pet-roamer .pet-foot-left{transform-origin:82px 241px;animation:footStep .65s ease-in-out infinite}.pet-roamer .pet-foot-right{transform-origin:158px 241px;animation:footStep .65s ease-in-out -.325s infinite}.room-caption{position:absolute;top:122px;left:14%;font-size:12px;color:#a27791;background:#ffffffb8;border-radius:12px;padding:7px 10px}.room-action-eat .pet-roamer{animation:eatVisit 5s ease-in-out both,homeWander 20s ease-in-out 5s infinite}.room-action-wash .pet-roamer{animation:bathVisit 5s ease-in-out both,homeWander 20s ease-in-out 5s infinite}.room-action-play .pet-roamer{animation:chaseBall 5s ease-in-out both,homeWander 20s ease-in-out 5s infinite}.room-action-play .room-ball{animation:ballRoll 5s ease-in-out both}.room-action-eat .room-bowl{animation:basketBounce .65s 3}.pet-roamer .pet-play-prop{font-size:32px}.pet-roamer .pet-action-wash:after{content:"";position:absolute;inset:0;border:8px dotted #fff8;border-radius:45%;animation:bathFoam 1s 5}.pet-roamer .pet-action-hearts{top:25px;left:0;right:0}@keyframes homeWander{0%,to{transform:translate(0)}15%,25%{transform:translate(-70px,-16px) rotate(-3deg)}40%,50%{transform:translate(50px) rotate(3deg)}65%,75%{transform:translate(65px,-20px)}88%{transform:translate(-20px,4px)}}@keyframes walkBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes footStep{50%{transform:translateY(-5px) rotate(8deg)}}@keyframes eatVisit{20%,80%{transform:translate(-70px,10px)}to{transform:none}}@keyframes bathVisit{20%,80%{transform:translate(30px,-18px)}to{transform:none}}@keyframes chaseBall{20%{transform:translate(65px) rotate(5deg)}45%{transform:translate(-60px) rotate(-5deg)}70%{transform:translate(55px,-15px)}to{transform:none}}@keyframes ballRoll{20%{transform:translate(-80px) rotate(-180deg)}45%{transform:translate(-140px) rotate(-360deg)}70%{transform:translate(0) rotate(180deg)}to{transform:none}}@keyframes bathFoam{50%{transform:scale(1.1);opacity:.4}}@keyframes roomCloud{50%{transform:translate(50px)}}.garden-landscape{height:92px;position:relative;overflow:hidden;background:linear-gradient(#d7eef0,#f0f6cf);border:3px solid white;border-bottom:0;border-radius:30px 30px 0 0;margin-top:17px}.garden-sun{position:absolute;left:8%;top:7px;font-size:38px;animation:gardenSun 10s ease-in-out infinite}.garden-cloud{position:absolute;left:40%;top:0;font-size:55px;animation:gardenCloud 16s ease-in-out infinite}.garden-butterfly{position:absolute;right:15%;top:25px;font-size:28px;animation:butterflyFlight 8s ease-in-out infinite}.garden-fence{position:absolute;bottom:0;width:100%;height:28px;background:repeating-linear-gradient(90deg,transparent 0 13px,#fff5df 13px 23px,transparent 23px 38px);border-top:5px solid #fff5df;border-bottom:5px solid #fff5df}.garden-board{border-top:0;border-radius:0 0 30px 30px}.garden-plot{overflow:hidden}.garden-sequence{position:absolute;inset:0;pointer-events:none;z-index:4}.garden-sequence span,.garden-sequence i{position:absolute;font-style:normal}.watering-can{right:0;top:0;font-size:42px;animation:canPour 3.2s ease-in-out both}.rain-drop{font-size:17px;left:calc(14% + var(--n)*10%);top:15%;animation:rainStream .8s ease-in calc(var(--n)*.13s) 4 both}.sowing-hand{left:15%;top:0;font-size:42px;animation:handSow 1.7s ease-in-out both}.falling-seed{left:42%;top:20%;font-size:20px;animation:seedDrop 1.7s ease-in both}.harvest-crop{left:35%;top:30%;font-size:49px;animation:cropToBasket 2.5s ease-in-out both}.harvest-basket{right:3%;bottom:8%;font-size:38px;animation:basketCatch 2.5s ease-in-out both}.garden-plot.reacting-water>span{animation:slowGrow 3.5s ease-out both}.garden-plot.reacting-sow>span{animation:seedReveal 2s ease-out both}.garden-plot.stage-2:not(.reacting-water)>span{transform-origin:center bottom;animation:ripeSway 4s ease-in-out infinite}.garden-plot.reacting-water.stage-3>span{animation:slowGrow 3.5s ease-out both,ripeSway 3s ease-in-out 3.5s infinite}@keyframes canPour{0%,to{transform:translate(25px,-30px);opacity:0}20%,75%{transform:rotate(-25deg);opacity:1}}@keyframes rainStream{0%{transform:translateY(-10px);opacity:0}20%{opacity:1}to{transform:translateY(75px);opacity:0}}@keyframes handSow{0%{transform:translateY(-50px);opacity:0}30%,60%{transform:none;opacity:1}to{transform:translateY(-50px);opacity:0}}@keyframes seedDrop{0%,35%{transform:translateY(-15px);opacity:0}40%{opacity:1}85%{transform:translateY(55px);opacity:1}to{transform:translateY(65px);opacity:0}}@keyframes seedReveal{0%,70%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes slowGrow{0%,20%{transform:scale(.2) translateY(25px);opacity:.3}85%{transform:scale(1.08);opacity:1}to{transform:scale(1)}}@keyframes cropToBasket{0%{transform:scale(.8);opacity:1}35%{transform:translateY(-25px) scale(1.1)}85%{transform:translate(35px,40px) scale(.3);opacity:1}to{transform:translate(35px,40px) scale(.3);opacity:0}}@keyframes basketCatch{70%{transform:rotate(-8deg) scale(1.13)}}@keyframes gardenCloud{50%{transform:translate(55px)}}@keyframes gardenSun{50%{transform:rotate(15deg)}}@keyframes butterflyFlight{30%{transform:translate(-45px,-12px) rotate(-12deg)}65%{transform:translate(15px,15px) rotate(12deg)}}@media (max-width:600px){.pet-room{height:285px}.room-bed{width:85px;height:49px;bottom:50px}.pet-room-window{right:10%;width:80px;height:78px}.room-caption{left:5%;top:112px;font-size:10px}.room-wall-picture{left:9%;width:48px;height:59px}.room-plant{font-size:39px}.pet-roamer{bottom:22px}.garden-landscape{height:79px}}@media (prefers-reduced-motion:reduce){.pet-roamer,.pet-walking-body,.pet-foot,.room-cloud,.room-ball,.room-bowl,.pet-action-wash:after,.garden-landscape span,.garden-plot>span{animation:none!important}.garden-sequence{display:none}}body.playing-cozy-game{height:100svh;height:100dvh;overflow:hidden;overscroll-behavior:none}.playing-cozy-game .topbar,.playing-cozy-game .bottom-nav{display:none!important}.playing-cozy-game main{width:100%;height:100%;padding:max(6px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.playing-cozy-game .cozy-page{height:100%;max-width:850px;display:flex;flex-direction:column;gap:6px;overflow:hidden}.playing-cozy-game .mini-game-nav{position:relative;top:auto;flex:none;margin:0;padding:4px}.playing-cozy-game .game-exit{min-height:44px}.playing-cozy-game .mini-game-name b{display:inline;font-size:15px}.playing-cozy-game .cozy-heading{margin:0;flex:none}.playing-cozy-game .cozy-heading small,.playing-cozy-game .cozy-heading p{display:none}.playing-cozy-game .cozy-heading h1{font-size:20px;margin:0;line-height:1.3}.playing-cozy-game .pet-choices,.playing-cozy-game .garden-seeds{flex:none;flex-wrap:nowrap;gap:5px}.playing-cozy-game .pet-choices button,.playing-cozy-game .garden-seeds button{min-height:44px;padding:5px;flex:1;min-width:0;font-size:12px}.playing-cozy-game .garden-seeds button{display:flex;align-items:center;justify-content:center}.playing-cozy-game .garden-seeds span{font-size:24px}.playing-cozy-game .pet-room{flex:1;min-height:120px;height:auto;margin:0;border-radius:25px}.playing-cozy-game .pet-needs{gap:5px;flex:none}.playing-cozy-game .pet-needs div{padding:5px;gap:0;font-size:12px;border-radius:13px}.playing-cozy-game .pet-needs span{font-size:20px}.playing-cozy-game .cozy-tools{margin:0;gap:6px;flex:none}.playing-cozy-game .cozy-tools button{min-height:56px;padding:5px;gap:0;max-width:none;border-radius:17px}.playing-cozy-game .cozy-tools span{font-size:27px}.playing-cozy-game .cozy-tools b{font-size:14px}.playing-cozy-game .cozy-notice{flex:none;margin:0;height:48px;min-height:48px;padding:5px 8px;display:grid;place-items:center;font-size:13px;line-height:1.4;overflow:hidden}.cozy-footer{display:flex;gap:6px}.playing-cozy-game .cozy-secondary{flex:1;min-height:44px;margin:0;padding:6px;font-size:12px}.playing-cozy-game .garden-summary{margin:0;padding:6px 10px;flex:none;font-size:12px}.playing-cozy-game .garden-landscape{height:28px;min-height:28px;flex:none;margin:0}.playing-cozy-game .garden-board{flex:1;min-height:120px;gap:8px;padding:8px;grid-template-rows:repeat(2,minmax(0,1fr));border-radius:23px}.playing-cozy-game .garden-plot{min-height:0;gap:0;padding:4px;border-radius:18px;overflow:hidden}.playing-cozy-game .garden-plot>span{font-size:clamp(27px,6dvh,48px)}.playing-cozy-game .garden-plot b{font-size:13px}.playing-cozy-game .garden-plot small{font-size:11px}.pet-tears,.pet-smile{display:none}.pet-mood-lonely .pet-tears{display:block;animation:tinyTear 3s ease-in-out infinite}.pet-mood-lonely .pet-mouth{transform:rotate(180deg);transform-origin:120px 166px}.pet-mood-full .pet-smile,.pet-mood-happy .pet-smile{display:block}.pet-mood-full .pet-mouth,.pet-mood-happy .pet-mouth{display:none}.pet-mood-full .pet-belly-paw{transform-origin:155px 213px;animation:bellyRub 1.5s ease-in-out infinite}.pet-species-bunny .pet-tail{stroke-width:26}.pet-roamer:has(.pet-species-bunny) .pet-walking-body{animation:bunnyBound 1.4s ease-in-out infinite}.room-plant{transform-origin:center bottom;animation:ripeSway 5s ease-in-out infinite}.room-sun{animation:sunGlow 4s ease-in-out infinite}.room-ball{animation:ballRoll 8s ease-in-out infinite}.pet-room:not(.room-action-idle) .pet-roamer{animation-play-state:paused}@keyframes bunnyBound{0%,30%,70%,to{transform:translateY(0)}48%{transform:translateY(-19px) scale(.96,1.04)}60%{transform:translateY(0) scale(1.04,.96)}}@keyframes bellyRub{50%{transform:translate(-14px,3px) rotate(24deg)}}@keyframes tinyTear{0%,70%,to{opacity:0;transform:translateY(0)}35%{opacity:.85;transform:translateY(6px)}}@keyframes sunGlow{50%{transform:scale(1.1);opacity:.8}}@keyframes ballRoll{50%{transform:translate(15px) rotate(60deg)}}@media (prefers-reduced-motion:reduce){.pet-roamer .pet-walking-body,.pet-tears,.pet-belly-paw,.room-plant,.room-sun,.room-ball{animation:none!important}}body.playing-cozy-game{padding:0}.playing-cozy-game .pet-roamer{bottom:25px}@media (max-height:570px){.playing-cozy-game .cozy-heading{display:none}.playing-cozy-game .cozy-tools button{min-height:48px}.playing-cozy-game .cozy-notice{height:40px;min-height:40px}}@media (max-height:500px) and (orientation:landscape){.playing-cozy-game .cozy-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.85fr);grid-template-rows:48px 44px 1fr 44px;gap:4px}.playing-cozy-game .mini-game-nav{grid-column:1/-1}.playing-cozy-game .cozy-heading{display:none}.cozy-pet-page .pet-choices{grid-column:2;grid-row:2}.playing-cozy-game .pet-room{grid-column:1;grid-row:2/5}.cozy-pet-page .pet-needs{grid-column:2;grid-row:3;align-self:start}.cozy-pet-page .cozy-tools{grid-column:2;grid-row:3;align-self:end}.cozy-pet-page .cozy-notice{display:none}.cozy-pet-page .cozy-footer{grid-column:2;grid-row:4}.cozy-garden-page .garden-summary{grid-column:1;grid-row:2}.cozy-garden-page .garden-seeds{grid-column:2;grid-row:2}.cozy-garden-page .garden-tools{grid-column:2;grid-row:3;align-self:start}.cozy-garden-page .garden-landscape{display:none}.cozy-garden-page .garden-board{grid-column:1;grid-row:3/5}.cozy-garden-page .cozy-notice{grid-column:2;grid-row:3;align-self:end}.cozy-garden-page>.cozy-secondary{grid-column:2;grid-row:4}}.pet-choices{flex-wrap:nowrap;overflow-x:auto;max-width:100%;scroll-snap-type:x proximity}.pet-choices button{flex:0 0 auto;scroll-snap-align:center}.cozy-pet-art[role=button]{cursor:pointer;touch-action:manipulation}.cozy-pet-art:focus-visible{outline:3px solid #d882af;border-radius:40px}.playing-cozy-game .pet-choices{overflow-x:auto;scrollbar-width:thin;min-height:46px}.playing-cozy-game .pet-choices button{flex:0 0 85px;min-width:85px}.playing-cozy-game .cozy-notice{overflow:auto;display:block;text-align:center;-webkit-overflow-scrolling:touch}.playing-cozy-game .pet-choices{justify-content:flex-start}.pet-scene{isolation:isolate;overflow:hidden;animation:petSceneEnter .32s ease-out}.scene-backdrop{position:absolute;inset:0;width:100%;height:100%;z-index:0}.scene-home{position:absolute;top:8px;left:8px;z-index:9;border:0;border-radius:50%;background:#fffd;width:44px;height:44px;font-size:24px;touch-action:manipulation}.scene-label{position:absolute;right:10px;top:12px;z-index:9;background:#ffffffdc;border-radius:16px;padding:5px 12px;color:#715071;font-size:13px;font-weight:800}.playing-cozy-game .pet-scene .pet-roamer{left:50%;bottom:13%;width:auto;height:65%;max-height:205px;aspect-ratio:240/260;transform:translate(-50%);animation:none;animation-play-state:running;z-index:3}.pet-scene .pet-roamer .pet-walking-body{width:100%;height:100%;animation:none}.pet-scene .pet-roamer .cozy-pet-art,.pet-scene .pet-roamer .cozy-pet-svg{width:100%;height:100%;max-width:none}.pet-scene .pet-play-prop,.pet-scene .pet-footsteps{display:none}.pet-scene .pet-action-wash:after{display:none}.scene-chair,.scene-table,.scene-tub,.scene-shower{position:absolute;pointer-events:none}.scene-chair{width:58%;height:75%;left:21%;bottom:3%;z-index:1}.scene-table{width:88%;height:49%;left:6%;bottom:-2%;z-index:5}.scene-spoon{position:absolute;left:53%;bottom:26%;width:34px;height:34px;z-index:6;transform:rotate(-15deg);pointer-events:none}.scene-active .scene-spoon{animation:petSpoon 1.5s ease-in-out 6}.scene-tub{width:92%;height:55%;left:4%;bottom:0;z-index:5}.scene-shower{width:100%;height:65%;left:0;top:-4%;z-index:4}.scene-water{position:absolute;left:40%;top:20%;width:20%;height:50%;z-index:4;pointer-events:none}.scene-water i{position:absolute;left:calc(var(--drop)*11%);top:0;background:#9dddfbcc;width:3px;height:12px;border-radius:90%;opacity:0}.scene-active .scene-water i{animation:petShower .7s linear infinite;animation-delay:calc(var(--drop)*-.1s)}.scene-bubbles{position:absolute;left:18%;width:64%;bottom:16%;height:60%;z-index:6;pointer-events:none}.scene-bubbles i{position:absolute;bottom:0;left:calc(var(--bubble)*15%);width:14px;height:14px;border-radius:50%;border:2px solid #ffffffd9;background:#d0f1ff66;opacity:0}.scene-active .scene-bubbles i{animation:petBubble 2.5s ease-out infinite;animation-delay:calc(var(--bubble)*-.4s)}.scene-ball{position:absolute;left:62%;bottom:14%;width:36px;height:36px;z-index:6;transform:translate(-50%);pointer-events:none;filter:drop-shadow(0 3px 2px #314b5533)}.playing-cozy-game .scene-sport.scene-active .pet-roamer{animation:petFetch 9s ease-in-out both;animation-play-state:running}.scene-sport.scene-active .scene-ball{animation:petCourtBall 9s ease-in-out both}.scene-sport.scene-active .pet-walking-body{animation:petRun .35s ease-in-out infinite}.scene-sport.scene-active:has(.pet-species-bunny) .pet-walking-body{animation:petHop .55s ease-in-out infinite}.scene-rest .scene-spoon{opacity:.7}@keyframes petSceneEnter{0%{opacity:.5;filter:brightness(1.08)}to{opacity:1;filter:none}}@keyframes petShower{0%{transform:translateY(-5px);opacity:0}15%,80%{opacity:.8}to{transform:translateY(110px);opacity:0}}@keyframes petBubble{0%{transform:translateY(0) scale(.5);opacity:0}20%{opacity:.8}to{transform:translateY(-95px) scale(1.4);opacity:0}}@keyframes petFetch{0%,8%{left:50%}25%{left:76%}48%{left:24%}65%{left:70%}78%,to{left:50%}}@keyframes petCourtBall{0%{left:62%;bottom:14%;transform:translate(-50%) rotate(0)}10%{left:78%;bottom:42%}20%{left:78%;bottom:12%}32%{left:22%;bottom:38%}43%{left:22%;bottom:12%}55%{left:72%;bottom:33%}63%{left:72%;bottom:14%}70%{left:58%;bottom:31%}78%,85%{left:50%;bottom:31%}to{left:62%;bottom:14%;transform:translate(-50%) rotate(720deg)}}@keyframes petRun{50%{transform:translateY(-4px) rotate(2deg)}}@keyframes petHop{50%{transform:translateY(-13px) rotate(-2deg)}}@media (max-height:570px){.playing-cozy-game .pet-scene .pet-roamer{max-height:165px}.scene-spoon{width:28px;height:28px}}@media (prefers-reduced-motion:reduce){.pet-scene,.pet-scene *{animation:none!important}.scene-water i,.scene-bubbles i{opacity:.5}.scene-water i{top:calc(var(--drop)*7px)}}.scene-chair svg,.scene-table svg,.scene-tub svg,.scene-shower svg{width:100%;height:100%;display:block}.scene-chair{width:100%;height:100%;left:0;bottom:-8%}.scene-table{width:100%;height:80%;left:0;bottom:-16%}.scene-tub{width:100%;height:80%;left:0;bottom:-12%}.playing-cozy-game .pet-scene.scene-dining .pet-roamer,.playing-cozy-game .pet-scene.scene-bath .pet-roamer{bottom:26%}.playing-cozy-game .pet-scene.playing-cozy-game .pet-scene.scene-bath .pet-roamer,.playing-cozy-game .pet-scene.scene-dining .pet-roamer{bottom:38%}.scene-spoon{bottom:33%}@keyframes petSpoon{0%,to{bottom:33%;transform:rotate(-15deg)}45%,65%{bottom:49%;transform:translate(-20px) rotate(12deg)}}:where(.home-function-card,.game-choice,.game-category,.answer,.course-answers button,.cozy-tools button,.garden-tools button,.princess-choice,.bottom-nav button,.topbar .round-btn,.home-guide,.book,.ws-top-actions button,.ws-number-menu button,.ws-board-tools button,.ws-bottom-nav button,.ms-action-row button){touch-action:manipulation;transition:transform .16s cubic-bezier(.2,.8,.2,1)}:where(.home-function-card,.game-choice,.game-category,.answer,.course-answers button,.cozy-tools button,.garden-tools button,.princess-choice,.bottom-nav button,.topbar .round-btn,.home-guide,.book,.ws-top-actions button,.ws-number-menu button,.ws-board-tools button,.ws-bottom-nav button,.ms-action-row button):active{transform:scale(.97)}.answer.good,.course-answers button.good{animation:answerHappy .34s cubic-bezier(.2,.8,.2,1)}.answer.bad,.course-answers button.bad{animation:answerEncourage .32s ease-out}.stars b{display:inline-block;transform-origin:center}.reward-count-pop{animation:rewardCount .42s cubic-bezier(.2,.8,.2,1)}.reward-burst{position:fixed;left:50%;top:37%;z-index:120;width:0;height:0;pointer-events:none;user-select:none;color:#ffbd39;text-shadow:0 2px 4px #9158224d}.reward-burst span,.reward-burst b{position:absolute;left:0;top:0;display:block;transform:translate(-50%,-50%);font-style:normal}.reward-burst span{font-size:27px;opacity:0;animation:rewardParticle .76s cubic-bezier(.18,.7,.2,1) var(--delay) both}.reward-burst b{font-size:61px;animation:rewardCenter .68s cubic-bezier(.2,.8,.2,1) both}@keyframes answerHappy{35%{transform:scale(1.045)}70%{transform:scale(.985)}}@keyframes answerEncourage{35%{transform:translate(-4px)}70%{transform:translate(3px)}}@keyframes rewardCount{45%{transform:scale(1.3)}}@keyframes rewardParticle{0%{opacity:0;transform:translate(-50%,-50%) scale(.45)}20%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.05)}}@keyframes rewardCenter{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}42%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.scene-sport{--pet-run:clamp(56px,17vw,120px);--ball-hop:90px;--ball-hop-mid:76px;--ball-hop-small:60px}.playing-cozy-game .scene-sport.scene-active .pet-roamer{animation:motionPetFetch 9s ease-in-out both}.scene-sport.scene-active .scene-ball{animation:motionCourtBall 9s ease-in-out both}.scene-active .scene-spoon{animation:motionSpoon 1.5s ease-in-out 6}@keyframes motionPetFetch{0%,8%,78%,to{transform:translate(-50%)}25%,65%{transform:translate(calc(-50% + var(--pet-run)))}48%{transform:translate(calc(-50% - var(--pet-run)))}}@keyframes motionCourtBall{0%,to{transform:translate(-50%) rotate(0)}10%{transform:translate(calc(-50% + clamp(52px,16vw,128px))) translateY(calc(0px - var(--ball-hop))) rotate(70deg)}20%{transform:translate(calc(-50% + clamp(52px,16vw,128px))) rotate(140deg)}32%{transform:translate(calc(-50% - clamp(128px,40vw,320px))) translateY(calc(0px - var(--ball-hop-mid))) rotate(220deg)}43%{transform:translate(calc(-50% - clamp(128px,40vw,320px))) rotate(280deg)}55%{transform:translate(calc(-50% + clamp(32px,10vw,80px))) translateY(calc(0px - var(--ball-hop-mid))) rotate(360deg)}63%{transform:translate(calc(-50% + clamp(32px,10vw,80px))) rotate(420deg)}70%{transform:translate(calc(-50% - clamp(12px,4vw,32px))) translateY(calc(0px - var(--ball-hop-small))) rotate(510deg)}78%,85%{transform:translate(calc(-50% - clamp(40px,12vw,96px))) translateY(calc(0px - var(--ball-hop-small))) rotate(600deg)}}@keyframes motionSpoon{0%,to{transform:rotate(-15deg)}45%,65%{transform:translate(-20px,-45px) rotate(12deg)}}@media (max-width:600px){.scene-sport{--ball-hop:74px;--ball-hop-mid:63px;--ball-hop-small:50px}}body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important}body.motion-lite *,body.motion-lite *:before,body.motion-lite *:after{animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reward-burst{display:none}}.cozy-pet-page{--pet-ink:#67544f;--pet-rose:#d9929c;--pet-sage:#9bb69d}.cozy-pet-page .cozy-heading h1{color:#72584f}.cozy-pet-page .pet-choices button{background:#fffaf2;border-color:#f5e8d6;color:#69594e;box-shadow:0 3px #e7d9c6}.cozy-pet-page .pet-choices button[aria-pressed=true]{background:#fbe9e7;border-color:#d69ba5;box-shadow:0 3px #dab0aa}.cozy-pet-page .pet-needs div{background:#fffaf2;border:1px solid #f1e3d2;color:#735c53}.cozy-pet-page .pet-needs span{color:#d78992}.cozy-pet-page .cozy-tools button{background:#f8eee0;border:2px solid #fffaf2;box-shadow:0 4px #ead8c4;color:#6f5c53;transition:transform .13s ease-out}.cozy-pet-page .cozy-tools button:nth-child(2){background:#e9f4f1}.cozy-pet-page .cozy-tools button:nth-child(3){background:#eaf0df}.cozy-pet-page .cozy-tools button:active{transform:translateY(3px) scale(.98);box-shadow:0 1px #ead8c4}.cozy-pet-page .cozy-notice{background:#fffaf2;color:#735d55}.cozy-pet-page .cozy-secondary{background:#fff9ee;color:#6b6253}.cozy-pet-page .pet-room{border:3px solid #fffaf1;background-color:#e9dcc9;background-size:cover;background-position:center;box-shadow:0 9px 24px #9f7c5940,inset 0 0 0 1px #fff9ef;isolation:isolate}.cozy-pet-page .pet-room:not(.pet-scene){background-image:url(/art/pet-home-v2/home.webp)}.cozy-pet-page .scene-dining{background-image:url(/art/pet-home-v2/dining.webp)}.cozy-pet-page .scene-bath{background-image:url(/art/pet-home-v2/bath.webp)}.cozy-pet-page .scene-sport{background-image:url(/art/pet-home-v2/sport.webp)}.cozy-pet-page .scene-backdrop,.cozy-pet-page .pet-floor,.cozy-pet-page .pet-room-window,.cozy-pet-page .room-wall-picture,.cozy-pet-page .room-rug,.cozy-pet-page .room-bed,.cozy-pet-page .room-plant{display:none}.cozy-pet-page .room-caption{top:14%;left:7%;max-width:28%;padding:9px 13px;border:1px solid #fff;background:#fffaf2e8;color:#84645a;border-radius:17px;box-shadow:0 4px 12px #95725827;font-size:13px;line-height:1.35}.cozy-pet-page .room-bowl{left:10%;bottom:10%;font-size:34px;filter:drop-shadow(0 3px 3px #82685a66)}.cozy-pet-page .room-ball{right:10%;bottom:12%;font-size:33px;filter:drop-shadow(0 3px 3px #82685a66)}.cozy-pet-page .scene-label{background:#fffaf2e9;color:#70584d;box-shadow:0 3px 12px #8a776242}.cozy-pet-page .scene-home{background:#fffaf2ec;box-shadow:0 3px 12px #8a776242}.cozy-pet-page .scene-sport:after{content:"";position:absolute;z-index:1;pointer-events:none;inset:43% 14% 10%;border:3px solid #fff9e8a8;border-radius:50%;transform:perspective(240px) rotateX(35deg)}.playing-cozy-game .cozy-pet-page .pet-room .pet-roamer{left:50%;bottom:1%;width:clamp(160px,30%,240px);height:auto;max-height:none;aspect-ratio:320/360;transform:translate(-50%);z-index:3}.playing-cozy-game .cozy-pet-page .pet-room:not(.pet-scene) .pet-roamer{animation:petHomeWanderV2 10s ease-in-out infinite}.playing-cozy-game .cozy-pet-page .pet-scene .pet-roamer{width:clamp(155px,28%,215px);bottom:5%;animation:none}.playing-cozy-game .cozy-pet-page .pet-scene.scene-dining .pet-roamer{bottom:23%}.playing-cozy-game .cozy-pet-page .pet-scene.scene-bath .pet-roamer{bottom:22%}.playing-cozy-game .cozy-pet-page .pet-scene.scene-sport.scene-active .pet-roamer{animation:motionPetFetch 9s ease-in-out both}.cozy-pet-page .pet-roamer .pet-walking-body{width:100%;height:100%;animation:petIdleBobV2 3.6s ease-in-out infinite}.cozy-pet-page .pet-roamer .cozy-pet-art,.cozy-pet-page .pet-roamer .cozy-pet-svg{width:100%;height:100%;max-width:none}.cozy-pet-page .pet-roamer .cozy-pet-art{position:relative;left:auto;top:auto;transform:none}.cozy-pet-page .pet-roamer .pet-foot{animation:none}.pet-character-v2.pet-species-bunny .pet-tail{stroke-width:4}.pet-character-v2 .pet-body{transform-origin:160px 321px;animation:petBreatheV2 3.6s ease-in-out infinite}.pet-character-v2 .pet-head{transform-origin:160px 221px;animation:petCuriousV2 5.6s ease-in-out infinite}.pet-character-v2 .pet-eyes{transform-origin:160px 160px;animation:petBlinkV2 5.4s ease-in-out infinite}.pet-character-v2 .pet-ear-left{transform-origin:111px 112px;animation:petEarV2 6.5s ease-in-out infinite}.pet-character-v2 .pet-ear-right{transform-origin:208px 112px;animation:petEarV2 6.5s ease-in-out -.5s infinite reverse}.pet-character-v2 .pet-tail{transform-origin:229px 270px;animation:petTailV2 2.8s ease-in-out infinite}.pet-character-v2 .pet-smile,.pet-character-v2 .pet-tears,.pet-character-v2 .pet-sleep-eyes{display:none;opacity:0}.pet-character-v2.pet-mood-full .pet-smile,.pet-character-v2.pet-mood-happy .pet-smile{display:block;opacity:1}.pet-character-v2.pet-mood-full .pet-mouth,.pet-character-v2.pet-mood-happy .pet-mouth,.pet-character-v2.pet-mood-lonely .pet-tears{display:none}.pet-character-v2.pet-mood-lonely .pet-mouth{transform:rotate(180deg);transform-origin:160px 202px}.pet-character-v2.pet-mood-full .pet-belly-paw{transform-origin:208px 279px;animation:petBellyPatV2 1.9s ease-in-out infinite}.pet-character-v2.pet-action-pat .pet-head{animation:petLeanV2 .8s ease-in-out 3}.pet-character-v2.pet-action-pat .pet-eyes,.pet-character-v2.pet-action-wash .pet-eyes{opacity:0}.pet-character-v2.pet-action-pat .pet-sleep-eyes,.pet-character-v2.pet-action-wash .pet-sleep-eyes{display:block;opacity:1}.pet-character-v2.pet-action-eat .pet-head{animation:petNibbleV2 .6s ease-in-out 8}.pet-character-v2.pet-action-eat .pet-arm-left{transform-origin:98px 246px;animation:petFeedV2 .8s ease-in-out 6}.pet-character-v2.pet-action-wash .pet-head{animation:petShakeV2 .38s ease-in-out 6}.pet-character-v2.pet-action-wash .pet-ear-left,.pet-character-v2.pet-action-wash .pet-ear-right{animation:petEarV2 .38s ease-in-out 6}.pet-character-v2.pet-action-play .pet-arm-left{transform-origin:98px 246px;animation:petPlayPawV2 .5s ease-in-out 8}.pet-character-v2.pet-action-play .pet-arm-right{transform-origin:222px 246px;animation:petPlayPawV2 .5s ease-in-out -.25s 8 reverse}.pet-character-v2.pet-action-play .pet-body{animation:petJumpV2 .65s ease-in-out 7}.cozy-pet-page .scene-dining .pet-body{animation:petSitV2 3.6s ease-in-out infinite}.cozy-pet-page .scene-sport.scene-active .pet-walking-body{animation:petRunV2 .42s ease-in-out infinite}.cozy-pet-page .scene-sport.scene-active .pet-character-v2 .pet-head{animation:petSportLookV2 1.3s ease-in-out infinite}.cozy-pet-page .scene-bath .pet-character-v2 .pet-head{animation:petBathLookV2 4s ease-in-out infinite}@keyframes petHomeWanderV2{0%,to{transform:translate(-50%)}28%{transform:translate(calc(-50% + 24px))}68%{transform:translate(calc(-50% - 22px))}}@keyframes petIdleBobV2{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes petBreatheV2{0%,to{transform:scale(1)}50%{transform:scale(1.018,1.025)}}@keyframes petCuriousV2{0%,72%,to{transform:rotate(0)}80%{transform:rotate(-4deg)}89%{transform:rotate(3deg)}}@keyframes petBlinkV2{0%,90%,95%,to{transform:scaleY(1)}92%,93%{transform:scaleY(.06)}}@keyframes petEarV2{0%,70%,to{transform:rotate(0)}81%{transform:rotate(-5deg)}90%{transform:rotate(4deg)}}@keyframes petTailV2{0%,to{transform:rotate(-5deg)}50%{transform:rotate(12deg)}}@keyframes petBellyPatV2{50%{transform:translate(-8px,2px) rotate(14deg)}}@keyframes petLeanV2{0%,to{transform:rotate(0)}50%{transform:rotate(-10deg) translateY(5px)}}@keyframes petNibbleV2{50%{transform:translateY(8px) rotate(-3deg)}}@keyframes petFeedV2{50%{transform:translate(16px,-40px) rotate(-18deg)}}@keyframes petShakeV2{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes petPlayPawV2{50%{transform:translate(-10px,-23px) rotate(-25deg)}}@keyframes petJumpV2{0%,to{transform:translateY(0)}45%{transform:translateY(-12px) scale(1.02)}}@keyframes petSitV2{0%,to{transform:translateY(9px) scaleY(.91)}50%{transform:translateY(7px) scale(1.015,.93)}}@keyframes petRunV2{50%{transform:translateY(-9px) rotate(2deg)}}@keyframes petSportLookV2{50%{transform:rotate(5deg)}}@keyframes petBathLookV2{50%{transform:rotate(-3deg)}}@media (max-width:600px){.cozy-pet-page .pet-room{background-position:center}.playing-cozy-game .cozy-pet-page .pet-room .pet-roamer{width:clamp(140px,48%,190px)}.playing-cozy-game .cozy-pet-page .pet-scene .pet-roamer{width:clamp(128px,41%,166px)}.cozy-pet-page .room-caption{top:15%;left:5%;max-width:35%;font-size:11px;padding:6px 8px}.cozy-pet-page .room-bowl{left:7%;bottom:9%;font-size:27px}.cozy-pet-page .room-ball{right:7%;bottom:10%;font-size:27px}}@media (min-width:601px) and (min-height:900px) and (orientation:portrait){.playing-cozy-game .cozy-pet-page{justify-content:center}.playing-cozy-game .cozy-pet-page .pet-room{flex:none;height:auto;aspect-ratio:16/10;max-height:560px;margin:0}.playing-cozy-game .cozy-pet-page .pet-scene.scene-dining .pet-roamer,.playing-cozy-game .cozy-pet-page .pet-scene.scene-bath .pet-roamer{bottom:43%}}@media (max-height:570px){.playing-cozy-game .cozy-pet-page .pet-room .pet-roamer{width:clamp(115px,26%,170px)}.cozy-pet-page .room-caption{display:none}}@media (prefers-reduced-motion:reduce){.cozy-pet-page .pet-room .pet-roamer,.cozy-pet-page .pet-roamer .pet-walking-body,.pet-character-v2 .pet-body,.pet-character-v2 .pet-head,.pet-character-v2 .pet-eyes,.pet-character-v2 .pet-ear-left,.pet-character-v2 .pet-ear-right,.pet-character-v2 .pet-tail,.pet-character-v2 .pet-arm-left,.pet-character-v2 .pet-arm-right{animation:none!important}.pet-character-v2.pet-action-pat .pet-sleep-eyes{display:block;opacity:1}}.ab-screen,.fs-screen,.pool-screen,.arcade-scope{--arc-ink: #2E2438;--arc-ink-2: #6B5F70;--arc-page: #FFF7F0;--arc-card: #FFFFFF;--arc-line: #EFE0D2;--arc-brand: #E8762C;--arc-brand-deep: #A94D12;--arc-brand-soft: #FFF1E4;--arc-ok: #2F7D5B;--arc-danger: #B3402F;--arc-r-sm: 14px;--arc-r-md: 20px;--arc-r-lg: 28px;--arc-sh-1: 0 1px 2px rgba(46, 36, 56, .06);--arc-sh-2: 0 6px 18px rgba(46, 36, 56, .09);--arc-sh-3: 0 16px 40px rgba(46, 36, 56, .14);--arc-tap: 48px;color:var(--arc-ink)}.ab-btn,.ab-ghost-btn,.ab-play-btn{min-height:var(--arc-tap);min-width:var(--arc-tap);border:0;border-radius:var(--arc-r-sm);font:inherit;font-weight:800;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .14s ease,box-shadow .18s ease,filter .18s ease;touch-action:manipulation}.ab-btn{display:inline-grid;place-items:center;width:var(--arc-tap);height:var(--arc-tap);background:#fff;color:var(--arc-ink);font-size:22px;box-shadow:var(--arc-sh-2),inset 0 1px #fff;border:1px solid var(--arc-line)}.ab-btn:active{transform:scale(.93)}.ab-btn:focus-visible,.ab-ghost-btn:focus-visible,.ab-play-btn:focus-visible,.ab-level:focus-visible,.ab-world:focus-visible{outline:3px solid #2F6FD0;outline-offset:3px}.ab-play-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 28px;min-height:60px;font-size:19px;color:#fff;background:linear-gradient(140deg,#f0842f,#c9560f);box-shadow:0 8px 20px #be5a1452,inset 0 1px #fff6}.ab-play-btn:active{transform:translateY(2px) scale(.98)}.ab-play-btn:disabled{opacity:.5;cursor:not-allowed}.ab-play-btn>span{font-size:17px}.ab-play-btn.alt{background:linear-gradient(140deg,#3e8fd0,#23629b);box-shadow:0 8px 20px #2864a04d,inset 0 1px #ffffff61}.ab-ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 22px;min-height:52px;font-size:17px;color:var(--arc-ink);background:#fff;border:1px solid var(--arc-line);box-shadow:var(--arc-sh-1)}.ab-ghost-btn:active{transform:translateY(1px) scale(.98)}.ab-screen{display:flex;flex-direction:column;min-height:0;border-radius:var(--arc-r-lg);overflow:hidden;background:var(--arc-page)}body.playing-mini-game .ab-screen{min-height:0}.ab-play,.fs-screen,.pool-screen{position:relative;flex:1;min-height:0}.ab-play{display:flex;flex-direction:column}.ab-canvas,.fs-canvas,.pool-canvas{display:block;width:100%;flex:1;min-height:0;border-radius:var(--arc-r-lg);touch-action:none;background:#7ec8e3}.ab-home,.fs-home,.pool-home{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:30px 22px;text-align:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 12% 6%,rgba(255,214,170,.75),transparent 52%),radial-gradient(ellipse at 88% 20%,rgba(186,224,255,.7),transparent 55%),linear-gradient(160deg,#fff7f0,#f3f8ff 62%,#fff3f6)}.ab-sky-deco{position:absolute;inset:0;pointer-events:none;overflow:hidden}.ab-cloud{position:absolute;font-size:46px;opacity:.8;animation:arcDrift 26s ease-in-out infinite}.ab-cloud.c1{left:8%;top:12%;animation-delay:0s}.ab-cloud.c2{left:62%;top:8%;font-size:34px;animation-delay:-8s}.ab-cloud.c3{left:34%;top:22%;font-size:28px;animation-delay:-15s}@keyframes arcDrift{0%,to{transform:translate(0)}50%{transform:translate(42px)}}.ab-logo,.fs-logo,.pool-logo{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;z-index:1}.ab-logo-bird,.fs-logo>span,.pool-logo>span{font-size:74px;line-height:1;animation:arcBob 3.2s ease-in-out infinite;filter:drop-shadow(0 8px 10px rgba(120,70,30,.24))}@keyframes arcBob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-11px) rotate(3deg)}}.ab-logo b,.fs-logo b,.pool-logo b{font-size:clamp(30px,6vw,46px);letter-spacing:-.02em;line-height:1.15}.ab-logo small,.fs-logo small,.pool-logo small{font-size:15px;color:var(--arc-ink-2);font-weight:700}.ab-home-copy,.fs-copy,.pool-copy{font-size:16px;color:var(--arc-ink-2);max-width:34ch;line-height:1.7;position:relative;z-index:1}.ab-home-stats,.fs-home-stats,.pool-home-stats{display:flex;gap:14px;position:relative;z-index:1}.ab-home-stats>span,.fs-home-stats>span,.pool-home-stats>span{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:116px;padding:12px 18px;background:#fff;border:1px solid var(--arc-line);border-radius:var(--arc-r-md);box-shadow:var(--arc-sh-2)}.ab-home-stats b,.fs-home-stats b,.pool-home-stats b{font-size:26px;letter-spacing:-.02em}.ab-home-stats small,.fs-home-stats small,.pool-home-stats small{font-size:13px;color:var(--arc-ink-2);font-weight:700}.ab-home-actions,.fs-home-actions,.pool-home-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;position:relative;z-index:1}.ab-map{flex:1;display:flex;flex-direction:column;gap:14px;padding:16px;min-height:0;background:linear-gradient(170deg,#fff7f0,#f4f9ff)}.ab-map-head{display:flex;align-items:center;gap:12px;flex:0 0 auto}.ab-map-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ab-map-title b{font-size:21px}.ab-map-title small{font-size:13.5px;color:var(--arc-ink-2);font-weight:700}.ab-world-rail{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 10px;flex:0 0 auto;scrollbar-width:none}.ab-world-rail::-webkit-scrollbar{display:none}.ab-world{flex:0 0 auto;min-width:118px;min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 14px;border:2px solid #FFFFFF;border-radius:var(--arc-r-md);background:#fff;box-shadow:var(--arc-sh-1);cursor:pointer;font:inherit;color:var(--arc-ink);transition:transform .16s ease,box-shadow .2s ease}.ab-world>span{font-size:30px;line-height:1.1}.ab-world b{font-size:15px}.ab-world small{font-size:12.5px;color:var(--arc-ink-2);font-weight:700}.ab-world em{font-size:12.5px;font-style:normal;color:var(--arc-brand-deep);font-weight:800}.ab-world.active{border-color:var(--arc-brand);background:linear-gradient(160deg,#fff6ee,#ffe9d6);box-shadow:0 6px 18px #c86e2833;transform:translateY(-2px)}.ab-world.locked{opacity:.45;cursor:not-allowed}.ab-level-grid{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:2px 2px 12px;align-content:start}.ab-level{position:relative;min-height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:2px solid #FFFFFF;border-radius:var(--arc-r-md);background:#fff;box-shadow:var(--arc-sh-1);cursor:pointer;font:inherit;color:var(--arc-ink);transition:transform .16s ease,box-shadow .2s ease}.ab-level:active:not(.locked){transform:scale(.96)}.ab-level-no{font-size:24px;font-weight:900;letter-spacing:-.02em}.ab-level-stars{display:flex;gap:2px}.ab-level-stars i{font-size:14px;font-style:normal;color:#dccfc4;line-height:1}.ab-level-stars i.on{color:#f2a33c;text-shadow:0 1px 2px rgba(180,110,20,.3)}.ab-level.done{background:linear-gradient(165deg,#fffbf4,#fff1df);border-color:#ffd9a8}.ab-level.locked{background:#f3efec;color:#a79c93;box-shadow:none;cursor:not-allowed}.ab-lock{position:absolute;right:6px;top:5px;font-size:14px}.ab-map-foot{flex:0 0 auto;text-align:center;font-size:14px;font-weight:700;color:var(--arc-ink-2)}.ab-map-foot b{color:var(--arc-brand-deep);font-size:17px}.ab-hud{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:10px 12px 12px}.ab-hud-top,.ab-hud-bottom{display:flex;align-items:center;gap:10px;pointer-events:auto}.ab-hud-right{margin-left:auto;display:flex;gap:8px}.ab-level-tag{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;background:#ffffffeb;box-shadow:var(--arc-sh-2);font-size:16px;font-weight:900;color:var(--arc-ink);backdrop-filter:blur(6px)}.ab-birds-left{display:flex;gap:5px}.ab-bird-chip{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#ffffffeb;box-shadow:var(--arc-sh-2);font-size:21px;font-style:normal}.ab-score-wrap{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:0;padding:6px 16px;border-radius:var(--arc-r-md);background:#ffffffeb;box-shadow:var(--arc-sh-2);backdrop-filter:blur(6px)}.ab-score-wrap small{font-size:12.5px;font-weight:800;color:var(--arc-ink-2)}.ab-score-wrap b{font-size:23px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.ab-tip{align-self:center;margin-top:auto;padding:9px 18px;border-radius:999px;background:#2e2438cc;color:#fff6ec;font-size:15px;font-weight:800;opacity:0;transition:opacity .3s ease;pointer-events:none}.ab-tip.on{opacity:1}.ab-power{position:absolute;left:50%;bottom:74px;transform:translate(-50%);width:min(320px,62%);height:14px;border-radius:999px;background:#ffffff8c;box-shadow:inset 0 1px 3px #0000002e,var(--arc-sh-1);overflow:hidden;opacity:0;transition:opacity .16s ease;pointer-events:none}.ab-power.on{opacity:1}.ab-power>i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#6fd08c,#f2c14e 55%,#e4572e);transition:width .06s linear}.pool-power{bottom:84px}.ab-result{position:absolute;inset:0;display:grid;place-items:center;padding:20px;background:#1e16248c;backdrop-filter:blur(4px);z-index:40;animation:arcFadeIn .22s ease}.ab-result.hidden{display:none}@keyframes arcFadeIn{0%{opacity:0}to{opacity:1}}.ab-result-card{width:min(100%,460px);padding:26px 24px 22px;border-radius:var(--arc-r-lg);background:linear-gradient(170deg,#fffdfa,#fff4e9);border:3px solid #FFFFFF;box-shadow:var(--arc-sh-3);text-align:center;animation:arcPop .34s cubic-bezier(.2,1.3,.4,1)}@keyframes arcPop{0%{opacity:0;transform:translateY(22px) scale(.9)}to{opacity:1;transform:none}}.ab-result-card h2{margin:0 0 12px;font-size:clamp(24px,5.5vw,32px);letter-spacing:-.02em}.ab-result-stars{display:flex;justify-content:center;gap:10px;margin:6px 0 14px}.ab-result-stars i{font-size:46px;font-style:normal;line-height:1;color:#dccfc4;transform:scale(.7);opacity:.55}.ab-result-stars i.on{color:#f2a33c;text-shadow:0 3px 6px rgba(180,110,20,.34);animation:arcStar .5s cubic-bezier(.2,1.5,.4,1) var(--d, 0ms) both}@keyframes arcStar{0%{transform:scale(.2) rotate(-40deg);opacity:0}60%{transform:scale(1.24) rotate(6deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.ab-result-score{font-size:17px;color:var(--arc-ink-2);margin:0 0 6px}.ab-result-score b{font-size:26px;color:var(--arc-ink);font-variant-numeric:tabular-nums}.ab-result-new{font-size:15px;font-weight:800;color:var(--arc-brand-deep);margin:0 0 8px}.ab-result-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:16px}.fs-screen{display:flex;flex-direction:column}.fs-lives{display:flex;gap:4px}.fs-lives i{font-size:26px;font-style:normal;filter:grayscale(1) opacity(.4);transition:filter .2s ease,transform .2s ease}.fs-lives i.on{filter:none;transform:scale(1.06)}.fs-flash{position:absolute;inset:0;pointer-events:none;border-radius:var(--arc-r-lg);box-shadow:inset 0 0 70px #ff5a3c00;transition:box-shadow .18s ease}.fs-result-sub{font-size:14.5px;color:var(--arc-ink-2);margin:0}.pool-screen{display:flex;flex-direction:column}.pool-info{display:flex;gap:8px;align-items:center}.pool-info>span{display:inline-flex;align-items:center;gap:5px;min-height:40px;padding:0 14px;border-radius:999px;background:#ffffffeb;box-shadow:var(--arc-sh-2);font-size:15px;font-weight:800;backdrop-filter:blur(6px)}.pool-info b{font-size:18px;color:var(--arc-brand-deep)}body.arcade-mode{overflow:hidden}body.arcade-mode .topbar{display:none}body.arcade-mode main{width:100%;max-width:none;padding:0}body.arcade-mode .mini-game-page{max-width:none;width:100%;height:100vh;height:100svh;display:flex;flex-direction:column;gap:6px;padding:max(6px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}body.arcade-mode .mini-game-page>.ab-screen{flex:1;min-height:0}body.arcade-mode .mini-game-nav{position:relative;top:auto;flex:0 0 auto;margin:0;padding:5px;gap:6px}body.arcade-mode .mini-game-nav .game-exit{min-height:var(--arc-tap)}body.arcade-mode .mini-game-nav .mini-game-name b{font-size:16px}body.arcade-mode .mini-game-tools button{width:var(--arc-tap);height:var(--arc-tap)}@media (max-width: 760px){.ab-level-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ab-level{min-height:80px}.ab-level-no{font-size:21px}.ab-world{min-width:104px;min-height:84px;padding:8px 10px}.ab-world>span{font-size:26px}.ab-logo b,.fs-logo b,.pool-logo b{font-size:30px}.ab-logo-bird,.fs-logo>span,.pool-logo>span{font-size:60px}.ab-play-btn{width:100%}.ab-home-actions,.fs-home-actions,.pool-home-actions{width:100%;flex-direction:column}.ab-result-stars i{font-size:38px}}@media (max-width: 420px){.ab-level-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ab-level-tag{font-size:14.5px;padding:0 12px}.ab-score-wrap b{font-size:20px}.ab-home-stats>span,.fs-home-stats>span,.pool-home-stats>span{min-width:96px;padding:10px 12px}}@media (min-width: 900px) and (min-height: 620px){.ab-home,.fs-home,.pool-home{gap:22px;padding:40px 32px}.ab-level-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.ab-level{min-height:104px}.ab-level-no{font-size:27px}.ab-level-stars i{font-size:16px}}@media (prefers-reduced-motion: reduce){.ab-cloud,.ab-logo-bird,.fs-logo>span,.pool-logo>span{animation:none!important}.ab-result-card,.ab-result-stars i.on{animation:none!important}.ab-play-btn,.ab-ghost-btn,.ab-btn,.ab-level,.ab-world{transition:none!important}.ab-result{animation:none!important}}@media (prefers-contrast: more){.ab-level-tag,.ab-score-wrap,.ab-bird-chip,.pool-info>span{background:#fff;backdrop-filter:none;border:2px solid var(--arc-ink)}.ab-screen,.fs-screen,.pool-screen{--arc-line: #8A7A6D;--arc-ink-2: #4A3F46}.ab-level.locked{background:#e7e0da;color:#6b5f57}}@media (forced-colors: active){.ab-screen,.fs-screen,.pool-screen{--arc-card: Canvas;--arc-ink: CanvasText}.ab-play-btn,.ab-ghost-btn,.ab-btn,.ab-level,.ab-world{border:1px solid CanvasText;box-shadow:none}.ab-level.active,.ab-world.active{border:2px solid Highlight}}.bw-screen,.bk-screen,.hp-screen,.st-screen{position:relative;flex:1;min-height:0}.bw-canvas,.bk-canvas{background:#241e3c}.hp-canvas{background:#1f2a48}.st-canvas{background:#2a2450}.bw-power{bottom:84px}.hp-home{background:radial-gradient(ellipse at 14% 8%,rgba(255,200,150,.72),transparent 54%),radial-gradient(ellipse at 86% 24%,rgba(180,214,255,.68),transparent 56%),var(--arc-page)}.st-home{background:radial-gradient(ellipse at 20% 10%,rgba(206,196,255,.7),transparent 56%),radial-gradient(ellipse at 84% 18%,rgba(255,226,176,.62),transparent 56%),var(--arc-page)}.ab-map{position:relative}@keyframes ab-shake{0%,to{transform:translate(0)}15%{transform:translate(-7px) rotate(-2deg)}30%{transform:translate(6px) rotate(2deg)}45%{transform:translate(-5px) rotate(-1.5deg)}60%{transform:translate(4px) rotate(1deg)}80%{transform:translate(-2px)}}.ab-level.shake,.ab-world.shake{animation:ab-shake .58s cubic-bezier(.36,.07,.19,.97);border-color:#e8571b!important;box-shadow:0 0 0 3px #e8571b4d!important}@media (prefers-reduced-motion: reduce){.ab-level.shake,.ab-world.shake{animation:none}}.ab-level.locked:active{transform:none;background:#e7e1dc}.ab-level.locked .ab-lock{font-size:15px}.ab-toast{position:absolute;left:50%;bottom:20px;transform:translate(-50%,14px);max-width:min(88%,470px);padding:12px 22px;border-radius:999px;background:#3a2a18;color:#fff;font-size:16px;font-weight:800;line-height:1.35;text-align:center;box-shadow:0 10px 26px #1e12064d;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:30}.ab-toast.on{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion: reduce){.ab-toast{transition:none}}.ab-toast{font-size:19px;padding:15px 26px;border:2px solid rgba(255,255,255,.22);box-shadow:0 12px 30px #1e120661}.ab-toast:before{content:"🔒  "}.ab-level.locked{background:#ede8e3;border-color:#e2dad2;color:#9a8e84}.ab-level.locked .ab-level-no{opacity:.55}.ab-level.locked .ab-level-stars i{color:#d8cec5}.ab-level.locked .ab-lock{font-size:18px;filter:saturate(.5)}.bw3-canvas,.fb3-canvas,.bb3-canvas,.bd3-canvas,.tt3-canvas{display:block;width:100%;height:100%;background:#1d2333;touch-action:none}.bw3-loading{width:min(72%,340px);height:14px;margin:18px auto 0;border-radius:999px;background:#ffffff47;overflow:hidden}.bw3-loading>i{display:block;width:38%;height:100%;border-radius:999px;background:#fff;animation:bw3load 1.05s ease-in-out infinite}@keyframes bw3load{0%{transform:translate(-105%)}to{transform:translate(275%)}}@media (prefers-reduced-motion: reduce){.bw3-loading>i{animation:none;width:100%}}.ab-3d-canvas{display:block;width:100%;height:100%;background:#86b4e0;touch-action:none}.ar-screen,.ar-home,.ar-map,.ar-play{--arc-ink: #2E2438;--arc-ink-2: #6B5F70;--arc-page: #FFF7F0;--arc-card: #FFFFFF;--arc-line: #EFE0D2;--arc-brand: #E8762C;--arc-brand-deep: #A94D12;--arc-ok: #2F7D5B;--arc-r-sm: 14px;--arc-r-md: 20px;--arc-r-lg: 28px;--arc-sh-1: 0 1px 2px rgba(46, 36, 56, .06);--arc-sh-2: 0 6px 18px rgba(46, 36, 56, .09);--arc-sh-3: 0 16px 40px rgba(46, 36, 56, .14);--arc-tap: 48px;color:var(--arc-ink)}.ar-screen{display:flex;flex-direction:column;min-height:0;border-radius:var(--arc-r-lg);overflow:hidden;background:var(--arc-page)}.mini-game-page>.ar-screen{flex:1;min-height:0}.ar-btn,.ar-ghost-btn,.ar-play-btn{min-height:var(--arc-tap);min-width:var(--arc-tap);border:0;border-radius:var(--arc-r-sm);font:inherit;font-weight:800;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .14s ease,box-shadow .18s ease,filter .18s ease;touch-action:manipulation}.ar-btn{display:inline-grid;place-items:center;width:var(--arc-tap);height:var(--arc-tap);background:#fff;color:var(--arc-ink);font-size:22px;box-shadow:var(--arc-sh-2),inset 0 1px #fff;border:1px solid var(--arc-line)}.ar-btn:active{transform:scale(.93)}.ar-btn:focus-visible,.ar-ghost-btn:focus-visible,.ar-play-btn:focus-visible,.ar-level:focus-visible{outline:3px solid #2F6FD0;outline-offset:3px}.ar-play-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 28px;min-height:60px;font-size:19px;color:#fff;background:linear-gradient(140deg,#f0842f,#c9560f);box-shadow:0 8px 20px #be5a1452,inset 0 1px #fff6}.ar-play-btn:active{transform:translateY(2px) scale(.98)}.ar-play-btn>span{font-size:17px}.ar-ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 22px;min-height:52px;font-size:17px;color:var(--arc-ink);background:#fff;border:1px solid var(--arc-line);box-shadow:var(--arc-sh-1)}.ar-ghost-btn:active{transform:translateY(1px) scale(.98)}.ar-home{display:flex;flex-direction:column;gap:22px;padding:40px 32px;align-items:center;justify-content:center;text-align:center}.ar-hero{display:flex;flex-direction:column;align-items:center;gap:14px}.ar-logo{display:flex;flex-direction:column;align-items:center;gap:6px}.ar-logo-icon{font-size:74px;line-height:1;animation:arcBob 3.2s ease-in-out infinite;filter:drop-shadow(0 8px 10px rgba(120,70,30,.24))}.ar-logo b{font-size:clamp(30px,6vw,46px);letter-spacing:-.02em;line-height:1.15}.ar-logo small{font-size:15px;color:var(--arc-ink-2);font-weight:700}.ar-copy{margin:0;max-width:30em;font-size:17px;line-height:1.7;color:var(--arc-ink-2)}.ar-stats{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.ar-stats>span{min-width:96px;padding:10px 12px;display:flex;flex-direction:column;align-items:center;gap:2px;background:#fff;border-radius:var(--arc-r-md);box-shadow:var(--arc-sh-1)}.ar-stats b{font-size:24px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.ar-stats small{font-size:12.5px;font-weight:700;color:var(--arc-ink-2)}.ar-home-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.ar-map{display:flex;flex-direction:column;gap:14px;padding:18px}.ar-map-head{display:flex;align-items:center;gap:12px;flex:0 0 auto}.ar-map-title{display:flex;flex-direction:column;gap:2px}.ar-map-title b{font-size:20px}.ar-map-title small{font-size:13.5px;color:var(--arc-ink-2);font-weight:700}.ar-level-grid{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:2px 2px 12px;align-content:start}.ar-level{position:relative;min-height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:2px solid #FFFFFF;border-radius:var(--arc-r-md);background:#fff;box-shadow:var(--arc-sh-1);cursor:pointer;font:inherit;color:var(--arc-ink);transition:transform .16s ease,box-shadow .2s ease}.ar-level:active:not(.locked){transform:scale(.96)}.ar-level-no{font-size:24px;font-weight:900;letter-spacing:-.02em}.ar-level-info{font-size:11.5px;font-weight:700;color:var(--arc-ink-2)}.ar-level-stars{display:flex;gap:2px}.ar-level-stars i{font-size:14px;font-style:normal;color:#dccfc4;line-height:1}.ar-level-stars i.on{color:#f2a33c;text-shadow:0 1px 2px rgba(180,110,20,.3)}.ar-level.done{background:linear-gradient(165deg,#fffbf4,#fff1df);border-color:#ffd9a8}.ar-level.locked{background:#ede8e3;border-color:#e2dad2;color:#9a8e84;box-shadow:none;cursor:not-allowed}.ar-level.locked .ar-level-no{opacity:.55}.ar-level.locked .ar-level-info{opacity:.6}.ar-lock{position:absolute;right:6px;top:6px;font-size:15px}.ar-level.shake{animation:ab-shake .58s cubic-bezier(.36,.07,.19,.97);border-color:#e8571b!important;box-shadow:0 0 0 3px #e8571b4d!important}.ar-play{position:relative;display:flex;flex-direction:column}.ar-canvas{display:block;width:100%;flex:1;min-height:0;border-radius:var(--arc-r-lg);touch-action:none;background:#bfe3f5}.ar-hud{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:10px 12px 12px}.ar-hud-top,.ar-hud-bottom{display:flex;align-items:center;gap:10px;pointer-events:auto}.ar-hud-right{margin-left:auto;display:flex;align-items:center;gap:8px}.ar-level-tag{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;background:#ffffffeb;box-shadow:var(--arc-sh-2);font-size:16px;font-weight:900;backdrop-filter:blur(6px)}.ar-wind{display:none;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;background:#2e2438c7;color:#fff3e2;font-size:14.5px;font-weight:800}.ar-wind.on{display:inline-flex}.ar-arrows-left{display:flex;gap:3px;padding:6px 12px;border-radius:999px;background:#ffffffeb;box-shadow:var(--arc-sh-2);backdrop-filter:blur(6px)}.ar-arrows-left i{font-size:19px;font-style:normal;line-height:1;opacity:.26;filter:grayscale(1);transition:opacity .16s ease,filter .16s ease}.ar-arrows-left i.on{opacity:1;filter:none}.ar-score-wrap{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;padding:6px 16px;border-radius:var(--arc-r-md);background:#ffffffeb;box-shadow:var(--arc-sh-2);backdrop-filter:blur(6px)}.ar-score-wrap small{font-size:12.5px;font-weight:800;color:var(--arc-ink-2)}.ar-score-wrap b{font-size:23px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.ar-tip{align-self:center;margin-top:auto;padding:9px 18px;border-radius:999px;background:#2e2438cc;color:#fff6ec;font-size:15px;font-weight:800;opacity:0;transition:opacity .3s ease}.ar-tip:not(:empty){opacity:1}.ar-hint{align-self:center;margin-top:8px;padding:7px 16px;border-radius:999px;background:#ffffffd1;color:var(--arc-ink-2);font-size:14px;font-weight:800;min-height:0}.ar-hint:empty{display:none}.ar-aim-guide{position:absolute;left:50%;bottom:16px;transform:translate(-50%);padding:9px 20px;border-radius:999px;background:#ffffffe6;color:var(--arc-ink);font-size:15px;font-weight:800;box-shadow:var(--arc-sh-2);pointer-events:none;animation:arcFadeIn .4s ease}.ar-power{position:absolute;left:50%;bottom:74px;transform:translate(-50%);width:min(320px,62%);height:14px;border-radius:999px;background:#ffffff8c;box-shadow:inset 0 1px 3px #0000002e,var(--arc-sh-1);overflow:hidden;opacity:0;transition:opacity .16s ease;pointer-events:none}.ar-power.on{opacity:1}.ar-power>i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#6fd08c,#f2c14e 55%,#e4572e);transition:width .06s linear}.ar-result{position:absolute;inset:0;display:grid;place-items:center;padding:20px;background:#1e16248c;backdrop-filter:blur(4px);z-index:40;animation:arcFadeIn .22s ease}.ar-result.hidden{display:none}.ar-result-card{width:min(100%,460px);padding:26px 24px 22px;border-radius:var(--arc-r-lg);background:linear-gradient(170deg,#fffdfa,#fff4e9);border:3px solid #FFFFFF;box-shadow:var(--arc-sh-3);text-align:center;animation:arcPop .34s cubic-bezier(.2,1.3,.4,1)}.ar-result-card h2{margin:0 0 12px;font-size:clamp(24px,5.5vw,32px);letter-spacing:-.02em}.ar-result-stars{display:flex;justify-content:center;gap:10px;margin:6px 0 14px}.ar-result-stars i{font-size:46px;font-style:normal;line-height:1;color:#dccfc4;transform:scale(.7);opacity:.55}.ar-result-stars i.on{color:#f2a33c;text-shadow:0 3px 6px rgba(180,110,20,.34);animation:arcStar .5s cubic-bezier(.2,1.5,.4,1) var(--d, 0ms) both}.ar-result-score{font-size:17px;color:var(--arc-ink-2);margin:0 0 6px}.ar-result-score b{font-size:26px;color:var(--arc-ink);font-variant-numeric:tabular-nums}.ar-result-note{font-size:15px;font-weight:800;color:var(--arc-brand-deep);margin:0 0 8px}.ar-result-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:16px}.ar-toast{position:absolute;left:50%;bottom:20px;transform:translate(-50%,14px);max-width:min(88%,470px);padding:12px 22px;border-radius:999px;background:#3a2a18;color:#fff;font-size:16px;font-weight:800;line-height:1.35;text-align:center;box-shadow:0 10px 26px #1e12064d;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:30}.ar-toast.on{opacity:1;transform:translate(-50%)}@media (max-width: 720px){.ar-home{padding:26px 18px;gap:16px}.ar-logo-icon{font-size:60px}.ar-logo b{font-size:30px}.ar-play-btn{width:100%}.ar-home-actions{width:100%;flex-direction:column}.ar-level-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.ar-level{min-height:78px}.ar-level-no{font-size:20px}.ar-level-info{display:none}.ar-level-stars i{font-size:12px}.ar-level-tag{font-size:14.5px;padding:0 12px}.ar-score-wrap b{font-size:20px}.ar-arrows-left i{font-size:16px}.ar-result-stars i{font-size:38px}.ar-aim-guide{font-size:13.5px;padding:8px 14px}}@media (prefers-reduced-motion: reduce){.ar-logo-icon{animation:none}.ar-result-card,.ar-result-stars i.on,.ar-result,.ar-aim-guide{animation:none!important}.ar-play-btn,.ar-ghost-btn,.ar-btn,.ar-level{transition:none!important}}@media (prefers-contrast: more){.ar-screen,.ar-home,.ar-map,.ar-play{--arc-line: #8A7A6D;--arc-ink-2: #4A3F46}.ar-level.locked{background:#e7e0da;color:#6b5f57}.ar-play-btn,.ar-ghost-btn,.ar-btn,.ar-level{border:1px solid CanvasText;box-shadow:none}}.game-feedback-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 16px}.game-feedback-controls button{min-height:44px;padding:9px 14px;border:2px solid #fff;border-radius:18px;background:#fff8ed;color:#624b70;font-family:inherit;font-size:14px;font-weight:700;touch-action:manipulation}.game-feedback-controls button[aria-pressed=false]{background:#eee8f0}.game-feedback-controls small{font-size:12px;color:#756477}:root{--ds-brand: #E06F26;--ds-brand-deep: #AC4B10;--ds-brand-soft: #FFF1E4;--ds-ink: #3A3340;--ds-ink-2: #6B5F70;--ds-page: #FFFBF7;--ds-card: #FFFFFF;--ds-line: #F0E4D8;--ds-line-strong: #E2D0BE;--ds-cn: #C4493A;--ds-math: #2F7BB5;--ds-plant: #2F7D55;--ds-soil: #8A5F3A;--ds-music: #3A7AA0;--ds-pet: #B05368;--ds-play: #6B4FAE;--ds-ok: #2F7D5B;--ds-warn: #9A6B12;--ds-danger: #B3402F;--ds-cat-arcade: #A64C10;--ds-cat-sport: #2F7D63;--ds-cat-cozy: #6B4FAE;--ds-fs-1: 12px;--ds-fs-2: 14px;--ds-fs-3: 16px;--ds-fs-4: 18px;--ds-fs-5: 22px;--ds-fs-6: 28px;--ds-fs-7: 36px;--ds-fs-8: 48px;--ds-fs-9: 64px;--ds-r-sm: 12px;--ds-r-md: 18px;--ds-r-lg: 26px;--ds-r-pill: 999px;--ds-sh-1: 0 2px 8px rgba(96, 74, 52, .07);--ds-sh-2: 0 8px 22px rgba(96, 74, 52, .1);--ds-sh-3: 0 16px 38px rgba(96, 74, 52, .14);--ds-gap-1: 8px;--ds-gap-2: 12px;--ds-gap-3: 18px;--ds-gap-4: 26px;--ds-page-pad: clamp(14px, 3.4vw, 26px);--ds-tap: 48px;--ds-nav-h: 74px;--ds-top-h: 68px;--ink: var(--ds-ink);--muted: var(--ds-ink-2);--cream: var(--ds-page);--card: var(--ds-card);--line: var(--ds-line);--shadow: var(--ds-sh-2);--mint: #9AD9BE;--peach: #FFC49B;--blue: #9CCBEF;--purple: #C3B0EE;--yellow: #FFD98A;--topbar-height: var(--ds-top-h);--nav-top: calc(var(--ds-top-h) + var(--safe-top))}html,body{background:var(--ds-page);color:var(--ds-ink)}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:where(button,a,summary,[tabindex]):focus-visible{outline:3px solid var(--ds-math);outline-offset:3px;border-radius:var(--ds-r-sm)}:where(#app p,#app li,#app small){font-size:max(14px,1em)}.topbar{height:var(--ds-top-h);padding:calc(8px + var(--safe-top)) var(--ds-page-pad) 8px;gap:var(--ds-gap-2);background:#fffbf7ed;border-bottom:1px solid var(--ds-line);box-shadow:var(--ds-sh-1);backdrop-filter:blur(14px)}.topbar .logo{gap:8px;padding:6px 10px;border-radius:var(--ds-r-pill);background:var(--ds-brand-soft);color:var(--ds-brand-deep);font-size:var(--ds-fs-4);font-weight:850}.topbar .logo>span{font-size:var(--ds-fs-6)}.topbar .logo b{font-size:var(--ds-fs-4);letter-spacing:.01em}.round-btn{min-height:var(--ds-tap);min-width:var(--ds-tap);border-radius:var(--ds-r-pill);background:var(--ds-card);border:1px solid var(--ds-line);box-shadow:var(--ds-sh-1);color:var(--ds-ink);font-size:var(--ds-fs-4);font-weight:800;transition:transform .14s ease,box-shadow .18s ease,background .18s ease}.round-btn:active{transform:scale(.94)}.round-btn:hover{background:var(--ds-brand-soft)}.topbar .stars{min-height:var(--ds-tap);padding:0 14px;border-radius:var(--ds-r-pill);background:var(--ds-brand-soft);color:var(--ds-brand-deep);font-size:var(--ds-fs-4);font-weight:850}.bottom-nav{width:min(100%,1040px);padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));gap:4px;background:#fffffff5;border-top:1px solid var(--ds-line);box-shadow:0 -10px 30px #604a341a;backdrop-filter:blur(14px)}.bottom-nav button{min-height:60px;border-radius:var(--ds-r-md);color:var(--ds-ink-2);font-size:var(--ds-fs-1);font-weight:800;transition:background .16s ease,color .16s ease}.bottom-nav button>span{font-size:24px;margin-bottom:2px}.bottom-nav button.active{background:var(--ds-brand-soft);color:var(--ds-brand-deep);box-shadow:inset 0 3px 0 var(--ds-brand)}#app{padding:var(--ds-gap-3) var(--ds-page-pad) calc(var(--ds-nav-h) + 28px);max-width:1120px;margin:0 auto}.page-head{margin-bottom:var(--ds-gap-3)}.page-head h1{margin:0;font-size:clamp(var(--ds-fs-5),4.4vw,var(--ds-fs-7));font-weight:900;letter-spacing:-.01em;color:var(--ds-ink)}.page-head p{margin:6px 0 0;color:var(--ds-ink-2);font-size:var(--ds-fs-3);line-height:1.7}.wide-btn{min-height:56px;padding:0 24px;border:0;border-radius:var(--ds-r-md);background:var(--ds-brand);color:#fff;font-size:19px;font-weight:850;box-shadow:var(--ds-sh-2),inset 0 -3px #783c0a2e;transition:transform .14s ease,box-shadow .18s ease}.wide-btn:active{transform:translateY(1px) scale(.99)}.wide-btn.soft,.wide-btn.secondary{background:var(--ds-card);color:var(--ds-ink);border:1px solid var(--ds-line-strong);box-shadow:var(--ds-sh-1)}.big-card,.home-function-card{border-radius:var(--ds-r-lg);border:1px solid var(--ds-line);background:var(--ds-card);box-shadow:var(--ds-sh-2);transition:transform .16s ease,box-shadow .2s ease,border-color .2s ease}.big-card:hover,.home-function-card:hover{box-shadow:var(--ds-sh-3);border-color:var(--ds-line-strong)}.big-card:active,.home-function-card:active{transform:scale(.98)}.big-card b{color:var(--ds-ink);font-size:var(--ds-fs-4)}.big-card small{color:var(--ds-ink-2);font-size:var(--ds-fs-2)}.home-dashboard,.home-simple{gap:var(--ds-gap-3)}.home-hero,.hero{border-radius:var(--ds-r-lg);padding:var(--ds-gap-4);background:radial-gradient(ellipse at 8% 4%,rgba(255,214,170,.78),transparent 56%),radial-gradient(ellipse at 92% 14%,rgba(255,236,214,.82),transparent 58%),linear-gradient(135deg,#fff4e8,#fff9f3);border:1px solid var(--ds-line);box-shadow:var(--ds-sh-2)}.home-greeting{display:inline-block;padding:4px 12px;border-radius:var(--ds-r-pill);background:var(--ds-brand-soft);color:var(--ds-brand-deep);font-size:var(--ds-fs-2);font-weight:800}.home-hero h1{margin:10px 0 6px;font-size:clamp(var(--ds-fs-6),6vw,var(--ds-fs-8));font-weight:900;letter-spacing:-.015em;color:var(--ds-ink)}.home-hero p{color:var(--ds-ink-2);font-size:var(--ds-fs-4);line-height:1.65}.home-guide{min-height:var(--ds-tap);padding:0 18px;border-radius:var(--ds-r-pill);background:var(--ds-card);border:1px solid var(--ds-line-strong);color:var(--ds-ink);font-size:var(--ds-fs-4);font-weight:850;box-shadow:var(--ds-sh-1)}.home-simple-grid{gap:var(--ds-gap-3)}.home-more{border-radius:var(--ds-r-md);border:1px solid var(--ds-line);background:var(--ds-card);box-shadow:var(--ds-sh-1)}.home-more>summary{min-height:56px;padding:0 16px;color:var(--ds-ink);font-size:var(--ds-fs-4);font-weight:850}.home-more-grid button{min-height:56px;border-radius:var(--ds-r-sm);background:var(--ds-page);border:1px solid var(--ds-line);color:var(--ds-ink);font-size:var(--ds-fs-3);font-weight:800}.home-more-grid button:hover{background:var(--ds-brand-soft);border-color:var(--ds-brand)}.game-home{display:grid;gap:var(--ds-gap-3)}.game-hero{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-gap-3);padding:var(--ds-gap-4);border-radius:var(--ds-r-lg);background:radial-gradient(ellipse at 10% 6%,rgba(255,208,158,.8),transparent 58%),linear-gradient(135deg,#fff3e6,#fffbf7);border:1px solid var(--ds-line);box-shadow:var(--ds-sh-2)}.game-hero small{display:inline-block;padding:4px 12px;border-radius:var(--ds-r-pill);background:var(--ds-brand-soft);color:var(--ds-brand-deep);font-size:var(--ds-fs-2);font-weight:800}.game-hero h1{margin:10px 0 6px;font-size:clamp(var(--ds-fs-6),5.4vw,var(--ds-fs-7));font-weight:900;letter-spacing:-.01em}.game-hero p{margin:0;color:var(--ds-ink-2);font-size:var(--ds-fs-3)}.game-hero>span{font-size:56px;line-height:1}.seg-bar{display:flex;gap:var(--ds-gap-2);padding:6px;border-radius:var(--ds-r-md);background:var(--ds-card);border:1px solid var(--ds-line);box-shadow:var(--ds-sh-1);overflow-x:auto;scrollbar-width:none}.seg-bar::-webkit-scrollbar{display:none}.seg{flex:1 1 0;min-width:132px;min-height:62px;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 14px;border:1px solid transparent;border-radius:var(--ds-r-sm);background:var(--ds-page);color:var(--ds-ink-2);font-size:var(--ds-fs-3);font-weight:850;white-space:nowrap;transition:background .16s ease,color .16s ease,border-color .16s ease}.seg>span{font-size:22px}.seg>b{color:inherit;font-weight:850}.seg>small{font-size:var(--ds-fs-1);color:inherit;opacity:.8}.seg:hover{border-color:var(--ds-line-strong)}.seg.is-active{background:var(--seg, var(--ds-brand));border-color:var(--seg, var(--ds-brand));color:#fff}.cat-head{display:flex;align-items:center;gap:var(--ds-gap-2);padding:4px 2px}.cat-head>span{font-size:30px}.cat-head h2{margin:0;font-size:var(--ds-fs-5);font-weight:900}.cat-head p{margin:3px 0 0;color:var(--ds-ink-2);font-size:var(--ds-fs-2)}.cat-head .ghost-btn{margin-left:auto}.ghost-btn{min-height:var(--ds-tap);padding:0 18px;border-radius:var(--ds-r-pill);background:var(--ds-card);border:1px solid var(--ds-line-strong);color:var(--ds-ink);font-size:var(--ds-fs-3);font-weight:800;box-shadow:var(--ds-sh-1)}.ghost-btn:hover{background:var(--ds-brand-soft);border-color:var(--ds-brand)}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--ds-gap-3)}.game-choice{display:flex;align-items:center;gap:var(--ds-gap-3);min-height:108px;padding:16px 18px;border:1px solid var(--ds-line);border-radius:var(--ds-r-lg);background:var(--ds-card);box-shadow:var(--ds-sh-2);text-align:left;transition:transform .16s ease,box-shadow .2s ease,border-color .2s ease}.game-choice:hover{box-shadow:var(--ds-sh-3);border-color:var(--ds-brand)}.game-choice:active{transform:scale(.985)}.gc-icon{flex:0 0 auto;display:grid;place-items:center;width:62px;height:62px;border-radius:var(--ds-r-md);background:var(--ds-brand-soft);font-size:32px}.gc-copy{flex:1 1 auto;min-width:0;display:grid;gap:4px}.gc-copy b{font-size:var(--ds-fs-4);font-weight:850;color:var(--ds-ink)}.gc-copy small{font-size:var(--ds-fs-2);color:var(--ds-ink-2);line-height:1.5}.gc-go{display:grid;justify-items:end;gap:6px}.gc-go i{font-style:normal;padding:2px 9px;border-radius:var(--ds-r-pill);background:var(--ds-brand);color:#fff;font-size:var(--ds-fs-1);font-weight:850}.gc-go strong{color:var(--ds-brand-deep);font-size:var(--ds-fs-3);font-weight:850;white-space:nowrap}.mini-game-page{background:var(--ds-page)}.mini-game-nav{min-height:62px;padding:8px 12px;gap:var(--ds-gap-2);background:#fffffff2;border-bottom:1px solid var(--ds-line);backdrop-filter:blur(14px)}.mini-game-nav .game-exit{min-height:var(--ds-tap);padding:0 16px;border-radius:var(--ds-r-pill);background:var(--ds-card);border:1px solid var(--ds-line-strong);color:var(--ds-ink);font-size:var(--ds-fs-3);font-weight:850}.mini-game-name{color:var(--ds-ink);font-size:var(--ds-fs-4);font-weight:900}.mini-game-tools button{min-width:var(--ds-tap);min-height:var(--ds-tap);border-radius:var(--ds-r-pill);background:var(--ds-card);border:1px solid var(--ds-line-strong);font-size:var(--ds-fs-4)}.lesson{border-radius:var(--ds-r-lg);background:var(--ds-card);border:1px solid var(--ds-line);box-shadow:var(--ds-sh-2);padding:var(--ds-gap-4)}.lesson h2{font-size:var(--ds-fs-5);font-weight:900;margin:0 0 6px}.lesson p{color:var(--ds-ink-2)}.book-grid,.activity-grid,.course-grid{gap:var(--ds-gap-3)}.book-card,.activity,.course-card{border-radius:var(--ds-r-md);border:1px solid var(--ds-line);background:var(--ds-card);box-shadow:var(--ds-sh-1)}.book-card b,.activity b,.course-card b{color:var(--ds-ink)}.book-card small,.activity small{color:var(--ds-ink-2)}.video-welcome{border-radius:var(--ds-r-lg);background:linear-gradient(135deg,#eff6ff,#fff9f3);border:1px solid var(--ds-line);box-shadow:var(--ds-sh-2)}.video-filters button{min-height:var(--ds-tap);border-radius:var(--ds-r-pill);border:1px solid var(--ds-line);background:var(--ds-card);color:var(--ds-ink);font-weight:800}.video-filters button.active{background:var(--ds-brand-soft);border-color:var(--ds-brand);color:var(--ds-brand-deep)}.video-card{border-radius:var(--ds-r-md);border:1px solid var(--ds-line);background:var(--ds-card);box-shadow:var(--ds-sh-1)}.video-parent-note{border-radius:var(--ds-r-sm);border-left:5px solid var(--ds-warn);background:#fff9ec;color:#6b4e12;padding:10px 14px;font-size:var(--ds-fs-2);line-height:1.7}.cozy-page{gap:var(--ds-gap-3)}.cozy-heading h1{font-size:clamp(var(--ds-fs-5),4.4vw,var(--ds-fs-7));font-weight:900}.cozy-heading small{color:var(--ds-brand-deep);font-weight:800}.cozy-heading p{color:var(--ds-ink-2)}.garden-plot,.cozy-tools button,.pet-choices button{border-radius:var(--ds-r-md);border:1px solid var(--ds-line);background:var(--ds-card);box-shadow:var(--ds-sh-1)}.garden-plot{min-height:108px}.cozy-notice{border-radius:var(--ds-r-sm);background:var(--ds-brand-soft);color:#6e4310;padding:10px 14px;font-size:var(--ds-fs-2)}@media (prefers-contrast: more){:root{--ds-line: #C9B7A4;--ds-ink-2: #4A4050}.big-card,.game-choice,.home-more,.lesson{border-width:2px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media (forced-colors: active){.big-card,.game-choice,.seg,.wide-btn,.ghost-btn,.bottom-nav button{border:2px solid CanvasText}}@media (max-width: 480px){:root{--ds-page-pad: 14px;--ds-top-h: 62px}#app{padding-bottom:calc(var(--ds-nav-h) + 22px)}.game-hero>span{display:none}.game-grid{grid-template-columns:1fr}.game-choice{min-height:96px;padding:13px 14px}.gc-icon{width:54px;height:54px;font-size:27px}.bottom-nav button{min-height:56px}.seg{min-width:116px;min-height:56px}}@media (min-width: 700px){:root{--ds-page-pad: 22px}.home-simple-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){:root{--ds-page-pad: 26px;--ds-top-h: 72px}#app{padding-top:var(--ds-gap-4)}.home-simple-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1280px){#app{max-width:1200px}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.cozy-tools-extra{display:flex;gap:var(--ds-gap-2);justify-content:center;flex-wrap:wrap;margin-top:var(--ds-gap-2)}.cozy-tools-extra button{min-height:56px;padding:0 20px;border-radius:var(--ds-r-md);border:1px solid var(--ds-line);background:var(--ds-card);color:var(--ds-ink);font-size:var(--ds-fs-3);font-weight:850;box-shadow:var(--ds-sh-1)}.cozy-tools-extra button:hover{background:var(--ds-brand-soft);border-color:var(--ds-brand)}.garden-water-all{display:block;width:min(100%,340px);min-height:56px;margin:var(--ds-gap-3) auto 0;border-radius:var(--ds-r-md);border:1px solid var(--ds-line-strong);background:var(--ds-card);color:var(--ds-ink);font-size:var(--ds-fs-3);font-weight:850;box-shadow:var(--ds-sh-1)}.garden-water-all:hover{background:var(--ds-brand-soft);border-color:var(--ds-brand)}.garden-summary{display:flex;flex-wrap:wrap;gap:var(--ds-gap-2) var(--ds-gap-3);justify-content:center;padding:10px 14px;border-radius:var(--ds-r-md);background:var(--ds-brand-soft);color:var(--ds-brand-deep);font-size:var(--ds-fs-3);font-weight:800}:root{--school: #C4493A;--class: #C4493A;--course: #C4493A}.next-course small,.next-course .next-course-sub{color:#fff}.ws-primary{background:linear-gradient(135deg,#2f6e93,#3a7aa0)!important;border-color:#2f6e93!important;color:#fff!important}.pet-needs span{color:#a84d60}.garden-plot{background:linear-gradient(#8c6240,#7a5436);border:2px solid #6B4A30;color:#fff}.garden-plot b,.garden-plot small{color:#fff}.garden-plot.stage-3{background:linear-gradient(#a8752f,#8a5d22);border-color:#6e4a18}.cozy-pet-page .pet-needs span,.cozy-pet-page .pet-needs div span{color:#a84d60}.classroom{--class: #C4493A;--class-soft: #FBE9E5;--class-deep: #7A2A20}.classroom.classroom-math{--class: #2F6E93;--class-soft: #E6F1F8;--class-deep: #1E4A64}.classroom-head small{color:var(--class)}.seg.is-active{--seg-min: 1}.school-page{--school: #C4493A;--school-soft: #FBE9E5;--school-ink: #7A2A20}.school-page.school-math{--school: #2F6E93;--school-soft: #E6F1F8;--school-ink: #1E4A64}.teacher-bubble small,.teacher-says small{color:var(--school)}.next-course small,.next-course strong{color:#fff}.touch-game{position:relative;min-height:calc(100dvh - 92px);overflow:hidden;border-radius:28px;background:#fff9fc;color:#513c55;touch-action:none;-webkit-user-select:none;user-select:none}.touch-home{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;padding:26px;text-align:center}.touch-home.firefly{background:radial-gradient(circle at 50% 25%,#7586c8 0,#343c79 40%,#202553);color:#fff}.touch-home.bubbles{background:linear-gradient(160deg,#e6f8ff,#fff4fa 55%,#fff5cf)}.touch-hero{position:relative;width:170px;height:150px;display:grid;place-items:center}.touch-hero span{font-size:92px;filter:drop-shadow(0 9px 12px #3e326433);animation:touchFloat 2.5s ease-in-out infinite}.touch-hero i{position:absolute;right:0;top:0;font-size:45px;font-style:normal}.touch-home small{font-size:14px;font-weight:900;letter-spacing:.18em}.touch-home h1{margin:0;font-size:clamp(30px,9vw,48px)}.touch-home p{max-width:430px;margin:0;line-height:1.7;font-weight:700}.touch-start,.touch-listen{min-width:220px;min-height:54px;border:0;border-radius:18px;font:900 17px/1 system-ui}.touch-start{background:#a44779;color:#fff;box-shadow:0 6px #74304f}.touch-listen{background:#fff;color:#6d4b64;box-shadow:0 6px 18px #4d37531f}.touch-play{height:calc(100dvh - 92px);min-height:450px}.arcade-mode .touch-play{flex:1;height:auto;min-height:0;max-height:calc(100svh - 98px)}.touch-status{position:absolute;z-index:4;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-radius:16px;background:#ffffffde;box-shadow:0 5px 18px #46354f1a;font-size:13px}.touch-status b{font-size:16px}.firefly-play{background:linear-gradient(#29386d 0 55%,#315d52 55% 100%)}.firefly-play:after{content:"";position:absolute;inset:52% 0 0;background:radial-gradient(ellipse at 20% 100%,#77a961 0 12%,transparent 13%),radial-gradient(ellipse at 78% 100%,#6e9d59 0 18%,transparent 19%)}.firefly-sky i{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff8c7;box-shadow:70px 24px #fff8c7,180px 74px #fff8c7,260px 34px #fff8c7,320px 115px #fff8c7;animation:twinkle 1.8s alternate infinite}.touch-star{position:absolute;z-index:2;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:44px;height:44px;border:0;background:transparent;color:#ffe76b;font-size:34px;filter:drop-shadow(0 0 7px #fff39a);transition:.32s}.touch-star.found{transform:translate(-50%,-50%) scale(0);opacity:0}.firefly-home{position:absolute;z-index:2;right:5%;bottom:7%;display:flex;flex-direction:column;align-items:center;color:#fff;font-size:11px}.firefly-home span{font-size:60px;filter:grayscale(.7);transition:.3s}.firefly-home.ready span{filter:none;animation:homeGlow .9s alternate infinite}.finger-piece{border:0;touch-action:none;-webkit-touch-callout:none}.firefly-piece{position:absolute;z-index:6;left:50%;top:82%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;background:#ffe66a;box-shadow:0 0 8px #fff,0 0 26px #ffea70}.firefly-piece span{font-size:32px;color:#554f39}.firefly-piece i,.firefly-piece:after{content:"";position:absolute;width:25px;height:35px;top:13px;border-radius:70% 30%;background:#dffcffbb}.firefly-piece i{left:-12px;transform:rotate(-20deg)}.firefly-piece:after{right:-12px;transform:scaleX(-1) rotate(-20deg)}.firefly-piece.dragging{transform:translate(-50%,-50%) scale(1.12)}.firefly-piece.home{transition:.35s;transform:translate(-50%,-50%) scale(.85)}.bubble-play{background:linear-gradient(#ccefff 0 52%,#ffeef6 52%)}.bubble-clouds{position:absolute;z-index:2;top:72px;left:3%;right:3%;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.bubble-bin{display:flex;flex-direction:column;align-items:center;font-size:12px;font-weight:900;color:#665066}.bubble-bin span{font-size:58px;filter:drop-shadow(0 5px 5px #47616c20)}.bubble-bin.pink span{color:#ffb3d2}.bubble-bin.blue span{color:#76cdf1}.bubble-bin.yellow span{color:#f8d96c}.bubble-bin.happy{animation:binHappy .4s ease}.bubble-field{position:absolute;inset:42% 5% 6%;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;justify-items:center}.bubble-piece{position:relative;width:70px;height:70px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff 0 7%,var(--bubble) 12% 70%,#fff8 100%);box-shadow:inset -8px -9px 13px #63416b20,0 8px 18px #59445c24;animation:bubbleBob 2.1s ease-in-out var(--delay) infinite}.bubble-piece span:after{content:"";position:absolute;left:18px;top:13px;width:14px;height:8px;border-radius:50%;background:#fff9;transform:rotate(-25deg)}.bubble-piece.dragging{animation:none;transform:scale(1.12)}.bubble-piece.matched{animation:popIn .35s ease;pointer-events:none}.touch-celebrate{position:absolute;z-index:20;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#fff8f0e8;backdrop-filter:blur(7px);font-size:30px}.touch-celebrate[hidden]{display:none}.touch-celebrate button{min-width:180px;min-height:52px;border:0;border-radius:17px;background:#a44779;color:#fff;font-size:17px;font-weight:900}@keyframes touchFloat{50%{transform:translateY(-10px) rotate(3deg)}}@keyframes twinkle{to{opacity:.35}}@keyframes homeGlow{to{filter:drop-shadow(0 0 18px #ffe276)}}@keyframes bubbleBob{50%{transform:translateY(-8px)}}@keyframes binHappy{50%{transform:scale(1.14) rotate(-4deg)}}@keyframes popIn{50%{transform:scale(1.3)}}@media (max-width:700px){.touch-game{border-radius:0;min-height:calc(100dvh - 58px)}.touch-play{height:calc(100dvh - 58px);min-height:420px}.arcade-mode .touch-play{height:auto;min-height:0;max-height:calc(100svh - 98px)}.touch-home{padding:18px 20px}.touch-hero{width:130px;height:110px}.touch-hero span{font-size:70px}.touch-home h1{font-size:31px}.touch-home p{font-size:14px}.bubble-clouds{top:62px}.bubble-bin span{font-size:49px}.bubble-field{inset:39% 3% 5%}.bubble-piece{width:64px;height:64px}.touch-status{top:7px;left:7px;right:7px}}@media (prefers-reduced-motion:reduce){.touch-game *{animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--ds-sp-1: 4px;--ds-sp-2: 8px;--ds-sp-3: 12px;--ds-sp-4: 16px;--ds-sp-5: 20px;--ds-sp-6: 24px;--ds-sp-7: 32px;--ds-sp-8: 40px;--ds-sp-9: 56px;--ds-page-x: var(--ds-sp-4);--ds-card-pad: var(--ds-sp-4);--ds-stack: var(--ds-sp-4)}:root{--ds-r-thumb: var(--ds-r-sm);--ds-r-tile: var(--ds-r-md);--ds-r-panel: var(--ds-r-lg)}.mini-game-nav .game-exit b,.game-exit b{font-size:var(--ds-fs-2)!important}.book .book-badge,.book-badge{font-size:var(--ds-fs-2)!important;padding:5px 10px}.room-caption,.cozy-pet-page .room-caption,.know-total,.know-daily-progress small,.know-card-count span,.garden-plot small{font-size:var(--ds-fs-2)!important}.cozy-entry small,.home-more-grid small,.game-choice small{font-size:var(--ds-fs-2)}.gc-go i{background:var(--ds-brand-deep);color:#fff;padding:3px 10px;font-size:var(--ds-fs-2)}.home-simple-grid .home-function-card,.book,.course-card,.cozy-entry,.game-choice,.ab-level{border:1px solid var(--ds-line);border-radius:var(--ds-r-tile);box-shadow:var(--ds-sh-1);transition:transform .14s ease,box-shadow .18s ease,border-color .18s ease}.home-simple-grid .home-function-card:hover,.book:hover,.course-card:hover,.game-choice:hover{box-shadow:var(--ds-sh-2);border-color:var(--ds-line-strong)}.home-simple-grid .home-function-card:active,.book:active,.course-card:active,.game-choice:active,.cozy-entry:active{transform:translateY(1px) scale(.988);box-shadow:var(--ds-sh-1)}.home-simple-grid .icon{border-radius:var(--ds-r-thumb);display:grid;place-items:center}.hero h1,.home-simple .home-hero h1,.cozy-heading h1,.game-hero h1,.cat-head h2,.know-section-title h2{letter-spacing:-.015em;line-height:1.2}.cat-head h2,.know-section-title h2{font-size:var(--ds-fs-5)}.cat-head p,.know-section-title p,.game-hero p{color:var(--ds-ink-2)}.bottom-nav{background:#fffffff0;backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-top:1px solid var(--ds-line)}.bottom-nav button{border-radius:var(--ds-r-tile);color:var(--ds-ink-2);transition:background .16s ease,color .16s ease,transform .12s ease}.bottom-nav button.active{background:var(--ds-brand-soft);color:var(--ds-brand-deep)}.bottom-nav button:active{transform:scale(.96)}.bottom-nav span{font-size:24px}:where(button,a,summary,input,[tabindex]):focus-visible{outline:3px solid #2F6FD0;outline-offset:3px;border-radius:var(--ds-r-thumb)}@media (hover: none){:where(button,a,summary):focus{outline:none}}*{scrollbar-width:thin;scrollbar-color:#DCCBB9 transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#dccbb9;border:3px solid transparent;background-clip:content-box;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background-clip:content-box;background-color:#c9b49e}::selection{background:var(--ds-brand-soft);color:var(--ds-brand-deep)}body{-webkit-tap-highlight-color:transparent}.subject-tab:active,.course-answers button:not(:disabled):active,.class-actions button:not(:disabled):active,.control:not(:disabled):active,.auto-read-btn:active,.chip:active,.wide-btn:active,.pet-choices button:active,.garden-seeds button:active,.garden-tools button:active,.cozy-tools button:active,.cozy-secondary:active,.draw-actions button:active,.brush-btn:active,.stamp-btn:active,.round-btn:active,.next-course:active{transform:scale(.97)}.subject-tab,.course-answers button,.class-actions button,.control,.auto-read-btn,.pet-choices button,.garden-seeds button,.garden-tools button,.cozy-tools button,.cozy-secondary,.draw-actions button,.brush-btn,.stamp-btn,.round-btn{transition:transform .12s ease,background .16s ease,border-color .16s ease,box-shadow .18s ease}.pet-room,.cozy-pet-page .pet-room,.garden-board,.pet-home-scene,.cozy-lesson,.teacher-card,.reader-stage,#drawPad{border-radius:var(--ds-r-panel)}.pet-choices button,.garden-seeds button,.pet-needs div,.cozy-tools button,.cozy-notice,.cozy-secondary,.garden-summary,.garden-plot,.garden-tools button,.home-more,.home-more-grid button,.home-more-grid .home-writing-banner,.continue,.book,.course-card,.cozy-entry,.subject-tab,.control,.auto-read-btn,.draw-actions button,.brush-btn,.stamp-btn,.eraser-btn,.lesson-visual,.course-answers button,.class-actions button,.parent-tip,.school-banner,.teacher-label,.listen-teacher,.stamp-tools,.game-choice,.ab-level{border-radius:var(--ds-r-tile)}.room-caption,.cozy-pet-page .room-caption,.book-badge,.story-touch,.dot,.know-total,.know-card-count span,.class-progress i{border-radius:var(--ds-r-thumb)}.pet-heart,.pet-paw,.draw-color,.brush-btn i,.cozy-pet-face,.avatar,.round-btn{border-radius:50%}.pet-room,.garden-board,.teacher-card,.reader-stage,.home-more,.story-touch,.book,.home-simple-grid .home-function-card{box-shadow:var(--ds-sh-1)}.hero,.school-banner,.reader-stage,#drawPad{box-shadow:var(--ds-sh-2)}.class-progress i.on{box-shadow:none}.know-empty,.home-empty,.empty-state{display:grid;place-items:center;gap:var(--ds-sp-2);padding:var(--ds-sp-6) var(--ds-sp-4);border:1px dashed var(--ds-line-strong);border-radius:var(--ds-r-tile);background:var(--ds-card);color:var(--ds-ink-2);text-align:center;font-size:var(--ds-fs-3)}@keyframes ds-sheen{0%{background-position:-180% 0}to{background-position:180% 0}}.ds-skeleton{border-radius:var(--ds-r-tile);background:linear-gradient(100deg,#f4eee7 30%,#fbf7f2,#f4eee7 70%);background-size:220% 100%;animation:ds-sheen 1.4s linear infinite;color:transparent!important}@media (prefers-reduced-motion: reduce){.ds-skeleton{animation:none;background:#f4eee7}}main{padding-left:var(--ds-page-x);padding-right:var(--ds-page-x)}main>section+section,main>section+div+section{margin-top:var(--ds-stack)}.course-unit,.lesson+.lesson,.reader+.reader{margin-top:var(--ds-sp-7)}.course-list,.book-grid{gap:var(--ds-sp-3)}.story-touch,.brush-btn,.eraser-btn,.draw-color{min-height:46px}.dot{min-width:10px;min-height:10px}@media (prefers-reduced-motion: reduce){.home-simple-grid .home-function-card,.book,.course-card,.game-choice,.cozy-entry,.bottom-nav button,.subject-tab,.course-answers button,.class-actions button,.control,.auto-read-btn,.pet-choices button,.garden-seeds button,.garden-tools button,.cozy-tools button,.cozy-secondary,.draw-actions button,.brush-btn,.stamp-btn,.round-btn{transition:none}.home-simple-grid .home-function-card:active,.book:active,.course-card:active,.game-choice:active,.cozy-entry:active,.subject-tab:active,.course-answers button:active,.class-actions button:active,.control:active,.auto-read-btn:active,.pet-choices button:active,.garden-seeds button:active,.garden-tools button:active,.cozy-tools button:active,.cozy-secondary:active,.draw-actions button:active,.brush-btn:active,.stamp-btn:active,.round-btn:active{transform:none}}@media (prefers-contrast: more){:root{--ds-line: #C9B49E;--ds-line-strong: #A88F74;--ds-ink-2: #40383F}.home-simple-grid .home-function-card,.book,.course-card,.game-choice,.bottom-nav{border-width:2px}}.know-level,.know-level.know-level-1,.know-level.know-level-2,.know-level.know-level-3,.know-level.know-level-4,.know-level.know-level-5,.know-category,.know-category.know-category-1,.know-daily,.know-welcome,.know-quiz,.know-quiz-choice,.know-done,.know-favorite-item,.know-teacher-card{border-radius:var(--ds-r-tile)}.know-welcome{border-radius:var(--ds-r-panel)}.know-teacher{border-radius:var(--ds-r-panel) var(--ds-r-panel) var(--ds-r-tile) var(--ds-r-tile)}.know-daily-icon,.know-category-icon,.know-picture,.know-favorite .know-picture,.know-quiz-choice .know-picture,.know-favorite-icon,.know-hub-icon,.know-station-icon,.know-teacher-icon,.know-total,.know-card-count span,.know-daily-progress,.know-listen,.know-image-button,.know-swipe-hint,.know-badge{border-radius:var(--ds-r-thumb)}.know-daily-progress small,.know-daily-progress span{font-size:var(--ds-fs-2)!important}.know-welcome,.know-daily,.know-category,.know-level,.know-quiz,.know-teacher-card,.know-favorite-item{box-shadow:var(--ds-sh-1)!important}.know-welcome,.know-daily{box-shadow:var(--ds-sh-2)!important}.stars,.topbar,header.topbar,.logo,button.logo,.know-teacher,.know-total,.know-daily-progress{box-shadow:var(--ds-sh-1)!important}.bottom-nav{box-shadow:var(--ds-sh-2)!important}.pet-room,.pet-needs div,.pet-choices button,.cozy-tools button,.garden-summary,.garden-seeds button,.garden-tools button,.cozy-notice,.cozy-secondary,.cozy-entry{box-shadow:var(--ds-sh-1)!important}.know-daily-progress,.garden-plot,.know-teacher{text-shadow:none}.chip.active,.control.primary,.wide-btn:not(.soft),.subject-tab.active,.class-actions .primary,.auto-read-btn.playing{box-shadow:inset 0 -3px #0000001f!important}.know-welcome h1{font-size:clamp(26px,5.4vw,36px);letter-spacing:-.015em}.know-welcome p{font-size:var(--ds-fs-3);color:var(--ds-ink-2);font-weight:700}.know-welcome small{font-size:var(--ds-fs-2);color:var(--ds-plant);font-weight:900}.know-daily-copy b{font-size:var(--ds-fs-4)}.know-daily-copy small,.know-daily-copy span{font-size:var(--ds-fs-2)}.know-category b{font-size:var(--ds-fs-4)}.know-category small{font-size:var(--ds-fs-2)}.home-simple-grid .icon{background:#ffffffb8;box-shadow:inset 0 -2px #0000000a}.home-simple-grid .home-function-card{position:relative;overflow:hidden}.home-simple-grid .home-function-card:after{content:"";position:absolute;inset:auto -18% -34% auto;width:44%;padding-bottom:44%;border-radius:50%;background:#ffffff61;pointer-events:none}.topbar,header.topbar{background:#ffffffe6;backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--ds-line)}#backBtn{border-radius:var(--ds-r-tile);min-height:var(--ds-tap)}.bottom-nav{border-radius:var(--ds-r-lg) var(--ds-r-lg) 0 0}.bottom-nav button,.bottom-nav button.active,.game-exit,.class-steps div,.parent-tip,.ms-status,.story-touch{border-radius:var(--ds-r-tile)}small{font-size:max(var(--ds-fs-1),.82em)}.know-heart,.know-image-button,.know-listen,.book .book-badge{position:relative}.know-heart:after,.know-image-button:after{content:"";position:absolute;inset:-8px}.home-dashboard .home-function-card,.game-home .game-choice,.game-home .book,.home-dashboard .book,.course-card,.know-category{border:1px solid var(--ds-line);border-radius:var(--ds-r-tile);box-shadow:var(--ds-sh-1)}.school-page .course-card,.school-page .study-progress,.school-page .subject-tab,.school-page .unit-chip,.school-page .teacher-bubble,.school-page .next-course,.school-page .class-steps div{border-radius:var(--ds-r-tile);box-shadow:var(--ds-sh-1)}.school-page .study-progress{border:1px solid var(--ds-line);background:var(--ds-card)}.school-page .course-card{border:1px solid var(--ds-line)}.teacher-bubble{border-radius:var(--ds-r-lg) var(--ds-r-lg) var(--ds-r-lg) var(--ds-r-sm)}.school-welcome,.game-hero,.home-hero,.know-welcome,.video-welcome{border-radius:var(--ds-r-panel)!important}.next-course-icon,.course-card i,.school-page .course-card i,.study-progress>i,.study-progress em,.teacher-bubble button,.next-course strong,.class-progress i{border-radius:var(--ds-r-thumb)}.unit-chip.active,.class-steps .now,.teacher-bubble,.teacher-card,.school-welcome,.study-progress,.subject-tab,.course-card,.next-course,.unit-chip,.class-actions button,.course-answers button,.lesson-visual{box-shadow:var(--ds-sh-1)!important}.school-welcome,.next-course{box-shadow:var(--ds-sh-2)!important}.game-home .game-choice:hover{box-shadow:var(--ds-sh-2);border-color:var(--ds-brand)}.game-home .game-choice:active{transform:translateY(1px) scale(.99);box-shadow:var(--ds-sh-1)}.game-home .game-hero{box-shadow:var(--ds-sh-2)!important}#backBtn span{font-size:var(--ds-fs-2);font-weight:800;line-height:1.25}.school-page .subject-tab small{font-size:var(--ds-fs-1)}.cozy-entry em,.cozy-entry small,.playing-cozy-game .garden-plot small,.bottom-nav button,.arcade-link em,.game-category small,.game-card-action,.game-card-copy small,.home-grid small,.art-canvas-hint,.art-gallery b,.art-gallery .art-remove,.art-task small,.art-task button,.art-quick button small,.home-shortcut-grid small,.home-function-grid small,.home-greeting,.ms-step small,.ms-rest b,.ms-work small,.ms-parent-note,.ms-hero small,.ms-key>small,.ms-card-heading small,.ms-tempo>span,.ms-tempo b,.ws-hero small,.home-writing-banner small,.ws-status,.ws-step-badge,.know-category-copy small,.know-swipe-hint,.ws-number-menu button>span,.game-feature-grid small,.book-badge,.room-caption,.cozy-pet-page .room-caption{font-size:var(--ds-fs-1)}.ms-parent-note,.ws-status,.art-canvas-hint,.home-shortcut-grid small,.game-card-copy small{font-size:var(--ds-fs-2)}:root{--storybook-ink:#684552;--storybook-rose:#ac4161;--storybook-line:#eed6cf}body{background:radial-gradient(ellipse at 5% 0,#ffe6ea,transparent 42%),radial-gradient(ellipse at 95% 65%,#eaf4e5,transparent 40%),#fffaf1;color:var(--storybook-ink)}header.topbar{background:#fffaf4f5;border-bottom:2px solid #f2e2d5;backdrop-filter:none;-webkit-backdrop-filter:none}.topbar .logo{background:transparent;color:#965369;box-shadow:none!important}.topbar .logo>span{background:#ffe5cc;border:2px solid #fff;border-radius:50%;padding:4px}.topbar .round-btn{background:#fff4e7;border:2px solid #f1decd;color:#895e57}.topbar .stars{background:#fff1c9;border:2px solid #ffe2a2;color:#815b2a}.bottom-nav{background:#fffdf6;border-top:2px solid #edd9cc;backdrop-filter:none;-webkit-backdrop-filter:none}.bottom-nav button{color:#84695e}.bottom-nav button.active{background:#ffe0e8;color:#943d5e;border:2px solid #ffc5d6;box-shadow:0 3px #edbdcb}.storybook-home{max-width:1120px;margin:auto;padding-bottom:12px}.storybook-home .home-hero{display:block;position:relative;isolation:isolate;min-height:300px;border:4px solid #fffaf1;border-radius:32px!important;background:#fce5da;overflow:hidden;box-shadow:0 6px #f0d2d1,0 14px 30px #86595412;margin-bottom:25px;padding:30px 36px}.storybook-home .home-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff2e6e6,transparent 64%);z-index:-1;pointer-events:none;width:auto;height:auto;padding:0}.storybook-welcome-art{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 60%}.storybook-home .storybook-welcome-copy{position:relative;max-width:51%}.storybook-home .home-greeting{display:inline-block;font-size:13px;font-weight:800;letter-spacing:.03em;color:#8a5a57}.storybook-home .home-hero h1{font-size:clamp(34px,4.5vw,48px);line-height:1.18;letter-spacing:.015em;color:#75434f;margin:12px 0 9px;font-weight:900;text-shadow:0 2px 0 #fff4e9}.storybook-home .home-hero h1 em{font-style:normal;color:#a03c62}.storybook-home .home-hero p{font-size:15px;color:#805b50;margin:0 0 18px;line-height:1.5}.storybook-home .home-guide{display:inline-flex;gap:8px;min-height:43px;min-width:0;width:auto;border:2px solid #fffaf1;border-radius:18px;padding:9px 15px;background:#fff8e8;color:#895346;box-shadow:0 4px #eac3b6}.storybook-home .home-guide>span{font-size:22px}.storybook-home .home-guide b{font-size:13px}.storybook-section-title{display:flex;align-items:center;justify-content:space-between;padding:0 6px;margin:0 0 16px}.storybook-section-title h2{margin:0;color:#795049;font-size:23px;font-weight:900}.storybook-section-title>span{font-size:26px;color:#e4ab56}.storybook-home .home-simple-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.storybook-home .home-simple-grid .home-function-card{--card-edge:#f0c9d4;position:relative;min-height:206px;padding:12px 10px 17px;border:3px solid #fff;border-radius:28px;background:#ffecf0;box-shadow:0 6px 0 var(--card-edge),0 10px 18px #98625b10;overflow:hidden;isolation:isolate;transition:transform .15s ease,box-shadow .15s ease}.storybook-home .home-simple-grid .home-function-card:nth-child(4n+2){--card-edge:#cbdcbb;background:#edf5df}.storybook-home .home-simple-grid .home-function-card:nth-child(4n+3){--card-edge:#d6c8ec;background:#f0eaff}.storybook-home .home-simple-grid .home-function-card:nth-child(4n){--card-edge:#e9cfad;background:#fff2d9}.storybook-home .home-simple-grid .home-function-card:after{inset:8px auto auto 10px;width:30px;height:9px;padding:0;background:#ffffffab;border-radius:50%;transform:rotate(-28deg);pointer-events:none}.storybook-home .home-simple-grid .icon{width:108px;height:108px;margin:0 auto 2px;flex:none;display:block;border-radius:0;background-color:transparent;background-image:url(/art/ui-storybook-v1/activity-icons.webp);background-repeat:no-repeat;background-size:400% 200%;box-shadow:none;color:transparent;font-size:0;filter:drop-shadow(0 5px 2px #79544c12)}.storybook-home .storybook-icon-pet{background-position:0 0}.storybook-home .storybook-icon-garden{background-position:33.333333% 0}.storybook-home .storybook-icon-drawing{background-position:66.666667% 0}.storybook-home .storybook-icon-stories{background-position:100% 0}.storybook-home .storybook-icon-writing{background-position:0 100%}.storybook-home .storybook-icon-school{background-position:33.333333% 100%}.storybook-home .storybook-icon-piano{background-position:66.666667% 100%}.storybook-home .storybook-icon-games{background-position:100% 100%}.storybook-home .home-simple-grid b{font-size:23px;font-weight:900;color:#724d58;margin:2px 0 5px}.storybook-home .home-simple-grid small{font-size:12px;color:#7c6263;line-height:1.4;max-width:90%}.storybook-play{position:absolute;right:10px;bottom:10px;width:23px;height:23px;border-radius:50%;background:#fffa;display:grid;place-items:center;color:#a26675;font-size:10px;padding-left:2px}.storybook-home .home-more{margin:25px 0 16px;background:#fff8e9;border:2px dashed #e4c4ac;border-radius:24px;box-shadow:none}.storybook-home .home-more summary{color:#825d4b}.storybook-home .home-more-grid button{background:#fffdf7;border:2px solid #f0e0ce;border-radius:18px;color:#755447}.storybook-home .home-continue{border:2px solid #fff;background:#f5ebfc;border-radius:24px;box-shadow:0 4px #dfcde9}.storybook-home button:focus-visible{outline:3px solid #9050a4;outline-offset:4px}.storybook-home .home-simple-grid .home-function-card:active{transform:translateY(4px) scale(.98);box-shadow:0 2px 0 var(--card-edge)}@media (max-width:700px){.storybook-home .home-simple-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px}.storybook-home .home-hero{min-height:238px;padding:20px 18px;border-width:3px;margin-bottom:22px}.storybook-home .home-hero h1{font-size:32px}.storybook-home .home-greeting{font-size:11px}.storybook-home .home-hero p{font-size:12px;max-width:145px;margin-bottom:15px}.storybook-home .storybook-welcome-copy{max-width:56%}.storybook-home .home-guide{padding:7px 11px;min-height:39px;gap:6px}.storybook-home .home-guide b{font-size:12px}.storybook-home .home-guide>span{font-size:19px}.storybook-section-title{margin-bottom:13px}.storybook-section-title h2{font-size:21px}.storybook-home .home-simple-grid .home-function-card{min-height:178px;padding:8px 7px 16px;border-radius:25px}.storybook-home .home-simple-grid .icon{width:96px;height:96px}.storybook-home .home-simple-grid b{font-size:20px}.storybook-home .home-simple-grid small{font-size:11px}.storybook-play{width:20px;height:20px;right:7px;bottom:7px;font-size:9px}}@media (max-width:360px){.storybook-home .home-hero{min-height:219px;padding:17px 13px}.storybook-home .home-hero h1{font-size:28px}.storybook-home .home-greeting{font-size:10px}.storybook-home .home-hero p{max-width:125px;font-size:11px}.storybook-home .home-simple-grid .home-function-card{min-height:166px}.storybook-home .home-simple-grid .icon{width:84px;height:84px}.storybook-home .home-simple-grid b{font-size:19px}}@media (prefers-reduced-motion:reduce){.storybook-home .home-function-card{transition:none!important}.storybook-home .home-function-card:active{transform:none!important}}@media (forced-colors:active){.storybook-home .home-function-card,.storybook-home .home-guide,.storybook-home .home-more{border:2px solid ButtonText;background:Canvas;color:CanvasText;box-shadow:none}.storybook-home .home-hero:after{background:Canvas}.storybook-home .home-simple-grid b,.storybook-home .home-simple-grid small,.storybook-home .home-hero h1,.storybook-home .home-hero h1 em,.storybook-home .home-hero p{color:CanvasText}}.book,.school-page .course-card,.know-page .know-category,.game-home .game-choice{border:3px solid #fff;border-radius:26px;box-shadow:0 5px #e9d3d4,0 10px 20px #9160640c!important;background-color:#fffaf3;overflow:hidden}.book:nth-child(3n+2),.school-page .course-card:nth-child(3n+2),.know-page .know-category:nth-child(3n+2),.game-home .game-choice:nth-child(3n+2){box-shadow:0 5px #d7e1c5,0 10px 20px #9160640c!important}.book:nth-child(3n),.school-page .course-card:nth-child(3n),.know-page .know-category:nth-child(3n),.game-home .game-choice:nth-child(3n){box-shadow:0 5px #e0d0eb,0 10px 20px #9160640c!important}.game-home .game-hero,.school-page .school-welcome,.know-page .know-welcome,.video-page .video-welcome{background:linear-gradient(125deg,#fff0dc,#fce5ed 60%,#eee7fb);border:3px solid #fff;border-radius:30px!important;box-shadow:0 5px #ead4d3!important}.game-home .game-hero h1,.school-page .school-welcome h1,.know-page .know-welcome h1,.video-page .video-welcome h1{color:#855065}.game-home .game-category{background:#fff9ed;border:2px solid #f0dfcc;border-radius:21px}.game-home .game-category.active{background:#ffe3ed;border-color:#e9b7cc;color:#914462}.home-more-grid button:focus-visible,.game-home .game-category:focus-visible{outline:3px solid #9050a4;outline-offset:3px}@media (forced-colors:active){.book,.school-page .course-card,.know-page .know-category,.game-home .game-choice,.game-home .game-hero,.school-page .school-welcome,.know-page .know-welcome,.video-page .video-welcome{background:Canvas;border:2px solid CanvasText;box-shadow:none!important}}.storybook-home .site-legal{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin:20px 0 4px;padding:10px 12px;color:#92786f;font-size:12px;font-weight:700}.storybook-home .site-legal a{color:#805f73;text-decoration:none;border-bottom:1px solid #d9bfca}.storybook-home .site-legal a:focus-visible{outline:3px solid #9050a4;outline-offset:3px;border-radius:4px}