:root{color:#302d3b;font-synthesis:none;text-rendering:optimizelegibility;background:#f8f3e7;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}html{background:#f8f3e7;min-width:320px;min-height:100%}body{-webkit-tap-highlight-color:transparent;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #7568d961}button:disabled{cursor:not-allowed;opacity:.55}::selection{color:#302d3b;background:#dcd4ff}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--purple:#7568d9;--purple-dark:#5146a8;--purple-soft:#ece8ff;--yellow:#f6d84d;--yellow-soft:#fff7c8;--blue:#3d7fc5;--blue-soft:#e4f2ff;--green:#3a9e91;--green-soft:#e0f4ee;--orange:#dc8e45;--orange-soft:#fff0dd;--ink:#302d3b;--muted:#696575;--line:#e6ded3;--paper:#fffcf7;--shadow:0 12px 32px #4c427717, 0 3px 0 #4c42770a}button{cursor:pointer;border:0}.app-shell{background:radial-gradient(circle at 85% 8%,#f6d84d2e,#0000 26%),#f8f3e7;min-height:100vh}.sidebar{z-index:20;width:154px;padding:max(14px, env(safe-area-inset-top)) 12px max(14px, env(safe-area-inset-bottom));background:#fffaf0;border-right:1px solid #e8dfd1;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:7px 0 24px #4e422f0a}.brand{text-align:left;background:0 0;border-radius:18px;align-items:center;gap:9px;height:70px;padding:8px;display:flex}.brand strong{letter-spacing:.08em;font-size:15px;line-height:1.25}.brand-goggle{background:var(--yellow);border:2px solid #34313d;border-radius:15px;place-items:center;width:45px;height:45px;display:grid;box-shadow:inset 0 -4px #c2910c29}.brand-goggle:before{content:"";background:#46434b;width:28px;height:8px;position:absolute}.brand-goggle span{z-index:1;background:#fff;border:4px solid #aaa9ad;border-radius:50%;width:22px;height:22px;position:relative;box-shadow:inset 0 0 0 5px #fff}.brand-goggle span:after{content:"";background:#5a412d;border-radius:50%;position:absolute;inset:5px}.nav-groups{scrollbar-width:none;flex-direction:column;flex:1;gap:3px;min-height:0;margin-top:10px;display:flex;overflow-y:auto}.nav-groups::-webkit-scrollbar{display:none}.nav-button{color:#676273;background:0 0;border-radius:15px;align-items:center;gap:12px;min-height:47px;padding:8px 11px;font-size:14px;font-weight:700;transition:color .2s,background .2s,box-shadow .2s;display:flex}.nav-button:hover{color:var(--purple-dark);background:#f1ebff}.nav-button.active{color:var(--purple-dark);background:var(--purple-soft);box-shadow:inset 3px 0 0 var(--purple)}.settings-button{border-top:1px solid #e9e0d5;border-radius:0 0 15px 15px;margin-top:7px;padding-top:12px}.workspace{min-height:100vh;margin-left:154px}.topbar{height:78px;padding:max(12px, env(safe-area-inset-top)) 28px 10px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:15;background:#fffcf7de;border-bottom:1px solid #e6ded3b3;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.profile-switcher{position:relative}.profile-switcher>button{text-align:left;background:0 0;border-radius:15px;align-items:center;gap:10px;padding:6px 11px 6px 6px;display:flex}.profile-switcher>button:hover{background:#f3edff}.profile-dot{color:#fff;border-radius:13px;flex:none;place-items:center;width:37px;height:37px;font-weight:800;display:grid;box-shadow:inset 0 -3px #0000001f}.profile-switcher strong,.profile-switcher small{display:block}.profile-switcher strong{font-size:14px}.profile-switcher small{color:var(--muted);margin-top:2px;font-size:11px}.profile-menu{border:1px solid var(--line);background:#fff;border-radius:18px;min-width:245px;padding:8px;position:absolute;top:55px;left:0;box-shadow:0 20px 50px #322a5033}.profile-menu button{text-align:left;background:0 0;border-radius:12px;align-items:center;gap:10px;width:100%;padding:9px;display:flex}.profile-menu button:hover{background:var(--purple-soft)}.profile-menu button>span:nth-child(2){flex:1}.profile-menu .add-profile{border-top:1px solid var(--line);color:var(--purple-dark);border-radius:0 0 12px 12px;margin-top:5px;padding-top:12px;font-weight:700}.top-stats{gap:9px;display:flex}.top-stats span{border:1px solid var(--line);background:#fff;border-radius:13px;align-items:center;gap:6px;padding:9px 13px;font-size:13px;font-weight:800;display:flex}.top-stats span:first-child{background:var(--yellow-soft);border-color:#f2dfa0}.subnav{border-bottom:1px solid var(--line);scrollbar-width:none;z-index:12;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffcf7bf;align-items:center;gap:8px;min-height:56px;padding:10px 28px;display:flex;position:sticky;top:78px;overflow-x:auto}.subnav::-webkit-scrollbar{display:none}.subnav button{color:var(--muted);background:0 0;border-radius:999px;flex:none;padding:8px 16px;font-size:13px;font-weight:700}.subnav button:hover,.subnav button.active{background:var(--ink);color:#fff}.subnav .quick-explain{color:var(--purple-dark);background:var(--purple-soft);align-items:center;gap:6px;margin-left:auto;display:flex}.subnav .quick-explain:hover{color:#fff;background:var(--purple)}.content{padding:28px clamp(20px,3vw,46px) 70px}.page{width:100%;max-width:1220px;margin:0 auto}.page-header{justify-content:space-between;align-items:flex-end;gap:22px;min-height:91px;margin-bottom:25px;display:flex}.page-header h1{letter-spacing:-.035em;margin:4px 0 6px;font-size:clamp(25px,3vw,38px);line-height:1.15}.page-header p{max-width:710px;color:var(--muted);margin:0;font-size:14px;line-height:1.7}.eyebrow{color:var(--purple);letter-spacing:.15em;text-transform:uppercase;font-size:11px;font-weight:900;display:block}.card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffcf7f2;border-radius:24px}.button{border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:9px 16px;font-size:14px;font-weight:800;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex}.button-primary{background:var(--purple);color:#fff;box-shadow:0 6px #5549b5}.button-primary:hover{background:var(--purple-dark)}.button-secondary{background:var(--yellow);color:#3e3525;box-shadow:0 5px #d4b638}.button-ghost{background:var(--purple-soft);color:var(--purple-dark)}.button-ghost:hover{background:#ded7ff}.button-complete{background:var(--green-soft);color:#176c61;box-shadow:inset 0 0 0 1px #9bd4c8}.button-danger{color:#fff;background:#e76d78;box-shadow:0 5px #b64854}.button-icon{width:42px;padding:0}.button-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.toast{z-index:100;left:50%;bottom:max(24px, env(safe-area-inset-bottom));color:#fff;background:#302d3b;border-radius:15px;align-items:center;gap:9px;padding:12px 19px;font-size:14px;font-weight:700;animation:.25s ease-out toast-in;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 12px 35px #302d3b40}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}}.spin{flex:none;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.speech-loading{z-index:99;right:22px;bottom:max(22px, env(safe-area-inset-bottom));color:#453b74;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffcf7f7;border:1px solid #d8cff8;border-radius:17px;align-items:center;gap:12px;min-width:230px;padding:13px 17px;animation:.22s ease-out speech-in;display:flex;position:fixed;box-shadow:0 13px 38px #453b7433}.speech-loading>span{width:39px;height:39px;color:var(--purple);background:var(--purple-soft);border-radius:13px;flex:none;place-items:center;display:grid}.speech-loading strong,.speech-loading small{display:block}.speech-loading strong{font-size:13px}.speech-loading small{color:var(--muted);margin-top:3px;font-size:10px}@keyframes speech-in{0%{opacity:0;transform:translateY(9px)}}.pulse{animation:1.3s infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 9px #e76d782e}}.progress-wrap{width:100%}.progress-label{color:var(--muted);justify-content:space-between;margin-bottom:7px;font-size:12px;font-weight:700;display:flex}.progress-label strong{color:var(--ink)}.progress-track{background:#e7e0d7;border-radius:99px;height:9px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--purple), #9a8ef2);height:100%;transition:width .3s;display:block}.timer-pill,.level-badge{background:var(--yellow-soft);border:1px solid #eddb8d;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-width:115px;padding:10px 14px;font-weight:900;display:flex}.hero-card{background:linear-gradient(135deg,#e6e0ff 0%,#f1ebff 58%,#fff2aa 100%);border:1px solid #dcd2fb;border-radius:31px;justify-content:space-between;align-items:center;min-height:342px;padding:clamp(26px,4vw,47px);display:flex;position:relative;overflow:hidden;box-shadow:0 16px 45px #54448b21}.hero-copy{z-index:2;max-width:535px;position:relative}.hero-copy h1{letter-spacing:-.055em;margin:7px 0 12px;font-size:clamp(32px,5vw,55px);line-height:1.08}.hero-copy h1 em{color:var(--purple);font-style:normal}.hero-copy p{color:#625d72;margin:0 0 23px;font-size:15px}.hero-copy .progress-wrap{max-width:370px;margin-bottom:24px}.hero-minion{justify-content:center;align-items:flex-end;width:310px;min-height:280px;display:flex;position:relative}.speech-bubble{z-index:3;background:#fff;border:2px solid #3d3946;border-radius:18px 18px 18px 5px;padding:12px 16px;font-weight:900;position:absolute;top:4px;right:5px;transform:rotate(4deg)}.hero-dot{background:#ffffff8c;border-radius:50%;position:absolute}.dot-one{width:90px;height:90px;top:12px;right:10px}.dot-two{width:45px;height:45px;bottom:20px;right:310px}.section-heading{justify-content:space-between;align-items:flex-end;margin:35px 2px 16px;display:flex}.section-heading h2{margin:5px 0 0;font-size:23px}.section-count{color:var(--muted);font-size:13px;font-weight:700}.task-grid{grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;display:grid}.task-card{text-align:left;border:1px solid var(--line);background:var(--paper);border-radius:21px;flex-direction:column;align-items:flex-start;min-height:148px;padding:18px;transition:border .2s,box-shadow .2s;display:flex;box-shadow:0 8px 20px #42372d0d}.task-card:hover{box-shadow:var(--shadow);border-color:#b9aedf}.task-card.done{opacity:.72}.task-icon{border-radius:14px;place-items:center;width:43px;height:43px;margin-bottom:18px;display:grid}.task-purple .task-icon{background:var(--purple-soft);color:var(--purple)}.task-yellow .task-icon{background:var(--yellow-soft);color:#987813}.task-blue .task-icon{background:var(--blue-soft);color:var(--blue)}.task-green .task-icon{background:var(--green-soft);color:var(--green)}.task-orange .task-icon{background:var(--orange-soft);color:var(--orange)}.task-card>span:nth-child(2){width:100%}.task-card strong,.task-card small{display:block}.task-card strong{font-size:15px}.task-card small{color:var(--muted);margin-top:4px;font-size:11px;line-height:1.45}.task-arrow{color:#9a94a4;align-self:flex-end;margin-top:-20px}.dashboard-bottom{grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;display:grid}.streak-card,.base-preview{border:1px solid var(--line);background:var(--paper);text-align:left;border-radius:23px;align-items:center;gap:20px;min-height:128px;padding:19px 24px;display:flex}.streak-number{background:var(--yellow);color:#534317;border-radius:23px;flex:none;place-items:center;width:74px;height:74px;font-size:30px;font-weight:900;display:grid;box-shadow:inset 0 -6px #af871029}.streak-card h3{margin:4px 0}.streak-card p,.base-preview small{color:var(--muted);margin:0;font-size:12px}.base-preview>span{flex:1}.base-preview strong,.base-preview small{display:block}.base-preview strong{margin:5px 0}.minion-avatar{filter:drop-shadow(0 12px 8px #503c1426);display:block;overflow:visible}.minion-small{width:74px;height:94px}.minion-medium{width:140px;height:180px}.minion-large{width:215px;height:270px}@keyframes cloud-drift{50%{opacity:.72;transform:translate(28px)}}.poetry-scene .cloud-one{animation:7s ease-in-out infinite cloud-drift}.poetry-scene .cloud-two{animation:9s ease-in-out infinite reverse cloud-drift}.lesson-layout{grid-template-columns:minmax(0,1.65fr) minmax(260px,.72fr);align-items:start;gap:18px;display:grid}.lesson-main,.lesson-side{min-width:0}.lesson-main{padding:clamp(20px,4vw,40px)}.lesson-side{padding:23px}.lesson-side h3{margin:6px 0 17px}.tip-card{background:var(--yellow-soft);border:1px solid #efde94;border-radius:17px;margin-top:22px;padding:16px 18px}.tip-card strong{margin-bottom:5px;display:block}.tip-card p{color:#685a35;margin:0;font-size:13px;line-height:1.7}.pronounce-box{border-top:1px dashed var(--line);margin-top:21px;padding-top:20px}.pronounce-box>.button{width:100%}.score-result{background:var(--green-soft);border-radius:16px;align-items:center;gap:14px;margin-top:14px;padding:13px;display:flex}.score-result>strong{color:#176c61;min-width:64px;font-size:29px}.score-result strong small{font-size:12px}.score-result>span{font-size:13px}.score-result>span small{color:#39786f;margin-top:4px;display:block}.score-note{color:var(--muted);margin-top:9px;font-size:10px;line-height:1.5;display:block}.error-text{color:#b33d4b;margin-top:8px;display:block}.pinyin-build{justify-content:center;align-items:center;gap:clamp(10px,3vw,28px);min-height:132px;display:flex}.pinyin-build span,.pinyin-build strong{background:var(--purple-soft);width:90px;height:90px;color:var(--purple-dark);border-radius:25px;place-items:center;font-size:42px;display:grid}.pinyin-build strong{background:var(--yellow);color:#463d2b;width:120px}.pinyin-build b{color:#898391;font-size:26px}.tone-row{grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:10px;margin:20px 0;display:grid}.tone-row button{border:1px solid var(--line);background:#fff;border-radius:18px;min-height:126px;padding:13px;transition:background .2s,border-color .2s,box-shadow .2s;position:relative}.tone-row button:hover{border-color:var(--purple);background:#f8f5ff;box-shadow:0 7px 18px #5a4b911a}.tone-row button span{color:var(--purple-dark);font-size:31px;font-weight:900;display:block}.tone-row .tone-example-character{color:#493c21;background:var(--yellow-soft);border:1px solid #ead88c;border-radius:13px;place-items:center;width:43px;height:43px;margin:5px auto 3px;font-size:25px;font-weight:900;display:grid}.tone-row button small{color:var(--muted)}.tone-row button svg{color:#9f96b7;position:absolute;top:9px;right:9px}.pinyin-list{flex-direction:column;gap:6px;display:flex}.pinyin-list button{text-align:left;background:0 0;border-radius:12px;grid-template-columns:25px 42px minmax(0,1fr);align-items:center;gap:6px;min-width:0;min-height:50px;padding:8px 10px;display:grid}.pinyin-list button:hover,.pinyin-list button.active{background:var(--purple-soft)}.pinyin-list button>span{background:#eee8de;border-radius:8px;place-items:center;width:23px;height:23px;font-size:10px;display:grid}.pinyin-list small{min-width:0;color:var(--muted);overflow-wrap:anywhere;font-size:10px;line-height:1.5}.tone-row button:disabled{cursor:wait;opacity:.72;background:#f4f1ed}.character-tabs{grid-template-columns:repeat(15,minmax(42px,1fr));gap:6px;margin-bottom:16px;display:grid}.character-tabs button{background:var(--paper);border:1px solid var(--line);border-radius:14px;min-height:60px;padding:5px;font-size:22px;font-weight:900}.character-tabs button span{color:#99939e;margin-bottom:2px;font-size:9px;display:block}.character-tabs button.active{background:var(--purple);color:#fff;border-color:var(--purple)}.character-tabs button.active span{color:#fff;opacity:.8}.character-layout{grid-template-columns:380px 1fr;gap:18px;display:grid}.character-display{padding:27px;position:relative}.tian-grid{aspect-ratio:1;background:#fffbf5;border:3px solid #d49d94;place-items:center;width:min(265px,100%);margin:0 auto 25px;display:grid;position:relative}.tian-grid:before,.tian-grid:after,.tian-grid i,.tian-grid b{content:"";border-style:dashed;border-color:#e7bdb5;position:absolute}.tian-grid:before{border-width:0 0 0 1px;height:100%;top:0;left:50%}.tian-grid:after{border-width:1px 0 0;width:100%;top:50%;left:0}.tian-grid i{background:linear-gradient(45deg,#0000 49.6%,#f0d2cc 50%,#0000 50.4%);inset:0}.tian-grid b{background:linear-gradient(-45deg,#0000 49.6%,#f0d2cc 50%,#0000 50.4%);inset:0}.tian-grid span{z-index:2;color:#403b42;font-family:Kaiti SC,STKaiti,serif;font-size:clamp(105px,15vw,174px);position:relative}.round-sound{background:var(--yellow);border-radius:50%;place-items:center;width:47px;height:47px;display:grid;position:absolute;top:22px;right:22px}.word-info,.stroke-info{border-top:1px solid var(--line);padding:15px 0}.word-info span,.stroke-info>span{color:var(--purple);letter-spacing:.12em;font-size:11px;font-weight:900;display:block}.word-info strong{margin-top:7px;font-size:19px;display:block}.stroke-info p{margin:7px 0 2px;line-height:1.8}.stroke-info small{color:var(--muted)}.tracing-card{padding:27px}.card-title{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.card-title h3{margin:5px 0 0}.card-title>span,.card-title>strong{color:var(--muted);font-size:12px}.trace-wrap{margin-top:20px;position:relative}.trace-pad{touch-action:none;background-color:#fcf9ff;background-image:linear-gradient(#7568d91f 1px,#0000 1px),linear-gradient(90deg,#7568d91f 1px,#0000 1px);background-size:50% 50%;border:2px dashed #c9bce9;border-radius:22px;width:100%;height:430px}.trace-reset{position:absolute;bottom:12px;right:12px}.poetry-stage{min-height:590px;box-shadow:var(--shadow);border-radius:28px;grid-template-columns:1.15fr 1fr;display:grid;overflow:hidden}.poetry-scene{background:linear-gradient(#eee9da 0 52%,#d7ddc6 52%);min-height:590px;position:relative;overflow:hidden}.mountain{filter:blur(.1px);background:#b6c1aa;border-radius:50% 50% 0 0;width:500px;height:330px;position:absolute;bottom:110px;transform:rotate(-9deg)}.mountain-one{left:-170px}.mountain-two{background:#899c86;bottom:70px;right:-260px;transform:rotate(13deg)}.sun-disc{opacity:.8;background:#d99f79;border-radius:50%;width:74px;height:74px;position:absolute;top:75px;right:75px;box-shadow:0 0 55px #e9bd86}.cloud{filter:blur(8px);background:#ffffff94;border-radius:50%;width:130px;height:20px;position:absolute}.cloud-one{top:110px;left:55px}.cloud-two{top:190px;right:25px}.scene-caption{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#fffcf7d6;border-radius:16px;padding:16px;position:absolute;bottom:28px;left:28px;right:28px}.scene-caption span{color:#67775e;font-size:11px;font-weight:900}.scene-caption p{margin:5px 0 0;font-size:13px}.poem-paper{text-align:center;background:#fffcf4;padding:clamp(28px,5vw,55px)}.poem-paper h2{margin:9px 0 2px;font-family:Kaiti SC,STKaiti,serif;font-size:38px}.poem-author{color:#887e6e;margin:0}.poem-lines{margin:25px 0}.poem-lines p{margin:8px 0;font-family:Kaiti SC,STKaiti,serif;font-size:22px}.recitation-list{padding:18px}.recitation-list h3{align-items:center;gap:8px;margin:4px 6px 15px;display:flex}.recitation-list button{text-align:left;background:0 0;border-radius:13px;width:100%;padding:13px;display:block}.recitation-list button:hover,.recitation-list button.active{background:var(--purple-soft)}.recitation-list strong,.recitation-list small{display:block}.recitation-list small{color:var(--muted);margin-top:3px}.recitation-paper{padding:clamp(24px,5vw,50px)}.recitation-paper h2{margin:8px 0 20px}.recitation-paper>p{min-height:170px;font-family:Kaiti SC,STKaiti,serif;font-size:23px;line-height:2}.math-workbench{text-align:center;padding:clamp(22px,4vw,42px)}.math-top{color:var(--muted);align-items:center;gap:18px;font-size:13px;display:flex}.math-top>span{flex:none}.dot-progress{flex:1;gap:5px;display:flex}.dot-progress i{background:#e7e0d7;border-radius:9px;flex:1;height:7px}.dot-progress i.active{background:var(--yellow)}.dot-progress i.right{background:var(--green)}.dot-progress i.wrong{background:#e76d78}.equation{justify-content:center;align-items:center;gap:clamp(13px,3vw,31px);min-height:210px;font-size:clamp(45px,8vw,82px);font-weight:900;display:flex}.equation b{color:var(--purple)}.equation input{text-align:center;width:130px;height:118px;color:var(--purple-dark);background:#f8f5ff;border:3px solid #d8cdef;border-radius:25px;font-weight:900}.math-submit{min-width:180px}.answer-feedback{border-radius:14px;align-items:center;gap:8px;width:fit-content;margin:0 auto;padding:12px 18px;font-weight:800;display:flex}.answer-feedback.correct{background:var(--green-soft);color:#176c61}.answer-feedback.incorrect{color:#a83f4b;background:#ffe6e9}.method-card{background:var(--yellow-soft);text-align:left;border-radius:18px;align-items:flex-start;gap:15px;max-width:650px;margin:26px auto 0;padding:18px;display:flex}.method-tag{color:#7d681e;flex:none;align-items:center;gap:6px;font-weight:900;display:flex}.method-card p{color:#62552f;margin:0;font-size:13px;line-height:1.7}.math-workbench+.button{float:right;margin-top:16px}.arithmetic-visual{background:linear-gradient(135deg,#f5f1ff,#fff9d9);border:1px solid #ddd4f5;border-radius:22px;max-width:690px;margin:24px auto 0;padding:16px 18px 13px;overflow:hidden}.object-equation{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:center;gap:11px;min-height:126px;display:grid}.subtraction-equation{grid-template-columns:minmax(0,1fr) auto}.subtraction-pool{justify-content:center;align-items:center;gap:6px;min-width:0;display:flex}.selected-objects{background:#ffe5e9b8;border:2px dashed #d98590;border-radius:12px;padding:7px;box-shadow:inset 0 0 0 2px #ffffff73}.object-quantity{justify-content:center;align-items:center;min-width:0;display:flex}.object-grid{justify-content:center;gap:.08em;width:fit-content;max-width:100%;line-height:1;display:grid}.math-object{filter:drop-shadow(0 3px 2px #4a371a1a);place-items:center;width:1em;height:1em;line-height:1;display:grid}.density-large .object-grid{font-size:42px}.density-medium .object-grid{font-size:34px}.density-compact .object-grid{font-size:29px}.density-tiny .object-grid{font-size:25px}.object-operator{color:var(--purple);font-size:34px;line-height:1}.equation{min-height:155px}.equation input:disabled{opacity:1;color:#176c61;background:var(--green-soft);border-color:#85cabc}.answer-area{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:54px;display:flex}.segmented,.mode-switch{background:#e9e2d9;border-radius:15px;width:fit-content;margin-bottom:20px;padding:4px;display:flex}.segmented button,.mode-switch button{background:0 0;border-radius:11px;padding:9px 18px;font-size:13px;font-weight:800}.segmented button.active,.mode-switch button.active{color:var(--purple-dark);background:#fff;box-shadow:0 3px 10px #3c32281a}.sudoku-layout{grid-template-columns:minmax(320px,620px) 1fr;align-items:start;gap:23px;display:grid}.sudoku-grid{aspect-ratio:1;border:4px solid var(--ink);box-shadow:var(--shadow);background:#fff;border-radius:12px;display:grid;overflow:hidden}.sudoku-4{grid-template-columns:repeat(4,1fr)}.sudoku-6{grid-template-columns:repeat(6,1fr)}.sudoku-grid>div{border-bottom:1px solid #aea8b2;border-right:1px solid #aea8b2}.sudoku-4>div:nth-child(2n){border-right:3px solid var(--ink)}.sudoku-4>div:nth-child(n+5):nth-child(-n+8){border-bottom:3px solid var(--ink)}.sudoku-6>div:nth-child(3n){border-right:3px solid var(--ink)}.sudoku-6>div:nth-child(n+7):nth-child(-n+12),.sudoku-6>div:nth-child(n+19):nth-child(-n+24){border-bottom:3px solid var(--ink)}.sudoku-grid button{background:#fff;width:100%;height:100%;font-size:clamp(20px,4vw,37px);font-weight:900}.sudoku-grid .given button{color:#fff;background:var(--purple)}.sudoku-grid .maybe-wrong button{color:#b94a57;background:#fff0f2}.sudoku-help{padding:25px}.sudoku-help h3{margin-top:0}.sudoku-help p{color:var(--muted);line-height:1.7}.thinking-list{gap:13px;display:grid}.thinking-card{grid-template-columns:45px 1fr;gap:16px;padding:20px;display:grid}.question-number{background:var(--yellow);border-radius:14px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.thinking-card h3{margin:4px 0 15px;font-size:16px}.option-row{flex-wrap:wrap;gap:9px;display:flex}.option-row button{background:#f2ede6;border:1px solid #0000;border-radius:12px;padding:9px 16px;font-weight:700}.option-row button.correct{color:#176c61;background:var(--green-soft);border-color:#93d3c5}.option-row button.incorrect{color:#a83f4b;background:#ffe7ea;border-color:#f3aab3}.hint{color:var(--muted);gap:6px;margin:12px 0 0;font-size:12px;display:flex}.focus-tabs{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:18px;display:grid}.focus-tabs button{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:10px}.focus-tabs button span,.focus-tabs button small{display:block}.focus-tabs button small{color:var(--muted);margin-top:3px;font-size:10px}.focus-tabs button.active{background:var(--purple);color:#fff}.focus-tabs button.active small{color:#e7e1ff}.focus-layout{grid-template-columns:minmax(320px,650px) 1fr;align-items:start;gap:22px;display:grid}.schulte-grid{aspect-ratio:1;grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.schulte-grid button{background:#fff;border:2px solid #dcd5cc;border-radius:15px;font-size:clamp(22px,4vw,39px);font-weight:900;box-shadow:0 4px #d7d0c7}.schulte-grid button:hover{border-color:var(--purple)}.schulte-grid button.found{background:var(--green-soft);color:#498178;opacity:.45;box-shadow:none}.schulte-grid button.next{background:var(--yellow-soft)}.focus-panel{text-align:center;padding:27px}.focus-panel>strong{color:var(--purple);margin:15px 0 20px;font-size:70px;display:block}.focus-panel>p{color:var(--muted)}.focus-panel .button{width:100%;margin-top:11px}.phonics-layout{grid-template-columns:.75fr 1.5fr;gap:18px;display:grid}.phonics-letter{text-align:center;background:linear-gradient(160deg,#ebe6ff,#fffaf0);flex-direction:column;justify-content:center;align-items:center;min-height:490px;padding:35px;display:flex}.phonics-letter>strong{color:var(--purple);font-size:88px;line-height:1.1}.phonics-letter>b{background:var(--yellow);border-radius:13px;margin:8px 0 20px;padding:7px 16px;font-size:25px}.phonics-letter p{color:var(--muted);line-height:1.7}.phonics-words{padding:28px}.phonics-words h3{margin-top:0}.phonics-words>div:first-of-type{gap:8px;display:grid}.phonics-words>div:first-of-type button{text-align:left;background:#f5f1eb;border-radius:15px;grid-template-columns:41px 1fr 70px 20px;align-items:center;gap:10px;min-height:63px;padding:9px 14px;display:grid}.phonics-words button>span{background:var(--yellow);border-radius:12px;place-items:center;width:39px;height:39px;font-size:22px;font-weight:900;display:grid}.phonics-words button small{color:var(--muted)}.sentence-strip{background:var(--blue-soft);border-radius:16px;margin-top:17px;padding:17px}.sentence-strip span,.sentence-strip strong{display:block}.sentence-strip span{color:var(--blue);font-size:11px;font-weight:900}.sentence-strip strong{margin-top:7px;font-size:18px}.level-switch{grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:17px;display:grid}.level-switch button{border:1px solid var(--line);background:var(--paper);text-align:left;border-radius:16px;align-items:center;gap:10px;padding:12px;display:flex}.level-switch button>strong{background:#e9e3db;border-radius:12px;place-items:center;width:37px;height:37px;display:grid}.level-switch button span{color:var(--muted);font-size:12px}.level-switch button.active{border-color:var(--purple);background:var(--purple-soft)}.level-switch button.active>strong{color:#fff;background:var(--purple)}.reading-card{text-align:center;max-width:850px;margin:0 auto;padding:clamp(25px,4vw,45px)}.reading-illustration{background:linear-gradient(#dff3ff 0 62%,#dbefbd 62%);border-radius:22px;height:220px;margin-bottom:28px;position:relative;overflow:hidden}.reading-sun{background:var(--yellow);border-radius:50%;width:56px;height:56px;position:absolute;top:25px;right:45px}.reading-hill{background:#8fc27f;border-radius:50%;width:480px;height:190px;position:absolute;bottom:-75px}.reading-hill.one{left:-120px}.reading-hill.two{background:#70a76c;bottom:-90px;right:-160px}.tiny-character{background:var(--yellow);width:75px;height:95px;color:var(--purple);border:3px solid #4a4544;border-radius:35px 35px 20px 20px;place-items:center;font-size:26px;font-weight:900;display:grid;position:absolute;bottom:28px;left:50%}.reading-card h2{max-width:700px;margin:10px auto;font-size:clamp(24px,4vw,38px);line-height:1.4}.reading-card>p{color:var(--muted)}.reading-card .button-row{justify-content:center}.original-note{color:var(--muted);margin-top:16px;display:block}.dialogue-tabs{gap:8px;margin-bottom:15px;display:flex}.dialogue-tabs button{background:#e9e2d9;border-radius:13px;padding:9px 17px;font-weight:800}.dialogue-tabs button.active{background:var(--purple);color:#fff}.dialogue-stage{text-align:center;max-width:820px;margin:0 auto;padding:clamp(30px,6vw,65px)}.dialogue-icon{background:var(--yellow);color:#594a1d;border-radius:24px;place-items:center;width:73px;height:73px;margin:0 auto 20px;display:grid}.dialogue-stage h2{margin:8px 0;font-size:clamp(28px,5vw,47px)}.dialogue-stage>p{color:var(--muted)}.reveal-answer{border:1px dashed var(--purple);color:var(--purple-dark);background:0 0;border-radius:13px;margin-top:22px;padding:10px 18px;font-weight:800}.reference-answer{background:var(--yellow-soft);text-align:left;border-radius:17px;grid-template-columns:auto 1fr 40px;align-items:center;gap:12px;margin-top:17px;padding:18px;display:grid}.reference-answer span{color:#8a7122;font-size:11px;font-weight:900}.reference-answer button{width:39px;height:39px;color:var(--purple);background:#fff;border-radius:12px;place-items:center;display:grid}.sport-layout{grid-template-columns:.8fr 1.4fr;gap:18px;display:grid}.counter-card{text-align:center;padding:35px}.counter-number{color:var(--purple);margin:22px 0 0;font-size:92px;font-weight:900;line-height:1}.counter-actions{grid-template-columns:1fr 1.3fr 1fr;gap:7px;margin:28px 0 20px;display:grid}.counter-actions button{background:#eee8e0;border-radius:15px;min-height:53px;font-weight:900}.counter-actions .main-counter{background:var(--yellow);box-shadow:0 5px #d1b335}.counter-card>small{color:var(--muted);line-height:1.6}.plan-card{padding:28px}.plan-card>button{border-bottom:1px solid var(--line);text-align:left;background:0 0;align-items:center;gap:13px;width:100%;min-height:67px;padding:11px;display:flex}.plan-card>button>span{background:#eee8e0;border-radius:12px;flex:none;place-items:center;width:35px;height:35px;font-weight:900;display:grid}.plan-card>button.done{color:#27786d;text-decoration:line-through}.plan-card>button.done>span{color:#fff;background:var(--green)}.safety-note,.privacy-note{color:#875331;background:#fff0e6;border-radius:15px;align-items:flex-start;gap:10px;margin-top:18px;padding:14px;display:flex}.safety-note p,.privacy-note p{margin:0;font-size:12px;line-height:1.6}.safety-note strong,.privacy-note strong{display:block}.swim-layout{grid-template-columns:1.25fr .85fr;gap:18px;display:grid}.swim-form,.history-card{padding:27px}.swim-form>label,.field-label{color:var(--muted);margin-bottom:20px;font-size:12px;font-weight:800;display:block}.swim-form label strong{float:right;color:var(--ink)}.swim-form select,.swim-form textarea,.field-label input,.field-label select{width:100%;color:var(--ink);background:#fff;border:1px solid #d7cec3;border-radius:13px;margin-top:8px;padding:12px}.swim-form input[type=range]{width:100%;accent-color:var(--purple);margin:16px 0 2px}.swim-form textarea{resize:vertical;min-height:90px}.history-card h3{align-items:center;gap:8px;margin-top:0;display:flex}.history-card>div{border-bottom:1px solid var(--line);grid-template-columns:1fr 70px 45px;align-items:center;padding:12px 0;display:grid}.history-card strong,.history-card small{display:block}.history-card small,.muted{color:var(--muted)}.history-card b{color:var(--purple)}.drum-layout{gap:16px;display:grid}.practice-block{grid-template-columns:57px 1fr auto;align-items:center;gap:16px;padding:23px;display:grid}.practice-icon{background:var(--yellow);border-radius:18px;place-items:center;width:55px;height:55px;display:grid}.practice-block h3{margin:4px 0}.practice-block p{color:var(--muted);margin:0;font-size:12px}.song-practice{padding:25px}.song-row{border-bottom:1px solid var(--line);grid-template-columns:47px 1fr auto;align-items:center;gap:12px;min-height:75px;display:grid}.music-disc{background:radial-gradient(circle, var(--yellow) 0 16%, #37333f 17% 58%, var(--purple) 59%);border-radius:50%;width:43px;height:43px}.time-stepper{align-items:center;gap:7px;display:flex}.time-stepper button{background:var(--purple-soft);width:38px;height:38px;color:var(--purple-dark);border-radius:12px;font-size:19px}.time-stepper strong{text-align:center;min-width:65px;font-size:20px}.time-stepper small{color:var(--muted);margin-left:2px;font-size:9px}.practice-total{background:var(--yellow-soft);border-radius:15px;align-items:center;gap:8px;width:fit-content;margin-left:auto;padding:12px 18px;display:flex}.practice-total strong{font-size:20px}.science-layout{min-height:510px;box-shadow:var(--shadow);border-radius:28px;grid-template-columns:.8fr 1.25fr;display:grid;overflow:hidden}.science-visual{background:linear-gradient(145deg,#dcd5ff,#f8e7a4);flex-direction:column;justify-content:center;align-items:center;gap:25px;display:flex}.science-visual>span{color:var(--purple-dark);letter-spacing:.18em;font-weight:900}.atom-art{width:180px;height:180px;position:relative}.atom-art span{border:5px solid var(--purple);border-radius:50%;position:absolute;inset:48px 10px}.atom-art span:nth-child(2){transform:rotate(60deg)}.atom-art span:nth-child(3){transform:rotate(-60deg)}.atom-art i{background:var(--yellow);border:3px solid #554915;border-radius:50%;width:27px;height:27px;position:absolute;top:77px;left:77px}.science-copy{box-shadow:none;border-radius:0;padding:clamp(28px,5vw,50px)}.science-copy h3{font-size:25px}.science-copy>p{color:var(--muted);line-height:1.9}.experiment-card{background:var(--purple-soft);border-radius:18px;gap:15px;margin-top:25px;padding:18px;display:flex}.experiment-card svg{color:var(--purple);flex:none}.experiment-card span{color:var(--purple);font-size:11px;font-weight:900}.experiment-card p{margin:6px 0 0;line-height:1.7}.base-hero{grid-template-columns:1.5fr .7fr;gap:18px;display:grid}.base-room{background:linear-gradient(#d9d5ed 0 67%,#8f7d63 67% 71%,#d8bd8d 71%);border:1px solid #c7bfdc;border-radius:27px;justify-content:center;align-items:flex-end;min-height:425px;display:flex;position:relative;overflow:hidden}.base-room:before{content:"";background:repeating-linear-gradient(90deg,#0000 0 89px,#68492e1f 90px 92px);height:29%;position:absolute;bottom:0;left:0;right:0}.base-window{background:linear-gradient(#9dd4ee,#e9f6ff);border:10px solid #fff7e9;border-radius:60px 60px 12px 12px;width:130px;height:105px;position:absolute;top:36px;left:42px;box-shadow:0 0 0 2px #777284}.base-window:before,.base-window:after{content:"";background:#fff7e9;position:absolute}.base-window:before{width:6px;height:100%;left:52px}.base-window:after{width:100%;height:6px;top:45px}.base-lamp{background:var(--yellow);border-radius:27px 27px 5px 5px;width:54px;height:42px;position:absolute;top:54px;right:70px;box-shadow:0 0 30px #f6d84db3}.base-lamp:after{content:"";background:#4a464f;width:4px;height:110px;position:absolute;top:41px;left:25px}.base-room .minion-avatar{z-index:3;position:relative}.base-name{z-index:4;background:#fffcf7d9;border-radius:11px;padding:8px 13px;font-size:11px;font-weight:900;position:absolute;bottom:20px;right:20px}.base-stats{padding:27px}.base-stats h3{margin-top:0}.base-stats .progress-wrap{margin:20px 0}.growth-box{background:var(--yellow-soft);border-radius:16px;margin-top:25px;padding:15px}.growth-box,.growth-box span{justify-content:space-between;align-items:center;gap:6px;display:flex}.base-tabs{gap:7px;margin:20px 0 15px;display:flex}.base-tabs button{background:#e9e2d9;border-radius:13px;align-items:center;gap:7px;padding:10px 16px;font-weight:800;display:flex}.base-tabs button.active{color:#fff;background:var(--purple)}.component-grid{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.component-card{background:var(--paper);border:1px solid var(--line);border-radius:19px;flex-direction:column;align-items:center;min-height:168px;padding:14px 9px;display:flex;position:relative}.component-card.equipped{background:var(--purple-soft);border:2px solid var(--purple)}.component-card.locked{filter:grayscale(.8);opacity:.66}.component-card>svg{position:absolute;top:10px;right:10px}.component-card strong{margin-top:10px;font-size:12px}.component-card small{color:var(--muted);margin-top:5px;font-size:10px}.component-art{background:#f1ece5;border-radius:20px;place-items:center;width:70px;height:70px;display:grid;position:relative}.art-goggle i{background:#fff;border:7px solid #8b8b91;border-radius:50%;width:45px;height:25px;box-shadow:0 0 0 4px #49464d}.art-hair i:before{content:"";background:#38343d;width:6px;height:38px;display:block;transform:rotate(20deg);box-shadow:15px 2px #38343d,-15px 5px #38343d}.art-clothing i{background:var(--blue);border-radius:6px 6px 16px 16px;width:50px;height:48px}.art-body i{background:var(--yellow);border:2px solid #4a464c;border-radius:22px;width:42px;height:56px}.care-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.care-grid button{background:var(--paper);border:1px solid var(--line);border-radius:23px;flex-direction:column;align-items:center;min-height:190px;padding:25px;display:flex}.care-grid button:hover{border-color:var(--purple)}.care-grid button>span{background:var(--yellow-soft);color:#8a6b15;border-radius:23px;place-items:center;width:70px;height:70px;display:grid}.care-grid strong{margin:15px 0 6px}.care-grid small{color:var(--muted)}.memory-game{padding:27px}.memory-game>p{color:var(--muted)}.memory-grid{grid-template-columns:repeat(4,1fr);gap:10px;max-width:670px;margin:20px auto;display:grid}.memory-grid button{aspect-ratio:1;background:var(--purple);border:4px solid #fff;border-radius:20px;place-items:center;display:grid;position:relative;box-shadow:0 5px #5146a8}.memory-grid button:after{content:"?";color:#dcd5ff;font-size:31px;font-weight:900}.memory-grid button.open{background:var(--yellow-soft);box-shadow:0 5px #dfcb74}.memory-grid button.open:after{display:none}.memory-symbol{width:55px;height:55px;display:none;position:relative}.open .memory-symbol{display:block}.symbol-star{background:var(--yellow);clip-path:polygon(50% 0,62% 35%,100% 37%,70% 59%,80% 100%,50% 76%,20% 100%,30% 59%,0 37%,38% 35%)}.symbol-goggle{background:#fff;border:10px solid #8a8990;border-radius:50%}.symbol-goggle:after{content:"";background:#56402d;border-radius:50%;position:absolute;inset:12px}.symbol-book{background:var(--purple);border-left:5px solid #5146a8;border-radius:5px}.symbol-book:after{content:"";background:#fff;height:5px;position:absolute;top:15px;left:10px;right:10px;box-shadow:0 12px #fff}.symbol-ball{background:var(--blue);border:4px solid #215b92;border-radius:50%}.symbol-ball:after{content:"";border-left:3px solid #fff;height:48px;position:absolute;left:24px;transform:rotate(25deg)}.game-win{background:var(--green-soft);color:#176c61;border-radius:15px;justify-content:center;align-items:center;gap:8px;padding:14px;font-weight:800;display:flex}.month-controls{justify-content:space-between;align-items:center;max-width:540px;margin:0 auto 18px;display:flex}.month-controls button{background:#e9e2d9;border-radius:11px;padding:8px 13px;font-weight:700}.report-card{border:1px solid var(--line);max-width:980px;box-shadow:var(--shadow);background:#fffcf7;border-radius:29px;margin:auto;padding:clamp(23px,4vw,43px)}.report-head{color:var(--purple);justify-content:space-between;display:flex}.report-head h2{color:var(--ink);margin:7px 0 4px}.report-head p{color:var(--muted);margin:0;font-size:12px}.report-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0;display:grid}.report-stats>div{background:var(--purple-soft);border-radius:17px;grid-template-columns:32px 1fr;align-items:center;padding:17px;display:grid}.report-stats>div:nth-child(2){background:var(--yellow-soft)}.report-stats>div:nth-child(3){background:var(--green-soft)}.report-stats strong{font-size:27px}.report-stats strong small{margin-left:2px;font-size:11px}.report-stats span{color:var(--muted);grid-column:2;font-size:10px}.week-labels,.calendar-days{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.week-labels span{text-align:center;color:var(--muted);padding:5px;font-size:11px;font-weight:800}.calendar-days>div{background:#f2ede6;border-radius:13px;min-height:75px;padding:9px;position:relative}.calendar-days>div>span{font-weight:900}.calendar-days>div small{margin-top:8px;font-size:9px;display:block}.calendar-days .normal{background:var(--purple-soft);color:var(--purple-dark)}.calendar-days .full{background:var(--yellow-soft);color:#725b16}.calendar-days .full svg{position:absolute;top:8px;right:8px}.calendar-days .missed{color:#9c9590;background:0 0;border:1px dashed #cbc3b8}.calendar-days .future{opacity:.45}.calendar-days .empty{background:0 0}.report-summary{background:#f3eee7;border-radius:17px;margin-top:22px;padding:18px}.report-summary p{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.7}.report-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin-top:20px;padding-top:13px;font-size:9px;display:flex}.report-tip{width:fit-content;color:var(--muted);align-items:center;gap:7px;margin:14px auto;font-size:11px;display:flex}.settings-section{margin-bottom:18px;padding:clamp(20px,4vw,30px)}.settings-title,.settings-title>div{justify-content:space-between;align-items:center;gap:13px;display:flex}.settings-icon{background:var(--purple-soft);width:44px;height:44px;color:var(--purple);border-radius:14px;flex:none;place-items:center;display:grid}.settings-title h3{margin:0 0 4px}.settings-title p{color:var(--muted);margin:0;font-size:12px}.local-badge{color:#176c61;background:var(--green-soft);border-radius:11px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-weight:800;display:flex}.profile-settings-list{grid-template-columns:repeat(3,1fr);gap:9px;margin:22px 0;display:grid}.profile-settings-list>div{border:1px solid var(--line);background:#fff;border-radius:16px;display:flex;overflow:hidden}.profile-settings-list>div.active{border-color:var(--purple);background:var(--purple-soft)}.profile-main{text-align:left;background:0 0;flex:1;align-items:center;gap:10px;padding:9px;display:flex}.profile-main>span:nth-child(2){flex:1}.profile-main strong,.profile-main small{display:block}.profile-main small{color:var(--muted)}.delete-profile{color:#ad5963;background:0 0;width:40px}.age-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:9px;display:grid}.age-grid button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:14px;padding:13px}.age-grid strong,.age-grid small{display:block}.age-grid small{color:var(--muted);margin-top:4px;font-size:10px}.age-grid button.active{color:var(--purple-dark);background:var(--purple-soft);border-color:var(--purple)}.mode-switch{margin:22px 0 15px}.field-label>small{color:var(--muted);margin-top:6px;font-weight:400;display:block}.secret-field{gap:7px;display:flex}.secret-field input{flex:1}.secret-field button{background:#e9e2d9;border-radius:12px;width:65px;margin-top:8px}.voice-selects{grid-template-columns:1fr 1fr;gap:12px;display:grid}.voice-selects label{color:var(--muted);font-size:12px;font-weight:800}.voice-selects select{background:#fff;border:1px solid #d7cec3;border-radius:12px;width:100%;margin-top:7px;padding:11px}.privacy-note{background:var(--green-soft);color:#256c62}.backup-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;display:grid}.backup-actions>button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:18px;grid-template-columns:58px 1fr;align-items:center;min-height:125px;padding:19px;display:grid}.backup-actions>button:hover{border-color:var(--purple)}.backup-actions button>span{background:var(--purple-soft);width:49px;height:49px;color:var(--purple);border-radius:16px;grid-row:1/3;place-items:center;display:grid}.backup-actions small{color:var(--muted)}@media (width<=1100px){.task-grid{grid-template-columns:repeat(3,1fr)}.component-grid{grid-template-columns:repeat(4,1fr)}.character-tabs{grid-template-columns:repeat(8,1fr)}.hero-minion{width:250px}.hero-card{min-height:320px}}@media (width<=820px){.sidebar{width:84px;padding-left:8px;padding-right:8px}.workspace{margin-left:84px}.brand{justify-content:center}.brand strong{display:none}.nav-button{flex-direction:column;justify-content:center;gap:3px;min-height:53px;padding:6px 3px;font-size:10px}.nav-button.active{box-shadow:inset 3px 0 0 var(--purple)}.topbar,.subnav{padding-left:18px;padding-right:18px}.content{padding:22px 20px 65px}.hero-card{padding:28px}.hero-minion{width:210px}.hero-minion .minion-large{width:170px}.speech-bubble{font-size:11px}.task-grid{grid-template-columns:repeat(2,1fr)}.lesson-layout,.character-layout,.phonics-layout,.sport-layout,.swim-layout,.science-layout,.base-hero{grid-template-columns:1fr}.lesson-side{order:-1}.pinyin-list{grid-template-columns:repeat(2,1fr);display:grid}.poetry-stage{grid-template-columns:.9fr 1.1fr}.sudoku-layout,.focus-layout{grid-template-columns:1fr}.focus-panel{grid-template-columns:1fr 1fr;align-items:center;gap:10px;display:grid}.focus-panel>strong{margin:0}.component-grid{grid-template-columns:repeat(3,1fr)}.base-room{min-height:380px}.science-visual{min-height:300px}.profile-settings-list,.age-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.sidebar{width:72px}.workspace{margin-left:72px}.brand-goggle{width:42px;height:42px}.nav-button{min-height:50px;font-size:9px}.topbar{height:69px;padding:9px 10px}.top-stats span:last-child{display:none}.top-stats span{padding:7px 8px;font-size:10px}.profile-switcher .profile-dot{width:33px;height:33px}.profile-switcher>button>span:nth-child(2) small{display:none}.subnav{min-height:50px;padding:8px 10px;top:69px}.subnav button{padding:7px 11px;font-size:11px}.content{padding:18px 12px 60px}.page-header{flex-direction:column;align-items:flex-start}.page-header .button,.page-header .timer-pill{width:100%}.hero-card{min-height:505px;padding:25px;display:block}.hero-copy h1{font-size:35px}.hero-minion{width:100%;height:205px;min-height:0}.hero-minion .minion-large{width:145px;height:195px}.speech-bubble{right:5%}.task-grid{grid-template-columns:1fr}.task-card{grid-template-columns:45px 1fr 25px;align-items:center;gap:12px;min-height:105px;display:grid}.task-icon{margin:0}.task-arrow{align-self:center;margin:0}.dashboard-bottom{grid-template-columns:1fr}.streak-card,.base-preview{padding:15px}.lesson-main{padding:16px}.pinyin-build{gap:6px}.pinyin-build span,.pinyin-build strong{border-radius:17px;width:60px;height:60px;font-size:27px}.pinyin-build strong{width:85px}.tone-row{grid-template-columns:repeat(2,1fr)}.pinyin-list{grid-template-columns:1fr}.character-tabs{grid-template-columns:repeat(5,1fr)}.character-display,.tracing-card{padding:17px}.trace-pad{height:310px}.poetry-stage{display:block}.poetry-scene{min-height:320px}.poem-paper{padding:27px 17px}.math-top{flex-wrap:wrap}.dot-progress{flex-basis:100%;order:3}.equation{gap:8px;font-size:43px}.equation input{border-radius:17px;width:75px;height:75px}.method-card{display:block}.method-card p{margin-top:8px}.sudoku-layout{display:block}.sudoku-help{margin-top:15px}.thinking-card{grid-template-columns:35px 1fr;padding:15px}.question-number{width:34px;height:34px}.focus-tabs{grid-template-columns:repeat(3,1fr)}.schulte-grid{gap:4px}.schulte-grid button{border-radius:9px;font-size:20px}.focus-panel{display:block}.level-switch{grid-template-columns:repeat(2,1fr)}.phonics-letter{min-height:400px}.phonics-words{padding:18px}.phonics-words>div:first-of-type button{grid-template-columns:40px 1fr 40px}.phonics-words>div:first-of-type button small{display:none}.reference-answer{grid-template-columns:1fr 40px}.reference-answer span{grid-column:1/3}.counter-number{font-size:75px}.plan-card{padding:18px}.practice-block{grid-template-columns:48px 1fr}.practice-block .time-stepper{grid-column:1/3;justify-content:flex-end}.song-row{grid-template-columns:40px 1fr;padding:10px 0}.song-row .time-stepper{grid-column:1/3;justify-content:flex-end}.component-grid{grid-template-columns:repeat(2,1fr)}.care-grid{grid-template-columns:1fr}.memory-grid{grid-template-columns:repeat(2,1fr)}.report-card{padding:17px 9px}.report-head svg{display:none}.report-stats>div{grid-template-columns:25px 1fr;padding:9px}.report-stats strong{font-size:20px}.week-labels,.calendar-days{gap:3px}.calendar-days>div{border-radius:8px;min-height:50px;padding:5px}.calendar-days>div small{display:none}.settings-title{align-items:flex-start}.settings-title>.button,.local-badge{display:none}.profile-settings-list,.backup-actions,.voice-selects{grid-template-columns:1fr}.age-grid{grid-template-columns:1fr 1fr}.toast{text-align:center;justify-content:center;width:calc(100% - 98px);left:calc(50% + 36px)}.speech-loading{left:84px;right:12px;bottom:max(12px, env(safe-area-inset-bottom));min-width:0}.arithmetic-visual{margin-top:18px;padding:12px 10px 10px}.object-equation{gap:4px;min-height:128px}.density-large .object-grid{font-size:20px}.density-medium .object-grid{font-size:19px}.density-compact .object-grid{font-size:18px}.density-tiny .object-grid{font-size:17px}.object-operator{font-size:25px}.equation{min-height:125px}}.mentor-banner{grid-template-columns:minmax(280px,.8fr) 1.2fr;align-items:center;gap:24px;margin-top:18px;padding:16px;display:grid}.mentor-banner img{object-fit:cover;object-position:center 42%;background:var(--purple-soft);border-radius:18px;width:100%;height:190px}.mentor-banner h3{margin:5px 0 7px}.mentor-banner p{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.mentor-tags{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.mentor-tags span{color:var(--purple-dark);background:var(--purple-soft);border-radius:9px;padding:6px 9px;font-size:9px;font-weight:800}@media (width<=820px){.mentor-banner{grid-template-columns:1fr}.mentor-banner img{height:250px}}@media (width<=560px){.mentor-banner{gap:15px;padding:10px}.mentor-banner img{height:180px}}