@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(./be-vietnam-pro-vietnamese-400-normal-CRcqvyg1.woff2) format("woff2"),url(./be-vietnam-pro-vietnamese-400-normal-BuGn0gnm.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(./be-vietnam-pro-latin-ext-400-normal-CiZNW1ec.woff2) format("woff2"),url(./be-vietnam-pro-latin-ext-400-normal-DYBYyMQr.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(./be-vietnam-pro-latin-400-normal-PpnXBOrz.woff2) format("woff2"),url(./be-vietnam-pro-latin-400-normal-bXgqVju9.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(./be-vietnam-pro-vietnamese-500-normal-DREgrEoJ.woff2) format("woff2"),url(./be-vietnam-pro-vietnamese-500-normal-CfdwVo8-.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(./be-vietnam-pro-latin-ext-500-normal-h0Fp6aX0.woff2) format("woff2"),url(./be-vietnam-pro-latin-ext-500-normal-CK0UkkKf.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(./be-vietnam-pro-latin-500-normal-B6LVzGNe.woff2) format("woff2"),url(./be-vietnam-pro-latin-500-normal-BJkVuMHw.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(./be-vietnam-pro-vietnamese-600-normal-nyU-ZL2p.woff2) format("woff2"),url(./be-vietnam-pro-vietnamese-600-normal-DkpCIyan.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(./be-vietnam-pro-latin-ext-600-normal-BNd8euf0.woff2) format("woff2"),url(./be-vietnam-pro-latin-ext-600-normal-BeUwKxhG.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(./be-vietnam-pro-latin-600-normal-BZDkUTrt.woff2) format("woff2"),url(./be-vietnam-pro-latin-600-normal-5IO4e7bK.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(./be-vietnam-pro-vietnamese-700-normal-Csr0PCuG.woff2) format("woff2"),url(./be-vietnam-pro-vietnamese-700-normal-By_5yT39.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(./be-vietnam-pro-latin-ext-700-normal-C8_gqRu2.woff2) format("woff2"),url(./be-vietnam-pro-latin-ext-700-normal-4Hjo2OtD.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(./be-vietnam-pro-latin-700-normal-DlW1Zbsh.woff2) format("woff2"),url(./be-vietnam-pro-latin-700-normal-C2EtzaOi.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Be Vietnam Pro,sans-serif;color:#101d49;background:#edf3ff;font-synthesis:none;--blue:#0879f9;--ink:#10204b;--muted:#6e7d9c;--border:#e2eafa;--shadow:0 5px 24px #3865ab09}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button{color:inherit}a{color:#075bca;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #52c6ff;outline-offset:3px}button svg{flex-shrink:0}input,textarea,select{max-width:100%}h1,h2,h3,p{margin-top:0}h1{font-size:27px;line-height:1.4;letter-spacing:-.7px}h2{font-size:20px;line-height:1.5}h3{font-size:15px;line-height:1.5}p{line-height:1.75;font-size:13px}small{font-size:11px}.muted{color:var(--muted)}.small{font-size:11px}.shell{display:flex;min-height:100vh}.sidebar{width:240px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:30;color:#fff;background:#061a44 url(../images/sidebar.webp) center bottom/cover no-repeat;box-shadow:5px 0 28px #051a3f13;overflow:auto}.sidebar:before{content:"";position:absolute;inset:0;background:linear-gradient(#04122c30 0%,#04122c65 45%,transparent 75%);pointer-events:none}.sidebar>*{position:relative}.brand{display:flex;flex-direction:column;align-items:center;background:transparent;border:0;color:#fff;padding:15px 10px 26px;flex-shrink:0}.brand-orbit{height:40px;color:#57dbed;transform:rotate(-12deg);filter:drop-shadow(0 0 9px #38c6ff)}.brand strong{font-size:30px;letter-spacing:-1.3px;line-height:1.4}.brand strong span{background:linear-gradient(110deg,#4de2f0,#a882f0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.brand small{font-size:10px;opacity:.9}.sidebar nav{padding:0 8px;display:grid;gap:6px}.sidebar nav button{display:flex;gap:15px;align-items:center;color:#e6eaff;border:1px solid transparent;background:transparent;text-align:left;border-radius:14px;min-height:57px;padding:8px 16px;transition:background .18s,box-shadow .18s}.sidebar nav button>span{flex:1;font-size:13px}.sidebar nav button small{display:block;color:#acb9db;font-size:11px;margin-top:2px}.sidebar nav button>svg:last-child{opacity:0}.sidebar nav button.active{background:linear-gradient(100deg,#02b8fa99,#264abbba 55%,#5249b76b);box-shadow:inset 0 0 16px #3fb4f75c,0 0 17px #08bdff38;border-color:#369ce85c}.sidebar nav button.active>svg:last-child{opacity:1}.sidebar nav button.active small{color:#fff}.sidebar nav button:hover{background-color:#3b86ff35}.sidebar-motto{margin:auto 0 14px;padding:35px 24px 100px;font-family:Georgia,serif;font-style:italic;line-height:1.8;font-size:22px;text-shadow:0 2px 10px #081c4e;transform:rotate(-9deg)}.sidebar-motto span{padding-left:20px}.offline-card{margin:0 10px 14px;display:flex;align-items:center;gap:8px;padding:10px 9px;border-radius:16px;border:1px solid #1bc8ee;background:#092653ce;color:#fff;box-shadow:0 0 12px #16d5f23b;text-align:left}.offline-card b{font-size:10px}.offline-card small{display:block;font-size:9px;color:#ccdef2}.offline-card i{width:7px;height:7px;background:#e4ad54;border-radius:100%;flex-shrink:0}.offline-card i.online{background:#2be4bd}.workspace{margin-left:240px;min-width:0;width:calc(100% - 240px);background:radial-gradient(ellipse at 80% 10%,#d6e7ff90,transparent 50%),#eff4ff}.topbar{height:76px;display:flex;align-items:center;gap:24px;padding:0 24px;border-bottom:1px solid #d8e4f68a;background:#edf3ffed;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.search{display:flex;align-items:center;gap:10px;flex:1;max-width:640px;border-radius:30px;padding:10px 16px;background:#fff;border:1px solid #e6ecf9;box-shadow:0 3px 9px #2e58a408;position:relative}.search input{width:100%;border:0;outline:0;background:transparent;font-size:12px;min-width:0}.search svg{color:#435579}.search-results{position:absolute;top:50px;left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 15px 40px #0a29642b;max-height:430px;overflow:auto;padding:8px;z-index:40}.search-results button{display:flex;align-items:center;gap:12px;background:none;border:0;padding:12px;text-align:left;width:100%;border-radius:8px}.search-results button:hover{background:#ecf4ff}.search-results small{display:block;color:var(--muted);margin-top:4px}.search-results p{padding:12px}.top-status{display:flex;align-items:center;gap:8px;font-size:11px;white-space:nowrap}.top-status>svg{width:25px;height:25px}.top-status small{display:block;font-size:9px;margin-top:4px}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:0;background:none;padding:8px;border-radius:10px}.icon-button:hover{background:#dbeaff}.user-area{display:flex;align-items:center;gap:6px;margin-left:auto}.profile{display:flex;align-items:center;gap:9px;background:none;border:0;text-align:left}.profile b{display:block;font-size:11px;max-width:150px;overflow:hidden;text-overflow:ellipsis}.profile small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.avatar{height:38px;width:38px;border-radius:50%;background:linear-gradient(145deg,#c5e7ff,#d8cafa);color:#3753a7;font-weight:700;display:grid;place-items:center;border:3px solid white}.workspace main{padding:0 22px 24px;max-width:1800px;margin:auto}.welcome{position:relative;min-height:148px;display:flex;align-items:center;isolation:isolate;margin:0 -22px;padding:22px 26px;background:#e8f2ff url(../images/cosmos.webp) right center/cover no-repeat;overflow:hidden}.welcome:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#edf3fff5 0%,#edf3ffeb 28%,#edf3ff80 48%,transparent 72%);z-index:-1}.welcome>div{max-width:62%;z-index:1}.welcome h1{margin:0 0 8px;font-size:26px}.welcome p{margin:0 0 3px;font-size:13px}.welcome small{font-size:12px}.banner-quote{position:absolute;right:29%;top:35px;transform:rotate(-8deg);color:#fff;font-family:Georgia,serif;font-style:italic;font-size:16px;line-height:1.5;text-shadow:0 2px 8px #234e7d}.banner-quote b{font-weight:400}.home-columns{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:14px;margin-top:4px}.home-filters{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;margin-bottom:12px}.panel{background:#fffffff2;border:1px solid #fff;border-radius:14px;padding:18px;box-shadow:var(--shadow);margin-bottom:14px;min-width:0}.grade-panel{padding:15px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:0}.grade-panel b{font-size:12px}.grade-tabs{display:flex;gap:8px;flex-wrap:wrap}.grade-tabs button{padding:10px 17px;border:0;border-radius:9px;background:#edf1f8;font-size:12px}.grade-tabs button.active{background:linear-gradient(135deg,#1152f8,#00b2f0);color:#fff;box-shadow:0 4px 9px #1179eb3a}.curriculum-label{margin:0;display:flex;align-items:center;gap:12px;padding:14px}.curriculum-label>svg{color:#0eb99b;flex-shrink:0}.curriculum-label span{font-size:10px}.curriculum-label b{display:block;font-size:13px;margin:2px 0}.curriculum-label small{display:block;color:var(--muted);font-size:9px}.curriculum-label>button{margin-left:auto}.text-button{border:0;background:none;color:#1561ce;display:inline-flex;align-items:center;gap:5px;padding:4px;font-size:11px;white-space:nowrap}.featured{position:relative;min-height:250px;overflow:hidden;border-radius:14px;background:#071e49 url(../images/bridge.webp) center/cover no-repeat;color:#fff;padding:20px 24px;margin-bottom:12px;isolation:isolate}.featured:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#051637d9,#061d5050 55%,transparent)}.featured-copy{max-width:70%}.tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#edf4ff;color:#1a58b4;font-size:10px;border-radius:20px;border:0;line-height:1.5}.tag.dark{background:#09234da3;color:#ffedbf}.tag.glass{background:#b9d3fb26;color:#e9f5ff;margin-left:8px}.featured h2{font-size:26px;margin:12px 0 3px;color:#fff;line-height:1.3}.featured h3{font-size:18px;margin-bottom:10px;font-weight:500;color:#edf5ff}.featured p{font-size:12px;max-width:390px;line-height:1.65;margin-bottom:16px}.btn{border:1px solid transparent;border-radius:10px;background:linear-gradient(115deg,#0458ff,#009cef);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;font-weight:600;font-size:12px;box-shadow:0 5px 14px #0879e82b;transition:transform .17s,box-shadow .17s}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 7px 18px #0879e83a}.btn.white{background:#fff;color:#6643d1;border-radius:23px;padding:8px 19px;flex-direction:row-reverse}.btn.subtle{color:#145dc4;background:#eef5ff;border:1px solid #e3edff;box-shadow:none}.tag.floating{position:absolute;right:16px;top:15px;background:#edf6ffdf}.tag.floating b{border-radius:50%;background:#ae8ae5;color:#fff;padding:1px 3px;font-size:9px}.featured-note{position:absolute;right:25px;bottom:25px;font-family:Georgia,serif;font-style:italic;font-size:21px;line-height:1.2;transform:rotate(-8deg);text-shadow:0 2px 8px #152642}.dots{display:flex;gap:6px;position:absolute;bottom:12px;left:50%}.dots button{width:8px;height:8px;border:0;border-radius:50%;background:#ffffff65;padding:0}.dots button.active{background:#fff}.features{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.feature{padding:14px 13px 33px;border:1px solid #ffffff;border-radius:13px;position:relative;text-align:left;min-height:192px;overflow:hidden;transition:transform .2s,box-shadow .2s}.feature:hover{transform:translateY(-4px);box-shadow:0 12px 24px #2c62a322}.cyan{background:linear-gradient(135deg,#b1ebff,#e2f7ff)}.purple{background:linear-gradient(135deg,#c0b2ff,#f0edff)}.mint{background:linear-gradient(135deg,#8de7d6,#dff9ef)}.orange{background:linear-gradient(135deg,#ffd19b,#fff1df)}.pink{background:linear-gradient(135deg,#f6b2e4,#ffeafa)}.icon-tile{display:inline-flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:13px;background:linear-gradient(135deg,#235afe,#06beef);color:#fff;box-shadow:inset 0 1px 1px #ffffff8a,0 4px 9px #0750a82e;flex-shrink:0}.icon-tile.cyan{background:linear-gradient(145deg,#4be8ff,#067ceb)}.icon-tile.purple{background:linear-gradient(145deg,#b197ff,#6b37df)}.icon-tile.mint{background:linear-gradient(145deg,#4ee5ce,#03ad99)}.icon-tile.orange{background:linear-gradient(145deg,#ffc365,#ff8a24)}.icon-tile.pink{background:linear-gradient(145deg,#fa8bcf,#d93da9)}.icon-tile.small{height:30px;width:30px;border-radius:9px}.icon-tile.large{height:66px;width:66px;border-radius:18px}.feature>.icon-tile{margin-bottom:10px}.feature h3{font-size:13px;line-height:1.45;margin:0 0 2px;letter-spacing:-.3px}.feature>b{font-size:10px;font-weight:500;display:block;line-height:1.4}.feature p{font-size:11px;margin:9px 0 0;color:#2f4b65;line-height:1.7}.round-arrow{position:absolute;bottom:9px;right:9px;background:#ffffffdb;border-radius:50%;height:27px;width:27px;display:grid;place-items:center;color:#2476a3}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.section-heading h2{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px;margin:0}.section-heading h2 small{font-size:10px;color:#587394;font-weight:400}.home-right{padding-top:46px}.progress-card{padding:17px 16px}.progress-card .section-heading h2{display:block}.progress-card .section-heading h2 small{display:block;margin-top:3px}.progress-inner{display:flex;align-items:center;gap:13px}.donut{width:98px;height:98px;background:conic-gradient(#04bfd0 var(--value),#eaf0f7 0);border-radius:50%;padding:11px;flex-shrink:0;transform:rotate(-30deg)}.donut>div{transform:rotate(30deg);border-radius:50%;background:#fff;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut strong{font-size:20px}.donut small{font-size:8px}.grade-progress{flex:1}.grade-progress>div{display:flex;align-items:center;gap:7px;margin:12px 0;font-size:10px}.grade-progress b{white-space:nowrap;font-weight:600}.grade-progress small{width:27px;text-align:right;font-size:9px}.track{height:9px;background:#ebeff7;flex:1;border-radius:9px;overflow:hidden}.track span{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#0abdaf,#27d6d2)}.tone-1 span{background:linear-gradient(90deg,#488ef5,#52b8e9)}.tone-2 span{background:linear-gradient(90deg,#b070ea,#cb8ffa)}.tone-3 span{background:linear-gradient(90deg,#ed74bd,#ef95cd)}.progress-card>p{margin:12px 0 0}.history-list>div{display:flex;align-items:center;gap:9px;border-bottom:1px solid #eef2fa;padding:12px 0}.history-list>div:last-child{border:0}.history-list b{display:block;font-size:10px;font-weight:500}.history-list small{display:block;font-size:9px;color:#6f7e96;margin-top:3px}.history-list time{font-size:9px;color:#72829c;margin-left:auto;text-align:right;min-width:53px}.empty{padding:30px 12px;text-align:center;color:#7290ab;display:flex;align-items:center;flex-direction:column;gap:8px}.empty h3{margin:0;color:#3f5b7d;font-size:13px}.empty p{font-size:11px;margin:0;max-width:420px}.empty .btn{display:flex;margin:15px auto 0}.recent .empty{padding:28px 8px}.more{margin-top:15px;padding:14px}.more-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.more-card{position:relative;overflow:hidden;border:0;border-radius:11px;padding:12px 10px;min-height:110px;text-align:left;display:flex;align-items:flex-start;gap:9px}.more-card>div{z-index:1}.more-card b{display:block;font-size:11px;max-width:135px;line-height:1.6}.more-card small{display:block;font-size:9px;margin-top:3px;max-width:130px}.more-card .icon-tile{width:34px;height:34px;border-radius:10px}.decor-icon{position:absolute;right:-8px;bottom:-8px;opacity:.13;transform:rotate(-13deg)}.small-note{display:flex;align-items:center;justify-content:center;gap:8px;color:#6b7f9f;font-size:10px;padding:10px 0}.content-columns{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}.content-columns>aside{min-width:0}.page-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0}.lesson-select,select{background:#fff;border:1px solid #dce7f7;border-radius:9px;padding:10px 13px;color:#22446f;font-size:12px}.lesson-select{min-width:260px}.lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}.lesson-card{border:1px solid #e0eafb;border-radius:16px;padding:0;text-align:left;background:#fff;overflow:hidden;transition:transform .2s}.lesson-card:hover{transform:translateY(-3px)}.lesson-card>svg{width:100%;height:180px;object-fit:cover;background:#eaf6ff}.lesson-card>div{padding:15px 20px}.lesson-card small{color:#5a7fa4;font-size:10px}.lesson-card h3{font-size:16px;margin:7px 0 3px}.lesson-card p{margin-bottom:13px;color:#697e9a}.lesson-card span{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#146dd7}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:11px;padding:16px 0;color:#2d5c9d}.breadcrumb button{border:0;background:none;color:inherit;padding:0}.lesson-top{display:grid;grid-template-columns:1.25fr 1fr;gap:25px;align-items:center;background:url(../images/cosmos.webp) right center/cover;position:relative;padding:12px 13px;border-radius:16px;isolation:isolate}.lesson-top:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#edf3fff9,#edf3ffe0 70%,#edf3ff55);border-radius:inherit}.lesson-heading{display:flex;gap:17px;align-items:center}.lesson-heading small{color:#1763c9;font-weight:600}.lesson-heading h1{font-size:25px;margin:4px 0}.lesson-heading h2{font-size:18px;color:#0466df;margin:0}.language-control{margin:0;box-shadow:0 7px 25px #195ca016;padding:15px 19px}.language-control strong{display:flex;justify-content:space-between;font-size:12px}.language-control strong b{background:#0467f7;color:#fff;padding:4px 9px;border-radius:8px;box-shadow:0 4px 10px #0679ef4a}.range-row{display:flex;align-items:center;gap:10px;margin:12px 0 4px}.range-row input{flex:1;min-width:0;accent-color:#076ffd;height:8px}.range-row>span{font-size:11px;font-weight:700}.range-caption{display:flex;justify-content:space-between;color:#607699}.range-caption small{font-size:9px}.save-language{display:flex;align-items:center;justify-content:space-between;margin-top:13px;font-size:9px;color:#319b7b}.save-language button{background:#e9f4ff;border:0;border-radius:7px;padding:5px 9px;color:#1b68c9;font-size:10px}.lesson-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0}.lesson-toolbar>.btn{margin-left:auto}.lesson-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:18px 0}.lesson-tabs button{display:flex;align-items:center;justify-content:center;gap:11px;text-align:left;border:1px solid white;background:#ffffffec;border-radius:12px;padding:12px 8px;font-size:12px;font-weight:600;color:#183865}.lesson-tabs small{display:block;font-size:9px;font-weight:400;color:#8291af;margin-top:3px}.lesson-tabs .active{background:linear-gradient(125deg,#0641f8,#009eff);color:#fff;border-color:#3ebaff;box-shadow:0 5px 11px #1478e938}.lesson-tabs .active small{color:#d9f1ff}.summary-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:center}.summary-grid p{font-size:12px;line-height:1.8;margin-bottom:8px}.summary-grid svg{width:100%;height:auto}.parallel-text{margin-top:22px}.parallel-text>div:not(.section-heading){display:grid;grid-template-columns:1fr 1fr;gap:18px;border-bottom:1px solid var(--border)}.parallel-text p{font-size:12px}.term-word{border:0;border-bottom:1px dashed #8aace7;padding:0 1px;background:#eaf4ff;color:#1161c4;font:inherit;border-radius:2px}.word-wrap{position:relative}.word-tooltip{position:absolute;bottom:120%;left:0;background:#16385f;color:#fff;padding:8px 12px;border-radius:8px;min-width:170px;z-index:10;font-size:11px;box-shadow:0 8px 20px #0b265533}.vocabulary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.vocab{display:flex;align-items:center;gap:7px;border:1px solid #e7edf7;border-radius:10px;padding:10px 7px;min-height:86px;position:relative;background:linear-gradient(#fff,#f9fbff)}.vocab.revealed{border-color:#7ea9ec;background:#f1f8ff}.vocab-image{background:#eaf5ff;color:#24a4d4;border-radius:9px;width:38px;min-width:28px;height:46px;display:grid;place-items:center}.vocab:nth-child(3n) .vocab-image{color:#9367e7;background:#f1ecff}.vocab:nth-child(4n) .vocab-image{color:#efa440;background:#fff5df}.vocab-label{text-align:left;background:none;border:0;padding:0;flex:1;min-width:0}.vocab-label b{font-size:10px;word-break:break-word}.vocab-label small{display:block;font-size:9px;color:#7386a4;margin-top:3px;overflow-wrap:anywhere}.vocab-label em{display:block;font-style:normal;font-size:9px;margin-top:4px;color:#547ba5;line-height:1.5}.speak-button{border:0;background:none;color:#1979ed;padding:2px;position:absolute;right:5px;bottom:5px}.formula{background:#f0f6ff;border:1px solid #dbeafa;border-radius:12px;padding:20px;text-align:center;font-size:23px;font-family:Georgia,serif;color:#134f9d;margin:12px 0}.small-formula{font-size:19px;padding:14px}.goal{display:flex;align-items:flex-start;gap:9px;margin-bottom:16px;font-size:11px;line-height:1.7}.goal>svg{flex-shrink:0;color:#1cbe99;margin-top:1px}.goal small{display:block;color:#7890ad;font-size:10px;margin-top:3px;line-height:1.6}.related{display:grid;gap:12px}.related button{display:flex;align-items:center;gap:9px;border:0;background:none;text-align:left;padding:0}.related button span{flex:1}.related-image{width:75px;flex-shrink:0;border-radius:8px;overflow:hidden}.related-image svg{display:block;width:100%;height:50px}.related b{display:block;font-size:11px;line-height:1.5}.related small{display:block;font-size:9px;color:#6780a6}.related button>svg{color:#237bcd}.tutor-columns{grid-template-columns:minmax(0,1fr) 295px}.chat-panel{padding:0;overflow:hidden}.chat-heading{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(90deg,#f9fbff,#effbff)}.chat-heading b{font-size:13px}.chat-heading small{display:block;font-size:10px;color:#667d9d;margin-top:3px}.robot-avatar{height:45px;width:45px;border-radius:50%;border:2px solid #c0d4ff;background:url(../images/cosmos.webp) 68% 25%/600% no-repeat;box-shadow:0 3px 8px #4d6bd933}.live-dot{height:9px;width:9px;border-radius:50%;background:#18ccac;margin-left:auto}.mode-tabs{display:flex;gap:8px;padding:13px 20px;border-bottom:1px solid #edf2fa}.mode-tabs button{flex:1;border:0;background:#f0f3fd;color:#334b85;border-radius:9px;padding:10px 5px;font-size:11px;font-weight:600}.mode-tabs button.active{background:linear-gradient(110deg,#0753f7,#04a4f9);color:#fff;box-shadow:0 4px 12px #1677f233}.messages{padding:18px 20px;min-height:260px;max-height:500px;overflow:auto;display:flex;flex-direction:column;gap:18px}.message{display:flex;gap:10px;max-width:92%;align-items:flex-start}.message-avatar{width:35px;height:35px;flex-shrink:0;border-radius:50%;color:#6858ce;background:#eeeaff;display:grid;place-items:center}.message>div:last-child{min-width:0}.message b{display:block;font-size:11px;margin-bottom:7px;color:#294c8e}.message b small{font-size:9px;font-weight:400;color:#8293b2;margin-left:6px}.message p{white-space:pre-wrap;overflow-wrap:anywhere;padding:14px 16px;background:#f0f3ff;border-radius:0 14px 14px;font-size:12px;line-height:1.9;margin-bottom:5px}.message.user{align-self:flex-end;flex-direction:row-reverse}.message.user p{background:#dff0ff;border-radius:14px 0 14px 14px}.message.user .message-avatar{background:#d9eaff;color:#2379c8}.message.error p{background:#fff0eb;color:#9d3d2b}.thinking{display:flex;align-items:center;gap:5px;color:#8d99b2;font-size:11px}.thinking span{height:6px;width:6px;background:#7f9cf4;border-radius:50%;animation:bounce 1s infinite}.thinking span:nth-child(2){animation-delay:.15s}.thinking span:nth-child(3){animation-delay:.3s}@keyframes bounce{50%{transform:translateY(-4px)}}.hint-box{margin:12px 20px 8px;padding:13px;display:flex;gap:10px;border:1px solid #eadcf9;border-radius:13px;background:linear-gradient(100deg,#fff5d9,#f4edff);align-items:center}.hint-box>div{flex:1}.hint-box b{font-size:11px}.hint-box p{font-size:10px;color:#657ba0;margin:4px 0 0}.hint-box button{border:0;background:none;color:#296bdb}.quick-prompts{display:flex;gap:8px;padding:6px 20px;flex-wrap:wrap}.quick-prompts button{display:flex;align-items:center;gap:5px;flex:1;font-size:10px;line-height:1.6;border:1px solid #e0e8fa;background:#f7faff;padding:9px;border-radius:10px;text-align:left}.chat-input{margin:12px 20px;border:1px solid #dbe7fb;border-radius:25px;padding:6px 7px 6px 15px;display:flex;align-items:center;gap:9px}.chat-input>svg{color:#6d8bc6}.chat-input input{flex:1;border:0;outline:none;font-size:12px;min-width:0;padding:7px 0}.chat-input button{border:0;border-radius:50%;background:linear-gradient(140deg,#095dfb,#00b4f6);height:40px;width:40px;display:grid;place-items:center;color:#fff}.privacy-note{display:block;font-size:9px;line-height:1.7;color:#8594ad;padding:0 22px 16px}.chat-panel>.btn{margin:0 20px 16px}.compact{grid-template-columns:1fr 1fr}.content-columns aside .panel>svg{width:100%;height:auto}.quiz-panel{padding:26px}.quiz-meta{display:flex;justify-content:space-between;align-items:center;color:#7b8ba9;font-size:11px;margin-bottom:24px}.quiz-panel h2{font-size:21px;line-height:1.8}.answer-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.answer-options button{display:flex;align-items:center;gap:12px;padding:15px;text-align:left;border:1px solid #dce7fa;background:#fbfdff;border-radius:12px;min-height:72px;font-size:12px}.answer-options button b{padding:7px 11px;border-radius:8px;background:#eaf1ff;color:#1d66d1}.answer-options button.selected{border-color:#1f84ef;background:#eff7ff;box-shadow:0 0 0 2px #2188f520}.answer-options button.correct{border-color:#16ad87;background:#edfcf6;opacity:1}.answer-options button.wrong{border-color:#ec9c7d;background:#fff4ee;opacity:1}.feedback{display:flex;gap:12px;align-items:flex-start;padding:17px;border-radius:12px;margin:15px 0;font-size:13px}.feedback.success{background:#e9fcf5;color:#17785f}.feedback.retry{background:#fff6e6;color:#8a6630}.feedback p{margin:5px 0 0;font-size:12px}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:15px 0}.chart{height:220px;font-size:10px;padding:12px 0}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}.metric-grid .panel{display:flex;align-items:center;gap:14px;margin:0}.metric-grid svg{color:#1a8bdc}.metric-grid strong{font-size:30px;color:#1769cb}.metric-grid span{font-size:12px;color:#5c7190}.table-wrap{overflow:auto;margin-top:12px}table{width:100%;border-collapse:collapse;font-size:11px}th,td{text-align:left;border-bottom:1px solid #e7eef8;padding:13px 11px;line-height:1.6}th{color:#6380a5;background:#f7faff;white-space:nowrap}td small{display:block;color:#7d8ba5;margin-top:3px}td b{font-size:11px}td select{font-size:11px;padding:6px}.tag.green{color:#188c70;background:#e7f9f2}.tag.amber{color:#a56517;background:#fff4dc}.lab-cover{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.lab-cover>svg{width:100%}.lab-cover p{font-size:12px;color:#6884a3}.phet{width:100%;height:520px;border:0;border-radius:12px;background:#eef3fb}.lab-step{display:flex;align-items:flex-start;gap:13px;margin-bottom:20px}.lab-step>b{background:#ecf4ff;color:#1a79d9;padding:10px 14px;border-radius:10px}.lab-step p{font-size:12px;margin:0}.lab-step small{display:block;color:#7b8ea9;margin-top:5px;line-height:1.7}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;margin-bottom:15px;color:#3a567b}.field>span{font-weight:500}.field input,.field textarea,.field select,input:not([type=range]):not([type=checkbox]),textarea{border:1px solid #dbe6f5;background:#fff;border-radius:9px;padding:11px 12px;color:#1c375a;outline:none;font-size:12px}.search input:not([type=range]),.chat-input input:not([type=range]){border:0;padding:3px;background:none}.field input:focus,.field textarea:focus,textarea:focus{border-color:#71b3fa;box-shadow:0 0 0 3px #1e94f914}.field textarea{resize:vertical}.field input[type=range]{accent-color:#137cf1}.force-demo{height:95px;border-bottom:3px solid #a7c3de;display:flex;align-items:end;overflow:hidden;margin:20px 0}.force-demo>div{transition:transform .5s ease;color:#dc9a3b}.library-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.library-tabs button{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid white;border-radius:10px;padding:12px 18px;font-size:12px}.library-tabs button.active{background:#116af1;color:#fff;box-shadow:0 4px 12px #2677da30}.matching{display:grid;grid-template-columns:1fr 1fr;gap:25px;max-width:800px;margin:20px auto}.matching>div{display:grid;gap:10px}.matching button{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 19px;background:#f5f9ff;border:1px solid #dfeafa;border-radius:11px;text-align:left;font-size:13px;min-height:56px}.matching button.selected{background:#e2f2ff;border-color:#3098f6}.matching button:disabled{background:#e7faf1;border-color:#b8ead7;color:#29816a;opacity:.7}.check-label{display:flex;gap:9px;align-items:center;font-size:12px;line-height:1.6}.check-label input{accent-color:#1378ed;width:17px;height:17px}.voice-card{text-align:center;background:radial-gradient(circle at 50% 30%,#e8e4ff,transparent 60%);padding:32px 20px}.voice-card h2{font-size:32px;margin:18px 0 4px}.voice-card p{color:#6678a0}.voice-card .actions{justify-content:center}.voice-card>small{font-size:14px}.voice-card audio{display:block;margin:20px auto;max-width:100%}.document-editor{width:100%;min-height:480px;resize:vertical;line-height:1.9;white-space:pre-wrap}.document-list{display:grid;gap:7px;margin-top:15px}.document-list button{display:flex;align-items:center;gap:9px;border:1px solid var(--border);background:#f9fbff;text-align:left;padding:12px;border-radius:10px;font-size:12px}.document-list small{color:var(--muted);margin-left:auto}.explore-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.explore-card{border:1px solid #e0eafa;border-radius:16px;overflow:hidden;padding:17px}.explore-card>svg{width:100%}.explore-card h3{margin-top:15px}.explore-card p{color:#6780a0;font-size:12px}.external-resource{display:flex;align-items:center;gap:9px;background:#eef6ff;padding:18px;border-radius:12px;margin-top:20px;font-size:12px}.class-item{display:flex;gap:13px;align-items:center;border:1px solid #e2edfa;background:#f8fbff;padding:15px;margin-top:14px;border-radius:12px;font-size:13px}.class-item svg{color:#23a8bc}.class-item small{display:block;margin-top:7px;color:#6782a4}.inline-form{display:flex;gap:10px}.inline-form input{flex:1}.json-editor{font-family:Consolas,monospace;width:100%;min-height:500px;resize:vertical;font-size:12px;line-height:1.7}.settings-panel{max-width:800px}.notice-box{padding:15px;background:#edf7ff;border-radius:12px;color:#476d98;font-size:12px}.test-result{white-space:pre-wrap;overflow-wrap:anywhere;padding:20px;background:#f0f7fd;border-radius:12px;font:12px/1.8 Be Vietnam Pro,sans-serif}.modal-backdrop{position:fixed;inset:0;background:#031b4d9c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:70;display:grid;place-items:center;padding:20px;overflow:auto}.auth-modal{max-width:820px;width:100%;display:grid;grid-template-columns:.8fr 1.2fr;background:#fff;border-radius:22px;box-shadow:0 25px 90px #04153277;overflow:hidden}.auth-art{background:linear-gradient(#102c6e45,#06163a24),url(../images/sidebar.webp) center/cover;color:#fff;padding:45px 28px}.auth-art>svg{color:#50dfff}.auth-art h2{font-size:28px;margin:12px 0}.auth-art p{font-size:17px;line-height:1.8}.auth-form{padding:36px;position:relative}.auth-form h2{font-size:23px;margin-bottom:6px}.auth-form>p{color:var(--muted);font-size:12px;margin-bottom:20px}.auth-form .btn{width:100%;margin-top:8px}.auth-form>small{display:block;color:#8a99af;line-height:1.8;margin-top:20px;font-size:10px}.modal-close{position:absolute;right:12px;top:12px}.auth-links{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:17px}.auth-links button{border:0;background:none;color:#1e71ce;font-size:11px}.form-error{color:#b84436!important;background:#fff1ed;border:1px solid #f4d6ce;padding:10px;border-radius:9px;font-size:11px!important}.toast{position:fixed;bottom:25px;right:25px;max-width:min(500px,90vw);z-index:100;display:flex;align-items:center;gap:11px;color:#fff;background:#112c56;padding:15px 18px;border-radius:13px;box-shadow:0 10px 40px #122e5f42;font-size:12px;line-height:1.7}.toast>svg{flex-shrink:0}.toast button{border:0;background:none;color:#fff}.connection-banner{padding:10px 20px;background:#fff3d7;color:#90631e;font-size:11px;text-align:center}footer{display:flex;justify-content:space-between;gap:12px;padding:10px 24px 20px;font-size:9px;color:#7b8fae}footer span{color:#8c9db6}.boot{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#071b44 url(../images/cosmos.webp) center/cover;color:#fff;gap:12px}.boot>svg{animation:spin 10s linear infinite}.boot h1{font-size:38px}.boot p{background:#062358ad;padding:10px 20px;border-radius:20px}@keyframes spin{to{transform:rotate(360deg)}}.mobile-toggle,.mobile-shade{display:none}hr{border:0;border-top:1px solid var(--border);margin:24px 0}@media(min-width:1600px){.sidebar{width:245px}.workspace{margin-left:245px;width:calc(100% - 245px)}.home-columns{grid-template-columns:minmax(0,1fr) 350px}.home-filters{grid-template-columns:1.4fr 1fr}.home-right{padding-top:40px}.featured{min-height:260px}.feature{min-height:195px}.welcome{min-height:160px}.welcome h1{font-size:30px}.more-card{min-height:125px}.sidebar-motto{padding-bottom:130px}}@media(max-width:1250px){.sidebar{width:210px}.workspace{margin-left:210px;width:calc(100% - 210px)}.topbar{gap:12px;padding:0 18px}.top-status{display:none}.workspace main{padding:0 16px 20px}.welcome{margin-left:-16px;margin-right:-16px}.home-columns{grid-template-columns:minmax(0,1fr) 265px;gap:12px}.home-filters{grid-template-columns:1fr}.curriculum-label{display:none}.grade-panel{padding:13px 14px}.home-right{padding-top:0}.featured{min-height:240px;padding:18px}.featured h2{font-size:23px}.feature{padding:12px 9px 32px}.feature h3{font-size:11px}.feature>b{font-size:9px}.feature p{font-size:10px}.features{gap:6px}.banner-quote{display:none}.welcome h1{font-size:23px}.welcome>div{max-width:70%}.content-columns,.tutor-columns{grid-template-columns:minmax(0,1fr) 250px}.vocabulary{grid-template-columns:repeat(2,1fr)}.summary-grid{grid-template-columns:1fr}.summary-grid>svg{max-height:200px}.more-card{padding:10px 8px;gap:5px}.more-card b{font-size:10px}.more-card .icon-tile{width:28px;height:28px}.more-card .icon-tile svg{width:18px}.progress-inner{gap:8px}.donut{height:80px;width:80px;padding:9px}.grade-progress>div{gap:5px}.grade-progress b{font-size:9px}.lesson-heading h1{font-size:20px}.lesson-heading h2{font-size:15px}.lesson-heading .icon-tile{display:none}.lesson-top{gap:12px}.lesson-tabs button{font-size:10px;gap:6px}.lesson-tabs svg{width:20px}}@media(max-width:1000px){.sidebar{width:185px}.workspace{margin-left:185px;width:calc(100% - 185px)}.brand strong{font-size:25px}.sidebar nav button{padding:8px 10px;gap:10px}.sidebar nav button>span{font-size:11px}.sidebar nav button small{font-size:9px}.sidebar nav button>svg{width:22px}.sidebar-motto{font-size:18px}.offline-card b{font-size:9px}.offline-card small{font-size:8px}.home-columns{grid-template-columns:1fr}.home-right{display:grid;grid-template-columns:1fr 1fr;gap:12px}.home-right .panel{margin:0}.home-right .recent .empty{padding:12px}.home-left .features{margin-bottom:14px}.home-filters{grid-template-columns:1fr 1fr}.curriculum-label{display:flex}.grade-tabs button{padding:9px 12px}.more-grid{grid-template-columns:repeat(3,1fr)}.content-columns,.tutor-columns{grid-template-columns:1fr}.content-columns>aside{display:grid;grid-template-columns:1fr 1fr;gap:14px}.content-columns>aside>.panel{margin-bottom:0}.content-columns>aside>.panel:last-child:nth-child(3){grid-column:1/-1}.summary-grid{grid-template-columns:1.2fr 1fr}.summary-grid>svg{max-height:none}.vocabulary{grid-template-columns:repeat(4,minmax(0,1fr))}.content-columns aside .compact{grid-template-columns:1fr 1fr}.welcome>div{max-width:73%}.lesson-top{grid-template-columns:1fr}.lesson-top .language-control{max-width:100%}.metric-grid .panel{gap:8px;padding:14px}.metric-grid strong{font-size:24px}.metric-grid span{font-size:10px}.profile>span{display:none}}@media(max-width:720px){.sidebar{width:235px;transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:none}.workspace{margin-left:0;width:100%}.mobile-toggle{display:flex}.mobile-shade{display:block;position:fixed;inset:0;border:0;background:#051a4d88;z-index:29}.topbar{height:65px;padding:0 10px;gap:6px}.topbar>.icon-button:not(.mobile-toggle){display:none}.search{padding:9px 10px;gap:6px}.search input{font-size:10px}.search>svg{width:18px}.user-area .btn{font-size:10px;padding:9px}.user-area .btn>svg{display:none}.profile{padding:0}.avatar{height:32px;width:32px}.user-area>.icon-button{padding:5px}.workspace main{padding:0 12px 20px}.welcome{margin:0 -12px;padding:21px 17px;min-height:156px;background-position:75% center}.welcome:before{background:linear-gradient(90deg,#edf3fffa,#edf3ffcf 55%,#edf3ff30)}.welcome h1{font-size:22px;max-width:330px}.welcome>div{max-width:78%}.welcome p{font-size:11px}.welcome small{font-size:10px;line-height:1.5;display:block}.home-filters{grid-template-columns:1fr;margin-top:12px}.curriculum-label{display:none}.grade-panel{padding:12px}.grade-panel b{font-size:11px}.grade-tabs{gap:5px}.grade-tabs button{padding:9px 14px;font-size:11px}.featured{min-height:252px;padding:19px}.featured-copy{max-width:85%}.featured h2{font-size:24px;margin-top:18px}.featured h3{font-size:16px}.featured p{font-size:11px;max-width:280px}.tag.floating{display:none}.tag.glass{font-size:8px}.featured-note{right:15px;bottom:20px;font-size:17px}.features{grid-template-columns:repeat(2,1fr);gap:10px}.feature{min-height:160px;padding:15px 15px 35px}.feature h3{font-size:13px}.feature>b{font-size:10px}.feature p{font-size:11px;margin-top:8px}.feature:last-child{grid-column:1/-1;min-height:115px;padding-left:76px;padding-right:40px;display:flex;flex-direction:column;justify-content:center}.feature:last-child .icon-tile{position:absolute;left:17px;top:26px}.home-right{grid-template-columns:1fr}.progress-inner{max-width:360px;margin:0 auto}.donut{width:100px;height:100px;padding:11px}.grade-progress>div{gap:10px}.grade-progress b{font-size:11px}.more-grid{grid-template-columns:1fr 1fr}.more-card{min-height:105px;padding:12px;gap:8px}.more-card b{font-size:11px}.more-card:last-child{grid-column:1/-1;min-height:80px}.small-note{font-size:9px;text-align:center;line-height:1.7}.section-heading h2{font-size:13px;gap:7px}.section-heading h2 small{font-size:9px}.section-heading{flex-wrap:wrap}.panel{padding:15px;border-radius:13px}.content-columns>aside{grid-template-columns:1fr}.summary-grid{grid-template-columns:1fr}.summary-grid>svg{max-height:230px}.vocabulary{grid-template-columns:1fr 1fr}.lesson-top{padding:13px 0;background:none}.lesson-heading{padding:0 3px}.lesson-heading h1{font-size:24px}.lesson-heading h2{font-size:17px}.lesson-top .language-control{padding:15px}.lesson-tabs{grid-template-columns:repeat(3,1fr);gap:7px}.lesson-tabs button{flex-direction:column;align-items:center;text-align:center;padding:10px 3px}.lesson-tabs small{font-size:8px}.lesson-toolbar{gap:8px}.lesson-toolbar .btn{margin:0}.lesson-select{width:100%;min-width:0}.breadcrumb{font-size:9px;gap:6px;flex-wrap:wrap}.lesson-grid{grid-template-columns:1fr;gap:15px}.lesson-card>svg{height:160px}.lesson-card>div{padding:15px}.page-tools{margin:14px 0}.chat-heading{padding:14px}.chat-heading b{font-size:11px}.chat-heading small{font-size:9px;line-height:1.6}.robot-avatar{width:38px;height:38px;flex-shrink:0}.mode-tabs{gap:5px;padding:10px}.mode-tabs button{font-size:10px;padding:10px 5px}.messages{padding:15px 10px;min-height:270px;max-height:450px}.message{max-width:100%;gap:6px}.message-avatar{width:27px;height:27px}.message-avatar svg{width:18px}.message p{font-size:11px;padding:12px}.hint-box{margin:10px}.quick-prompts{padding:5px 10px;flex-direction:column}.quick-prompts button{justify-content:space-between}.chat-input{margin:12px 10px}.privacy-note{padding:0 12px 15px}.quiz-panel h2{font-size:18px}.answer-options{grid-template-columns:1fr}.answer-options button{min-height:55px}.quiz-panel{padding:20px 16px}.metric-grid{gap:8px}.metric-grid .panel{flex-direction:column;gap:5px;padding:14px 5px;text-align:center}.metric-grid strong{font-size:27px}.metric-grid .panel>svg{width:18px}.chart{height:200px;margin-left:-12px}.lab-cover{grid-template-columns:1fr}.lab-cover>svg{max-height:200px}.phet{height:390px}.library-tabs{gap:7px}.library-tabs button{font-size:10px;padding:9px;gap:5px}.library-tabs svg{width:17px}.matching{gap:12px}.matching button{padding:11px 10px;font-size:11px;gap:5px}.matching svg{width:17px}.explore-grid{grid-template-columns:1fr}.document-list button{font-size:10px;flex-wrap:wrap}.auth-modal{grid-template-columns:1fr;max-width:430px}.auth-art{display:none}.auth-form{padding:32px 24px}.toast{right:12px;bottom:15px;padding:12px;font-size:11px}.inline-form{flex-wrap:wrap}footer{font-size:8px;line-height:1.6;flex-direction:column;padding:0 18px 16px}.profile .avatar+span{display:none}.profile>svg{display:none}.voice-card{padding:20px 0}.voice-card h2{font-size:28px}.actions .btn{font-size:11px}.parallel-text>div:not(.section-heading){grid-template-columns:1fr;gap:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{.sidebar,.topbar,.welcome,.library-tabs,.page-tools,footer,.actions,.document-list,.content-columns>aside,.section-heading,.btn{display:none!important}.workspace{margin:0;width:100%;background:#fff}.workspace main{padding:0}.content-columns{display:block}.panel{border:0;box-shadow:none}.document-editor{border:0;height:auto;min-height:1000px;font-size:12px;color:#000;overflow:visible}.toast{display:none}}
