.island-carousel[data-v-43757abc]{margin:-12px -3vw 14px;position:relative}.island-stage[data-v-43757abc]{--stage-height:var(--carousel-stage-height,clamp(430px, calc(100dvh - 250px), 710px));width:100%;height:var(--stage-height);touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;cursor:grab;isolation:isolate;position:relative;overflow:clip}.island-stage.dragging[data-v-43757abc]{cursor:grabbing}.island-stage[data-v-43757abc]:focus-visible{outline-offset:-4px;border-radius:24px;outline:3px solid #2463a7}.carousel-island[data-v-43757abc]{width:56%;height:100%;transform:translateX(-50%) translateX(calc(var(--distance) * 62%)) translateY(calc(var(--depth) * 30px)) scale(calc(1 - var(--depth) * .36));transform-origin:50%;will-change:transform;flex-direction:column;justify-content:center;align-items:center;transition:transform .44s cubic-bezier(.22,.7,.25,1),opacity .3s;display:flex;position:absolute;top:0;left:50%}.dragging .carousel-island[data-v-43757abc]{transition:none}.island-art[data-v-43757abc]{width:min(100%, calc(var(--stage-height) * .65));height:calc(var(--stage-height) * .65);box-shadow:none;cursor:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:24px;flex-shrink:0;padding:0;display:block;position:relative}.island-art>img[data-v-43757abc]:first-child{object-fit:contain;pointer-events:none;width:100%;height:100%}.carousel-mascot[data-v-43757abc]{pointer-events:none;width:38%;position:absolute;top:17%;left:2%}.carousel-character[data-v-43757abc]{color:#142a4b;pointer-events:none;font-family:KaiTi,Kaiti SC,serif;font-size:clamp(42px,5.4vw,94px);line-height:1;position:absolute;top:27%;left:57%;transform:rotate(3deg)}.carousel-caption[data-v-43757abc]{z-index:1;text-align:center;pointer-events:none;background:#fff4e3ed;border:2px solid #fff9;border-radius:24px;width:min(76%,330px);margin-top:0;padding:7px 18px;position:relative}.carousel-caption span[data-v-43757abc]{color:#456486;font-size:clamp(13px,1.2vw,18px);font-weight:700}.carousel-caption h2[data-v-43757abc]{white-space:nowrap;margin:2px 0 0;font-size:clamp(22px,2vw,30px);font-weight:900;line-height:1.2}.carousel-island:not(.current) .carousel-caption[data-v-43757abc]{background:#f4fcfff0;border-radius:99px;width:min(65%,260px)}.carousel-island:not(.current) .carousel-caption span[data-v-43757abc]{display:none}.carousel-actions[data-v-43757abc]{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;width:min(76%,330px);height:100px;padding-top:6px;display:flex}.carousel-start[data-v-43757abc]{width:min(100%,260px);min-height:44px;padding:8px 20px;font-size:19px}.carousel-dictation[data-v-43757abc]{background:#f5fbffde;min-height:36px;padding:6px 16px;font-size:14px}.carousel-select[data-v-43757abc]{background:#f5fbffde;min-height:44px;font-size:17px}.carousel-navigation[data-v-43757abc]{z-index:25;justify-content:center;align-items:center;gap:8px;margin-top:0;display:flex;position:relative}.carousel-arrow[data-v-43757abc],.carousel-dot[data-v-43757abc]{background:#f5fbffcf;border:1px solid #fff;border-radius:99px;min-height:44px;padding:8px 16px;font-size:14px}.carousel-arrow[data-v-43757abc]{width:44px;padding:10px}.carousel-arrow svg[data-v-43757abc]{width:22px;height:22px}.carousel-dot.selected[data-v-43757abc]{color:#fff;background:#2463a7;border-color:#2463a7}@media (width<=700px){.island-carousel[data-v-43757abc]{margin:0 -5vw 14px}.island-stage[data-v-43757abc]{--stage-height:430px}.carousel-island[data-v-43757abc]{width:78%;transform:translateX(-50%) translateX(calc(var(--distance) * 62%)) translateY(calc(var(--depth) * 20px)) scale(calc(1 - var(--depth) * .36))}.carousel-character[data-v-43757abc]{font-size:48px}.carousel-caption[data-v-43757abc]{padding:10px 8px}.carousel-caption h2[data-v-43757abc]{font-size:26px}.carousel-select[data-v-43757abc]{font-size:16px}}.sr-only[data-v-43757abc]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.carousel-island[data-v-43757abc]{transition-duration:0s}}:root{color:#102b52;font-synthesis:none;--ink:#102b52;--muted:#536f91;--orange:#ff850a;--line:#d7e8f3;--success:#219667;background:#eaf7ff;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:18px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{touch-action:manipulation;cursor:pointer;min-width:44px;min-height:44px;color:inherit;background:0 0;border:0;justify-content:center;align-items:center;gap:10px;text-decoration:none;display:inline-flex}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:4px;outline:3px solid #1067b3}button svg{flex:none;width:24px;height:24px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:.02em;margin-bottom:12px;font-size:clamp(30px,3vw,48px);line-height:1.25}h2{margin-bottom:18px;font-size:25px;line-height:1.4}h3{margin:28px 0 14px;font-size:20px}p{line-height:1.7}small{color:var(--muted);font-size:15px;line-height:1.6}input,select,textarea{width:100%;min-height:48px;color:var(--ink);background:#fff;border:1px solid #c3d6e5;border-radius:12px;padding:10px 14px}input[type=checkbox]{accent-color:#e87500;width:22px;min-height:22px}label{flex-direction:column;gap:8px;margin:14px 0;font-size:16px;font-weight:600;display:flex}textarea{resize:vertical}form>.primary{margin-top:20px}.surface{background:#fffffff2;border:1px solid #fff;border-radius:24px;padding:30px;box-shadow:0 6px 28px #3f72910a}.content-page{max-width:1520px;margin:auto;padding:32px clamp(20px,4vw,64px)}.content-page>.surface{margin:22px 0}.primary,.soft{border-radius:999px;min-height:52px;padding:12px 24px;font-weight:700}.primary{background:var(--orange);color:#fff;border:2px solid #ffad53;transition:background .15s,transform .15s;box-shadow:0 4px #e87608}.primary:hover:not(:disabled){background:#ef7900;transform:translateY(-1px)}.primary:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #e87608}.soft{background:#f5fbff;border:1px solid #c5dcea}.soft:hover:not(:disabled){background:#e0f1fd}.small{min-height:40px;padding:8px 16px;font-size:15px}.icon-button{background:#edf7ff;border-radius:50%;flex-shrink:0;width:48px;height:48px}.icon-button svg{width:25px;height:25px}.text-button{color:#365e89;min-height:44px;padding:4px 8px}.muted,.eyebrow{color:var(--muted)}.eyebrow{letter-spacing:.08em;margin-bottom:12px;font-size:15px;font-weight:700}.error{color:#a63624}.success{color:var(--success)}.success svg{vertical-align:middle}.error.surface,.success.surface{border-radius:14px;padding:15px 22px}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.toolbar h2{margin:0 auto 0 0}.inline-fields{flex-wrap:wrap;align-items:flex-end;gap:18px;display:flex}.inline-fields label{flex:1;min-width:120px}.inline-fields button{margin-bottom:14px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;display:grid}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.tabs button{border-radius:12px 12px 0 0;min-height:50px;padding:10px 20px;font-size:16px}.tabs button.active{color:#005aa1;background:#dceffc;font-weight:700}.page-heading{align-items:center;gap:24px;margin-bottom:24px;display:flex}.page-heading h1{margin-bottom:0;font-size:32px}.page-heading .eyebrow{margin-bottom:7px}.list-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:16px 0;display:flex}.list-row p{margin:4px 0 0;font-size:15px}.empty-state{text-align:center;padding:35px 20px}.loading-page{place-items:center;min-height:100dvh;display:grid}.brand{letter-spacing:.01em;font-size:23px;font-weight:800}.brand>.brand-mascot{object-fit:contain;flex-shrink:0;width:42px;height:42px}.auth-page{background:#d6f1ff url(/assets/sea-background.webp) 50%/cover;grid-template-columns:1fr 1fr;gap:6vw;min-height:100dvh;padding:7vh 9vw;display:grid}.auth-story{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.auth-story h1{margin:38px 0 12px;font-size:48px}.auth-story>img{object-fit:contain;align-self:center;width:260px;height:260px}.auth-story>p{font-size:20px}.auth-form{place-self:center end;width:100%;max-width:470px;padding:36px}.auth-form h2{margin-bottom:12px;font-size:29px}.auth-form .primary{width:100%}.auth-form .tabs{grid-template-columns:1fr 1fr;display:grid}.app-shell{grid-template-columns:128px minmax(0,1fr);min-height:100dvh;display:grid}.sidebar{z-index:10;background:#f5fbfff5;border-right:1px solid #fff;flex-direction:column;align-items:center;height:100dvh;padding:24px 8px;display:flex;position:sticky;top:0}.sidebar>.brand{flex-direction:column;gap:4px;margin-bottom:28px;font-size:21px}.sidebar>.brand .brand-mascot{width:64px;height:64px}.sidebar nav{flex-direction:column;gap:12px;width:100%;display:flex}.sidebar nav button,.sidebar-bottom button{color:#7390ae;border-radius:24px;flex-direction:column;gap:8px;width:100%;min-height:88px;font-size:16px;font-weight:600}.sidebar nav button svg{width:38px;height:38px}.sidebar nav button.active{color:#035b99;background:#c8e9ff}.sidebar-bottom{width:100%;margin-top:auto}.sidebar-bottom button{gap:3px;min-height:64px;font-size:13px}.main-area{min-width:0}.home-page{background:#afe4f7 url(/assets/sea-background.webp) 50%/cover;min-height:100dvh;padding:44px 4vw 24px;position:relative;overflow:hidden}.home-heading{z-index:2;justify-content:space-between;gap:20px;display:flex;position:relative}.home-heading h1{letter-spacing:.035em;margin-bottom:4px;font-size:clamp(32px,3.8vw,58px);font-weight:900}.home-heading .eyebrow{margin-bottom:12px}.switch-child{padding-left:0;font-size:14px}.switch-child svg{width:18px}.home-stats{text-align:right;padding-top:4px}.home-stats p{color:var(--muted);margin:18px 0;font-size:20px;font-weight:600}.home-stats p strong{color:#0b2462;margin:0 5px;font-size:32px}.points-chip{white-space:nowrap;background:#fff9;border:1px solid #fff;border-radius:99px;align-items:center;gap:8px;padding:8px 16px;font-size:15px;font-weight:700;display:inline-flex}.points-chip svg{color:#dc7b00;width:24px;height:24px}.learning-islands{grid-template-columns:.85fr 1.4fr .85fr;align-items:center;height:calc(100dvh - 260px);min-height:540px;max-height:730px;margin:-5px -4vw 0;display:grid;position:relative}.island{flex-direction:column;align-items:center;min-width:0;display:flex;position:relative}.island>img{object-fit:contain;width:110%;height:auto;max-height:410px}.island-math{margin-top:100px}.island-english{margin-top:150px}.island-small-label{z-index:2;white-space:nowrap;background:#f4fcfff0;border:1px solid #fff;border-radius:999px;min-height:55px;margin-top:-36px;padding:12px 23px;font-size:20px;font-weight:800;position:relative;box-shadow:0 4px 16px #17628c12}.island-small-label small{color:#fff;background:#9fb6c9;border-radius:99px;margin-left:3px;padding:4px 8px;font-size:13px}.island-small-label svg{color:#23a16f;width:30px;height:30px}.chinese-art{width:116%;max-width:660px;line-height:0;position:relative}.chinese-art>img:first-child{object-fit:contain;width:100%;max-height:540px}.home-mascot{filter:drop-shadow(0 8px 9px #20304c14);width:39%;position:absolute;top:17%;left:3%}.tablet-character{color:#142a4b;pointer-events:none;font-family:KaiTi,Kaiti SC,serif;font-size:clamp(50px,6.2vw,94px);line-height:1;position:absolute;top:27%;left:57%;transform:rotate(3deg)}.island-primary-label{z-index:2;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3dff2;border:2px solid #fff8;border-radius:28px;min-width:85%;margin-top:-70px;padding:12px 40px 15px}.island-primary-label span{color:#456486;font-size:18px;font-weight:700}.island-primary-label h2{white-space:nowrap;margin:4px 0 0;font-size:clamp(30px,3.5vw,48px);font-weight:900}.start-writing{z-index:3;width:76%;min-height:68px;margin-top:7px;font-size:26px}.start-writing svg{width:32px;height:32px}.dictation-home{z-index:3;background:#f5fbffde;min-height:42px;margin-top:14px;padding:8px 22px;font-size:16px}.home-empty{z-index:2;background:#f5fbffde;border-radius:18px;justify-content:center;align-items:center;gap:12px;max-width:800px;margin:0 auto 10px;padding:12px 20px;font-size:16px;display:flex;position:relative}.home-empty p{margin:0}.home-empty>svg{flex:none;width:28px;height:28px}.home-task-strip{z-index:2;flex-wrap:wrap;justify-content:center;gap:10px;display:flex;position:relative}.home-task-strip button{background:#ffffffd9;border:1px solid #fff;border-radius:14px;gap:15px;padding:10px 18px;font-size:15px}.home-task-strip small{font-size:13px}.install-button{min-height:38px;font-size:13px;position:absolute;bottom:12px;right:12px}.child-picker{text-align:center;background:url(/assets/sea-background.webp) 50%/cover;min-height:100dvh;padding:8vh 7vw}.child-cards{flex-wrap:wrap;justify-content:center;gap:24px;margin-top:30px;display:flex}.child-cards>button{flex-direction:column;min-width:200px;padding:30px 45px;display:flex}.child-cards svg{color:#117bbb;width:60px;height:60px}.child-cards h2{margin:16px 0 5px}.child-cards p{margin:0}.child-picker .empty-state{max-width:600px;margin:32px auto}.child-picker .empty-state img{height:220px}.child-select{max-width:340px}.entry-picker{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;max-height:330px;padding:4px;display:grid;overflow:auto}.entry-picker label{background:#f1f8ff;border-radius:12px;grid-template-columns:24px 1fr;align-items:center;gap:5px;margin:0;padding:10px;display:grid}.entry-picker small{grid-column:2;font-size:13px;font-weight:400}.entry-picker strong{font-size:21px}.range-row{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.correction-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto minmax(180px,.7fr);align-items:center;gap:12px;padding:12px 0;display:grid}.parent-page .surface{margin:22px 0}.parent-page form>.primary{display:flex}.invite-codes{background:#ecf8ff;border-radius:12px;margin:18px 0;padding:18px}.invite-codes code{-webkit-user-select:all;user-select:all;background:#fff;padding:8px;font-size:20px;display:block}.audit-row{border-bottom:1px solid var(--line);gap:24px;padding:10px 0;font-size:14px;display:flex}.temporary-secret{-webkit-user-select:all;user-select:all;background:#edf7ff;margin-bottom:24px;padding:20px;display:block}.modal{width:100%;max-width:min(560px,100vw - 32px);color:var(--ink);background:#fff;border:1px solid #fff;border-radius:28px;padding:30px;box-shadow:0 24px 80px #15304e33}.modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#17324766}.modal header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;display:flex}.modal h2{margin:0}.modal-actions{justify-content:flex-end;gap:16px;margin-top:26px;display:flex}.record-task{border-bottom:1px solid var(--line);text-align:left;justify-content:space-between;gap:20px;width:100%;padding:18px 0;display:flex}.record-task>span:last-child{color:var(--muted);align-items:center;gap:10px;font-size:15px;display:flex}.word-chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.word-chips>span{background:#e6f2fa;border-radius:99px;padding:6px 15px;font-weight:600}.writing-page{background:linear-gradient(#b5e7fb 0% 53%,#b5e7fbcc 65%,#b5e7fb00 85%),#b7e7fa url(/assets/sea-background.webp) 50%/cover;min-height:100dvh;padding:24px 3vw}.writing-top{grid-template-columns:1fr 1fr 1fr;align-items:center;margin-bottom:24px;display:grid}.writing-top>button{background:#f7fcffeb;justify-self:start}.writing-top h1{text-align:center;margin:0;font-size:38px;font-weight:900}.writing-top>p{text-align:right;color:#4e7293;margin:0;font-size:20px;font-weight:600}.writing-top strong{color:#102b52;font-size:30px}.writing-layout{grid-template-columns:minmax(235px,300px) minmax(0,1fr);align-items:start;gap:5vw;max-width:1180px;margin:auto;display:grid}.character-card{text-align:center;flex-direction:column;min-height:calc(100dvh - 140px);max-height:850px;padding:22px;display:flex;position:relative}.sample-character{background:#f6fbff;border:2px solid #c5e3f6;border-radius:16px;font-family:KaiTi,Kaiti SC,Noto Serif SC,serif;font-size:135px;line-height:1.5}.pinyin{color:var(--muted);margin:12px 0;font-size:25px}.character-card .word-chips>span{font-size:17px}.pronounce{margin:12px auto 0}.separator{background:#cee5f4;height:1px;margin:16px 0}.character-card>p{margin:0;font-size:19px;font-weight:700}.writing-mascot{object-fit:contain;width:100%;height:220px;margin-top:auto}.writing-workspace{flex-direction:column;align-items:center;gap:15px;min-width:0;padding-top:5px;display:flex}.stroke-progress{background:#f6fcffe8;border-radius:999px;padding:10px 34px;font-size:20px;font-weight:700}.stroke-progress strong{color:#f38005;margin:0 6px;font-size:30px}.hanzi-shell{aspect-ratio:1;background:#fff;border:8px solid #f9fdff;border-radius:26px;flex-shrink:0;width:min(100%,100dvh - 310px,560px);position:relative;overflow:hidden;box-shadow:0 0 0 2px #d6e8f3}.hanzi-host{touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.writing-grid{pointer-events:none;border:2px solid #c9dcec;border-radius:12px;position:absolute;inset:5px;overflow:hidden}.grid-line{transform-origin:50%;border-top:2px dashed #d4e4ef;width:142%;position:absolute}.horizontal{width:100%;top:50%;left:0}.vertical{top:50%;left:-21%;transform:rotate(90deg)}.diagonal-a{top:50%;left:-21%;transform:rotate(45deg)}.diagonal-b{top:50%;left:-21%;transform:rotate(-45deg)}.canvas-error{text-align:center;color:#a63624;pointer-events:none;background:#fff;place-items:center;display:grid;position:absolute;inset:25%}.stroke-feedback{text-align:center;margin:0;font-size:20px;font-weight:700}.writing-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.writing-workspace>small{text-align:center}.completion-card{text-align:center;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:600px;margin:5vh 0;padding:45px 25px;display:flex}.completion-card>svg{color:var(--success);width:80px;height:80px}.completion-card h2{margin:12px 0;font-size:32px}.completion-card p{margin-bottom:8px}.dictation-run{text-align:center;margin-bottom:24px}.dictation-run .toolbar,.dictation-run .inline-fields{justify-content:center}.dictation-run label{flex:none;width:150px}.feature-icon{color:#0784ca;width:58px;height:58px;margin-bottom:20px}.question-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:25px;display:grid}.question-grid article{border:1px solid var(--line);border-radius:14px;gap:18px;min-height:130px;padding:20px;display:flex}.submission h2{align-items:center;gap:12px;display:flex}.submission{margin-top:24px}.photo-previews{flex-wrap:wrap;gap:12px;margin:20px 0;display:flex}.photo-previews img{object-fit:contain;background:#eff5f9;border-radius:12px;width:150px;height:180px}.result-list article{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:12px;padding:18px 0;display:grid}.result-list small{grid-column:1/-1}.english-layout{grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr);gap:24px;display:grid}.english-layout>aside{align-self:start}.pdf-reader{background:#e0edf6;border-radius:20px;overflow:hidden}.pdf-reader .toolbar{justify-content:center;margin:0;padding:10px}.pdf-scroll{max-height:calc(100dvh - 190px);padding:12px 12px 12px 48px;overflow:auto}.pdf-scroll canvas{max-width:none;margin:auto;display:block}.pdf-page{margin:auto;position:relative}.pdf-audio-hotspot{color:#fff;background:#126a9e;border:2px solid #fff;border-radius:50%;width:44px;height:44px;min-height:44px;padding:0;position:absolute;transform:translate(-100%,-50%);box-shadow:0 2px 8px #103d6550}.pdf-audio-hotspot.active{background:#187348}.pdf-audio-hotspot:focus-visible{outline-offset:3px;outline:3px solid #e57617}.audio-track-list{max-height:40dvh;overflow:auto}.audio-track small{margin-top:4px;display:block}audio{width:100%;margin:24px 0}progress{accent-color:#219667;width:100%;height:18px;margin:10px 0 24px}.audio-track{background:#edf6fc;border-radius:12px;justify-content:flex-start;width:100%;margin:8px 0;padding:15px;font-size:16px}.audio-track.active{background:#d0eaff}.math-explore-layout{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:24px;display:grid}.math-explore-layout>section>.surface{margin-bottom:24px}.mistake-card{border-top:1px solid var(--line);padding:22px 0}.saved-crop{max-width:100%;margin:20px 0;position:relative;overflow:hidden}.saved-crop img{display:block}.crop-board{touch-action:none;-webkit-user-select:none;user-select:none;margin:20px 0;line-height:0;position:relative}.crop-board>img{width:100%;display:block}.crop-selection{pointer-events:none;background:#ff850a18;border:3px solid #fb840c;position:absolute}.chat-panel{align-self:start;position:sticky;top:24px}.chat-messages{min-height:250px;max-height:55dvh;padding:18px 0;overflow:auto}.chat-messages p{white-space:pre-wrap;border-radius:14px;padding:14px;font-size:17px}.chat-user{background:#e0f0ff;margin-left:25px}.chat-assistant{background:#f2f7f9;margin-right:25px}@media (width<=1100px){.home-page{padding:30px 3vw 20px}.home-heading h1{font-size:38px}.learning-islands{height:calc(100dvh - 265px);min-height:450px;margin:8px -3vw 0}.island-primary-label{margin-top:-45px;padding:10px 25px}.island-primary-label h2{font-size:34px}.island-primary-label span{font-size:15px}.start-writing{width:88%;min-height:58px;font-size:22px}.island-small-label{padding:10px 15px;font-size:17px}.island-small-label small{font-size:11px}.island-math{margin-top:90px}.island-english{margin-top:130px}.home-mascot{left:0}.tablet-character{font-size:60px;top:25%}.home-empty{font-size:14px}.home-empty .soft{min-height:40px;padding:8px 15px;font-size:14px}.writing-layout{grid-template-columns:240px minmax(0,1fr);gap:4vw}.writing-top h1{font-size:30px}.character-card{min-height:calc(100dvh - 120px);padding:16px}.sample-character{font-size:110px}.writing-mascot{height:180px}.writing-actions{gap:8px}.writing-actions button{padding:10px 18px;font-size:16px}.writing-top{margin-bottom:18px}.writing-top>p{font-size:17px}.hanzi-shell{width:min(100%,100dvh - 285px,560px)}.correction-row{grid-template-columns:1fr 120px}.auth-page{gap:4vw;padding:6vh 5vw}.auth-story h1{font-size:36px}.app-shell{grid-template-columns:112px minmax(0,1fr)}.sidebar nav button{font-size:15px}.home-stats p{font-size:17px}.points-chip{font-size:13px}.content-page{padding:24px}.page-heading h1{font-size:28px}}@media (height<=820px) and (width>=800px){.home-page{padding-top:26px}.home-heading .eyebrow{margin-bottom:7px}.home-heading h1{font-size:42px}.learning-islands{height:calc(100dvh - 230px);min-height:390px;margin-top:-25px}.chinese-art{max-width:500px}.island-primary-label{margin-top:-55px;padding-top:8px;padding-bottom:10px}.island-primary-label h2{font-size:36px}.island-primary-label span{font-size:15px}.start-writing{min-height:56px;font-size:23px}.dictation-home{margin-top:8px}.island>img{max-height:320px}.island-math{margin-top:90px}.island-english{margin-top:110px}.home-task-strip button{padding:9px 12px;font-size:13px}.writing-page{padding:16px 3vw}.writing-top{margin-bottom:16px}.writing-top .soft{min-height:46px}.writing-layout{grid-template-columns:225px minmax(0,1fr);gap:4vw}.character-card{min-height:calc(100dvh - 100px);padding:16px}.sample-character{font-size:92px;line-height:1.4}.pinyin{margin:8px 0;font-size:22px}.character-card .word-chips span{padding:4px 10px;font-size:15px}.pronounce{width:40px;height:40px;margin-top:7px}.separator{margin:12px 0}.character-card>p{font-size:17px}.writing-mascot{height:205px}.writing-workspace{gap:11px}.hanzi-shell{width:min(100%,100dvh - 280px,520px)}.stroke-progress{padding:7px 25px;font-size:17px}.stroke-progress strong{font-size:24px}.stroke-feedback{font-size:17px}.writing-workspace>small{font-size:13px}.auth-form{padding:24px}.auth-form h2{font-size:25px}.auth-form label{margin:10px 0}.auth-form input{min-height:43px}.auth-story>img{width:200px;height:200px}}@media (width<=780px){.app-shell{grid-template-columns:82px minmax(0,1fr)}.sidebar{padding:15px 4px}.sidebar>.brand{font-size:17px}.sidebar>.brand .brand-mascot{width:38px;height:38px}.sidebar nav button{border-radius:16px;min-height:75px;font-size:12px}.sidebar nav button svg{width:28px;height:28px}.sidebar-bottom button{font-size:11px}.home-heading{flex-direction:column;gap:4px}.home-heading h1{font-size:32px}.home-stats{text-align:left;justify-content:space-between;align-items:center;display:flex}.home-stats p{margin:4px 0}.learning-islands{grid-template-columns:1fr 1fr;height:auto;min-height:0;margin-top:10px}.island-chinese{grid-area:1/1/auto/-1;justify-self:center;width:100%;max-width:420px}.chinese-art{width:100%}.island-primary-label{min-width:75%;margin-top:-60px}.start-writing{width:70%}.island-math,.island-english{margin-top:-5px}.island>img{width:100%;max-height:240px}.island-small-label{margin-top:-30px;font-size:15px}.island-small-label small{font-size:10px}.tablet-character{font-size:65px}.home-empty{flex-wrap:wrap;margin-top:24px}.home-task-strip{margin-top:24px}.home-heading .eyebrow{font-size:12px}.home-page{min-height:100dvh}.form-grid{grid-template-columns:1fr}.writing-page{padding:15px}.writing-top{grid-template-columns:auto 1fr}.writing-top h1{font-size:24px}.writing-top>p{text-align:center;grid-column:1/-1;margin-top:12px}.writing-layout{grid-template-columns:1fr;gap:20px}.character-card{grid-template-columns:100px 1fr;justify-self:center;gap:8px;width:100%;max-width:650px;min-height:0;padding:12px;display:grid}.sample-character{grid-row:1/4;font-size:65px}.character-card .pinyin{margin:0;font-size:20px}.character-card .word-chips span{font-size:14px}.pronounce{width:35px;height:35px;position:absolute;top:4px;right:10px}.character-card>p,.character-card .separator,.writing-mascot{display:none}.hanzi-shell{width:min(95%,460px)}.writing-workspace{padding-bottom:25px}.english-layout,.math-explore-layout{grid-template-columns:1fr}.chat-panel{position:static}.pdf-scroll{max-height:65dvh}.auth-page{grid-template-columns:1fr;gap:15px;padding:30px 22px}.auth-story{align-items:center}.auth-story h1{margin:18px 0 5px;font-size:30px}.auth-story>img,.auth-story>p:last-child{display:none}.auth-story>p{font-size:15px}.auth-form{justify-self:center;max-width:520px;padding:24px}.content-page{padding:20px 14px}.surface{padding:22px}.page-heading{flex-wrap:wrap;gap:14px}.page-heading h1{font-size:26px}.page-heading>.soft{min-height:42px;padding:8px 15px;font-size:14px}.question-grid{grid-template-columns:1fr}.range-row{gap:8px}.range-row input{padding:8px}.tabs button{padding:8px 12px;font-size:14px}.modal{padding:24px}.modal-actions{flex-wrap:wrap;justify-content:center}.child-picker{padding:35px 15px}.child-picker h1{font-size:30px}.child-picker .empty-state img{height:170px}.audit-row{gap:10px;font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width>=781px){.chinese-art{width:min(114%,100dvh - 410px,600px)}.tablet-character{font-size:clamp(48px,5vw,80px)}.island-chinese{max-height:100%}}.paper-preview ol{background:#f5faff;border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 30px;padding:20px 30px;display:grid}@media (width>=1101px) and (height>=821px) and (height<=950px){.hanzi-shell{width:min(100%,100dvh - 350px,560px)}}.update-banner{z-index:1000;align-items:center;gap:20px;max-width:calc(100% - 32px);display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #102b5233}@media (width>=1101px) and (height>=951px){.learning-islands{margin-top:-50px}.island-math{margin-top:40px}.island-english{margin-top:90px}.writing-layout{grid-template-columns:330px minmax(0,1fr);max-width:1240px}.writing-workspace{justify-self:start;width:100%;max-width:704px}.character-card{min-height:min(100dvh - 150px,820px)}.writing-mascot{height:340px}}:is(html:has(.english-workspace),body:has(.english-workspace)){overflow:hidden}.app-shell:has(.english-workspace){height:100dvh;min-height:0;overflow:hidden}.main-area:has(.english-workspace){height:100%;min-height:0;overflow:hidden}.content-page.english-workspace{flex-direction:column;gap:10px;max-width:none;height:100%;padding:10px 20px 12px;display:flex;overflow:hidden}.english-workspace>.page-heading{flex:none;gap:18px;min-height:44px;margin:0}.english-workspace>.page-heading h1{margin:0;font-size:22px;line-height:1.2}.english-workspace>.page-heading .eyebrow{display:none}.english-workspace>.page-heading .soft{min-height:40px;padding:8px 16px;font-size:15px}.english-workspace>.error{margin:0;padding:8px 12px;font-size:14px}.english-workspace .english-layout{flex:1;grid-template-columns:minmax(0,1fr) minmax(285px,.55fr);gap:16px;min-height:0;overflow:hidden}.english-workspace .pdf-reader{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.pdf-reader .pdf-toolbar{flex:none;gap:6px;min-height:46px;padding:6px 8px}.pdf-toolbar .icon-button{width:36px;height:36px;min-height:36px;padding:6px}.pdf-page-counter{min-width:72px;padding:6px;font-size:15px}.pdf-viewport{touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;cursor:ns-resize;flex:1;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.pdf-viewport.is-zoomed{cursor:grab}.pdf-viewport.is-zoomed:active{cursor:grabbing}.pdf-viewport .pdf-page{flex:none;margin:0}.pdf-viewport canvas{display:block}.pdf-load-message{text-align:center;position:absolute;inset:40% 10% auto}.pdf-gesture-hint{color:var(--muted);text-align:center;flex:none;margin:0;padding:4px 0 6px;font-size:11px}.english-workspace .english-audio-panel{flex-direction:column;align-self:stretch;gap:10px;min-width:0;min-height:0;padding:18px;display:flex;overflow:hidden}.english-audio-panel>h2{margin:0;font-size:21px}.english-audio-panel>p{flex-shrink:0;margin:0;font-size:14px}.english-audio-panel>progress{flex-shrink:0;height:6px;margin:0 0 4px}.english-audio-panel .toolbar{flex-wrap:nowrap;flex-shrink:0;gap:6px;margin:0}.english-audio-panel .toolbar button{white-space:nowrap;min-height:38px;padding:7px 12px;font-size:14px}.english-audio-panel .audio-track-list{flex-direction:column;flex:1;gap:6px;min-height:76px;max-height:none;display:flex;overflow:hidden}.english-audio-panel .audio-track{text-align:left;flex:none;gap:8px;height:74px;min-height:74px;margin:0;padding:8px 10px;font-size:14px}.audio-track>span{-webkit-line-clamp:3;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.english-audio-panel .audio-track small{margin-top:3px;font-size:11px}.audio-pagination{flex:none;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.audio-pagination .icon-button{width:32px;height:30px;min-height:30px;padding:4px}.english-audio-panel .current-audio{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.english-audio-panel audio{flex:none;width:100%;height:40px;margin:0}.english-audio-panel>small{color:var(--muted);flex:none;font-size:10px;line-height:1.4}.english-audio-panel .audio-instructions{font-size:12px}.pdf-page-manager.modal{flex-direction:column;gap:12px;width:760px;max-width:calc(100vw - 32px);height:min(740px,100dvh - 32px);max-height:calc(100dvh - 32px);padding:18px;display:flex;overflow:hidden}.pdf-page-manager>header{flex:none;margin:0}.pdf-page-manager h2{font-size:22px}.pdf-manager-hint{color:var(--muted);flex:none;margin:0;font-size:14px}.pdf-thumbnail-grid{overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:190px;align-content:start;gap:10px;min-height:0;padding:4px;display:grid;overflow-y:auto}.pdf-thumbnail{background:#eef5fa;border:2px solid #0000;border-radius:10px;flex-direction:column;gap:4px;min-width:0;min-height:0;padding:6px;font-size:12px;display:flex;overflow:hidden}.pdf-thumbnail.active{background:#d9efff;border-color:#187ec4}.pdf-thumbnail img,.thumbnail-placeholder{object-fit:contain;flex:1;width:100%;min-height:0}.thumbnail-placeholder{color:#789;background:#fff;place-items:center;display:grid}.pdf-thumbnail>span:last-child{flex:none}.pdf-page-manager>.error{margin:0;font-size:12px}@media (width<=780px) and (orientation:portrait){.content-page.english-workspace{gap:6px;padding:8px}.english-workspace>.page-heading{gap:8px}.english-workspace>.page-heading h1{font-size:17px}.english-workspace>.page-heading .soft{padding:6px 10px;font-size:12px}.english-workspace .english-layout{grid-template-rows:minmax(0,1fr) minmax(235px,.8fr);grid-template-columns:minmax(0,1fr);gap:8px}.english-workspace .english-audio-panel{gap:6px;padding:10px}.english-audio-panel>h2{display:none}.english-audio-panel .audio-track-list{min-height:74px}.english-audio-panel .current-audio{-webkit-line-clamp:1}.english-audio-panel .audio-instructions,.english-audio-panel>small{display:none}.pdf-reader .pdf-toolbar{gap:0;min-height:38px;padding:3px}.pdf-toolbar .icon-button{width:30px;height:32px;min-height:32px;padding:4px}.pdf-page-counter{min-width:56px;font-size:13px}.pdf-gesture-hint{padding:2px;font-size:10px}}@media (width<=560px){.pdf-thumbnail-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:150px;gap:8px}}@media (height<=700px){.app-shell:has(.english-workspace) .sidebar{padding-top:10px;padding-bottom:8px;overflow:hidden}.app-shell:has(.english-workspace) .sidebar>.brand{margin-bottom:8px}.app-shell:has(.english-workspace) .sidebar>.brand .brand-mascot{width:32px;height:32px}.app-shell:has(.english-workspace) .sidebar nav{gap:4px}.app-shell:has(.english-workspace) .sidebar nav button{gap:4px;min-height:58px}.app-shell:has(.english-workspace) .sidebar-bottom button{min-height:45px}.english-workspace .english-audio-panel{gap:6px;padding:12px}.english-audio-panel>h2{font-size:18px}}.english-audio-panel{--audio-row-height:74px;position:relative}.english-audio-panel .audio-track{height:var(--audio-row-height);min-height:var(--audio-row-height)}.english-audio-panel .audio-switching{background:#fff;border-radius:6px;padding:3px 8px;font-size:12px;position:absolute;bottom:70px;right:18px}@media (width<=780px) and (orientation:portrait){.english-workspace .english-layout{grid-template-rows:minmax(100px,1fr) minmax(310px,.9fr)}.english-workspace .english-audio-panel{--audio-row-height:58px;gap:4px;padding:8px}.english-audio-panel .audio-track-list{min-height:58px}.english-audio-panel .current-audio{display:none}.english-audio-panel .toolbar button{min-height:32px;padding:5px 10px;font-size:12px}.english-audio-panel audio{height:36px}.english-audio-panel .audio-track{font-size:12px}}.english-audio-panel .english-playback-settings{justify-content:space-between;align-items:center;gap:8px;display:flex}.pdf-thumbnail-grid::-webkit-scrollbar{display:none}.pdf-page-manager .icon-button{min-width:44px;min-height:44px}@media (width>=781px){.home-page{flex-direction:column;gap:8px;height:100dvh;min-height:0;display:flex}.home-heading,.home-task-strip,.home-empty,.home-page>.install-button{flex-shrink:0}.home-page>.island-carousel{--carousel-stage-height:min(710px, calc(100cqh - 44px));flex:1;min-height:0;margin:0 -3vw;container-type:size}}.touch-choices{border:0;min-width:0;margin:14px 0;padding:0}.touch-choices legend{margin-bottom:8px;padding:0;font-size:16px;font-weight:600}.touch-options{flex-wrap:wrap;gap:8px;display:flex}.touch-option,.grade-choice{cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #c3d6e5;border-radius:12px;flex-direction:row;justify-content:center;align-items:center;gap:8px;min-height:48px;margin:0;padding:10px 14px;display:inline-flex}.touch-option input,.grade-choice input{accent-color:#1067b3;flex:none;width:22px;height:22px;min-height:22px;margin:0;padding:0}.touch-option.active,.task-choice.active{background:#e8f4ff;border-color:#1067b3;box-shadow:inset 0 0 0 1px #1067b3}:is(.touch-option:has(input:focus-visible),.grade-choice:has(input:focus-visible)){outline-offset:3px;outline:3px solid #1067b3}.touch-choices:disabled{opacity:.55;cursor:default}.grade-choice:has(input:disabled){opacity:.55;cursor:default}.task-choice-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px;margin:16px 0;display:grid}.task-choice{text-align:left;overflow-wrap:anywhere;background:#fff;border:1px solid #c3d6e5;border-radius:14px;flex-direction:column;align-items:flex-start;min-height:76px;padding:16px}.task-choice span{color:var(--muted);font-size:15px}.task-progress-summary{background:#f4f9fe;border-radius:12px;padding:16px}.task-progress-summary p{margin:10px 0 0}.grading-toolbar,.grading-save-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;display:flex}.grading-toolbar p{margin:0}.grade-choices{gap:10px;display:flex}.grade-choice.is-correct{background:#e9f7f0;border-color:#219667}.grade-choice.is-correct input{accent-color:#21845c}.grade-choice.is-incorrect{background:#fff0ed;border-color:#bc4530}.grade-choice.is-incorrect input{accent-color:#bc4530}.correction-question{overflow-wrap:anywhere}.correction-notes summary{cursor:pointer;min-height:48px;color:var(--muted);touch-action:manipulation;padding:12px 8px;font-size:15px;display:list-item}.grading-save-bar{z-index:2;border-top:1px solid var(--line);background:#fff;margin-top:16px;position:sticky;bottom:0}.grading-save-bar span{color:var(--muted);font-size:15px}.audio-speed-choices{flex:none;margin:4px 0 10px}.audio-speed-choices .touch-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.audio-speed-choices .touch-option{gap:4px;padding:8px 4px;font-size:13px}.audio-speed-choices .touch-option input{width:16px;height:16px;min-height:16px}@media (width<=1100px){.correction-row{grid-template-columns:minmax(0,1fr) auto}.correction-notes{grid-column:1/-1}}@media (width<=600px){.paper-preview ol{grid-template-columns:minmax(0,1fr)}.correction-row{grid-template-columns:minmax(0,1fr);gap:12px;padding:18px 0}.grade-choices>label{flex:1}.grading-save-bar>button{width:100%}}@media (pointer:coarse){button,.small,.icon-button,.text-button{min-width:48px;min-height:48px}}