:root{color:#273349;font-synthesis:none;--bg:#f5f7fb;--panel:#fff;--ink:#273349;--muted:#63718a;--line:#e4e9f2;--accent:#4c5cce;--soft:#edf0ff;--shadow:0 9px 30px #344a7010;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--bg:#121922;--panel:#1b2532;--ink:#e6edf8;--muted:#b0bfd3;--line:#344355;--accent:#a9b5ff;--soft:#283553;--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:#4c5cce;border-radius:11px;min-height:44px;padding:12px 19px;font-size:.84rem;box-shadow:0 5px 10px #425ad01a}.btn:hover{background:#3f4cb9;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-light{font-weight:450}.brand-mark{color:#fff;background:#4c5cce;border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:42px;font-size:1.5rem;display:inline-grid;box-shadow:0 4px #3543a6}.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:#4452b2;background:#e3e9ff;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:#eeecfa}.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}.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 summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:15px;min-height:44px;font-weight:650;display:flex}.oral-groups summary .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 summary{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 (width>=1600px){.world-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (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 (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 (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 (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:128px;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}}