@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Inter:wght@500;600;700;800&display=swap";:root{color:#f6f4ef;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#11131d;font-family:DM Sans,sans-serif}body{min-width:320px;margin:0}button,input{font:inherit}:root{--bg:#0b0f17;--surface:#111827;--surface-2:#172133;--line:#243148;--text:#f5f7fb;--muted:#8995aa;--cyan:#55d6ff;--coral:#ff806c;--lime:#b9df7c;--violet:#a993ff}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Cairo,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{background:radial-gradient(circle at 70% -10%, #20375755, transparent 35%), var(--bg);min-height:100vh;display:flex}.sidebar{border-left:1px solid var(--line);background:#0e1522ef;flex-direction:column;flex:0 0 252px;width:252px;padding:29px 17px 20px;transition:all .3s;display:flex}.sidebar-collapsed .sidebar{flex-basis:78px;width:78px;padding-inline:12px}.brand{color:var(--text);letter-spacing:-.5px;white-space:nowrap;align-items:center;gap:10px;font:800 16px Plus Jakarta Sans;display:flex}.brand small{color:var(--cyan);letter-spacing:2px;font:700 8px Cairo;display:block}.brand-mark{background:linear-gradient(135deg, var(--coral), var(--violet));color:#fff;border-radius:10px;place-items:center;width:31px;height:31px;display:grid}.collapse-button{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:8px;align-self:flex-start;width:32px;height:30px;margin:28px 5px 8px}.mini-profile{border-block:1px solid var(--line);align-items:center;gap:10px;margin:8px 0 20px;padding:17px 9px;display:flex}.avatar{color:#6c3027;background:#f5b9a8;border-radius:12px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.mini-profile strong,.mini-profile span{display:block}.mini-profile strong{font-size:12px}.mini-profile span{color:var(--muted);margin-top:2px;font-size:10px}nav{gap:5px;display:grid}.nav-item{color:var(--muted);text-align:right;background:0 0;border:0;border-radius:10px;align-items:center;gap:13px;padding:12px 13px;font-size:13px;transition:all .2s;display:flex}.nav-item b,.nav-icon{color:#65758e;text-align:center;width:20px;font-size:18px}.nav-item:hover,.nav-item.active{color:var(--text);box-shadow:inset 3px 0 var(--cyan);background:linear-gradient(90deg,#20324b,#17263a)}.nav-item.active b,.nav-item.active .nav-icon{color:var(--cyan)}.sidebar-foot{margin-top:auto}.upgrade{background:linear-gradient(135deg,#172b3b,#171c32);border:1px solid #2c3a52;border-radius:14px;margin:20px 3px;padding:18px 12px}.upgrade>span{color:var(--coral);font-size:20px}.upgrade strong{font-size:14px;display:block}.upgrade p{color:var(--muted);font-size:10px;line-height:1.7}.upgrade button{background:var(--coral);color:#fff;border:0;border-radius:8px;width:100%;padding:9px;font-size:11px;font-weight:700}.main-content{flex:1;min-width:0}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:5;background:#0b0f17bb;align-items:center;gap:22px;height:82px;padding:0 45px;display:flex;position:sticky;top:0}.search-wrap{width:min(430px,45%);color:var(--muted);align-items:center;gap:10px;display:flex}.search-wrap span{font-size:24px}.search-wrap input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:12px}.search-wrap input::placeholder{color:#607089}.header-actions{align-items:center;gap:12px;margin-right:auto;display:flex}.xp-pill,.lang-toggle{border:1px solid var(--line);color:var(--cyan);background:#152234;border-radius:20px;padding:7px 12px;font-size:11px}.lang-toggle{color:var(--text);background:0 0}.icon-button{color:var(--muted);background:0 0;border:0;font-size:25px;position:relative}.icon-button i{background:var(--coral);border-radius:50%;width:6px;height:6px;position:absolute;top:3px;right:1px}.top-avatar{border-radius:50%;width:34px;height:34px}.mobile-menu{display:none}.content-wrap{max-width:1280px;margin:auto;padding:28px 45px 70px}.breadcrumb{color:var(--muted);gap:10px;margin-bottom:32px;font:700 10px Plus Jakarta Sans;display:flex}.breadcrumb span{color:var(--cyan)}.welcome{justify-content:space-between;align-items:end;margin-bottom:38px;display:flex}.eyebrow{color:#6d7d95;letter-spacing:1.3px;margin:0 0 9px;font-size:10px;font-weight:800}.welcome h1,.tab-page h1,.account-page h1{color:var(--text);letter-spacing:-2px;margin:0;font:800 clamp(34px,4vw,58px)/1.1 Plus Jakarta Sans,Cairo}.welcome h1 em,.page-heading h1 em{color:var(--coral);font-style:normal}.welcome>div>p:last-child,.page-heading>div>p:last-child{color:var(--muted);margin-top:15px;font-size:13px}.streak{background:#131e2e;border:1px solid #35435c;border-radius:14px;align-items:center;gap:12px;padding:14px 18px;display:flex}.streak strong{color:#ffb26b;font-size:25px}.streak span{color:var(--muted);font-size:10px;line-height:1.7}.dashboard-grid,.focus-grid{grid-template-columns:1.6fr 1fr;gap:16px;margin-bottom:42px;display:grid}.focus-card,.continue-card,.daily-card,.quote-card{border:1px solid var(--line);border-radius:16px}.focus-card,.continue-card{background:linear-gradient(120deg,#16283b,#111927);padding:22px}.daily-card{background:linear-gradient(135deg,#2c2631,#1a2233);padding:24px}.card-label{color:var(--muted);justify-content:space-between;font-size:10px;font-weight:800;display:flex}.live-dot{background:var(--coral);border-radius:50%;width:7px;height:7px;margin-left:7px;display:inline-block}.continue-body,.focus-body{align-items:center;gap:24px;margin-top:25px;display:flex}.lesson-symbol{background:linear-gradient(145deg, var(--coral), #ffbd72);color:#42221e;border-radius:20px;flex:0 0 145px;place-items:center;height:145px;font-size:74px;font-weight:800;display:grid}.continue-body h2,.lesson-copy h2{margin:5px 0 16px;font:700 23px/1.25 Cairo}.continue-body p,.lesson-type{color:var(--muted);font-size:11px}.continue-body p i{color:var(--coral);margin:0 5px;font-style:normal}.continue-body small{color:var(--muted);margin:9px 0 17px;font-size:10px;display:block}.progress-track{background:#29364a;border-radius:10px;width:100%;height:6px;display:block;overflow:hidden}.progress-track i{border-radius:inherit;background:linear-gradient(90deg, var(--coral), #ffba7a);height:100%;display:block}.primary-button,.outline-button{background:var(--coral);color:#fff;border:0;border-radius:9px;padding:10px 15px;font-size:11px;font-weight:800;transition:all .2s}.primary-button:hover,.outline-button:hover{transform:translateY(-2px);box-shadow:0 8px 22px #ff806c33}.outline-button{border:1px solid var(--line);color:var(--text);background:0 0}.daily-icon{color:#ffb26b;font-size:25px}.daily-card h2{margin:5px 0;font:800 34px Plus Jakarta Sans}.daily-card p:not(.eyebrow){color:var(--muted);font-size:11px;line-height:1.7}.daily-card .outline-button{margin-top:15px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.section-heading h2{margin:0;font-size:22px}.section-heading h2 span{color:var(--muted);font-size:13px}.text-button{color:var(--cyan);background:0 0;border:0;font-size:11px;font-weight:800}.course-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:42px;display:grid}.course-card{border:1px solid var(--line);background:var(--surface);border-radius:15px;transition:all .25s;overflow:hidden}.course-art{place-items:center;height:125px;display:grid;position:relative;overflow:hidden}.course-art:after{content:"";border:1px solid #fff5;border-radius:50%;width:180px;height:180px;position:absolute;transform:rotate(25deg)}.course-art.coral{background:linear-gradient(135deg,#ff806c,#b24a62)}.course-art.blue{background:linear-gradient(135deg,#55d6ff,#4166bb)}.course-art.green{background:linear-gradient(135deg,#b9df7c,#388e8b)}.course-art.violet{background:linear-gradient(135deg,#a993ff,#5f55ad)}.course-art>span{z-index:1;color:#0e1724;font:800 65px Plus Jakarta Sans}.course-art small{z-index:2;color:#112031cc;font-size:9px;font-weight:800;position:absolute;bottom:9px;right:13px}.course-info{padding:15px}.course-top{color:var(--muted);justify-content:space-between;font-size:10px;display:flex}.course-top i{color:var(--coral);font-style:normal}.course-top button{color:var(--coral);background:0 0;border:0;font-size:20px;line-height:12px}.course-info h3{margin:11px 0 2px;font-size:17px}.course-info p{color:var(--muted);margin:0 0 16px;font-size:10px}.progress-row{align-items:center;gap:10px;display:flex}.progress-row .progress-track{flex:1}.progress-row strong{color:var(--muted);font-size:10px}.insight-grid,.bottom-row{grid-template-columns:1.3fr 1fr;gap:16px;display:grid}.weekly-card,.tools-card,.tab-panel,.account-card{border:1px solid var(--line);background:var(--surface);border-radius:15px;padding:22px}.weekly-card{justify-content:space-between;display:flex}.weekly-card h2{margin:0 0 7px;font-size:19px}.weekly-card p{color:var(--muted);font-size:11px}.weekly-card p span{color:var(--coral);margin:0 5px}.bar-chart{align-items:end;gap:7px;width:190px;min-height:100px;display:flex}.bar-chart i{background:#32455d;border-radius:4px 4px 0 0;flex:1;height:50%;min-height:12px}.bar-chart i:nth-child(2n){background:#4c6d78}.bar-chart i.today{background:var(--coral)}.tools-card{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tools-card .eyebrow{grid-column:1/-1}.tools-card button{text-align:right;border:1px solid var(--line);color:var(--text);background:#162133;border-radius:10px;grid-template-columns:30px 1fr 18px;align-items:center;gap:5px;padding:10px;display:grid}.tools-card button span{color:var(--cyan);font-size:20px}.tools-card button small{color:var(--muted);grid-column:2;font-size:9px}.page-heading{justify-content:space-between;align-items:end;margin-bottom:35px;display:flex}.page-heading h1{margin:0;font-size:clamp(35px,4vw,54px)}.filter-pills{flex-wrap:wrap;justify-content:end;gap:7px;display:flex}.filter-pills button{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:20px;padding:8px 13px;font-size:10px}.filter-pills button.active{background:var(--cyan);border-color:var(--cyan);color:#07131d}.full-grid{grid-template-columns:repeat(3,1fr)}.teacher-link{width:100%;color:var(--cyan);background:0 0;border:0;padding:9px;font-size:10px;font-weight:800}.flashcard-banner{background:linear-gradient(100deg,#26365c,#1b273b);border-radius:15px;align-items:center;gap:18px;padding:22px;display:flex}.flashcard-banner>span{color:var(--lime);font-size:38px}.flashcard-banner h2{margin:0;font-size:18px}.flashcard-banner p:not(.eyebrow){color:var(--muted);margin:3px 0 0;font-size:11px}.flashcard-banner .primary-button{margin-right:auto}.assignment-list,.leaderboard,.book-grid{gap:10px;max-width:850px;display:grid}.assignment,.leader,.book{border:1px solid var(--line);background:var(--surface);border-radius:13px;align-items:center;gap:15px;padding:17px;display:flex}.status{width:31px;height:31px;color:var(--coral);background:#412a31;border-radius:9px;place-items:center;display:grid}.status.done{color:var(--lime);background:#273e36}.assignment div{flex:1}.assignment small,.book small{color:var(--muted);font-size:10px}.assignment h3,.book h3{margin:2px 0;font-size:14px}.assignment p{color:var(--muted);font-size:10px}.assignment button,.book button{color:var(--cyan);background:0 0;border:0;font-size:10px;font-weight:800}.book-grid{grid-template-columns:repeat(2,1fr);max-width:none}.book{min-height:120px}.book>span{height:75px;color:var(--cyan);background:#36556e;border-radius:8px;flex:0 0 55px;place-items:center;font-size:32px;display:grid}.book div{flex:1}.book p{color:var(--muted);margin:0;font-size:10px}.rank-badge{color:#ffbd72;border:1px solid #805e42;border-radius:12px;grid-template-columns:auto auto;gap:0 8px;padding:12px 16px;display:grid}.rank-badge small{color:var(--muted);grid-column:2;font-size:9px}.leader>b{width:25px;color:var(--muted)}.leader-avatar{background:#597d9a;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.leader strong{flex:1}.leader em{color:#ffbd72;font-style:normal}.leader>span:last-child{color:var(--cyan);font-size:11px}.leader.first{background:linear-gradient(90deg,#312b2c,#162233);border-color:#a56b45}.login-page{background:radial-gradient(circle at 70% 25%, #244b6855, transparent 35%), var(--bg);grid-template-columns:minmax(350px,470px) minmax(350px,500px);justify-content:center;align-items:center;gap:90px;min-height:100vh;padding:45px;display:grid}.login-panel{z-index:1;position:relative}.login-brand{margin-bottom:65px}.login-panel h1{letter-spacing:-3px;margin:0;font:800 clamp(40px,5vw,64px)/1.05 Plus Jakarta Sans,Cairo}.login-panel h1 em{color:var(--coral);font-style:normal}.login-subtitle{color:var(--muted);max-width:360px;margin:18px 0 30px;font-size:12px;line-height:1.8}.login-form{gap:7px;display:grid}.login-form label{color:#aab7cb;font-size:11px;font-weight:700}.login-form input,.login-form select{border:1px solid var(--line);width:100%;color:var(--text);background:#111a29;border-radius:9px;outline:0;margin-bottom:8px;padding:13px;font-size:12px}.login-button{background:linear-gradient(100deg, var(--coral), #ffb16e);color:#271b1b;text-align:right;border:0;border-radius:9px;margin-top:7px;padding:14px;font-weight:800}.login-button span{float:left;font-size:18px}.login-error{color:#ff9b8b;font-size:11px}.login-footer{color:var(--muted);margin-top:24px;font-size:11px}.login-footer button,.password-label button{color:var(--cyan);font-size:inherit;background:0 0;border:0}.login-quote,.login-art{border:1px solid var(--line);background:linear-gradient(145deg,#16344a,#171b36);border-radius:24px;min-height:430px;position:relative;overflow:hidden}.art-orbit{border:1px solid #55d6ff66;border-radius:50%;position:absolute}.orbit-one{width:480px;height:480px;top:-130px;right:-120px}.orbit-two{border-color:#ff806c88;width:250px;height:250px;bottom:-90px;left:-70px}.art-copy{position:absolute;bottom:45px;right:40px}.art-copy span{color:var(--cyan);font:700 12px Plus Jakarta Sans}.art-copy h2{margin:15px 0;font:800 38px/1.15 Plus Jakarta Sans}.art-copy em{color:var(--coral);font-style:normal}.art-copy p{color:var(--muted);font-size:12px}.quick-tools{z-index:10;gap:8px;display:grid;position:fixed;bottom:25px;left:25px}.quick-tools button{border:1px solid var(--line);color:var(--text);background:#162338ee;border-radius:25px;padding:9px 14px;box-shadow:0 10px 25px #0005}.quick-tools button:first-child{color:#ffbd72}.quick-tools button:last-child{color:var(--cyan)}.pomodoro,.ai-widget,.drawer{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#111a29f5;border:1px solid #3b5471;position:fixed;box-shadow:0 20px 60px #0008}.pomodoro{text-align:center;border-radius:16px;width:230px;padding:20px;bottom:105px;left:25px}.pomodoro>div,.ai-widget>div{justify-content:space-between;align-items:center;display:flex}.pomodoro>div button,.ai-widget>div button,.close{color:var(--muted);background:0 0;border:0;font-size:20px}.pomodoro>strong{margin:12px 0;font:800 40px Plus Jakarta Sans;display:block}.pomodoro p,.ai-widget p{color:var(--muted);font-size:11px}.pomodoro .primary-button{width:100%}.reset-timer{color:var(--muted);background:0 0;border:0;margin-top:10px;font-size:10px}.drawer{width:min(390px,100%);padding:35px 25px;top:0;bottom:0;left:0}.drawer h2{font-size:25px}.timestamp{color:var(--coral);font-size:11px}.drawer textarea{resize:vertical;border:1px solid var(--line);width:100%;height:240px;color:var(--text);background:#0b111c;border-radius:10px;outline:0;margin:20px 0;padding:13px}.drawer .primary-button{width:100%}.ai-widget{border-radius:16px;width:300px;padding:18px;bottom:105px;left:25px}.ai-icon{color:var(--cyan);margin-left:8px}.ai-widget input{border:1px solid var(--line);width:100%;color:var(--text);background:#0b111c;border-radius:8px;outline:0;padding:10px;font-size:11px}.ai-suggestions{gap:6px;margin-bottom:12px;display:flex}.ai-suggestions button{border:1px solid var(--line);color:var(--cyan);background:0 0;border-radius:15px;padding:5px 8px;font-size:9px}.toast{z-index:30;color:var(--text);background:#17263a;border:1px solid #3b5471;border-radius:10px;padding:12px 18px;font-size:11px;animation:.25s ease-out rise;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0008}.modal-backdrop{z-index:25;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050912aa;place-items:center;display:grid;position:fixed;inset:0}.teacher-modal{background:#111a29;border:1px solid #3b5471;border-radius:18px;width:min(430px,100% - 30px);padding:30px;position:relative}.teacher-modal .close{position:absolute;top:14px;left:16px}.teacher-avatar{background:linear-gradient(135deg, var(--cyan), var(--violet));color:#101a29;border-radius:17px;place-items:center;width:60px;height:60px;font-size:20px;font-weight:800;display:grid}.teacher-modal h2{margin:6px 0}.teacher-subject{color:var(--cyan);font-size:11px}.teacher-subject span{color:#ffbd72;margin-right:15px}.teacher-modal>p:not(.eyebrow):not(.teacher-subject){color:var(--muted);font-size:12px;line-height:1.8}.preview{color:var(--cyan);background:#1c2d42;border-radius:10px;margin:20px 0;padding:18px;font-size:11px}.teacher-modal .primary-button{width:100%}@keyframes rise{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media (width<=900px){.sidebar{flex-basis:210px;width:210px}.topbar,.content-wrap{padding-inline:25px}.course-grid,.full-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.insight-grid{grid-template-columns:1fr}}@media (width<=650px){.sidebar{display:none}.topbar{height:70px;padding-inline:16px}.mobile-menu{color:var(--text);background:0 0;border:0;font-size:20px;display:block}.search-wrap{flex:1;width:auto}.header-actions{gap:5px}.xp-pill{display:none}.content-wrap{padding:22px 16px 100px}.welcome,.page-heading{display:block}.welcome h1,.page-heading h1{font-size:38px}.streak{width:fit-content;margin-top:20px}.continue-body,.focus-body{gap:14px}.lesson-symbol{flex-basis:95px;height:120px;font-size:55px}.continue-body h2{font-size:18px}.course-grid,.full-grid,.book-grid{grid-template-columns:1fr}.filter-pills{justify-content:start;margin-top:20px}.flashcard-banner{flex-wrap:wrap;align-items:start}.flashcard-banner .primary-button{margin-right:0}.weekly-card{display:block}.bar-chart{width:100%;margin-top:20px}.assignment{flex-wrap:wrap}.assignment p{margin-right:46px}.login-page{padding:28px 22px;display:block}.login-brand{margin-bottom:70px}.login-art{display:none}.quick-tools{bottom:14px;left:14px}.quick-tools button span{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--bg:#0b0f17;--surface:#161e2e;--surface-2:#1e293b;--line:#273449;--text:#f1f5f9;--muted:#94a3b8;--accent:#3b82f6;--accent-soft:#172d50;--coral:#3b82f6;--cyan:#60a5fa;--violet:#3b82f6;--lime:#93c5fd}body{font-family:Cairo,Inter,sans-serif;overflow-x:hidden}.app-shell{background:var(--bg)}.sidebar{background:#0f172a;border-color:#1e293b;transition:width .25s,flex-basis .25s}.brand,.login-brand{font-family:Inter,Cairo,sans-serif}.brand-mark{background:var(--accent);border-radius:9px}.nav-item{text-align:start}.nav-item:hover,.nav-item.active{background:var(--accent-soft);box-shadow:inset 3px 0 var(--accent)}.nav-item.active b,.nav-item.active .nav-icon,.breadcrumb span,.text-button,.teacher-link{color:var(--accent)}.main-content{min-width:0;overflow:hidden}.topbar{background:#0b0f17f2;border-color:#1e293b}.header-actions{margin-inline:auto 0}.xp-pill{color:#bfdbfe;background:#14233a;border-color:#29466f}.lang-toggle{min-width:48px}.content-wrap{width:100%;padding-block:30px 64px}.breadcrumb{direction:ltr;justify-content:flex-start}.welcome h1,.tab-page h1,.account-page h1,.page-heading h1{letter-spacing:0;font-family:Cairo,Inter,sans-serif}.welcome>div>p:last-child,.page-heading>div>p:last-child,.course-info p{line-height:1.8}.dashboard-grid,.focus-grid{gap:18px}.focus-card,.continue-card,.daily-card,.quote-card,.course-card,.weekly-card,.tools-card,.tab-panel,.account-card,.assignment,.leader,.book{background:var(--surface);border-color:var(--line);border-radius:12px}.focus-card,.continue-card{background:var(--surface)}.daily-card{background:#182438}.lesson-symbol{color:#bfdbfe;background:#334155}.primary-button,.login-button{background:var(--accent);color:#fff}.primary-button:hover,.outline-button:hover,.login-button:hover{box-shadow:0 6px 16px #3b82f633}.outline-button{border-color:var(--line)}.course-art.coral,.course-art.blue,.course-art.green,.course-art.violet{background:#263b5b}.course-art>span{color:#bfdbfe}.course-art small{color:#cbd5e1}.course-card:hover{border-color:#3b82f666;transform:translateY(-2px);box-shadow:0 10px 24px #0003}.progress-track{background:#334155}.progress-track i{background:var(--accent)}.filter-pills button.active{background:var(--accent);border-color:var(--accent)}.flashcard-banner{background:#182b47}.tools-card button{background:#1e293b}.tools-card button span,.ai-icon,.book>span{color:#60a5fa}.assignment button,.book button{color:var(--accent)}.login-page{background:var(--bg)}.login-art{border-color:var(--line);background:#162338}.login-panel h1{letter-spacing:0;font-family:Cairo,Inter,sans-serif}.login-panel h1 em,.art-copy em{color:var(--accent)}.login-form input,.login-form select{border-color:var(--line);background:#111827}.login-form input:focus,.login-form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f626}.login-footer button,.password-label button{color:#60a5fa}.quick-tools{direction:ltr}.pomodoro,.ai-widget,.drawer,.teacher-modal{background:#111827;border-color:#334155}@media (width<=900px){.content-wrap{padding-inline:24px}.sidebar{flex-basis:220px;width:220px}}@media (width<=650px){.content-wrap,.topbar{padding-inline:16px}.header-actions{gap:8px}.welcome h1,.page-heading h1{font-size:34px}.continue-body,.focus-body{align-items:flex-start}.lesson-symbol{flex-basis:88px;height:110px}.course-info h3{font-size:16px}.assignment,.leader,.book{min-width:0}.assignment h3,.book h3{overflow-wrap:anywhere}}.topbar-controls{align-items:center;gap:10px;margin-inline-start:auto;display:flex}.theme-toggle,.language-toggle{border:1px solid var(--line);background:var(--surface);min-width:36px;height:34px;color:var(--text);border-radius:9px;font-size:13px}.theme-toggle:hover,.language-toggle:hover{border-color:var(--accent);color:var(--accent)}.subject-tabs{scrollbar-width:thin;gap:10px;margin:24px 0 18px;padding:8px 2px 12px;display:flex;overflow-x:auto}.subject-tab{border:1px solid var(--line);min-width:130px;min-height:68px;color:var(--muted);text-align:center;background:#182334;border-radius:12px;flex:none;padding:10px 14px;font-size:11px;transition:border-color .2s,background .2s,color .2s}.subject-tab span{color:#93c5fd;margin-bottom:5px;font-size:20px;display:block}.subject-tab:hover,.subject-tab.active{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.subject-content{border:1px solid var(--line);background:var(--surface);border-radius:12px;max-width:700px;padding:24px}.subject-content h2{margin:0 0 10px;font-size:24px}.subject-content p:not(.eyebrow){color:var(--muted);line-height:1.8}.account-card input{border:1px solid var(--line);width:100%;color:var(--text);background:#0f172a;border-radius:9px;outline:0;padding:11px 12px}.account-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f626}.secondary-button{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:9px;padding:10px 14px;font-size:11px}.secondary-button:hover{border-color:var(--accent)}.course-tabs{border-bottom:1px solid var(--line);gap:8px;margin-bottom:4px;display:flex;overflow-x:auto}.course-tab{border:1px solid var(--line);color:var(--muted);background:#182334;border-radius:9px 9px 0 0;flex:none;padding:10px 14px;font-size:11px}.course-tab.active,.course-tab:hover{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.library-summary{border-top:0;flex-wrap:wrap;align-items:baseline;gap:10px;padding:18px 0;display:flex}.library-summary strong{color:var(--text)}.library-summary span{color:var(--muted)}html[data-theme=light]{--bg:#f8fafc;--surface:#fff;--surface-2:#f1f5f9;--line:#dbe3ee;--text:#172033;--muted:#64748b;--accent-soft:#e8f0ff}html[data-theme=light] body,html[data-theme=light] .app-shell{background:var(--bg);color:var(--text)}html[data-theme=light] .sidebar{border-color:var(--line);background:#fff}html[data-theme=light] .nav-item:hover,html[data-theme=light] .nav-item.active,html[data-theme=light] .course-tab.active,html[data-theme=light] .subject-tab.active{color:#1e3a8a;background:var(--accent-soft)}html[data-theme=light] .course-card,html[data-theme=light] .account-card input,html[data-theme=light] .login-form input,html[data-theme=light] .login-form select{color:var(--text);background:#fff}html[data-theme=light] .course-info h3,html[data-theme=light] .section-heading h2,html[data-theme=light] .subject-content h2{color:var(--text)}html[data-theme=light] .subject-tab,html[data-theme=light] .course-tab{color:var(--muted);background:#f1f5f9}html[dir=rtl] .sidebar{border-left:0;border-right:1px solid var(--line)}html[dir=rtl] .nav-item.active{box-shadow:inset -3px 0 var(--accent)}@media (width<=650px){.topbar-controls{gap:5px}.theme-toggle,.language-toggle{min-width:32px}.subject-tab{min-width:116px}}html,body{direction:ltr}section[dir=rtl]{text-align:left;direction:ltr}.topbar-controls{margin-inline:auto 0}.focus-grid{grid-template-columns:minmax(0,1fr)}.focus-card{width:100%}.login-page{grid-template-columns:minmax(320px,560px);justify-content:center}.login-art,.login-quote,.quote-card{display:none}.primary-button,.login-button{background:var(--accent)}.secondary-button,.upgrade button,.tab-panel .primary-button{background:var(--accent);border-color:var(--accent);color:#fff}.secondary-button:hover,.upgrade button:hover{background:#2563eb;border-color:#2563eb}html[data-theme=light] .sidebar{background:#fff;box-shadow:0 1px 5px #0f172a12}html[data-theme=light] .main-content,html[data-theme=light] .topbar{background:#f8fafc}html[data-theme=light] .focus-card,html[data-theme=light] .daily-card,html[data-theme=light] .course-card,html[data-theme=light] .weekly-card,html[data-theme=light] .tools-card,html[data-theme=light] .account-card,html[data-theme=light] .tab-panel{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0f172a0d}html[data-theme=light] .account-card input,html[data-theme=light] .login-form input,html[data-theme=light] .login-form select{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}@media (width<=650px){.login-page{padding-inline:20px}.focus-grid{display:block}.focus-card{margin-bottom:22px}}html[data-theme=light] .brand-mark{color:#fff;background:#2563eb}html[data-theme=light] .nav-icon,html[data-theme=light] .icon-button{color:#64748b}html[data-theme=light] .nav-item.active .nav-icon,html[data-theme=light] .nav-item:hover .nav-icon{color:#2563eb}html[data-theme=light] .mini-profile{border-color:#e2e8f0}html[data-theme=light] .avatar{color:#1e40af;background:#dbeafe}html[data-theme=light] .theme-toggle{color:#1d4ed8;background:#fff;border-color:#cbd5e1}html[data-theme=light] .xp-pill{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}html[data-theme=light] .streak{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0f172a0d}html[data-theme=light] .streak strong{color:#ea580c}html[data-theme=light] .lesson-symbol{color:#1d4ed8;background:#dbeafe}html[data-theme=light] .course-art.coral{background:#fee2e2}html[data-theme=light] .course-art.blue{background:#dbeafe}html[data-theme=light] .course-art.green{background:#dcfce7}html[data-theme=light] .course-art.violet{background:#ede9fe}html[data-theme=light] .course-art>span{color:#1e3a8a}html[data-theme=light] .course-art small{color:#475569}html[data-theme=light] .course-art:after{border-color:#1e3a8a26}html[data-theme=light] .progress-track{background:#e2e8f0}html[data-theme=light] .bar-chart i{background:#bfdbfe}html[data-theme=light] .bar-chart i:nth-child(2n){background:#93c5fd}html[data-theme=light] .bar-chart i.today{background:#2563eb}html[data-theme=light] .tools-card button,html[data-theme=light] .subject-tab,html[data-theme=light] .course-tab{background:#f8fafc;border-color:#e2e8f0}html[data-theme=light] .tools-card button:hover,html[data-theme=light] .subject-tab:hover,html[data-theme=light] .course-tab:hover{background:#eff6ff;border-color:#93c5fd}html[data-theme=light] .status{color:#dc2626;background:#fee2e2}html[data-theme=light] .status.done{color:#15803d;background:#dcfce7}html[data-theme=light] .book>span{color:#1d4ed8;background:#dbeafe}html[data-theme=light] .pomodoro,html[data-theme=light] .ai-widget,html[data-theme=light] .drawer,html[data-theme=light] .teacher-modal{background:#fff;border-color:#cbd5e1;box-shadow:0 12px 30px #0f172a1a}html[data-theme=light] .pomodoro strong,html[data-theme=light] .ai-widget strong,html[data-theme=light] .teacher-modal h2,html[data-theme=light] .drawer h2{color:#0f172a}html[data-theme=light] .ai-widget input,html[data-theme=light] .drawer textarea{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.news-page{max-width:980px}.news-page .page-heading{margin-bottom:25px}.news-tabs{border-bottom:1px solid var(--line);gap:8px;margin-bottom:16px;display:flex;overflow-x:auto}.news-tab{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;flex:none;padding:10px 14px;font-size:11px;font-weight:700}.news-tab:hover,.news-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.news-list{gap:10px;max-width:820px;display:grid}.news-item{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;gap:15px;padding:18px;display:flex}.news-item-icon{background:var(--accent-soft);height:38px;color:var(--accent);border-radius:10px;flex:0 0 38px;place-items:center;display:grid}.news-item div:nth-child(2){flex:1;min-width:0}.news-item small{color:var(--muted);font-size:10px}.news-item h2{margin:3px 0;font-size:15px}.news-item p{color:var(--muted);margin:0;font-size:11px;line-height:1.7}.news-item .text-button{white-space:nowrap}.news-item:hover{border-color:#3b82f666}html[data-theme=light] .news-item{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0f172a0d}@media (width<=650px){.news-item{flex-wrap:wrap;align-items:flex-start}.news-item .text-button{margin-left:53px}.news-item h2{font-size:14px}}.avatar{position:relative;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.profile-picture-picker{cursor:pointer;justify-items:center;color:var(--accent)!important;gap:5px!important;margin:0!important;font-size:10px!important;display:grid!important}.profile-picture-picker input{display:none}.profile-picture-picker span{white-space:nowrap}.profile-picture-picker:hover .avatar{outline:2px solid var(--accent);outline-offset:2px}.exam-page h1{letter-spacing:0;margin:0;font:800 clamp(34px,4vw,54px)/1.1 Cairo,Inter,sans-serif}.exam-page .tab-description{color:var(--muted);margin:14px 0 28px;font-size:13px}.exam-timer{border:1px solid var(--line);background:var(--surface);width:fit-content;min-width:150px;color:var(--text);font-variant-numeric:tabular-nums;border-radius:8px;margin:18px 0;padding:8px 12px;font-size:12px;font-weight:700}.exam-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;gap:20px;max-width:850px;padding:24px;display:flex}.exam-icon{color:#2563eb;background:#dbeafe;border-radius:14px;flex:0 0 62px;place-items:center;height:62px;font-size:31px;display:grid}.exam-card h2{margin:0 0 4px;font-size:20px}.exam-card p:not(.eyebrow){color:var(--muted);margin:0;font-size:11px}.exam-card>div:nth-child(2){flex:1}.exam-meta{color:var(--muted);flex-wrap:wrap;gap:14px;margin-top:14px;font-size:10px;display:flex}.exam-meta span+span{border-left:1px solid var(--line);padding-left:14px}html[data-theme=dark] .exam-icon{color:#93c5fd;background:#1e3a5f}html[data-theme=light] .exam-card{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0f172a0d}@media (width<=650px){.exam-card{flex-wrap:wrap;align-items:flex-start;padding:18px}.exam-card .primary-button{width:100%}.exam-meta{gap:8px}.exam-meta span+span{padding-left:8px}}.notification-wrap{position:relative}.notification-button{color:var(--muted);background:0 0;border:0;font-size:23px;line-height:1;position:relative}.notification-count{background:var(--coral);color:#fff;text-align:center;border-radius:9px;min-width:17px;height:17px;padding:0 4px;font-size:9px;line-height:17px;position:absolute;top:-7px;right:-8px}.notification-panel{z-index:10;border:1px solid var(--line);background:var(--surface);border-radius:12px;width:min(360px,100vw - 32px);max-height:470px;padding:14px;position:absolute;top:38px;right:0;overflow:auto;box-shadow:0 18px 45px #0008}.notification-panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.notification-item{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--text);text-align:right;background:0 0;gap:4px;padding:12px 4px;display:grid}.notification-item.read{opacity:.6}.notification-item span,.notification-item small{color:var(--muted);font-size:11px}.notification-item small{font-size:9px}@media (width<=650px){.notification-panel{position:fixed;top:62px;right:16px}}.teacher-stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:24px 0 32px}.teacher-stat{padding:18px}.teacher-stat h2{margin:0;font-size:28px}.teacher-content-heading{justify-content:space-between;align-items:center;gap:16px;margin:22px 0 14px;display:flex}.teacher-content-heading h2,.teacher-editor h3{margin:0}.teacher-editor{gap:12px;margin-bottom:18px;display:grid}.teacher-editor input,.teacher-editor select,.teacher-editor textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#0f172a;border-radius:9px;outline:0;padding:11px 12px}.teacher-editor textarea{resize:vertical;min-height:92px}.teacher-editor input:focus,.teacher-editor select:focus,.teacher-editor textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f626}.teacher-checkbox{width:fit-content;color:var(--text);align-items:center;gap:9px;font-size:12px;display:flex}.teacher-editor .teacher-checkbox input{width:16px;height:16px;accent-color:var(--accent);padding:0}.teacher-form-actions,.teacher-record-actions{align-items:center;gap:10px;display:flex}.teacher-success{color:#22c55e;font-size:11px}.danger-button,.logout-action{color:#f87171}.topbar-logout{border:1px solid var(--line);min-height:34px;color:var(--text);background:0 0;border-radius:8px;padding:6px 10px;font-size:11px;font-weight:700}.topbar-logout:hover{color:#f87171;border-color:#f87171}.mobile-navigation{border:1px solid var(--line);background:var(--surface);min-width:0;color:var(--text);border-radius:8px;padding:7px 9px;font-size:11px;display:none}html[data-theme=light] .teacher-editor input,html[data-theme=light] .teacher-editor select,html[data-theme=light] .teacher-editor textarea{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}@media (width<=650px){.topbar{flex-wrap:wrap;height:auto;min-height:70px;padding-block:10px}.mobile-navigation{flex:0 0 100%;order:4;width:100%;display:block}.topbar .search-wrap{display:none}.topbar-logout{padding-inline:8px}.teacher-content-heading{align-items:flex-start}.teacher-record-actions{width:100%;margin-left:53px}.teacher-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.homework-page{max-width:960px}.homework-list{gap:14px;display:grid}.homework-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:20px}.homework-card>p{color:var(--muted);line-height:1.7}.homework-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.homework-heading h2{margin:0;font-size:19px}.homework-status{background:var(--accent-soft);color:var(--accent);border-radius:6px;flex:none;padding:5px 9px;font-size:10px;font-weight:700}.homework-status.graded{color:#86efac;background:#14532d55}.homework-status.overdue{color:#fca5a5;background:#7f1d1d55}.homework-meta{color:var(--muted);flex-wrap:wrap;gap:10px 18px;margin:14px 0;font-size:11px;display:flex}.homework-meta strong{color:var(--text)}.homework-response{gap:10px;margin-top:14px;display:grid}.homework-response textarea,.homework-form-row input,.homework-form-row textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#0f172a;border-radius:8px;outline:0;padding:11px 12px}.homework-response textarea{resize:vertical;min-height:120px}.homework-feedback,.submission-content{border-left:3px solid var(--accent);background:var(--accent-soft);margin-top:14px;padding:14px}.homework-feedback p{color:var(--muted);margin-bottom:0}.homework-form-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.homework-form-row label{color:var(--muted);gap:5px;font-size:11px;display:grid}.homework-form-row .feedback-field{grid-column:span 2}.homework-review{border-top:1px solid var(--line);margin-top:32px;padding-top:20px}html[data-theme=light] .homework-card{background:#fff;border-color:#e2e8f0}html[data-theme=light] .homework-response textarea,html[data-theme=light] .homework-form-row input,html[data-theme=light] .homework-form-row textarea{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}@media (width<=650px){.homework-form-row{grid-template-columns:1fr}.homework-form-row .feedback-field{grid-column:auto}.homework-heading{gap:10px}.homework-card{padding:16px}}.library-page{max-width:1040px}.library-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.library-heading .primary-button{flex:none}.library-filters{border-bottom:1px solid var(--line);gap:4px;margin:22px 0;display:flex;overflow-x:auto}.library-editor{max-width:760px}.library-form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.library-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-width:0;padding:20px}.library-card h2{overflow-wrap:anywhere;margin:16px 0 8px;font-size:19px}.library-card>p{min-height:48px;color:var(--muted);line-height:1.6}.library-type{color:#fbbf24;align-items:center;gap:7px;font-size:10px;font-weight:800;display:inline-flex}.library-type span{background:#78350f55;border-radius:6px;place-items:center;width:28px;height:28px;font-size:14px;display:grid}.library-type-video{color:#fb7185}.library-type-video span{background:#88133755}.library-type-link{color:#5eead4}.library-type-link span{background:#134e4a66}.library-meta{color:var(--muted);flex-wrap:wrap;gap:7px 14px;margin:14px 0;font-size:10px;display:flex}.library-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.library-actions .primary-button{text-decoration:none}html[data-theme=light] .library-card{background:#fff;border-color:#e2e8f0}@media (width<=760px){.library-grid{grid-template-columns:1fr}.library-heading{flex-direction:column}.library-form-row{grid-template-columns:1fr}.library-card>p{min-height:0}}.leaderboard-page{max-width:1040px}.leaderboard-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.leaderboard-scope{color:var(--muted);flex:0 0 min(320px,40%);gap:6px;font-size:10px;font-weight:700;display:grid}.leaderboard-scope select{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);border-radius:8px;padding:10px 12px}.leaderboard-summary{border:1px solid var(--line);background:var(--line);border-radius:8px;grid-template-columns:140px minmax(180px,1fr) minmax(210px,1fr);gap:1px;margin:24px 0;display:grid;overflow:hidden}.leaderboard-summary>div{background:var(--surface);gap:5px;min-width:0;padding:14px 16px;display:grid}.leaderboard-summary span{color:var(--muted);font-size:10px}.leaderboard-summary strong{overflow-wrap:anywhere}.leaderboard-summary .current-rank{border-left:3px solid #fbbf24}.leaderboard-podium{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px;margin-bottom:20px;display:grid}.podium-place{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:8px;place-items:center;gap:10px;min-width:0;padding:22px 14px 18px;display:grid;position:relative}.podium-place>div:not(.leaderboard-avatar){min-width:0;display:grid}.podium-place strong,.podium-place span{overflow-wrap:anywhere}.podium-place span{color:var(--muted);font-size:10px}.podium-place b{color:#fbbf24;font-size:12px}.podium-1{border-top:3px solid #fbbf24;min-height:210px}.podium-2{border-top:3px solid #94a3b8;min-height:185px}.podium-3{border-top:3px solid #fb923c;min-height:170px}.podium-medal{background:var(--accent-soft);border-radius:50%;place-items:center;width:22px;height:22px;font-weight:800;display:grid;position:absolute;top:8px;left:10px;color:var(--text)!important}.leaderboard-avatar{color:#67e8f9;background:#164e63;border-radius:50%;place-items:center;width:54px;height:54px;font-size:14px;font-weight:800;display:grid}.leaderboard-avatar.small{width:34px;height:34px;font-size:10px}.leaderboard-table{border:1px solid var(--line);background:var(--surface);border-radius:8px;overflow:hidden}.leaderboard-row{border-bottom:1px solid var(--line);grid-template-columns:70px minmax(180px,1.4fr) minmax(150px,1fr) 90px;align-items:center;gap:14px;min-height:66px;padding:10px 16px;display:grid}.leaderboard-row:last-child{border-bottom:0}.leaderboard-row.current-user{background:var(--accent-soft);box-shadow:inset 3px 0 var(--accent)}.leaderboard-table-head{min-height:42px;color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:800}.leaderboard-student{align-items:center;gap:10px;min-width:0;display:flex}.leaderboard-student>div:last-child{min-width:0;display:grid}.leaderboard-student strong,.leaderboard-student span{overflow-wrap:anywhere}.leaderboard-student span,.activity-count{color:var(--muted);font-size:10px}.rank-number{color:var(--muted)}.leaderboard-points{color:#fbbf24;text-align:right}.leaderboard-empty{color:var(--muted);padding:20px}html[data-theme=light] .leaderboard-scope select,html[data-theme=light] .leaderboard-summary>div,html[data-theme=light] .podium-place,html[data-theme=light] .leaderboard-table{background:#fff;border-color:#e2e8f0}@media (width<=700px){.leaderboard-heading{flex-direction:column}.leaderboard-scope{width:100%;max-width:none}.leaderboard-summary{grid-template-columns:1fr 1fr}.leaderboard-summary .current-rank{grid-column:1/-1}.leaderboard-podium{grid-template-columns:1fr;align-items:stretch}.podium-place,.podium-1,.podium-2,.podium-3{text-align:left;grid-template-columns:auto minmax(0,1fr) auto;place-items:center start;min-height:0}.podium-place>div:not(.leaderboard-avatar){text-align:left}.leaderboard-row{grid-template-columns:44px minmax(0,1fr) 76px;gap:8px;padding-inline:10px}.leaderboard-table-head span:nth-child(3),.activity-count{display:none}.leaderboard-points{font-size:11px}}.help-page{max-width:1080px}.help-layout{grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:20px;margin-top:28px;display:grid}.help-section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.help-section-heading h2,.support-form h2{margin:0;font-size:20px}.help-section-heading input{border:1px solid var(--line);background:var(--surface);width:min(240px,44%);color:var(--text);border-radius:8px;padding:10px 12px}.faq-list,.support-list{gap:10px;display:grid}.faq-item{border:1px solid var(--line);background:var(--surface);border-radius:8px}.faq-item summary{color:var(--text);cursor:pointer;gap:5px;padding:16px;font-weight:700;display:grid}.faq-item summary span{color:#5eead4;text-transform:uppercase;font-size:9px}.faq-item p{color:var(--muted);margin:0;padding:0 16px 16px;line-height:1.65}.support-form-wrap{align-self:start}.support-form{border:1px solid var(--line);background:var(--surface);border-top:3px solid #fbbf24;border-radius:8px;gap:12px;padding:18px;display:grid}.support-form label{color:var(--muted);gap:6px;font-size:10px;font-weight:700;display:grid}.support-form input,.support-form select,.support-form textarea,.support-admin-editor select,.support-admin-editor textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#0f172a;border-radius:8px;padding:10px 11px}.support-form textarea{resize:vertical;min-height:130px}.support-history{border-top:1px solid var(--line);margin-top:34px;padding-top:24px}.support-count{color:var(--muted);font-size:10px}.support-ticket{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-width:0;padding:18px}.support-ticket-heading{justify-content:space-between;gap:18px;display:flex}.support-ticket-heading h3{overflow-wrap:anywhere;margin:10px 0 4px}.support-ticket-heading p,.support-ticket>p{color:var(--muted)}.support-ticket-heading time{color:var(--muted);flex:none;font-size:9px}.ticket-status,.ticket-category{background:var(--accent-soft);color:var(--accent);border-radius:5px;margin-right:7px;padding:4px 7px;font-size:9px;font-weight:800;display:inline-block}.ticket-category{color:#5eead4;background:#134e4a66}.status-resolved{color:#86efac;background:#14532d55}.status-in_progress{color:#fbbf24;background:#78350f55}.support-response{background:#134e4a33;border-left:3px solid #5eead4;margin-top:14px;padding:13px}.support-response p{color:var(--muted);margin-bottom:0}.lesson-media-frame{aspect-ratio:16/9;background:#000;border-radius:8px;width:100%;max-width:860px;margin-top:14px;overflow:hidden}.lesson-media-frame iframe{border:0;width:100%;height:100%;display:block}.lesson-video{aspect-ratio:16/9;background:#000;border:0;border-radius:8px;width:100%;max-width:860px;height:auto;margin-top:14px;display:block}.lesson-media-fallback{color:var(--muted);margin:14px 0 0}.lesson-media-fallback a{color:var(--accent);font-weight:700}.support-admin-editor{grid-template-columns:180px minmax(0,1fr) auto;align-items:end;gap:10px;margin-top:14px;display:grid}.support-admin-editor textarea{resize:vertical;min-height:64px}html[data-theme=light] .help-section-heading input,html[data-theme=light] .faq-item,html[data-theme=light] .support-form,html[data-theme=light] .support-ticket{background:#fff;border-color:#e2e8f0}html[data-theme=light] .support-form input,html[data-theme=light] .support-form select,html[data-theme=light] .support-form textarea,html[data-theme=light] .support-admin-editor select,html[data-theme=light] .support-admin-editor textarea{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}@media (width<=820px){.help-layout{grid-template-columns:1fr}.support-form-wrap{grid-row:1}.support-admin-editor{grid-template-columns:1fr;align-items:stretch}}@media (width<=520px){.help-section-heading,.support-ticket-heading{flex-direction:column}.help-section-heading input{width:100%}.support-ticket-heading time{order:-1}.support-form,.support-ticket{padding:15px}}