:root{color:#20314a;font-synthesis:none;--bg:#f6f7f9;--panel:#fff;--ink:#20314a;--muted:#607087;--line:#dde4ed;--accent:#173e6b;--soft:#edf2f7;--shadow:0 9px 30px #344a7010;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f6f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--bg:#0a172b;--panel:#12233a;--ink:#e6edf8;--muted:#b0bfd3;--line:#344355;--accent:#e4c47f;--soft:#1e3651;--shadow:0 9px 30px #0002;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg);color:var(--ink)}*{box-sizing:border-box}body{background:var(--bg);margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #ee9a49}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.045em;font-size:clamp(2rem,3.7vw,3.3rem);font-weight:730;line-height:1.13}h2{letter-spacing:-.025em;font-size:1.3rem}h3{font-size:1.05rem}p{color:var(--muted);line-height:1.7}small{color:var(--muted);font-size:.78rem;line-height:1.6}svg{flex-shrink:0}img{max-width:100%}button{color:inherit}input,select,textarea{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:11px;max-width:100%;padding:12px 14px}textarea{resize:vertical;width:100%;line-height:1.65}select{min-height:44px}hr{border:0;border-top:1px solid var(--line);margin:24px 0}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.between{justify-content:space-between}.center{justify-content:center}.muted{color:var(--muted)}.hanzi{letter-spacing:.03em;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,sans-serif}.pinyin{color:var(--accent)}.eyebrow{color:var(--muted);letter-spacing:.13em;margin-bottom:13px;font-size:.67rem;font-weight:750;display:block}.pill,.tiny-tag{background:var(--soft);color:var(--accent);border-radius:30px;padding:6px 11px;font-size:.73rem;display:inline-flex}.tiny-tag{padding:3px 7px;font-size:.6rem}.btn,.text-button,.icon-button{border:0;justify-content:center;align-items:center;gap:9px;font-weight:650;display:inline-flex}.btn{color:#fff;background:#173e6b;border-radius:11px;min-height:44px;padding:12px 19px;font-size:.84rem;box-shadow:0 5px 10px #425ad01a}.btn:hover{background:#102b50;text-decoration:none}.btn.secondary{background:var(--panel);color:var(--ink);border:1px solid var(--line);box-shadow:none}.btn.small{padding:9px 12px}.text-button{color:var(--accent);background:0 0;padding:12px 0;font-size:.82rem}.icon-button{background:0 0;border-radius:10px;min-width:44px;min-height:44px;padding:11px}.icon-button:hover{background:var(--soft)}.danger{color:#fff!important;background:#a93647!important}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;margin-bottom:22px;padding:28px}.empty{text-align:center;padding:70px 24px}.soft-note{background:var(--soft);border-radius:13px;margin:18px 0;padding:18px}.soft-note p:last-child{margin-bottom:0}.field-label{margin:14px 0 10px;font-size:.86rem;font-weight:650;display:block}.check{color:var(--muted);align-items:center;gap:9px;min-height:44px;font-size:.82rem;display:flex}.check input{accent-color:var(--accent);width:18px;height:18px}.error{color:#b22d43;overflow-wrap:anywhere;background:#fff0ef;border-radius:12px;padding:15px}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:100;background:var(--panel);padding:16px;position:fixed;top:-80px;left:15px}.skip:focus{top:10px}.loading-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.sidebar{background:var(--panel);border-right:1px solid var(--line);z-index:30;flex-direction:column;width:242px;padding:30px 22px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand{letter-spacing:-.04em;color:var(--ink);white-space:nowrap;align-items:center;gap:10px;font-size:1.04rem;font-weight:750;display:flex}.brand:hover{text-decoration:none}.brand small{letter-spacing:.14em;margin-top:5px;font-size:.47rem;font-weight:550;display:block}.brand-mark{color:#fff;background:#173e6b;border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:42px;font-size:1.5rem;display:inline-grid;box-shadow:0 4px #0c203c}.course-switch{background:var(--bg);border:1px solid var(--line);border-radius:13px;align-items:center;gap:10px;margin:33px 0 22px;padding:13px;display:flex}.course-switch small{font-size:.68rem;display:block}.course-switch strong{font-size:.83rem}.course-dot{color:#173e6b;background:#edf2f7;border-radius:9px;padding:8px}.sidebar nav{gap:6px;display:grid}.sidebar nav a{color:var(--muted);border-radius:10px;align-items:center;gap:12px;padding:13px;font-size:.8rem;font-weight:550;display:flex}.sidebar nav a.active{background:var(--soft);color:var(--accent);font-weight:700}.sidebar nav a:hover{background:var(--bg);text-decoration:none}.sidebar-bottom{margin-top:auto;padding-top:30px}.subtle-link{min-height:40px;color:var(--muted);text-align:left;background:0 0;border:0;align-items:center;gap:9px;padding:8px 3px;font-size:.7rem;display:flex}.app-content{margin-left:242px}.topbar{border-bottom:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:center;gap:12px;height:79px;padding:0 38px;display:flex}.breadcrumb-label{color:var(--muted);align-items:center;gap:10px;font-size:.75rem;display:flex}.sync-state{color:var(--muted);font-size:.65rem}.xp-pill{background:var(--soft);color:var(--accent);border-radius:30px;align-items:center;gap:5px;padding:8px 11px;font-size:.7rem;display:flex}.mobile-menu{display:none}.main-content{max-width:1400px;min-height:calc(100dvh - 155px);margin:auto;padding:34px 42px 55px}.app-content>footer{color:var(--muted);justify-content:space-between;align-items:center;gap:18px;padding:22px 42px 35px;font-size:.67rem;display:flex}footer>div{gap:22px;display:flex}.welcome-line{justify-content:space-between;align-items:center;margin-bottom:26px;font-size:.82rem;font-weight:550;display:flex}.welcome-line>span:last-child{letter-spacing:.12em;color:var(--muted);font-size:.6rem}.wave{color:#dd9c53;margin-left:5px}.home-hero{color:#293657;background:linear-gradient(130deg,#e9efff,#f0ecfa 60%,#f6eee8);border-radius:25px;grid-template-columns:1.2fr 1fr;align-items:center;min-height:340px;padding:35px 35px 30px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:1}.hero-copy h1{margin-bottom:18px;font-size:clamp(2rem,3.25vw,3.1rem)}.hero-copy p{color:#61708e;font-size:.82rem}.hero-copy .eyebrow{color:#6e7fa0}.hero-actions{gap:20px;margin-top:26px}.hero-world{place-items:center;min-height:260px;display:grid;position:relative}.hero-world>img{object-fit:contain;z-index:1;filter:drop-shadow(0 20px 15px #6569a92b);width:85%;height:240px;position:relative}.hero-platform{background:#e0e0f3;border-radius:50%;width:78%;height:65px;position:absolute;bottom:35px;box-shadow:0 12px #d2d3e8,0 25px 27px #716fa823}.hero-ring{border:1px solid #d4d7ec;border-radius:50%;width:100%;height:90%;position:absolute;transform:rotate(-18deg)}.world-label{z-index:2;letter-spacing:.09em;color:#6d7b97;background:#ffffffd9;border-radius:13px;padding:11px 16px;font-size:.54rem;position:absolute;bottom:-4px;left:20px;box-shadow:0 8px 24px #7282a918}.world-label strong{letter-spacing:0;color:#384463;margin-top:5px;font-size:.78rem;display:block}.live-dot{background:#519985;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.floating-spark{color:#d3a16a;font-size:25px;position:absolute}.hero-spark{top:22px;right:5px}.quick-stats{grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0 35px;display:grid}.quick-stats>div{border:1px solid var(--line);background:var(--panel);border-radius:14px;align-items:center;gap:13px;padding:18px;display:flex}.stat-icon{color:#527965;border-radius:12px;place-items:center;width:43px;height:43px;display:grid}.quick-stats strong{letter-spacing:-.03em;font-size:1.18rem;display:block}.quick-stats small{font-size:.73rem;font-weight:400}.quick-stats div>span:not(.stat-icon){color:var(--muted);font-size:.66rem}.mint{background:#e7f1ec}.peach{background:#fbede5}.lavender{background:#f5eddc}.section-heading{justify-content:space-between;align-items:center;gap:18px;margin:32px 0 22px;display:flex}.section-heading h2{margin-bottom:0;font-size:1.45rem}.section-heading .eyebrow{margin-bottom:9px}.section-heading>.muted{font-size:.68rem}.world-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;display:grid}.world-card{color:var(--ink);border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:20px;padding:19px;transition:transform .18s,box-shadow .18s;display:block}.world-card:hover{text-decoration:none;transform:translateY(-5px);box-shadow:0 14px 28px #344a7020}.world-card-top{letter-spacing:.1em;color:var(--muted);justify-content:space-between;gap:7px;font-size:.54rem;display:flex}.exam-tag{background:var(--soft);color:var(--accent);border-radius:5px;padding:4px 6px;font-size:.48rem}.world-image{background:linear-gradient(145deg,#eef2fb,#f5f2fb);border-radius:14px;place-items:center;height:164px;margin:10px -6px 20px;display:grid;position:relative}.tint-1 .world-image{background:linear-gradient(145deg,#f4eee2,#f9f4ec)}.tint-2 .world-image{background:linear-gradient(145deg,#eaf3ed,#f1f7f4)}.tint-3 .world-image{background:linear-gradient(145deg,#f8e8e6,#fff4ee)}.tint-4 .world-image{background:linear-gradient(145deg,#eceaf9,#f4f1fb)}.world-image img{object-fit:contain;z-index:1;filter:drop-shadow(0 9px 6px #52658c20);width:87%;height:145px}.world-ground{background:#ced8e760;border-radius:50%;width:65%;height:25px;position:absolute;bottom:18px;box-shadow:0 7px #cad1de40}.lesson-theme{color:var(--muted);font-size:.65rem}.world-card h3{min-height:36px;margin:7px 0 15px;font-size:.9rem;line-height:1.45}.world-card-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.world-card-bottom>div{flex:1}.world-card-bottom span{color:var(--muted);font-size:.61rem}.meter{background:var(--line);border-radius:20px;height:5px;margin-top:10px;overflow:hidden}.meter>span{background:var(--accent);border-radius:20px;height:100%;display:block}.round-arrow{border:1px solid var(--line);border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.extra-grid{grid-template-columns:1fr 1fr;gap:22px;margin-top:32px;display:grid}.extra-card{color:#314447;border-radius:18px;align-items:center;gap:17px;padding:25px;display:flex}.extra-card h2{font-size:1.03rem}.extra-card p{color:#586568;margin:0;font-size:.72rem}.extra-card .eyebrow{margin-bottom:8px;font-size:.54rem}.extra-card>svg:last-child{margin-left:auto}.page-heading{margin:10px 0 30px}.page-heading h1{margin-bottom:14px;font-size:clamp(1.9rem,3vw,2.7rem)}.page-heading p{font-size:.88rem}.vocab-toolbar{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.search-input{border:1px solid var(--line);background:var(--panel);border-radius:11px;flex:1;align-items:center;gap:8px;min-width:230px;padding:0 12px;display:flex}.search-input input{background:0 0;border:0;width:100%}.vocab-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.vocab-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden}.mini-flip{appearance:none;background:var(--panel);width:100%;height:320px;color:var(--ink);text-align:center;perspective:1000px;border:0;border-radius:17px 17px 0 0;padding:0;display:block}.mini-flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .35s;display:block;position:relative}.mini-flip.turned .mini-flip-inner{transform:rotateY(180deg)}.mini-front,.mini-back{border-radius:inherit;backface-visibility:hidden;overflow-wrap:anywhere;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex;position:absolute;inset:0}.mini-back{background:var(--soft);transform:rotateY(180deg)}.mini-front>.hanzi,.mini-back>.hanzi{max-width:100%;font-size:clamp(1.35rem,2.6vw,2rem);line-height:1.35}.mini-front>.hanzi.long{font-size:1.3rem}.mini-front>.pinyin,.mini-back>.pinyin{max-width:100%;font-size:.9rem;line-height:1.5}.mini-back h3{margin:5px 0;font-size:1.12rem}.mini-back small{line-height:1.5}.mini-flip:focus-visible{outline-offset:-4px}.word-artwork{border-radius:12px;flex:0 0 156px;justify-content:center;align-items:center;width:min(100%,220px);height:156px;min-height:0;display:flex;position:relative;overflow:hidden}.word-artwork img{object-fit:contain;width:100%;height:100%;display:block}.character-art{color:#f1db88;background:radial-gradient(at 100% 0,#3c4c77,#0000 75%),#1d244a;border:1px solid #b8a666;flex-direction:column;gap:12px;padding:16px;box-shadow:inset 0 0 0 5px #1d244a,inset 0 0 0 6px #b8a66655}.character-art-label{letter-spacing:.22em;opacity:.85;font-size:.57rem}.character-art-text{overflow-wrap:anywhere;font-family:Noto Serif SC,Songti SC,SimSun,serif;font-size:2.8rem;line-height:1.25}.character-art-text.long{font-size:1.6rem}.character-art-rule{opacity:.55;background:currentColor;width:24px;height:1px}.flip-front .word-artwork{margin-bottom:8px}.flip-front>.hanzi.sr-only{margin:-1px}[data-depth=flat] .mini-flip-inner{transition:none}@media (prefers-reduced-motion:reduce){.mini-flip-inner{transition:none}}.flip-card{perspective:1000px;width:100%;height:300px;color:var(--ink);background:0 0;border:0;padding:0;display:block}.flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s;display:block;position:relative}.flip-card.flipped .flip-inner{transform:rotateY(180deg)}.flip-front,.flip-back{backface-visibility:hidden;background:var(--panel);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.flip-back{background:var(--soft);transform:rotateY(180deg)}.flip-front>img{object-fit:contain;width:140px;height:140px}.flip-front .hanzi,.flip-back>.hanzi{margin:10px 0;font-size:2.4rem}.flip-back h3,.flip-back h2{margin-top:12px}.card-controls{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px;display:flex}.icon-button.learned{color:#3b876a;background:#ddefe5}.pagination{margin:28px 0}.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px;display:grid}.mode-card{background:var(--panel);border:1px solid var(--line);text-align:left;box-shadow:var(--shadow);border-radius:18px;padding:27px}.mode-card:hover{border-color:var(--accent)}.mode-card h2{font-size:1.04rem}.mode-card p{font-size:.8rem}.mode-icon{background:var(--soft);width:50px;height:50px;color:var(--accent);border-radius:14px;place-items:center;margin-bottom:25px;display:grid}.link-text{color:var(--accent);gap:10px;font-size:.8rem;display:flex}.practice-stage{text-align:center;max-width:730px;margin:30px auto}.practice-stage>.flip-card{border:1px solid var(--line);border-radius:18px;height:340px;margin-bottom:20px}.question-panel{padding:40px}.question-hanzi{margin:30px 0;font-size:clamp(2rem,5vw,3rem)}.choices{grid-template-columns:1fr 1fr;gap:12px;margin-top:28px;display:grid}.choices button{border:1px solid var(--line);background:var(--panel);border-radius:11px;justify-content:space-between;align-items:center;min-height:60px;padding:15px;display:flex}.choices .correct{color:#246046;background:#e1f3e8;border-color:#56a583}.choices .incorrect{color:#ad3d34;background:#fff0ec}.question-panel form{gap:18px;display:grid}.listen-orb{background:var(--soft);width:85px;height:85px;color:var(--accent);border:0;border-radius:50%;place-items:center;margin-bottom:25px;display:inline-grid}.feedback{background:var(--soft);border-radius:18px;margin:24px 0;padding:25px}.completion-star{color:#dda158;margin-bottom:20px;font-size:75px;display:block}.characters{flex-wrap:wrap;justify-content:center;gap:8px;margin:18px 0;display:flex}.characters button{border:1px solid var(--line);background:var(--panel);border-radius:9px;min-width:42px;min-height:44px;font-size:1.25rem}.characters button.active{background:var(--soft);color:var(--accent);border-color:var(--accent)}.sentence-answer{background:var(--soft);border-radius:12px;min-height:70px;padding:20px;font-size:1.5rem}.lesson-hero{grid-template-columns:1.7fr 1fr;align-items:center;padding:22px 0 30px;display:grid}.lesson-hero h1{font-size:clamp(1.9rem,3vw,2.8rem)}.lesson-hero .hanzi{font-size:1.5rem}.lesson-art{place-items:center;height:230px;display:grid;position:relative}.lesson-art img{object-fit:contain;z-index:1;filter:drop-shadow(0 15px 10px #53668825);height:210px}.lesson-art .hero-platform{bottom:0}.tabs{border-bottom:1px solid var(--line);white-space:nowrap;gap:5px;margin-bottom:30px;display:flex;overflow:auto}.tabs button{background:0 0;border:0;border-bottom:3px solid #0000;padding:15px 17px;font-size:.8rem}.tabs button.active{border-color:var(--accent);color:var(--accent);font-weight:650}.lesson-start{grid-template-columns:1.65fr 1fr;gap:23px;display:grid}.study-steps{gap:16px;margin-top:25px;display:grid}.study-steps button{text-align:left;background:var(--bg);border:0;border-radius:12px;align-items:center;gap:15px;padding:18px;display:flex}.study-steps small{margin-top:5px;display:block}.study-steps strong{font-size:.87rem}.study-steps svg{margin-left:auto}.round-num{background:var(--soft);width:35px;height:35px;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;font-size:.7rem;display:inline-grid}.lesson-note{text-align:center}.lesson-note img{object-fit:contain;height:110px;margin-bottom:20px}.grammar-grid,.offline-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.grammar-grid .hanzi{font-size:1.2rem}.slide-reader pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg);border-radius:14px;max-height:65vh;padding:25px;font-family:inherit;line-height:1.9;overflow:auto}.resource-section{margin-top:32px}.resource-section h2 span{color:var(--muted);margin-left:10px;font-size:1rem;font-weight:400}.resource-list{gap:10px;margin:20px 0;display:grid}.resource-row{background:var(--panel);border:1px solid var(--line);border-radius:13px;align-items:center;gap:18px;padding:17px;display:flex}.file-icon{background:var(--soft);color:var(--accent);border-radius:11px;padding:12px}.resource-row>div{flex:1;min-width:0}.resource-row strong{overflow-wrap:anywhere;font-size:.85rem}.resource-row small{display:block}.summary-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.summary-grid button{border:0;border-radius:15px;padding:0;overflow:hidden}.resource-dialog{background:var(--panel);width:min(1000px,96vw);height:90dvh;max-height:90dvh;color:var(--ink);border:1px solid var(--line);border-radius:18px;padding:20px}.resource-dialog::backdrop{background:#111c3288}.resource-dialog iframe{border:0;width:100%;height:calc(100% - 85px);margin-top:12px}.resource-dialog>img{object-fit:contain;height:calc(100% - 85px);margin:auto;display:block}.oral-groups .disclosure-toggle{cursor:pointer;flex-wrap:wrap;align-items:center;gap:15px;min-height:44px;font-weight:650;display:flex}.oral-groups .disclosure-toggle .pill{margin-left:auto}.oral-question{border-top:1px solid var(--line);margin-top:25px;padding-top:25px}.oral-question .hanzi{font-size:1.23rem}.reading-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.reading-grid .disclosure-toggle{cursor:pointer;min-height:44px;font-size:1.5rem}.exam-start,.exam-question{text-align:center;max-width:760px;margin:25px auto}.exam-start ul{text-align:left;color:var(--muted);line-height:2;display:inline-block}.recorder{background:var(--bg);border-radius:12px;margin:20px 0;padding:18px}.recorder small{margin-top:8px;display:block}.recorder audio{width:100%;margin-top:15px}.glyph-layout{grid-template-columns:1fr 1.3fr;gap:24px;display:grid}.glyph-main{text-align:center}.writing-grid{border:1px solid var(--line);touch-action:none;background:linear-gradient(#0000 49.7%,#bcc7db 49.7% 50.3%,#0000 50.3%),linear-gradient(90deg,#0000 49.7%,#bcc7db 49.7% 50.3%,#0000 50.3%);width:280px;height:280px;margin:0 auto 25px}.glyph-main .check{justify-content:center}.progress-stats{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.progress-stats strong{color:var(--accent);font-size:2.2rem;display:block}.progress-stats span{color:var(--muted);font-size:.75rem}.progress-line{align-items:center;gap:20px;padding:14px 0;display:flex}.progress-line strong{width:80px;font-size:.8rem}.progress-line .meter{flex:1;margin:0}.progress-line small{text-align:right;min-width:48px}.history-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:15px;padding:15px 0;font-size:.85rem;display:flex}.coverage-list{grid-template-columns:1fr 1fr;gap:20px;display:grid}.coverage-list .pill{margin-bottom:15px}.legal{max-width:850px;margin:auto}.dialogue-line{border-bottom:1px solid var(--line);align-items:center;gap:15px;padding:14px 0;display:flex}.dialogue-line p{flex:1;margin:0}.dialogue-line>span{background:var(--soft);border-radius:50%;padding:10px}progress{width:100%;accent-color:var(--accent);margin:18px 0;display:block}.tutor-launch{border:1px solid var(--line);background:var(--panel);color:var(--ink);z-index:35;border-radius:40px;align-items:center;gap:5px;padding:7px 16px 7px 8px;display:flex;position:fixed;bottom:22px;right:26px;box-shadow:0 6px 26px #21355526}.tutor-launch img{object-fit:contain;width:37px;height:37px}.tutor-launch span{align-items:center;gap:8px;font-size:.78rem;font-weight:600;display:flex}.tutor{background:var(--panel);border:1px solid var(--line);z-index:40;border-radius:20px;flex-direction:column;width:380px;max-width:calc(100vw - 24px);height:570px;max-height:calc(100dvh - 40px);display:flex;position:fixed;bottom:22px;right:22px;overflow:hidden;box-shadow:0 16px 65px #14264244}.tutor header{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:15px;display:flex}.tutor header small{font-size:.65rem;display:block}.tutor header>button{margin-left:auto}.tutor-avatar{background:var(--soft);color:var(--accent);border-radius:12px;padding:11px}.chat-scroll{flex:1;padding:20px;overflow:auto}.tutor-welcome h3{margin:15px 0;font-size:1.5rem}.tutor-welcome p{font-size:.83rem}.tutor-welcome>button{text-align:left;border:1px solid var(--line);background:var(--bg);border-radius:10px;width:100%;margin:8px 0;padding:12px;font-size:.77rem;display:block}.tutor-welcome>small{margin-top:17px;display:block}.tutor form{border-top:1px solid var(--line);align-items:center;gap:8px;padding:12px;display:flex}.tutor textarea{font-size:.8rem}.tutor-foot{text-align:center;padding:0 10px 10px;font-size:.58rem;display:block}.bubble{background:var(--bg);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:13px;margin-bottom:13px;padding:14px;font-size:.84rem;line-height:1.7}.bubble.user{background:var(--soft)}.bubble small{margin-bottom:6px;font-size:.65rem;display:block}[data-theme=dark] .home-hero{color:#e6edf8;background:linear-gradient(135deg,#243349,#323049)}[data-theme=dark] .hero-copy p,[data-theme=dark] .hero-copy .eyebrow{color:#b4c2db}[data-theme=dark] .world-image{filter:brightness(.85)}[data-theme=dark] .extra-card{background:var(--panel);color:var(--ink);border:1px solid var(--line)}[data-theme=dark] .extra-card p{color:var(--muted)}[data-depth=flat] .hero-platform,[data-depth=flat] .world-ground,[data-depth=flat] .hero-ring{display:none}[data-depth=flat] .world-card:hover{transform:none}[data-depth=flat] img{filter:none}[data-depth=flat] .flip-inner{transition:none}@media (min-width:1600px){.world-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1200px){.sidebar{width:220px;padding:25px 16px}.app-content{margin-left:220px}.main-content{padding:28px}.topbar{padding:0 28px}.world-grid{gap:16px}.world-card{padding:15px}.hero-copy h1{font-size:2.4rem}.hero-world>img{height:210px}.home-hero{padding:28px}.sync-state{display:none}}@media (max-width:960px){.world-grid,.vocab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-stats{gap:10px}.quick-stats>div{padding:12px}.stat-icon{display:none}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero{grid-template-columns:1fr 1fr}.hero-copy h1{font-size:2rem}.hero-world{min-height:220px}.hero-world>img{height:180px}.home-hero p br{display:none}.lesson-start,.glyph-layout{grid-template-columns:1fr}.progress-stats{grid-template-columns:repeat(2,1fr)}.extra-grid,.grammar-grid,.offline-grid{grid-template-columns:1fr}.welcome-line>span:last-child{display:none}}@media (max-width:760px){.sidebar{width:260px;transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.app-content{margin-left:0}.mobile-menu{display:inline-flex}.menu-scrim{z-index:25;background:#111b3280;border:0;position:fixed;inset:0}.topbar{gap:7px;height:66px;padding:0 14px}.topbar>.row{gap:5px}.topbar .breadcrumb-label{gap:4px;font-size:.67rem}.topbar .xp-pill{padding:8px;font-size:.65rem}.main-content{padding:23px 18px 50px}.home-hero{min-height:0;padding:25px}.hero-copy h1{font-size:2.1rem}.hero-copy p{font-size:.78rem}.hero-world{min-height:200px}.hero-world>img{width:100%;height:170px}.hero-actions .text-button{display:none}.world-label{bottom:0;left:0}.quick-stats{margin-bottom:25px}.quick-stats strong{font-size:1rem}.quick-stats strong small{font-size:.6rem}.quick-stats div>span:not(.stat-icon){font-size:.56rem}.world-grid{gap:15px}.world-image{height:148px}.world-image img{height:130px}.section-heading .muted{display:none}.section-heading h2{font-size:1.3rem}.app-content>footer{flex-wrap:wrap;padding:20px 18px 95px}.page-heading{margin:5px 0 25px}.panel{padding:23px}.lesson-hero{grid-template-columns:1.5fr 1fr;gap:15px}.lesson-hero h1{font-size:1.7rem}.lesson-art{height:160px}.lesson-art img{height:150px}.lesson-art .hero-platform{height:40px}.lesson-hero .hanzi{font-size:1.15rem}.resource-row{gap:10px;padding:13px}.resource-row .file-icon{display:none}.resource-row>.btn{min-width:60px;padding:9px;font-size:.7rem}.coverage-list{grid-template-columns:1fr}.reading-grid{grid-template-columns:repeat(2,1fr)}.resource-section h2 span{margin:8px 0;display:block}.tutor-launch{bottom:15px;right:16px}.tutor{bottom:12px;right:12px}.depth-control{display:none}}@media (max-width:440px){.home-hero{grid-template-columns:1fr;min-height:320px;padding:25px}.hero-world{display:none}.hero-copy h1{font-size:2.5rem}.hero-actions{margin-top:20px}.vocab-grid{grid-template-columns:1fr 1fr;gap:12px}.vocab-grid .flip-card{height:225px}.flip-front,.flip-back{padding:13px}.flip-front>img{width:110px;height:100px}.flip-front .hanzi,.flip-back>.hanzi{font-size:1.7rem}.flip-back h3{font-size:.85rem}.card-controls{gap:2px;padding:5px}.card-controls small{font-size:.58rem}.card-controls .icon-button{min-width:38px;padding:8px}.world-card{padding:12px}.world-card-top{letter-spacing:.04em;font-size:.47rem}.exam-tag{font-size:.4rem}.world-image{height:125px;margin-bottom:12px}.world-image img{height:110px}.world-card h3{min-height:40px;font-size:.81rem}.world-card-bottom span{font-size:.52rem}.round-arrow{display:none}.lesson-hero{grid-template-columns:1fr}.lesson-art{display:none}.mode-card{padding:18px}.mode-card h2{font-size:.9rem}.mode-icon{margin-bottom:18px}.choices{grid-template-columns:1fr}.question-panel{padding:25px 18px}.topbar .breadcrumb-label{white-space:nowrap;max-width:190px;overflow:hidden}.topbar .xp-pill{display:none}.main-content{padding:20px 14px 40px}.section-heading{margin:25px 0 18px}.panel{padding:20px}.writing-grid{max-width:100%}.progress-line{gap:10px}.resource-row strong{font-size:.72rem}.resource-row .icon-button{display:none}.quick-stats small{display:block}.quick-stats>div{padding:12px 9px}.sync-state{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.world-card:hover{transform:none}}:root{--navy:#102b50;--gold:#dfbf78;--gold-soft:#f7f0e1}button,a,summary{touch-action:manipulation}button,.btn,.world-card,.mode-card{transition:background-color .16s,border-color .16s,box-shadow .16s}button:not(:disabled):active,.btn:active{filter:brightness(.94)}.btn.secondary:hover{border-color:var(--accent);background:var(--soft)}.icon-button[aria-pressed=true]{background:var(--soft);color:var(--accent)}label.btn:focus-within{outline-offset:4px;outline:3px solid #bb8730}[aria-hidden=true].mini-front,[aria-hidden=true].mini-back,[aria-hidden=true].flip-front,[aria-hidden=true].flip-back{visibility:hidden}.main-content:focus{outline:none}.sidebar{background:var(--navy);color:#fff;border:0}.brand{color:#fff;letter-spacing:-.025em;gap:11px;font-size:1.18rem}.brand-mark{width:45px;height:45px;box-shadow:none;background:0 0;border-radius:12px}.brand small{color:#d3dce9;letter-spacing:.08em;font-size:.46rem}.brand small[lang=zh]{color:var(--gold);letter-spacing:.22em;margin-top:2px;font-size:.69rem}.brand-light{font-weight:500}.course-switch{background:#ffffff09;border-color:#fff2;margin-top:29px}.course-switch small{color:#becbdf}.course-dot{color:var(--gold);background:#ffffff12}.sidebar nav a{color:#cbd7e9;min-height:45px}.sidebar nav a:hover,.sidebar .subtle-link:hover{color:#fff;background:#ffffff0d}.sidebar nav a.active{color:#f2d69b;box-shadow:inset 3px 0 var(--gold);background:#e4c47f18}.sidebar .subtle-link{color:#becbdf;border-radius:8px;min-height:44px}.sidebar-bottom{padding-top:20px}.sidebar .tiny-tag{color:var(--gold);background:#ffffff12}.topbar{height:auto;min-height:74px;padding-top:12px;padding-bottom:12px}.home-hero,[data-theme=dark] .home-hero{color:#fff;background:radial-gradient(at 100% 10%,#275783 0,#0000 55%),#102b50;border:1px solid #244b72;border-radius:20px}.home-hero:after{content:"";pointer-events:none;border:1px solid #dfbf783a;border-radius:12px;position:absolute;inset:12px}.hero-copy h1{letter-spacing:-.025em;font-family:Georgia,Times New Roman,serif;font-weight:500;line-height:1.15}.hero-copy p,[data-theme=dark] .hero-copy p{color:#d4dfef}.hero-copy .eyebrow,[data-theme=dark] .hero-copy .eyebrow{color:#e4c47f;letter-spacing:.09em}.hero-actions .btn,.school-banner .btn{background:var(--gold);color:#142b4c;box-shadow:none}.hero-actions .btn:hover,.school-banner .btn:hover{background:#efd495}.hero-actions .text-button{color:#f1dba9}.hero-world>img{width:65%;height:180px;margin-top:72px}.hero-school-name{color:#f2ddb1;text-align:center;font-family:Georgia,serif;font-size:4.6rem;font-style:italic;line-height:1;position:absolute;top:2px}.hero-school-name small{color:#dfbf78;letter-spacing:.25em;margin-top:8px;font:.65rem system-ui,sans-serif;display:block}.hero-platform{background:#dfbf7822;box-shadow:0 12px #dfbf7812}.hero-ring{border-color:#dfbf7833}.world-label{z-index:2;background:#fff}.school-strip{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:16px 20px;font-size:.8rem;display:flex}.school-strip strong{color:var(--ink)}.school-strip a{align-items:center;gap:8px;min-height:30px;font-weight:650;display:inline-flex}.stat-icon{color:#173e6b}.quick-stats .stat-icon{background:#f5eddc}.world-image,.tint-1 .world-image,.tint-2 .world-image,.tint-3 .world-image,.tint-4 .world-image{background:#f0f3f6}.world-card:hover{border-color:#bc9854;box-shadow:0 8px 25px #102b5010}.world-card-top{align-items:center;min-height:25px}.exam-tag{background:var(--gold-soft);color:#73531e}.tabs{gap:8px;padding-bottom:8px}.tabs button{min-height:44px}.tabs button.active{color:var(--accent);border-color:var(--accent);font-weight:700}.download-grid,.school-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.download-card{flex-direction:column;align-items:flex-start;gap:12px;margin:0;display:flex}.download-card>svg,.school-feature-icon{color:var(--accent)}.download-card h3{margin:0;font-size:1.16rem}.download-card p{margin:0;font-size:.8rem}.download-options{gap:9px;width:100%;margin-top:auto;padding-top:4px;display:grid}.download-options .btn{text-align:left;justify-content:space-between;font-size:.77rem}.download-section .pill{gap:6px}.school-banner{background:var(--navy);color:#fff;border-color:#dfbf7860;grid-template-columns:190px 1fr;align-items:center;gap:36px;padding:42px;display:grid}.school-banner p{color:#cedaea}.school-banner .eyebrow{color:var(--gold)}.school-banner h2{font:2rem/1.2 Georgia,serif}.school-seal{border:1px solid var(--gold);outline-offset:-9px;width:175px;height:175px;color:var(--gold);border-radius:50%;outline:1px solid #dfbf7860;flex-direction:column;justify-content:center;align-items:center;font:italic 3.6rem Georgia,serif;display:flex}.school-seal small{color:#e4c47f;letter-spacing:.15em;margin-top:10px;font:.8rem system-ui,sans-serif}.school-feature-icon{margin-bottom:20px}.school-grid h2{line-height:1.3}.app-notice{z-index:60;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;width:max-content;max-width:min(600px,100vw - 28px);padding:12px 16px;font-size:.85rem;display:flex;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0002}[data-theme=dark] .world-image{background:#233954}[data-theme=dark] .exam-tag{color:#e4c47f;background:#e4c47f18}[data-theme=dark] .btn.secondary:hover{color:#e4c47f}[data-theme=dark] .error{color:#ffb8c4;background:#411f2c}[data-theme=dark] .school-strip{background:var(--panel)}[data-theme=dark] .mode-icon,[data-theme=dark] .mint,[data-theme=dark] .peach,[data-theme=dark] .lavender{color:#e4c47f;background:#233954}@media (max-width:1100px){.download-grid,.school-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.sidebar:not(.open){visibility:hidden}.sidebar{padding-top:max(24px, env(safe-area-inset-top));padding-bottom:max(24px, env(safe-area-inset-bottom))}.topbar{padding-top:max(10px, env(safe-area-inset-top))}.school-banner{grid-template-columns:1fr;gap:25px;padding:28px}.school-seal{width:120px;height:120px;font-size:2.6rem}.school-grid{grid-template-columns:1fr}.hero-world>img{height:135px}.hero-school-name{font-size:3.2rem}.app-content>footer{padding-bottom:calc(90px + env(safe-area-inset-bottom))}.tutor-launch{bottom:calc(15px + env(safe-area-inset-bottom))}.resource-row .icon-button{display:inline-flex}.card-controls .icon-button{min-width:44px;min-height:44px}.card-controls small{overflow-wrap:anywhere;text-align:center}.school-strip{gap:8px;padding:15px}}@media (max-width:520px){.download-grid,.home-hero{grid-template-columns:1fr}.hero-world{display:none}.hero-copy h1{font-size:2.35rem}.hero-actions .text-button{display:inline-flex}.hero-actions{gap:7px 18px}.mode-grid{gap:12px}.vocab-grid{grid-template-columns:1fr}.mini-flip{height:310px}.world-card h3{font-size:.86rem}.world-card-top{flex-wrap:wrap;font-size:.56rem}.exam-tag{font-size:.49rem}.world-card-bottom span{font-size:.61rem}.reading-grid{grid-template-columns:1fr}.resource-row{flex-wrap:wrap}.resource-row>div{min-width:130px}.breadcrumb-label{max-width:160px}}@media (prefers-reduced-motion:reduce){button,.btn,.world-card,.mode-card{transition:none}}.glyph-layout>.panel{min-width:0}#glyph-word{text-overflow:ellipsis;width:100%;min-width:0}.writing-grid{aspect-ratio:1;max-width:100%;height:auto}.writing-grid svg{max-width:100%;height:auto;display:block}@media (max-width:760px){.depth-control{display:inline-flex}}.tutor-launch{z-index:20}.writing-grid{background-color:#fff}.disclosure-heading{margin:0;font-size:1.1rem}.disclosure-toggle{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:0;font-weight:650;display:flex}.disclosure-toggle:hover,.disclosure-toggle[aria-expanded=true]{color:var(--accent)}.disclosure>div:not([hidden]){padding-top:18px}.app-update{z-index:45;border:1px solid var(--line);background:var(--panel);width:min(520px,100vw - 48px);color:var(--ink);border-radius:14px;padding:18px;font-size:.85rem;position:fixed;bottom:90px;right:24px;box-shadow:0 10px 40px #0003}.app-update>span{flex-basis:100%;line-height:1.5}.course-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 24px;display:grid}.course-picker a{border:1px solid var(--line);color:var(--ink);background:var(--panel);border-radius:16px;grid-template-columns:1fr auto;gap:6px 12px;padding:18px 22px;display:grid}.course-picker strong{font-size:1.1rem}.course-picker span{color:var(--muted);grid-column:1;font-size:.78rem}.course-picker svg{color:var(--accent);grid-area:1/2/3;align-self:center}#chinese1-lessons,#chinese2-lessons{scroll-margin-top:100px}@media (max-width:600px){.course-picker{grid-template-columns:1fr}}