:root{--wine:#641f35;--wine2:#8c3150;--gold:#d49b45;--ink:#241b1d;--muted:#756b6e;--cream:#fbf7f0;--paper:#fff;--line:#eadfd6;--green:#27745c;--blue:#315b7d;--shadow:0 16px 45px rgba(63,28,39,.11);--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:#f7f3ed}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:var(--wine);text-decoration:none}.hidden{display:none!important}.prototype-ribbon{height:28px;background:#25171c;color:#f9e9c6;text-align:center;font-size:11px;letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;position:fixed;inset:0 0 auto;z-index:80}.brand{display:flex;gap:10px;align-items:center}.brand-mark{width:42px;height:42px;border:1px solid rgba(100,31,53,.28);border-radius:50%;display:grid;place-items:center;font-family:"Playfair Display";font-weight:700;color:var(--wine);background:#fff}.brand b{font-family:"Playfair Display";display:block;font-size:18px;line-height:1}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.12em;text-transform:uppercase;margin-top:5px}.brand-light .brand-mark{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3);color:#fff}.brand-light small{color:#e7cfcf}.login-view{min-height:100vh;padding-top:28px;display:grid;grid-template-columns:1.08fr .92fr;background:var(--paper)}.login-art{padding:44px 70px;position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 80% 20%,rgba(212,155,69,.26),transparent 30%),linear-gradient(145deg,#3b1121,#792744 75%,#9b4f58)}.login-art:before,.login-art:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%}.login-art:before{width:560px;height:560px;right:-230px;bottom:-180px}.login-art:after{width:360px;height:360px;right:-115px;bottom:-85px}.hero-copy{max-width:650px;margin:19vh 0 0;position:relative;z-index:1}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.24em;color:#f0c77d}.hero-copy h1{font:700 clamp(52px,7vw,96px)/.97 "Playfair Display";margin:18px 0}.hero-copy p{max-width:540px;font-size:18px;line-height:1.7;color:#f1e5e8}.sound-wave{display:flex;gap:8px;align-items:center;height:90px;position:absolute;bottom:60px;left:70px}.sound-wave i{display:block;width:5px;border-radius:6px;background:#e8b45c;animation:wave 1.4s ease-in-out infinite}.sound-wave i:nth-child(1),.sound-wave i:nth-child(9){height:20px}.sound-wave i:nth-child(2),.sound-wave i:nth-child(8){height:42px;animation-delay:.1s}.sound-wave i:nth-child(3),.sound-wave i:nth-child(7){height:70px;animation-delay:.2s}.sound-wave i:nth-child(4),.sound-wave i:nth-child(6){height:50px;animation-delay:.3s}.sound-wave i:nth-child(5){height:86px;animation-delay:.4s}@keyframes wave{50%{transform:scaleY(.45)}}.login-panel{display:grid;place-items:center;padding:56px}.login-card{width:min(430px,100%)}.login-card h2{font:700 42px "Playfair Display";margin:22px 0 8px}.login-card>p{color:var(--muted);margin:0 0 32px}.login-card label{display:block;font-size:12px;font-weight:700;margin:18px 0 8px}.login-card input{width:100%;border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff;outline:none}.login-card input:focus{border-color:var(--wine);box-shadow:0 0 0 3px rgba(100,31,53,.1)}.password-row{display:flex;position:relative}.password-row .icon-btn{position:absolute;right:8px;top:7px}.btn{border:0;border-radius:12px;padding:13px 18px;font-weight:700}.btn.primary{background:var(--wine);color:#fff;box-shadow:0 8px 20px rgba(100,31,53,.2)}.btn.primary:hover{background:#7d2944}.btn.secondary{background:#f4e8da;color:var(--wine)}.btn.ghost{background:transparent;color:var(--wine);border:1px solid #d9c6bc}.btn.full{width:100%;margin-top:14px}.btn.small{padding:9px 13px;font-size:12px}.pill{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700;align-items:center;gap:6px}.pill.soft{background:#f2e8e8;color:var(--wine)}.pill.green{background:#e6f3ed;color:var(--green)}.pill.gold{background:#faefd8;color:#8b5e18}.pill.blue{background:#e6eef4;color:var(--blue)}.login-links{display:flex;justify-content:space-between;font-size:12px;margin:22px 0}.demo-note{color:#9a8f92;display:block;line-height:1.5}.mobile-brand{display:none}.app-view{min-height:100vh;padding-top:28px}.sidebar{position:fixed;left:0;top:28px;bottom:0;width:270px;background:#fff;border-right:1px solid var(--line);padding:28px 18px 18px;z-index:50;display:flex;flex-direction:column}.sidebar .brand{padding:0 10px 24px}.sidebar nav{overflow:auto;flex:1;padding-right:4px}.nav-section{font-size:9px;color:#a29899;text-transform:uppercase;letter-spacing:.18em;margin:22px 12px 8px}.nav-item{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:11px;color:#62575a;font-size:13px;margin:2px 0;transition:.2s}.nav-item i{width:22px;text-align:center;font-style:normal;font-size:16px}.nav-item span.badge{margin-left:auto;background:#f1d7dd;color:var(--wine);border-radius:12px;padding:2px 7px;font-size:9px}.nav-item:hover,.nav-item.active{background:#f6ece7;color:var(--wine);font-weight:700}.sidebar-foot{border-top:1px solid var(--line);padding:16px 8px 0;display:flex;align-items:center;justify-content:space-between}.mini-profile{display:flex;gap:9px;align-items:center}.mini-profile b{font-size:11px;display:block}.mini-profile small{font-size:8px;color:var(--muted)}.avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,#8b3d55,#d89b69);display:inline-grid;place-items:center;color:#fff;font-weight:700;font-size:11px;flex:0 0 auto}.icon-btn,.menu-btn{border:0;background:transparent;border-radius:10px;width:38px;height:38px;display:grid;place-items:center;color:var(--wine)}.icon-btn:hover,.menu-btn:hover{background:#f5ebe7}.main-shell{margin-left:270px}.topbar{height:88px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px;justify-content:space-between;position:sticky;top:28px;z-index:40}.topbar h2{font:700 22px "Playfair Display";margin:2px 0 0}.crumb{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#9e9293}.top-actions{display:flex;align-items:center;gap:10px}.notify{position:relative}.notify span{position:absolute;right:1px;top:0;width:16px;height:16px;border-radius:50%;background:#c13e4f;color:#fff;font-size:9px;display:grid;place-items:center}.support-chip{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 13px;color:var(--wine)}.menu-btn{display:none}main{padding:30px 34px 60px;max-width:1550px;margin:auto}.grid{display:grid;gap:18px}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 5px 20px rgba(52,29,33,.04)}.card.clickable{cursor:pointer;transition:.2s}.card.clickable:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.section-head{display:flex;justify-content:space-between;align-items:center;margin:28px 0 14px}.section-head h3{font:700 22px "Playfair Display";margin:0}.section-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.text-btn{border:0;background:transparent;color:var(--wine);font-weight:700}.hero-card{border-radius:26px;background:radial-gradient(circle at 88% 16%,rgba(236,189,106,.32),transparent 30%),linear-gradient(120deg,#4b172a,#7d2948);color:#fff;padding:30px;position:relative;overflow:hidden}.hero-card h1{font:700 38px "Playfair Display";margin:10px 0}.hero-card p{color:#eadde0;max-width:600px;line-height:1.6}.hero-card .actions{display:flex;gap:10px;margin-top:22px}.hero-card .btn.secondary{background:#fff;color:var(--wine)}.hero-card .live-orb{position:absolute;right:45px;top:27px;width:160px;height:160px;border-radius:50%;border:1px solid rgba(255,255,255,.2);display:grid;place-items:center}.live-orb:before,.live-orb:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%}.live-orb:before{inset:16px}.live-orb:after{inset:33px}.live-orb span{width:65px;height:65px;border-radius:50%;background:#e0a550;display:grid;place-items:center;font-size:25px;z-index:1}.stat-card{display:flex;align-items:flex-start;justify-content:space-between}.stat-card strong{font-size:30px;font-family:"Playfair Display"}.stat-card small{color:var(--muted);display:block;margin-top:5px}.stat-icon{width:42px;height:42px;border-radius:14px;background:#f5ebe6;display:grid;place-items:center;color:var(--wine)}.course-card{display:flex;gap:18px;align-items:center}.course-art{width:100px;height:110px;border-radius:16px;background:linear-gradient(145deg,#f1d7b6,#a8495f);display:grid;place-items:center;font-size:38px;color:#fff}.course-card h3{margin:4px 0;font-family:"Playfair Display"}.progress{height:8px;background:#eee5df;border-radius:8px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--wine),#ce7a5e);border-radius:8px}.row-between{display:flex;justify-content:space-between;align-items:center}.muted{color:var(--muted)}.small{font-size:12px}.class-list,.assignment-list,.message-list{display:grid;gap:10px}.class-row,.assignment-row,.message-row{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;border:1px solid var(--line);padding:14px;border-radius:14px;background:#fff}.date-block{width:54px;height:58px;border-radius:13px;background:#f7ede8;display:grid;place-items:center;color:var(--wine)}.date-block b{font-size:20px;line-height:1}.date-block small{text-transform:uppercase;font-size:9px}.class-row h4,.assignment-row h4{margin:0 0 4px}.tabs{display:flex;gap:4px;background:#eee7e2;padding:4px;border-radius:12px;width:max-content;max-width:100%;overflow:auto}.tab{border:0;background:transparent;padding:9px 14px;border-radius:9px;color:var(--muted);white-space:nowrap}.tab.active{background:#fff;color:var(--wine);font-weight:700;box-shadow:0 2px 8px rgba(60,30,35,.06)}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.cal-day{background:#fff;border:1px solid var(--line);border-radius:12px;min-height:94px;padding:9px;font-size:11px}.cal-day.out{opacity:.38}.cal-day.selected{border:2px solid var(--wine)}.cal-day .slot{display:block;background:#e7f1ed;color:var(--green);border-radius:7px;padding:4px;margin-top:5px}.cal-day .booked{background:#f3e5e9;color:var(--wine)}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.resource{border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff}.resource .thumb{height:120px;border-radius:12px;background:linear-gradient(135deg,#f1e3d1,#e8bd96);display:grid;place-items:center;font-size:38px;margin-bottom:13px}.resource h4{margin:0 0 5px}.timeline{position:relative;padding-left:24px}.timeline:before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:#e8d8cf}.timeline-item{position:relative;padding:0 0 22px}.timeline-item:before{content:"";position:absolute;left:-22px;top:3px;width:12px;height:12px;border:3px solid #fff;background:var(--wine);border-radius:50%;box-shadow:0 0 0 1px #d5bdb6}.timeline-item h4{margin:0 0 4px}.level-map{display:grid;gap:12px}.lesson{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);padding:14px;border-radius:14px;background:#fff}.lesson-num{width:40px;height:40px;border-radius:50%;background:#f4e7e1;display:grid;place-items:center;color:var(--wine);font-weight:700}.lesson.locked{opacity:.55}.practice-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.tool-pad{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px;text-align:center}.tool-pad .tool-icon{font-size:25px;margin-bottom:7px}.streak{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.streak span{aspect-ratio:1;border-radius:10px;background:#eee7e2;display:grid;place-items:center;font-size:10px}.streak span.done{background:var(--wine);color:#fff}.chat{height:480px;display:flex;flex-direction:column}.chat-body{flex:1;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:10px}.bubble{max-width:72%;padding:12px 14px;border-radius:16px;background:#f0e8e3;font-size:13px;line-height:1.5}.bubble.me{align-self:flex-end;background:var(--wine);color:#fff}.chat-input{display:flex;gap:8px;border-top:1px solid var(--line);padding-top:14px}.chat-input input{flex:1;border:1px solid var(--line);border-radius:12px;padding:12px}.video-room{background:#171416;border-radius:22px;padding:16px;color:#fff}.video-grid{display:grid;grid-template-columns:2fr 1fr;gap:12px;min-height:440px}.video-main,.video-self{border-radius:17px;background:linear-gradient(145deg,#4f2434,#261b20);position:relative;display:grid;place-items:center;overflow:hidden}.teacher-visual{width:150px;height:150px;border-radius:50%;background:linear-gradient(145deg,#e0b193,#96465a);display:grid;place-items:center;font:700 48px "Playfair Display"}.video-main .name,.video-self .name{position:absolute;left:12px;bottom:12px;background:rgba(0,0,0,.45);padding:7px 10px;border-radius:9px;font-size:11px}.video-side{display:grid;grid-template-rows:1fr 1fr;gap:12px}.notation-panel{background:#f8efe4;color:var(--ink);border-radius:17px;padding:20px}.notation-panel h3{font-family:"Playfair Display"}.swara{font-size:19px;letter-spacing:.14em;color:var(--wine);line-height:2}.video-controls{display:flex;justify-content:center;gap:10px;padding-top:14px}.control{border:0;border-radius:50%;width:44px;height:44px;background:#393035;color:#fff}.control.end{background:#c93c4e;width:60px;border-radius:22px}.modal{position:fixed;inset:0;background:rgba(30,16,22,.62);z-index:100;display:grid;place-items:center;padding:22px}.modal-card{background:#fff;border-radius:22px;padding:26px;width:min(620px,100%);max-height:90vh;overflow:auto;position:relative;box-shadow:var(--shadow)}.modal-close{position:absolute;right:12px;top:10px;border:0;background:#f5eeea;border-radius:50%;width:34px;height:34px}.toast{position:fixed;bottom:24px;right:24px;background:#25181c;color:#fff;border-radius:13px;padding:13px 18px;transform:translateY(120px);opacity:0;transition:.3s;z-index:110}.toast.show{transform:none;opacity:1}.empty{text-align:center;padding:55px 20px}.empty .empty-icon{font-size:42px}.empty h3{font-family:"Playfair Display"}.filter-row{display:flex;gap:10px;flex-wrap:wrap}.filter{border:1px solid var(--line);border-radius:10px;padding:9px 12px;background:#fff}.table-wrap{overflow:auto}.data-table{border-collapse:collapse;width:100%;min-width:650px}.data-table th,.data-table td{text-align:left;padding:13px;border-bottom:1px solid var(--line);font-size:12px}.data-table th{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.09em}.reward-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.badge-card{text-align:center;padding:20px}.badge-medal{width:78px;height:78px;border-radius:50%;background:radial-gradient(circle,#fff5d7,#d7a750);display:grid;place-items:center;margin:0 auto 12px;font-size:29px;border:5px solid #f8e8b5}.badge-card.locked{filter:grayscale(1);opacity:.48}.community-post{padding:18px;border-bottom:1px solid var(--line)}.community-post:last-child{border:0}.post-head{display:flex;gap:10px;align-items:center}.post-actions{display:flex;gap:18px;margin-top:12px;color:var(--muted);font-size:12px}.profile-grid{display:grid;grid-template-columns:300px 1fr;gap:18px}.profile-cover{text-align:center}.profile-cover .avatar{width:100px;height:100px;font-size:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:7px}.field input,.field select,.field textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff}.refer-hero{text-align:center;padding:42px;background:radial-gradient(circle at top,#f6dca8,transparent 45%),#fff}.refer-code{display:flex;justify-content:center;gap:8px;margin:20px}.refer-code strong{padding:13px 22px;border:1px dashed var(--wine);border-radius:12px;letter-spacing:.18em}.stepper{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step{text-align:center;padding:20px}.step b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--wine);color:#fff;margin:auto}.notification-item{display:flex;gap:13px;padding:15px;border-bottom:1px solid var(--line)}.notification-item.unread{background:#fff7f1}.notification-item h4{margin:0 0 4px}.menu-overlay{display:none}
@media(max-width:1100px){.grid.cols-4{grid-template-columns:repeat(2,1fr)}.resource-grid{grid-template-columns:repeat(2,1fr)}.reward-grid{grid-template-columns:repeat(3,1fr)}.practice-tools{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.login-view{grid-template-columns:1fr}.login-art{display:none}.mobile-brand{display:flex;margin-bottom:45px}.login-panel{padding:65px 24px}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none;box-shadow:var(--shadow)}.main-shell{margin-left:0}.menu-btn{display:grid}.topbar{padding:0 17px}.top-actions .support-chip span{display:none}main{padding:22px 16px 50px}.hero-card .live-orb{display:none}.grid.cols-3,.grid.cols-2{grid-template-columns:1fr}.profile-grid{grid-template-columns:1fr}.video-grid{grid-template-columns:1fr;min-height:650px}.video-side{grid-template-columns:1fr 1fr;grid-template-rows:220px}.resource-grid{grid-template-columns:1fr 1fr}.reward-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.grid.cols-4{grid-template-columns:1fr 1fr}.hero-card{padding:24px}.hero-card h1{font-size:30px}.hero-card .actions{flex-direction:column}.course-card{align-items:flex-start}.course-art{width:72px;height:84px}.class-row,.assignment-row{grid-template-columns:auto 1fr}.class-row>button,.assignment-row>button{grid-column:1/-1}.calendar{gap:3px}.cal-day{min-height:68px;padding:5px;font-size:9px}.resource-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.stepper{grid-template-columns:1fr}.video-side{grid-template-columns:1fr;grid-template-rows:auto}.topbar h2{font-size:18px}.support-chip{display:none}}

/* Presentation polish and selectable raga themes */
.brand-logo{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 5px 12px #2e071733)}.sidebar .brand-logo{width:48px;height:48px}.brand-light .brand-logo{filter:drop-shadow(0 8px 18px #0005)}
.login-view .brand-logo{width:78px;height:78px}.login-view .brand{gap:14px}.login-view .brand b{font-size:21px}.login-view .brand small{font-size:10px;letter-spacing:1.8px}
.btn.google{background:#fff;color:#2b2024;border:1px solid var(--line);margin-top:10px;box-shadow:0 4px 14px #28131a0b}.btn.google:hover{border-color:#b8aea9;background:#fcfbfa}.google-mark{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;font-weight:800;font-family:Arial,sans-serif;color:#4285f4;border:2px solid #4285f4;margin-right:8px}
.avatar-button{border:0;padding:0;cursor:pointer}.avatar.has-photo{background-size:cover;background-position:center;color:transparent}.profile-photo-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:14px 0}.profile-photo-actions input{display:none}
.theme-button{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--card);padding:9px 12px;border-radius:999px;color:var(--text);font-weight:700;cursor:pointer}.theme-dot{width:17px;height:17px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--gold));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}
.login-theme-preview{margin:18px 0 4px;padding:12px;border-radius:14px;background:var(--soft);display:flex;align-items:center;gap:10px}.login-theme-preview span{font-size:11px;font-weight:700;color:var(--muted);margin-right:auto}.login-theme-preview button{width:24px;height:24px;border-radius:50%;border:3px solid #fff;box-shadow:0 1px 5px #0002;cursor:pointer}.login-theme-preview button[data-theme=saffron]{background:linear-gradient(135deg,#671a3d,#e9a03b)}.login-theme-preview button[data-theme=midnight]{background:linear-gradient(135deg,#171b4b,#b673d8)}.login-theme-preview button[data-theme=monsoon]{background:linear-gradient(135deg,#155e63,#ddb65b)}.login-theme-preview button[data-theme=lotus]{background:linear-gradient(135deg,#8e315b,#ef8d87)}
.theme-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:20px 0}.theme-card{border:2px solid var(--line);border-radius:18px;padding:0;overflow:hidden;background:var(--card);text-align:left;cursor:pointer;color:var(--text);transition:.2s}.theme-card:hover,.theme-card.active{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 12px 28px #27101a18}.theme-swatch{height:86px;padding:14px;display:flex;gap:8px;align-items:flex-end}.theme-swatch i{display:block;width:30px;border-radius:20px 20px 5px 5px}.theme-swatch i:nth-child(1){height:48px;background:var(--sw1)}.theme-swatch i:nth-child(2){height:66px;background:var(--sw2)}.theme-swatch i:nth-child(3){height:38px;background:var(--sw3)}.theme-card-content{padding:14px}.theme-card-content b,.theme-card-content small{display:block}.theme-card-content small{color:var(--muted);margin-top:4px}.theme-check{float:right;background:var(--primary);color:#fff;border-radius:50%;width:22px;height:22px;display:none;text-align:center;line-height:22px}.theme-card.active .theme-check{display:block}
body[data-theme=midnight]{--primary:#313878;--primary-2:#171b4b;--wine:#313878;--wine2:#6f56ad;--gold:#bf7bd3;--soft:#f2effa;--cream:#f7f6fb;--paper:#fff;--ink:#181a35;--text:#181a35;--muted:#666985;--line:#dedcec;--accent-soft:#eeecf8;--accent-hover:#e6e2f4;--accent-mid:#d7d0ef}body[data-theme=midnight] .hero-card,body[data-theme=midnight] .login-art{background:radial-gradient(circle at 78% 22%,#8f64b8 0 8%,transparent 9%),linear-gradient(135deg,#151943,#333c83 62%,#865ca7)}
body[data-theme=monsoon]{--primary:#17646a;--primary-2:#0e4148;--wine:#17646a;--wine2:#27888a;--gold:#c1983e;--soft:#eaf5f3;--cream:#f4f8f7;--paper:#fff;--ink:#173638;--text:#173638;--muted:#617879;--line:#d5e4e2;--accent-soft:#e7f3f1;--accent-hover:#dcefeb;--accent-mid:#c9e5df}body[data-theme=monsoon] .hero-card,body[data-theme=monsoon] .login-art{background:radial-gradient(circle at 80% 20%,#e2bd61 0 8%,transparent 9%),linear-gradient(135deg,#0f464c,#1c7476 62%,#7d9a7b)}
body[data-theme=lotus]{--primary:#8d315b;--primary-2:#58203d;--wine:#8d315b;--wine2:#ba5775;--gold:#d78769;--soft:#fff0f1;--cream:#fff8f6;--paper:#fff;--ink:#482236;--text:#482236;--muted:#806873;--line:#efdadd;--accent-soft:#fbecef;--accent-hover:#f8e2e7;--accent-mid:#f2cfd7}body[data-theme=lotus] .hero-card,body[data-theme=lotus] .login-art{background:radial-gradient(circle at 80% 20%,#f2a291 0 8%,transparent 9%),linear-gradient(135deg,#672342,#a84469 62%,#d98279)}
body[data-theme=saffron]{--primary:#641f35;--primary-2:#3f1223;--wine:#641f35;--wine2:#8c3150;--gold:#d79b44;--soft:#fbf1e8;--cream:#faf7f3;--paper:#fff;--ink:#2b2024;--text:#2b2024;--muted:#76686d;--line:#eadfd8;--accent-soft:#f6ece7;--accent-hover:#f5ebe7;--accent-mid:#f1d7dd}
body{background:var(--cream)}.nav-item:hover,.nav-item.active{background:var(--accent-soft);color:var(--wine)}.nav-item span.badge{background:var(--accent-mid);color:var(--wine)}.icon-btn:hover,.menu-btn:hover{background:var(--accent-hover)}.stat-icon,.lesson-num{background:var(--accent-soft);color:var(--wine)}.date-block{background:var(--accent-soft);color:var(--wine)}.pill.soft{background:var(--accent-soft);color:var(--wine)}.progress i{background:linear-gradient(90deg,var(--wine),var(--wine2))}.streak span.done,.bubble.me,.step b{background:var(--wine)}.cal-day.selected{border-color:var(--wine)}.theme-button{background:var(--paper);color:var(--ink)}
body[data-theme] .sidebar{background:color-mix(in srgb,var(--paper) 92%,var(--soft));border-color:var(--line)}body[data-theme] .topbar{background:color-mix(in srgb,var(--paper) 90%,var(--soft));border-color:var(--line)}body[data-theme] .sidebar-foot{background:color-mix(in srgb,var(--paper) 76%,var(--soft));margin:0 -18px -18px;padding:16px 26px 18px}body[data-theme] .prototype-ribbon{background:var(--primary-2);color:#fff}body[data-theme] .btn.primary{background:var(--wine);box-shadow:0 8px 20px color-mix(in srgb,var(--wine) 24%,transparent)}body[data-theme] .btn.primary:hover{background:var(--wine2)}body[data-theme] .btn.secondary{background:var(--accent-soft);color:var(--wine)}body[data-theme] .btn.ghost{color:var(--wine);border-color:var(--accent-mid)}body[data-theme] .text-btn,body[data-theme] a{color:var(--wine)}body[data-theme] .notify span{background:var(--wine2)}body[data-theme] .support-chip{color:var(--wine);background:var(--paper)}body[data-theme] .course-art{background:linear-gradient(145deg,var(--gold),var(--wine2))}body[data-theme] .avatar{background-color:var(--wine);background-image:linear-gradient(145deg,var(--wine),var(--gold))}body[data-theme] .toast{background:var(--primary-2)}body[data-theme] .modal-card,body[data-theme] .card,body[data-theme] .class-row,body[data-theme] .assignment-row,body[data-theme] .resource{background:var(--paper)}body[data-theme] .tab.active{color:var(--wine)}body[data-theme] .swara{color:var(--wine)}body[data-theme] input:focus,body[data-theme] textarea:focus,body[data-theme] select:focus{border-color:var(--wine);box-shadow:0 0 0 3px color-mix(in srgb,var(--wine) 12%,transparent);outline:none}
.teacher-stream{isolation:isolate}.teacher-stream>img{position:absolute;inset:-3%;width:106%;height:106%;object-fit:cover;animation:teacherCamera 10s ease-in-out infinite alternate;z-index:0}.teacher-stream.paused>img{animation-play-state:paused}.stream-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#12090d99);z-index:1}.ai-demo-label{position:absolute;right:12px;top:12px;z-index:3;background:#0009;color:#fff;border:1px solid #ffffff44;border-radius:999px;padding:6px 9px;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.teacher-stream .name{z-index:3}.stream-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);z-index:4;border:1px solid #ffffff66;background:#0008;color:#fff;width:52px;height:52px;border-radius:50%;font-size:18px;opacity:0;transition:.2s}.teacher-stream:hover .stream-play,.teacher-stream.paused .stream-play{opacity:1}.voice-bars{position:absolute;left:14px;bottom:54px;z-index:3;display:flex;align-items:end;gap:3px;height:24px}.voice-bars i{width:3px;background:#70e1af;border-radius:3px;animation:voiceBar .8s ease-in-out infinite alternate}.voice-bars i:nth-child(1),.voice-bars i:nth-child(5){height:8px}.voice-bars i:nth-child(2),.voice-bars i:nth-child(4){height:17px;animation-delay:.18s}.voice-bars i:nth-child(3){height:23px;animation-delay:.32s}.teacher-stream.paused .voice-bars i{animation-play-state:paused}@keyframes teacherCamera{from{transform:scale(1) translate3d(0,0,0)}to{transform:scale(1.045) translate3d(-1%,.5%,0)}}@keyframes voiceBar{to{transform:scaleY(.35);opacity:.6}}
.student-stream{isolation:isolate}.student-stream>img{position:absolute;inset:-3%;width:106%;height:106%;object-fit:cover;animation:studentCamera 8s ease-in-out infinite alternate;z-index:0}.student-stream .name{z-index:3}.student-stream .voice-bars{bottom:48px}.self-live-dot{position:absolute;right:10px;top:10px;z-index:3;background:#0009;color:#7ce3b0;border-radius:999px;padding:5px 8px;font-size:8px;text-transform:uppercase;letter-spacing:.06em}@keyframes studentCamera{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.07) translate3d(1%,-.5%,0)}}
@media(max-width:620px){.theme-button span:last-child{display:none}.theme-gallery{grid-template-columns:1fr}.brand-logo{width:38px;height:38px}.login-view .brand-logo{width:68px;height:68px}.login-view .brand b{font-size:20px}}