:root{--ink:#202c2b;--muted:#788481;--line:#e6ebe5;--paper:#f5f7f2;--white:#fff;--green:#438a73;--green-dark:#286b58;--green-light:#e6f3eb;--lime:#d8edc9;--orange:#df8a4a;--lav:#ede9f8;--shadow:0 16px 44px rgba(39,66,54,.075);font-family:'DM Sans','Noto Sans Sinhala',system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper)}body{font-size:14px}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.app-shell{min-height:100vh}.sidebar{width:250px;position:fixed;inset:0 auto 0 0;background:#fbfcf8;border-right:1px solid var(--line);padding:27px 17px 18px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;padding:0 7px 29px}.brand-mark{width:39px;height:39px;border-radius:13px;background:var(--green);color:white;display:grid;place-items:center;font-size:21px;font-weight:700;box-shadow:0 7px 15px #438a7330}.brand b{display:block;font-size:16px;letter-spacing:.01em}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.profile-pill{display:flex;align-items:center;gap:10px;background:#f0f4ee;border:1px solid #e8eee5;border-radius:13px;padding:10px;margin:0 0 24px}.avatar{width:34px;height:34px;background:#d9eee0;border-radius:11px;display:grid;place-items:center;color:var(--green-dark);font-weight:700}.profile-pill b{display:block;font-size:12px}.profile-pill small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.chevron{margin-left:auto;color:#788481}.side-label,.eyebrow{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.11em;color:#82908a}.side-label{padding:0 10px 8px}.main-nav{display:grid;gap:4px}.nav-link{border:0;background:none;text-align:left;width:100%;display:flex;align-items:center;gap:12px;padding:11px 10px;border-radius:10px;color:#65716e;font-size:12px;transition:.16s}.nav-link:hover{background:#f0f4ee;color:var(--ink)}.nav-link.active{background:#eaf3eb;color:#286b58;font-weight:700}.nav-icon{width:20px;text-align:center;font-size:17px;color:#7a8983}.nav-link.active .nav-icon{color:var(--green)}.nav-count{margin-left:auto;font-size:10px;background:#e8ece5;padding:3px 7px;border-radius:9px}.sidebar-bottom{margin-top:auto}.subject-chip{border:1px solid var(--line);background:white;border-radius:12px;padding:11px;display:flex;align-items:center;gap:10px;margin-bottom:12px}.subject-icon{width:31px;height:31px;display:grid;place-items:center;background:#eaf3eb;border-radius:9px;color:var(--green);font-size:18px}.subject-chip b,.subject-chip small{display:block}.subject-chip b{font-size:11px}.subject-chip small{font-size:9px;color:var(--muted);margin-top:3px}.online-dot{width:7px;height:7px;border-radius:50%;background:#74bd8c;margin-left:auto}.settings-link{font-size:11px}.main-area{margin-left:250px;min-height:100vh}.topbar{height:66px;background:#fbfcf8cc;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4vw,60px);position:sticky;top:0;z-index:8;backdrop-filter:blur(14px)}.crumb{font-size:11px;color:#65736e}.crumb span{color:#bdc7bf;padding:0 8px}.top-actions{display:flex;gap:9px}.help-button,.logout-button,.mobile-menu{border:1px solid var(--line);background:white;color:#596761;border-radius:10px;height:34px;padding:0 11px;font-size:11px}.logout-button{width:36px;font-size:17px}.mobile-menu{display:none}.content-wrap{max-width:1330px;margin:0 auto;padding:34px clamp(24px,4vw,60px) 42px}.view{display:none;animation:fadeUp .24s ease}.view.active{display:block}@keyframes fadeUp{from{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:none}}.welcome-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.welcome-row h1,.page-heading h1{font-size:26px;line-height:1.3;letter-spacing:-.035em;margin:7px 0 4px}.welcome-row p,.page-heading p{color:#7a8580;font-size:12px;margin:6px 0}.wave{font-size:17px;color:#e2a260}.streak-card{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:10px 15px}.streak-icon{width:32px;height:32px;display:grid;place-items:center;background:#fff3df;color:#d98537;border-radius:10px;font-size:18px}.streak-card b,.streak-card small{display:block}.streak-card b{font-size:15px}.streak-card small{font-size:9px;color:var(--muted);margin-top:2px}.hero-card{min-height:244px;border-radius:21px;position:relative;overflow:hidden;background:linear-gradient(112deg,#317b65 0%,#4a9979 53%,#8fc19a 100%);padding:29px 34px;color:#fff;display:flex;align-items:center;margin-bottom:31px}.hero-copy{position:relative;z-index:2;max-width:480px}.hero-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#d6ede0;font-weight:700}.hero-copy h2{font-size:25px;line-height:1.36;letter-spacing:-.025em;margin:10px 0 8px}.hero-copy p{color:#e5f3e9;max-width:370px;font-size:11px;line-height:1.8;margin:0 0 17px}.light-button{border:0;border-radius:9px;background:#fff;color:#326d59;font-size:11px;font-weight:700;padding:11px 14px}.light-button span{padding-left:12px}.hero-art{position:absolute;right:12%;top:-46px;width:310px;height:310px;display:grid;place-items:center;opacity:.95}.sun-orb{position:absolute;width:122px;height:122px;border-radius:50%;background:#eddaa0;box-shadow:0 0 0 24px #eddaa018,0 0 0 51px #eddaa012}.orbit{position:absolute;border:1px solid #ffffff65;border-radius:50%;transform:rotate(-31deg)}.orbit-one{width:272px;height:128px}.orbit-two{width:220px;height:225px;transform:rotate(54deg)}.orbit-dot{position:absolute;width:11px;height:11px;background:#e8f2d7;border-radius:50%;top:60px;right:44px;box-shadow:0 0 0 6px #ffffff20}.book-illustration{position:relative;width:104px;height:77px;border-radius:10px 12px 12px 10px;background:#fffef0;transform:rotate(-8deg);box-shadow:8px 12px 0 #d4e8cb,0 17px 32px #194d3e42;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#45806a}.book-illustration:before{content:'';position:absolute;left:50%;height:100%;border-left:1px solid #cad9c9}.book-illustration span{font-size:16px}.book-illustration b{font-size:10px}.hero-star{position:absolute;color:#d8e9b6;font-size:18px}.star-a{right:6%;top:33px}.star-b{right:33%;bottom:30px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:0 0 13px}.section-heading h2{font-size:17px;margin:5px 0 0;letter-spacing:-.02em}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mode-card{background:white;border:1px solid var(--line);border-radius:15px;padding:16px;text-align:left;position:relative;min-height:156px;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}.mode-card:hover,.module-card:hover,.quiz-module:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.mode-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;font-size:17px;margin-bottom:12px}.icon-violet{background:#efecfa;color:#8070b7}.icon-orange{background:#fff1e5;color:#d58949}.icon-green{background:#e8f4eb;color:#5b9871}.mode-card>b{font-size:13px}.mode-card>small{font-size:10px;color:#828c87;line-height:1.6;margin-top:5px}.mode-arrow{position:absolute;right:15px;top:15px;color:#a1aaa4;font-size:17px}.card-bottom{margin-top:auto;border-top:1px solid #f0f2ed;padding-top:10px;font-size:9px;color:#8b9690;display:flex;justify-content:space-between}.card-bottom i{color:#59796b;font-size:14px;font-style:normal}.lower-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:12px;margin-top:17px}.panel{border:1px solid var(--line);background:white;border-radius:15px;padding:17px}.panel-head{display:flex;justify-content:space-between;align-items:start}.panel-head h3{font-size:13px;margin:4px 0 0}.quiet-button{background:transparent;border:0;color:#6a8b79;font-size:10px;padding:6px}.continue-row{width:100%;border:0;background:#f8faf6;border-radius:11px;padding:10px;display:flex;align-items:center;text-align:left;margin-top:13px}.continue-icon{width:37px;height:37px;border-radius:10px;background:#e9f3e9;color:#4b8a6d;display:grid;place-items:center;font-size:11px;font-weight:700}.continue-copy{padding-left:10px}.continue-copy b,.continue-copy small{display:block}.continue-copy b{font-size:11px}.continue-copy small{font-size:9px;color:#909a93;margin-top:4px}.continue-arrow{margin-left:auto;color:#7d9c87;font-size:18px}.progress-badge{font-size:9px;background:#f0f4ee;color:#718178;padding:5px 8px;border-radius:10px}.progress-summary{display:flex;align-items:baseline;gap:9px;margin:18px 0 11px}.progress-summary b{font-size:25px;letter-spacing:-.05em}.progress-summary span{font-size:10px;color:#88928c}.progress-track{height:7px;background:#eef1eb;border-radius:9px;overflow:hidden}.progress-track span{height:100%;width:0;background:#69a77b;display:block;border-radius:9px;transition:width .3s}.progress-caption{display:flex;justify-content:space-between;font-size:9px;color:#919b95;margin-top:9px}.source-footer{display:flex;align-items:center;gap:9px;color:#7c8981;font-size:9px;margin-top:18px}.source-check{color:#538c6c;background:#e7f2e9;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;font-size:11px}.source-footer button,.composer-foot button{background:none;border:0;color:#54836d;font-size:9px;text-decoration:underline}.page-heading{display:flex;align-items:center;justify-content:space-between;margin:10px 0 23px}.page-heading h1{margin-top:7px}.page-mark{font-size:20px;color:#a6b6aa;letter-spacing:.1em}.path-overview{background:#e8f2e8;border:1px solid #e0ebdf;border-radius:15px;padding:14px 17px;display:flex;align-items:center;gap:12px;margin-bottom:17px}.path-overview-icon{height:38px;width:38px;border-radius:12px;background:#fff;color:#4d8c70;display:grid;place-items:center;font-size:18px}.path-overview b,.path-overview small{display:block}.path-overview b{font-size:12px}.path-overview small{font-size:10px;color:#7d8b80;margin-top:4px}.path-progress{margin-left:auto;font-size:10px;color:#607768}.path-progress i{font-style:normal;font-weight:700}.module-list{display:grid;gap:10px}.module-card{display:flex;align-items:center;gap:15px;padding:17px;border:1px solid var(--line);background:white;border-radius:15px;transition:.18s}.module-num{width:50px;height:50px;flex:0 0 50px;background:#f1f4ec;border-radius:14px;display:grid;place-items:center;font-size:16px;color:#628a6d;font-weight:700}.module-card:nth-child(2) .module-num{background:#f4f0e7;color:#b28954}.module-card:nth-child(3) .module-num{background:#eaf2f6;color:#66899d}.module-info{flex:1;min-width:0}.module-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:8px;color:#9aa49d;letter-spacing:.09em}.module-status{letter-spacing:0;background:#f3f5ef;border-radius:9px;padding:4px 7px;color:#89968a}.module-status.done{background:#e5f3e8;color:#4e8b64}.module-info h3{font-size:15px;margin:7px 0 5px}.module-info p{font-size:10px;color:#838e87;margin:0;line-height:1.7}.module-meta-bottom{display:flex;gap:18px;color:#98a19b;font-size:9px;margin-top:10px}.module-open{flex:0 0 34px;width:34px;height:34px;border:1px solid var(--line);background:white;border-radius:10px;color:#6b9478;font-size:16px}.scope-pill{border:1px solid #e3ebdf;background:#eff5ed;color:#658273;padding:8px 11px;border-radius:20px;font-size:9px;white-space:nowrap}.scope-pill i{display:inline-block;width:6px;height:6px;background:#5d9b75;border-radius:50%;margin-right:6px}.orange-spark{color:#dc985c;font-size:20px}.green-spark{color:#6eaa80;font-size:20px}.quick-topic-row{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:-8px 0 14px;font-size:9px;color:#97a099}.quick-topic-row button{border:1px solid #e7ebe3;border-radius:14px;background:#fbfcf9;color:#78857e;font-size:9px;padding:6px 9px}.chat-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:12px;align-items:stretch}.chat-panel{border:1px solid var(--line);background:white;border-radius:16px;min-height:510px;display:flex;flex-direction:column;overflow:hidden}.chat-top{height:59px;border-bottom:1px solid #edf0eb;display:flex;align-items:center;gap:10px;padding:0 15px;flex-shrink:0}.tutor-avatar{height:32px;width:32px;display:grid;place-items:center;border-radius:11px;background:#e7f1e5;color:#4b8865}.chat-top b{display:block;font-size:11px}.chat-top small{display:block;color:#8b9690;font-size:9px;margin-top:4px}.chat-top small i{width:6px;height:6px;display:inline-block;border-radius:50%;background:#65ac7a;margin-right:4px}.icon-button{margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:9px;height:30px;width:30px;color:#6d8e7a;font-size:17px}.chat-messages{padding:18px 16px;flex:1;overflow:auto;min-height:260px;max-height:420px;display:flex;flex-direction:column;gap:12px}.tutor-message,.student-message{display:flex;align-items:flex-start;gap:8px;max-width:91%}.student-message{align-self:flex-end;justify-content:flex-end}.message-avatar{height:25px;width:25px;flex:0 0 25px;border-radius:8px;background:#eaf3e9;display:grid;place-items:center;color:#58896e;font-size:11px;font-weight:700}.bubble{font-size:11px;line-height:1.85;background:#f4f7f2;border-radius:4px 13px 13px 13px;padding:10px 12px;color:#485650;overflow-wrap:anywhere}.bubble p{margin:0 0 7px}.bubble p:last-of-type{margin-bottom:0}.bubble strong{color:#315f4d}.student-bubble{background:#e4f0e7;border-radius:13px 4px 13px 13px}.message-time{display:block;font-size:8px;color:#9ca69f;margin-top:7px}.student-message .message-time{text-align:right}.chat-composer{padding:10px 13px 12px;border-top:1px solid #edf0eb}.composer-box{border:1px solid #dfe7df;border-radius:12px;padding:8px 9px 6px}.composer-box textarea,.lesson-composer textarea{width:100%;resize:none;border:0;outline:0;color:var(--ink);font-size:11px;line-height:1.7;min-height:37px;background:transparent}.composer-box textarea::placeholder,.lesson-composer textarea::placeholder{color:#a5ada7}.composer-tools{display:flex;justify-content:space-between;align-items:center}.composer-hint{font-size:8px;color:#a0aaa2}.send-button{border:0;background:#45876f;color:white;width:29px;height:29px;border-radius:9px;font-size:18px;line-height:1}.composer-foot{color:#a0aaa3;font-size:8px;text-align:center;padding-top:8px}.learn-aside{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column}.aside-title{display:flex;align-items:center;gap:8px;font-size:11px}.aside-title span{color:#dba15e;font-size:17px}.learn-steps{margin-top:19px;position:relative}.learn-steps:before{content:'';position:absolute;left:12px;top:23px;bottom:22px;border-left:1px dashed #d5ded3}.learn-step{position:relative;display:flex;align-items:center;gap:9px;padding:0 0 19px}.learn-step:last-child{padding-bottom:0}.learn-step>i{width:25px;height:25px;z-index:1;border-radius:50%;background:#f2f4ee;border:1px solid #e5eae3;color:#89958d;display:grid;place-items:center;font-size:9px;font-style:normal}.learn-step.active>i{background:#e7f3e8;border-color:#cfe4d1;color:#438460}.learn-step b,.learn-step small{display:block}.learn-step b{font-size:9px}.learn-step small{font-size:8px;color:#9aa39c;margin-top:3px}.aside-tip{border-radius:11px;background:#fff7e9;padding:10px;margin-top:auto;display:flex;align-items:flex-start;gap:7px}.aside-tip>span{font-size:13px}.aside-tip p{font-size:8px;color:#8f7958;line-height:1.7;margin:0}.aside-save{border-top:1px solid #eef0eb;margin-top:13px;padding-top:10px}.aside-save button{border:0;background:none;color:#77887b;font-size:10px}.back-link{border:0;background:none;color:#6d927b;font-size:10px;padding:0;margin-bottom:15px}.module-heading{margin-top:0}.save-module{border:1px solid var(--line);background:white;border-radius:10px;padding:8px 11px;color:#668972;font-size:10px}.module-workspace{display:grid;grid-template-columns:230px minmax(0,1fr);gap:13px}.phase-column,.lesson-column{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px}.phase-title{display:flex;justify-content:space-between;font-size:10px;font-weight:700;color:#64736a;margin-bottom:12px}.phase-title small{font-weight:400;color:#98a29b}.phase-list{display:grid;gap:6px}.phase-item{border:0;background:transparent;border-radius:10px;padding:9px 8px;display:flex;align-items:flex-start;gap:9px;text-align:left;width:100%;color:#596761}.phase-item.selected{background:#eef5ed}.phase-number{width:24px;height:24px;flex:0 0 24px;border-radius:8px;background:#f0f2ec;color:#849188;display:grid;place-items:center;font-size:9px}.phase-item.selected .phase-number,.phase-visited .phase-number{background:#dceede;color:#4c8964}.phase-item b{display:block;font-size:9px}.phase-item small{display:block;font-size:8px;color:#98a19b;line-height:1.6;margin-top:3px}.module-reference{display:flex;gap:8px;align-items:center;border-top:1px solid #eef0eb;margin-top:16px;padding-top:13px}.module-reference>span{color:#78a080;font-size:16px}.module-reference b,.module-reference small{display:block}.module-reference b{font-size:9px}.module-reference small{font-size:8px;color:#9aa49c;margin-top:3px}.lesson-column{min-height:420px;display:flex;flex-direction:column}.lesson-intro{display:flex;align-items:center;gap:11px}.lesson-icon{width:34px;height:34px;background:#fff1e4;border-radius:11px;display:grid;place-items:center;color:#d48a4a;font-size:17px}.lesson-intro .eyebrow{font-size:8px}.lesson-intro h2{font-size:16px;margin:3px 0 0}.lesson-description{font-size:10px;color:#7e8b83;margin:12px 0 2px}.lesson-chat{flex:1;min-height:170px;max-height:330px;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:12px 2px}.lesson-composer{border:1px solid #e0e8df;border-radius:11px;padding:7px;display:flex;gap:7px;align-items:center}.lesson-composer textarea{min-height:30px;padding:4px}.primary-button{border:0;background:#43876e;color:white;border-radius:9px;padding:10px 13px;font-size:10px;font-weight:700;white-space:nowrap}.primary-button:hover{background:#36745d}.primary-button span{margin-left:8px}.phase-controls{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.phase-controls .quiet-button{font-size:10px}.quiz-select-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quiz-module{border:1px solid var(--line);background:white;border-radius:14px;padding:16px;text-align:left;display:flex;align-items:flex-start;gap:11px;transition:.18s}.quiz-module-icon{width:34px;height:34px;flex:0 0 34px;border-radius:11px;background:#eaf4ea;color:#5b956d;display:grid;place-items:center}.quiz-module:nth-child(2) .quiz-module-icon{background:#fff2e5;color:#d29153}.quiz-module:nth-child(3) .quiz-module-icon{background:#eaf1f5;color:#638ea0}.quiz-module small,.quiz-module b,.quiz-module i{display:block}.quiz-module small{color:#99a39d;font-size:8px}.quiz-module b{font-size:12px;margin:7px 0 11px}.quiz-module i{font-size:9px;color:#688b72;font-style:normal}.quiz-disclaimer{background:#fff7e8;border-radius:10px;color:#88734f;font-size:9px;padding:12px;margin-top:15px}.saved-list{display:grid;gap:10px}.saved-card{border:1px solid var(--line);background:white;border-radius:14px;padding:14px;display:flex;align-items:flex-start;gap:12px}.saved-icon{height:34px;width:34px;border-radius:10px;background:#fff2ed;color:#d47d66;display:grid;place-items:center}.saved-card small,.saved-card b{display:block}.saved-card small{font-size:8px;color:#95a098;text-transform:uppercase;letter-spacing:.08em}.saved-card b{font-size:12px;margin-top:5px}.saved-card p{font-size:9px;color:#87928a;line-height:1.7;margin:5px 0 0}.delete-saved{margin-left:auto;border:0;background:none;color:#98a29b;font-size:18px}.empty-state{border:1px dashed #d7e1d6;background:#fbfcf8;border-radius:16px;padding:44px 18px;text-align:center;color:#829087}.empty-state>span{font-size:28px;color:#7eaa89}.empty-state h3{font-size:14px;color:#52655a}.empty-state p{max-width:370px;margin:0 auto 15px;font-size:10px;line-height:1.8}.welcome-overlay,.modal-backdrop{position:fixed;inset:0;z-index:30;background:#1e342d69;display:grid;place-items:center;padding:20px;backdrop-filter:blur(5px)}.welcome-modal,.info-card{background:#fff;border-radius:20px;width:min(410px,100%);padding:29px;position:relative;box-shadow:0 24px 70px #17362a30;animation:fadeUp .2s ease}.modal-close{position:absolute;right:14px;top:12px;border:0;background:#f2f5ef;width:29px;height:29px;border-radius:9px;color:#76847a;font-size:18px}.welcome-symbol{width:42px;height:42px;border-radius:14px;background:#e8f3e8;color:#4e8b68;display:grid;place-items:center;font-size:21px;margin-bottom:19px}.welcome-modal h1{font-size:26px;line-height:1.35;margin:6px 0}.welcome-modal>p{font-size:11px;color:#849087;line-height:1.7;margin:6px 0 18px}.welcome-modal label{display:block;font-size:10px;font-weight:700;margin-bottom:6px}.welcome-modal input,.password-row input{height:42px;border:1px solid #dfe6dd;border-radius:9px;width:100%;padding:0 11px;outline:0;font-size:12px}.welcome-modal input:focus,.password-row input:focus{border-color:#73a486;box-shadow:0 0 0 3px #73a4861b}.grade-select{margin:13px 0 17px;background:#f7f9f5;border:1px solid #e9eee6;border-radius:10px;padding:9px 11px;display:grid;grid-template-columns:1fr auto;gap:3px;font-size:10px}.grade-select>b{color:#4a8162}.grade-select i{font-style:normal;padding-left:5px}.grade-select small{grid-column:1/-1;color:#9aa39b;font-size:8px;margin-top:3px}.full{width:100%;padding:12px}.modal-privacy{text-align:center;color:#9aa49c;font-size:8px;margin-top:12px}.info-card h2{font-size:18px;margin:7px 0}.info-card p{font-size:11px;color:#77857b;line-height:1.9}.toast{position:fixed;z-index:50;bottom:25px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#294f40;color:white;border-radius:11px;padding:11px 15px;font-size:10px;box-shadow:var(--shadow);transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.login-body{background:radial-gradient(ellipse at 15% 15%,#e5efe2 0,transparent 44%),#f5f7f2}.login-wrap{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:22px}.login-wrap>.brand{align-self:center;padding:0;margin-bottom:20px}.login-card{width:min(400px,100%);border:1px solid var(--line);background:#fff;border-radius:19px;padding:28px;box-shadow:var(--shadow)}.login-card h1{font-size:24px;margin:7px 0}.login-card>p{font-size:11px;color:#87928a;line-height:1.8;margin:0 0 20px}.login-card label{font-size:10px;font-weight:700;display:block;margin-bottom:7px}.password-row{position:relative}.password-row input{padding-right:85px}.text-button{position:absolute;right:9px;top:7px;border:0;background:none;color:#5c8b6e;font-size:9px;height:28px}.error-box{display:none;color:#a84343;background:#fff0ef;border-radius:8px;padding:8px;margin:10px 0;font-size:10px}.error-box.show{display:block}.privacy-note{border-top:1px solid #eef1eb;margin-top:17px;padding-top:14px;display:flex;align-items:center;gap:7px;font-size:9px;color:#88948c}.lock-dot{background:#e8f4e9;color:#4a8a64;border-radius:50%;width:17px;height:17px;display:grid;place-items:center}.login-wrap footer{font-size:9px;color:#9ba59d;margin-top:19px}.typing{display:flex;gap:4px;padding:13px}.typing i{height:5px;width:5px;background:#8aab91;border-radius:50%;animation:pulse .9s infinite alternate}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}@keyframes pulse{to{opacity:.25;transform:translateY(-3px)}}
@media(max-width:1060px){.sidebar{width:220px}.main-area{margin-left:220px}.chat-layout{grid-template-columns:minmax(0,1fr) 205px}.hero-art{right:5%}.content-wrap{padding-left:30px;padding-right:30px}}
@media(max-width:820px){.sidebar{transform:translateX(-101%);transition:transform .22s;box-shadow:10px 0 30px #193b2818}.sidebar.open{transform:none}.main-area{margin-left:0}.mobile-menu{display:block;margin-right:12px}.topbar{justify-content:flex-start;padding:0 18px}.crumb{font-size:10px}.top-actions{margin-left:auto}.content-wrap{padding:25px 20px 35px}.chat-layout{grid-template-columns:1fr}.learn-aside{display:none}.hero-art{right:-4%;transform:scale(.8)}.hero-copy{max-width:58%}.mode-grid{gap:8px}.lower-grid{grid-template-columns:1fr 1fr}}
@media(max-width:590px){.topbar{height:55px;padding:0 13px}.crumb{font-size:8px}.crumb span{padding:0 4px}.help-button{height:30px;padding:0 8px}.help-button span{display:none}.logout-button{width:31px;height:30px}.content-wrap{padding:21px 14px 28px}.welcome-row{align-items:flex-start}.welcome-row h1{font-size:21px}.welcome-row p{font-size:10px}.streak-card{padding:7px 9px}.streak-icon{width:27px;height:27px}.hero-card{min-height:240px;padding:22px 19px;border-radius:17px;margin-bottom:25px}.hero-copy{max-width:77%}.hero-copy h2{font-size:20px}.hero-copy p{font-size:9px;max-width:250px}.hero-art{right:-83px;top:-38px;transform:scale(.64);opacity:.42}.light-button{font-size:9px;padding:10px}.section-heading h2{font-size:14px}.mode-grid{grid-template-columns:1fr;gap:8px}.mode-card{min-height:112px;padding:13px 14px 11px 59px}.mode-icon{position:absolute;left:13px;top:14px;margin:0;width:33px;height:33px}.mode-card>b{font-size:12px}.mode-card>small{margin-top:4px}.card-bottom{margin-top:9px;padding-top:7px}.mode-arrow{top:13px}.lower-grid{grid-template-columns:1fr}.panel{padding:14px}.source-footer{line-height:1.6;align-items:flex-start}.source-footer button{white-space:nowrap}.page-heading{align-items:flex-start;gap:8px}.page-heading h1{font-size:21px}.page-heading p{font-size:10px;line-height:1.65}.scope-pill{font-size:8px;padding:7px 8px}.page-mark{font-size:15px}.module-card{gap:10px;padding:12px}.module-num{width:40px;height:40px;flex-basis:40px;border-radius:11px;font-size:13px}.module-info h3{font-size:12px}.module-info p{font-size:9px}.module-meta{font-size:7px}.module-meta-bottom{gap:10px;font-size:8px}.module-open{width:30px;height:30px;flex-basis:30px}.quick-topic-row{margin:0 0 12px}.quick-topic-row button{font-size:8px}.chat-panel{min-height:calc(100dvh - 270px)}.chat-messages{max-height:none;min-height:260px;padding:13px 10px}.tutor-message,.student-message{max-width:97%}.bubble{font-size:10px}.composer-hint{font-size:7px}.module-workspace{grid-template-columns:1fr}.phase-column{padding:12px}.phase-list{grid-template-columns:repeat(2,1fr)}.phase-item{padding:8px 5px}.phase-item small{display:none}.module-reference{margin-top:10px;padding-top:9px}.lesson-column{min-height:420px;padding:13px}.quiz-select-grid{grid-template-columns:1fr}.quiz-module{padding:13px}.path-overview{padding:11px}.path-overview small{max-width:210px;line-height:1.5}.path-progress{font-size:8px}.welcome-modal,.info-card{padding:24px}.welcome-modal h1{font-size:23px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.style-chips{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:0 0 8px}.style-chips>span{font-size:8px;color:#9aa49c;margin-right:2px}.style-chips button{border:1px solid #e8ece5;background:#fafbf8;color:#87938a;border-radius:12px;padding:4px 8px;font-size:8px}.style-chips button.selected{border-color:#bcd8c1;background:#edf6ed;color:#4f8866}
@media(max-width:590px){.style-chips{gap:4px}.style-chips button{font-size:7px;padding:4px 7px}}
.image-preview{position:relative;display:flex;align-items:center;gap:8px;padding:6px 26px 6px 7px;margin:0 0 8px;background:#f5f8f3;border-radius:10px;color:#7c8d80;font-size:8px}.image-preview img{width:42px;height:42px;object-fit:cover;border-radius:7px}.image-preview button{position:absolute;right:5px;top:5px;width:20px;height:20px;border:0;border-radius:6px;background:#e7eee5;color:#718077;font-size:14px}.composer-left{display:flex;align-items:center;gap:6px}.attach-button{width:26px;height:26px;border:1px solid #e5eae3;background:#f8faf7;border-radius:8px;color:#688873;font-size:15px;display:grid;place-items:center}.attach-button:hover{background:#edf5ed}.chat-composer{padding-top:10px}