.marketing-shell{--m-ink:#071832;--m-ink-soft:#12325e;--m-teal:#0d7b73;--m-teal-2:#1fb2a2;--m-gold:#d6a13d;--m-gold-2:#f1ca73;--m-ivory:#fffaf1;--m-muted:#64748b;--m-line:#efe6d6;min-height:100vh;overflow-x:hidden;color:var(--m-ink);background:radial-gradient(circle at 10% 10%,rgba(31,178,162,.1),transparent 30%),radial-gradient(circle at 90% 0,rgba(214,161,61,.12),transparent 26%),linear-gradient(180deg,#fffaf2,#fbfaf7 48%,#fff)}.marketing-shell:before{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.32;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg fill='none' stroke='%23e7d8bd' stroke-width='1'%3E%3Cpath d='M90 8c22 25 49 42 82 52-33 10-60 27-82 52-22-25-49-42-82-52 33-10 60-27 82-52z'/%3E%3Cpath d='M90 42c13 15 29 25 48 31-19 6-35 16-48 31-13-15-29-25-48-31 19-6 35-16 48-31z'/%3E%3Ccircle cx='90' cy='90' r='72'/%3E%3C/g%3E%3C/svg%3E");content:""}.marketing-container{width:min(1460px,calc(100% - 48px));margin:0 auto}.marketing-navbar-wrap{position:sticky;top:0;z-index:60;padding-top:24px}.marketing-navbar{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid hsla(38,44%,89%,.92);border-radius:28px;background:hsla(0,0%,100%,.84);box-shadow:0 22px 70px rgba(15,23,42,.07);backdrop-filter:blur(26px);padding:16px 24px}.marketing-logo{display:inline-flex;align-items:center;gap:12px;min-width:-moz-max-content;min-width:max-content;font-weight:950;letter-spacing:-.03em}.marketing-logo-mark{display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(214,161,61,.18);border-radius:16px;background:hsla(0,0%,100%,.92);box-shadow:0 14px 26px rgba(13,123,115,.14);overflow:hidden}.marketing-logo-text{color:var(--m-ink);font-size:1.45rem;line-height:1}.marketing-logo-text span{color:var(--m-teal)}.marketing-nav-actions,.marketing-nav-links{display:flex;align-items:center;gap:28px}.marketing-nav-links a{color:#334155;font-size:.94rem;font-weight:800;transition:color .18s ease}.marketing-nav-links a.is-active,.marketing-nav-links a:hover{color:var(--m-teal)}.marketing-button,.marketing-button-ghost,.marketing-button-gold{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:18px;font-size:.95rem;font-weight:900;line-height:1;min-height:48px;padding:0 24px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.marketing-button{color:#fff;background:linear-gradient(135deg,var(--m-teal),#20aa9c);box-shadow:0 16px 36px rgba(13,123,115,.24)}.marketing-button-gold{color:#08213e;background:linear-gradient(135deg,var(--m-gold),var(--m-gold-2));box-shadow:0 16px 36px rgba(214,161,61,.24)}.marketing-button-ghost{border:1px solid var(--m-line);color:var(--m-ink);background:hsla(0,0%,100%,.86)}.marketing-button-ghost:hover,.marketing-button-gold:hover,.marketing-button:hover{transform:translateY(-2px)}.marketing-mobile-toggle{display:none;width:44px;height:44px;place-items:center;border:1px solid var(--m-line);border-radius:16px;background:#fff}.marketing-mobile-menu{display:none;margin-top:12px;border:1px solid hsla(38,44%,89%,.92);border-radius:24px;background:hsla(0,0%,100%,.9);box-shadow:0 22px 70px rgba(15,23,42,.07);backdrop-filter:blur(22px);padding:16px}.marketing-mobile-menu.is-open{display:grid;gap:12px}.marketing-card,.marketing-preview{border:1px solid hsla(38,44%,89%,.9);background:hsla(0,0%,100%,.84);box-shadow:0 18px 54px rgba(15,23,42,.055);backdrop-filter:blur(20px)}.marketing-preview{box-shadow:0 26px 80px rgba(15,23,42,.09)}.marketing-heading{font-family:Georgia,Times New Roman,serif;letter-spacing:-.045em;line-height:.95}.marketing-section-title{font-family:Georgia,Times New Roman,serif;letter-spacing:-.035em;line-height:1.02}.marketing-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(31,178,162,.22);border-radius:999px;background:rgba(237,252,249,.82);color:var(--m-teal);font-size:.84rem;font-weight:900;padding:9px 16px}.marketing-hero{position:relative;padding:72px 0 40px}.marketing-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,1.05fr);align-items:center;gap:48px}.marketing-hero-arch{position:absolute;left:-120px;top:60px;width:340px;height:520px;opacity:.5;pointer-events:none;border:3px solid rgba(214,161,61,.22);border-bottom:0;border-radius:50% 50% 0 0;clip-path:polygon(0 100%,0 30%,15% 30%,15% 14%,32% 14%,32% 6%,50% 0,68% 6%,68% 14%,85% 14%,85% 30%,100% 30%,100% 100%)}.marketing-hero h1{margin-top:28px;font-size:clamp(3.5rem,6vw,5.2rem);font-weight:950}.marketing-hero h1 span,.marketing-teal{color:var(--m-teal)}.marketing-gold{color:var(--m-gold)}.marketing-lede{max-width:42rem;margin-top:28px;color:#475569;font-size:1.18rem;font-weight:600;line-height:1.8}.marketing-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:42rem;margin-top:42px}.marketing-stat{border-radius:24px;padding:22px}.marketing-stat strong{display:block;color:var(--m-teal);font-size:2rem;font-weight:950}.marketing-stat span{display:block;margin-top:6px;color:#64748b;font-size:.9rem;font-weight:850}.marketing-feature-icon{display:grid;width:56px;height:56px;place-items:center;border:1px solid rgba(31,178,162,.15);border-radius:20px;color:var(--m-teal);background:linear-gradient(135deg,rgba(31,178,162,.12),rgba(214,161,61,.08))}.marketing-quran-strip{border:1px solid rgba(31,178,162,.18);background:linear-gradient(135deg,rgba(222,250,244,.86),rgba(255,250,238,.9))}.marketing-word-highlight{color:#fff;background:linear-gradient(135deg,#d9a441,#f0c86d);box-shadow:0 12px 30px rgba(214,161,61,.35)}.marketing-wave{position:relative;height:44px;overflow:hidden;border-radius:999px;background:linear-gradient(90deg,rgba(31,178,162,.05),rgba(31,178,162,.18),rgba(31,178,162,.05))}.marketing-wave:before{position:absolute;left:18px;right:18px;top:50%;height:2px;background:rgba(31,178,162,.35);content:""}.marketing-wave-bars{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:5px}.marketing-wave-bars span{width:3px;border-radius:999px;background:var(--m-teal-2);animation:marketing-wave 1.25s ease-in-out infinite}.marketing-wave-bars span:nth-child(2n){animation-delay:.12s}.marketing-wave-bars span:nth-child(3n){animation-delay:.24s}.marketing-wave-bars span:nth-child(4n){animation-delay:.36s}@keyframes marketing-wave{0%,to{height:8px;opacity:.55}50%{height:32px;opacity:1}}.marketing-slide{display:none}.marketing-slide.is-active{display:block;animation:marketing-fade-slide .55s ease both}@keyframes marketing-fade-slide{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.marketing-dot.is-active{width:32px;background:var(--m-teal)}.marketing-brand-strip{border-block:1px solid hsla(38,44%,89%,.8);background:hsla(0,0%,100%,.55)}.marketing-teal-banner{position:relative;overflow:hidden;border-radius:34px;color:#fff;background:radial-gradient(circle at 10% 20%,hsla(41,82%,70%,.16),transparent 28%),radial-gradient(circle at 86% 15%,hsla(0,0%,100%,.12),transparent 22%),linear-gradient(135deg,#07575a,#063b42)}.marketing-footer{margin-top:0;color:#fff;background:radial-gradient(circle at 82% 0,rgba(214,161,61,.16),transparent 30%),linear-gradient(145deg,#042038,#073f45)}.marketing-dark-card{border:1px solid hsla(41,82%,70%,.24);color:#fff;background:linear-gradient(145deg,#063c3f,#071f3e);box-shadow:0 28px 80px rgba(3,27,45,.28)}.marketing-teacher-img{-o-object-fit:cover;object-fit:cover}.marketing-faq summary::-webkit-details-marker{display:none}@media (max-width:1100px){.marketing-hero-grid{grid-template-columns:1fr}.marketing-nav-actions,.marketing-nav-links{display:none}.marketing-mobile-toggle{display:grid}}@media (max-width:700px){.marketing-container{width:min(100% - 32px,1460px)}.marketing-navbar-wrap{padding-top:14px}.marketing-navbar{border-radius:22px;padding:12px}.marketing-logo-text{font-size:1.15rem}.marketing-logo-mark{width:42px;height:42px}.marketing-hero{padding-top:42px}.marketing-hero h1{font-size:clamp(2.8rem,13vw,4rem)}.marketing-stat-grid{grid-template-columns:1fr}}.nanotoast-container{position:fixed;top:84px;right:24px;display:flex;flex-direction:column;gap:12px;z-index:9999;pointer-events:none}.nanotoast-item{pointer-events:auto;min-width:320px;max-width:420px;padding:16px 20px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;align-items:flex-start;gap:14px;transform:translateX(120%);opacity:0;transition:transform var(--transition-slow),opacity var(--transition-normal)}.nanotoast-item.active{transform:translateX(0);opacity:1}.nanotoast-item.add{border-left:4px solid var(--success);box-shadow:0 8px 30px -6px rgba(34,195,93,.15)}.nanotoast-item.edit{border-left:4px solid var(--primary);box-shadow:0 8px 30px -6px hsla(var(--primary-hue),85%,45%,.15)}.nanotoast-icon-wrapper{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;flex-shrink:0}.nanotoast-item.add .nanotoast-icon-wrapper{background:rgba(34,195,93,.1);color:var(--success)}.nanotoast-item.edit .nanotoast-icon-wrapper{background:var(--primary-glow);color:var(--primary)}.nanotoast-content{flex-grow:1;padding-top:2px}.nanotoast-title{font-size:.95rem;font-weight:700;color:var(--text-main);margin-bottom:4px}.nanotoast-desc{font-size:.8rem;color:var(--text-muted);line-height:1.25rem}.nanotoast-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;font-size:1.1rem;transition:color var(--transition-fast);margin-left:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.nanotoast-close:hover{color:var(--text-main)}.classroom-container{min-height:100vh;background:radial-gradient(circle at 9% 5%,rgba(217,164,65,.15),transparent 25%),radial-gradient(circle at 80% 0,rgba(37,99,235,.06),transparent 27%),linear-gradient(135deg,#fffdf9,#fbf6ec 40%,#f7f9ff);color:#071b45;font-family:var(--font-sans);display:flex;flex-direction:column;position:relative;overflow-x:hidden}.classroom-container:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.25;background-image:linear-gradient(30deg,rgba(217,164,65,.05) 12%,transparent 12.5%,transparent 87%,rgba(217,164,65,.05) 87.5%,rgba(217,164,65,.05)),linear-gradient(150deg,rgba(217,164,65,.05) 12%,transparent 12.5%,transparent 87%,rgba(217,164,65,.05) 87.5%,rgba(217,164,65,.05)),linear-gradient(30deg,rgba(217,164,65,.05) 12%,transparent 12.5%,transparent 87%,rgba(217,164,65,.05) 87.5%,rgba(217,164,65,.05)),linear-gradient(150deg,rgba(217,164,65,.05) 12%,transparent 12.5%,transparent 87%,rgba(217,164,65,.05) 87.5%,rgba(217,164,65,.05));background-size:72px 126px;background-position:0 0,0 0,36px 63px,36px 63px}.classroom-header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:relative;z-index:10;background:hsla(0,0%,100%,.8);border-bottom:1px solid rgba(217,164,65,.15);backdrop-filter:blur(20px);box-shadow:0 10px 30px rgba(17,24,39,.03)}.classroom-header-title{display:flex;align-items:center;gap:12px}.classroom-header-title h1{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:1.15rem;letter-spacing:-.02em;color:#071b45}.classroom-header-logo{background:#fff;box-shadow:0 4px 10px rgba(17,24,39,.05);border:1px solid rgba(217,164,65,.2);border-radius:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#d9a441}.classroom-status{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:#6b7280;background:hsla(0,0%,100%,.9);padding:6px 14px;border-radius:20px;border:1px solid rgba(217,164,65,.12);box-shadow:0 2px 8px rgba(0,0,0,.02)}.classroom-status-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.15),0 0 10px rgba(16,185,129,.5);animation:status-pulse 2s infinite}.classroom-status-dot.danger{background:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.15),0 0 10px rgba(239,68,68,.4)}.classroom-room-alert{position:relative;z-index:15;display:flex;align-items:center;gap:14px;margin:18px 24px 0;border:1px solid rgba(239,68,68,.18);border-radius:22px;background:radial-gradient(circle at 0 0,rgba(239,68,68,.12),transparent 26%),hsla(0,0%,100%,.9);color:#991b1b;box-shadow:0 18px 45px rgba(15,23,42,.08);padding:16px 18px;backdrop-filter:blur(18px)}.classroom-room-alert span,.classroom-room-alert strong{display:block}.classroom-room-alert strong{color:#071b45;font-size:.9rem;font-weight:900}.classroom-room-alert span{color:#64748b;font-size:.78rem;font-weight:700;margin-top:2px}.classroom-room-alert button{margin-left:auto;border:1px solid rgba(217,164,65,.25);border-radius:14px;background:#fffaf3;color:#b7791f;font-size:.76rem;font-weight:900;padding:10px 14px;white-space:nowrap}@keyframes status-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.classroom-grid{display:grid;grid-template-columns:320px 1fr;flex:1;height:calc(100vh - 70px);position:relative;z-index:5}@media (max-width:1024px){.classroom-grid{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:auto}}.classroom-sidebar{background:linear-gradient(180deg,hsla(0,0%,100%,.9),rgba(255,250,242,.75));border-right:1px solid rgba(217,164,65,.15);padding:24px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;backdrop-filter:blur(30px);z-index:8;box-shadow:10px 0 40px rgba(17,24,39,.02)}.classroom-side-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(217,164,65,.16);border-radius:20px;background:hsla(0,0%,100%,.68);padding:14px}.classroom-side-head h2{color:#071b45;font-size:.78rem;font-weight:950;letter-spacing:.05em;text-transform:uppercase}.classroom-side-head p{color:#64748b;font-size:.72rem;font-weight:700;margin-top:2px}.classroom-side-head svg{color:#d9a441;flex:0 0 auto}.video-wrapper{width:100%;aspect-ratio:4/3;background:#0f172a;border-radius:18px;overflow:hidden;position:relative;border:1px solid rgba(217,164,65,.15);box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.video-wrapper.active-speaker{border-color:#d9a441;box-shadow:0 0 0 3px rgba(217,164,65,.25),0 12px 30px rgba(217,164,65,.15)}.video-element{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-overlay-info{position:absolute;bottom:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;z-index:10}.video-label{background:rgba(15,23,42,.75);backdrop-filter:blur(8px);color:#fff;font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:var(--radius-sm);border:1px solid hsla(0,0%,100%,.08)}.video-actions{display:flex;gap:6px}.video-action-indicator{width:24px;height:24px;border-radius:50%;background:rgba(15,23,42,.75);backdrop-filter:blur(8px);color:#fff}.video-action-indicator,.video-placeholder{display:flex;align-items:center;justify-content:center}.video-placeholder{width:100%;height:100%;flex-direction:column;color:hsla(0,0%,100%,.4);gap:8px}.video-placeholder span{font-size:.75rem;font-weight:500}.classroom-roster{border:1px solid rgba(217,164,65,.16);border-radius:22px;background:hsla(0,0%,100%,.72);padding:14px}.classroom-roster h3{color:#071b45;font-size:.82rem;font-weight:950;margin-bottom:12px}.classroom-roster-empty{color:#94a3b8;font-size:.78rem;font-weight:700}.classroom-roster-row{display:flex;align-items:center;gap:10px;border-radius:16px;padding:10px;transition:background .18s ease}.classroom-roster-row:hover{background:rgba(248,250,252,.8)}.classroom-roster-row>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(217,164,65,.2);border-radius:13px;background:linear-gradient(135deg,#071b45,#2563eb);color:#f8c766;font-size:.78rem;font-weight:950;box-shadow:0 10px 24px rgba(37,99,235,.14)}.classroom-roster-row>span.speaking{box-shadow:0 0 0 4px rgba(217,164,65,.22),0 10px 24px rgba(217,164,65,.16)}.classroom-roster-row small,.classroom-roster-row strong{display:block}.classroom-roster-row strong{color:#071b45;font-size:.82rem;font-weight:900}.classroom-roster-row small{color:#64748b;font-size:.68rem;font-weight:850;letter-spacing:.04em;margin-top:1px;text-transform:uppercase}.recording-upload-pill{display:inline-flex;align-items:center;min-height:38px;border:1px solid rgba(217,164,65,.2);border-radius:999px;background:hsla(0,0%,100%,.78);color:#64748b;font-size:.72rem;font-weight:900;padding:0 12px;white-space:nowrap}.recording-upload-pill.live{border-color:rgba(239,68,68,.2);background:hsla(0,86%,97%,.86);color:#dc2626}.recording-upload-pill.uploading{border-color:rgba(217,164,65,.28);background:rgba(255,251,235,.86);color:#b7791f}.recording-upload-pill.saved{border-color:rgba(16,185,129,.22);background:rgba(236,253,245,.86);color:#059669}.recording-upload-pill.error{border-color:rgba(239,68,68,.22);background:hsla(0,86%,97%,.86);color:#dc2626}.classroom-container.premium-session{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 18% 0,rgba(217,164,65,.08),transparent 24%),radial-gradient(circle at 82% 3%,rgba(7,27,69,.08),transparent 28%),linear-gradient(180deg,#f8fafc,#f4f7fb);color:#071b45;font-family:var(--font-sans)}.premium-session:before{opacity:.09}.session-topbar{position:relative;z-index:20;display:grid;grid-template-columns:minmax(330px,1fr) minmax(420px,560px) minmax(420px,1fr);align-items:center;gap:20px;min-height:96px;padding:18px 24px;border-radius:0 0 28px 28px;background:radial-gradient(circle at 18% 0,rgba(217,164,65,.08),transparent 28%),radial-gradient(circle at 82% 10%,rgba(37,99,235,.07),transparent 34%),linear-gradient(135deg,#061733,#071b3d 52%,#06142d);box-shadow:0 18px 42px rgba(7,27,69,.24)}.connection-pill,.live-pill,.reading-pill,.session-brand,.session-top-actions{display:flex;align-items:center}.session-brand{gap:18px;min-width:0}.session-brand-mark{display:grid;place-items:center;width:68px;height:68px;border:2px solid rgba(217,164,65,.78);border-radius:22px;color:#f6c667;background:hsla(0,0%,100%,.04)}.session-brand h1{color:#fff;font-size:25px;font-weight:950;letter-spacing:-.03em}.session-brand p{display:flex;align-items:center;gap:8px;margin-top:6px;color:hsla(0,0%,100%,.88);font-size:16px;font-weight:750}.session-brand p svg{color:#0ea5e9}.reading-pill{justify-self:center;justify-content:center;gap:14px;width:100%;min-height:58px;border:1px solid rgba(217,164,65,.82);border-radius:999px;background:hsla(0,0%,100%,.055);color:#f6c667;font-size:16px;font-weight:900;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08)}.session-top-actions{justify-content:flex-end;gap:14px}.connection-pill{gap:12px;border:1px solid rgba(125,211,252,.16);border-radius:999px;background:rgba(8,31,64,.76);color:#73f2a2;font-size:14px}.connection-pill,.live-pill{min-height:54px;padding:0 18px;font-weight:900}.live-pill{gap:10px;border:1px solid rgba(148,163,184,.16);border-radius:999px;background:hsla(0,0%,100%,.075);color:#fff;font-size:15px}.live-pill span{width:12px;height:12px;border-radius:50%;background:#ff3b45;box-shadow:0 0 0 6px rgba(255,59,69,.12)}.session-round-btn{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:hsla(0,0%,100%,.11);color:#fff}.session-shell{display:grid;grid-template-columns:300px minmax(0,1fr) 360px;gap:16px;height:calc(100vh - 96px - 88px);padding:16px 14px 12px}.session-left-panel,.session-reader-panel,.session-right-panel{min-height:0;border:1px solid rgba(226,232,240,.95);border-radius:24px;background:hsla(0,0%,100%,.92);box-shadow:0 16px 42px rgba(15,23,42,.08);overflow:hidden}.session-left-panel{display:flex;flex-direction:column;gap:14px;padding:18px 12px}.session-panel-head{display:flex;align-items:center;justify-content:space-between;padding:2px 12px 4px}.session-panel-head strong{font-size:13px;font-weight:950;letter-spacing:.02em}.session-panel-head div{display:flex;align-items:center;gap:8px}.session-person-card{position:relative;min-height:218px;overflow:hidden;border-radius:18px;padding:14px;color:#fff;background:radial-gradient(circle at 80% 0,hsla(0,0%,100%,.12),transparent 35%),linear-gradient(135deg,#061b42,#071530)}.session-person-card.teal{background:radial-gradient(circle at 78% 10%,rgba(45,212,191,.18),transparent 35%),linear-gradient(135deg,#05363e,#042331)}.session-person-card:before{position:absolute;inset:0;background-image:radial-gradient(circle,hsla(0,0%,100%,.08) 1px,transparent 0);background-size:18px 18px;opacity:.18;content:""}.person-avatar,.person-card-menu,.person-role-pill,.session-person-card small,.session-person-card strong{position:relative;z-index:1}.person-card-menu{position:absolute;top:16px;right:12px}.person-role-pill{display:inline-flex;border:1px solid rgba(217,164,65,.55);border-radius:999px;color:#f6c667;font-size:12px;font-weight:950;padding:3px 10px}.teal .person-role-pill{border-color:rgba(45,212,191,.5);color:#5eead4}.person-avatar{display:grid;place-items:center;width:96px;height:96px;margin:10px auto 14px;border:4px solid hsla(0,0%,100%,.92);border-radius:50%;background:linear-gradient(135deg,#e2e8f0,#94a3b8);color:#071b45;font-size:38px;font-weight:950}.person-signal{position:absolute;right:-4px;bottom:8px;color:#22c55e}.session-person-card strong{display:block;text-align:center;font-size:18px;font-weight:950}.session-person-card small{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;font-size:14px;font-weight:750}.class-status-card{border:1px solid rgba(226,232,240,.95);border-radius:18px;padding:16px;background:hsla(0,0%,100%,.9)}.class-status-card h3{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:950}.class-status-card dl{display:grid;gap:12px;margin-top:14px}.class-status-card div{display:flex;align-items:center;justify-content:space-between;gap:10px}.class-status-card dt{color:#52617a;font-size:13px;font-weight:750}.class-status-card dd{color:#071b45;font-size:13px;font-weight:950}.class-status-card dd:first-letter{text-transform:uppercase}.class-status-card dd.recording{color:#059669}.session-reader-panel{display:flex;flex-direction:column;padding:16px 16px 10px}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:0 8px 12px}.reader-actions,.reader-tabs{display:flex;align-items:center;gap:10px}.reader-actions button,.reader-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;border-radius:18px;color:#445373;font-size:15px;font-weight:850;padding:0 16px}.reader-tabs button.active{border-bottom:3px solid #071b45;border-radius:0;color:#071b45}.reader-actions{border-radius:22px;background:#f2f4f8;padding:3px}.reader-actions button.active{background:#071b45;color:#fff;box-shadow:0 10px 22px rgba(7,27,69,.2)}.reader-actions .translate-btn{margin-left:10px;border:1px solid rgba(226,232,240,.9);background:#fff;color:#071b45}.mushaf-card,.session-whiteboard{min-height:0;flex:1;overflow-y:auto;border:1px solid rgba(217,164,65,.22);border-radius:18px;background:linear-gradient(135deg,rgba(255,250,242,.9),hsla(0,0%,100%,.94)),radial-gradient(circle at 10% 0,rgba(217,164,65,.16),transparent 26%)}.surah-hero{position:relative;padding:30px 24px 22px;text-align:center;background:linear-gradient(90deg,rgba(217,164,65,.16),transparent 18%,transparent 82%,rgba(217,164,65,.16)),radial-gradient(circle at 50% 0,rgba(217,164,65,.12),transparent 42%)}.surah-seal{display:inline-grid;place-items:center;width:64px;height:64px;border:1px solid rgba(217,164,65,.58);border-radius:50%;color:#b7791f;font-family:serif;font-weight:900}.surah-hero h2{margin-top:14px;color:#071b45;font-family:Georgia,serif;font-size:41px;font-weight:900}.surah-hero p{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:10px;color:#52617a;font-size:18px;font-weight:700}.surah-hero p span{width:4px;height:4px;border-radius:50%;background:#b7791f}.ayah-list{display:grid;gap:10px;padding:0 4px 8px}.ayah-session-card{display:grid;grid-template-columns:80px minmax(0,1fr);gap:18px;position:relative;margin:0 2px;border:1px solid rgba(226,232,240,.95);border-radius:18px;background:hsla(0,0%,100%,.82);padding:26px 26px 24px}.ayah-number{display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(217,164,65,.48);border-radius:18px;color:#8a5a16;font-size:25px;font-weight:950;transform:rotate(45deg)}.ayah-number:first-line{transform:rotate(-45deg)}.ayah-play{grid-column:1;display:grid;place-items:center;width:52px;height:52px;margin-top:20px;border:1px solid #dbe3ef;border-radius:50%;background:#fff;color:#071b45}.ayah-content{grid-column:2;grid-row:1/span 2;text-align:center}.ayah-card-actions{display:flex;justify-content:flex-end;gap:16px;color:#64748b}.arabic-line{margin:16px 0;color:#111827;font-family:Times New Roman,serif;line-height:1.75;direction:rtl}.ayah-content span,.ayah-content strong{display:block}.ayah-content strong{color:#405274;font-size:18px;font-weight:850}.ayah-content span{margin-top:8px;color:#52617a;font-size:16px;font-weight:650}.reader-pagination{display:grid;grid-template-columns:38px 86px 38px minmax(120px,1fr);align-items:center;gap:12px;padding:12px 34px 8px}.reader-pagination button{display:grid;place-items:center;width:34px;height:34px;border:1px solid #dbe3ef;border-radius:50%;background:#fff}.reader-pagination strong{justify-self:center;font-size:17px;font-weight:900}.reader-progress{height:8px;border-radius:999px;background:#e5e7eb;overflow:hidden}.reader-progress span{display:block;width:12%;height:100%;border-radius:inherit;background:#b7791f}.session-whiteboard{position:relative;min-height:640px}.session-right-panel{display:flex;flex-direction:column}.chat-tabs{display:grid;grid-template-columns:repeat(3,1fr);min-height:60px;border-bottom:1px solid rgba(226,232,240,.9)}.chat-tabs button{color:#52617a;font-weight:850}.chat-tabs button.active{color:#071b45;border-bottom:3px solid #071b45}.session-chat-feed{flex:1;overflow-y:auto;padding:26px 16px}.chat-row{display:flex;gap:10px;margin-bottom:22px}.chat-row.me{display:block;margin-left:auto;max-width:230px;text-align:right}.mini-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#d9a441,#f8c766);color:#071b45;font-weight:950;flex:0 0 auto}.ai-card>span,.chat-row span{display:block;margin-bottom:8px;color:#52617a;font-size:12px;font-weight:800}.ai-card span b,.chat-row span b{border-radius:999px;background:rgba(217,164,65,.14);color:#9a6a1d;padding:3px 8px}.chat-row p{border:1px solid rgba(217,164,65,.22);border-radius:16px;background:#fffaf3;color:#071b45;line-height:1.55;padding:16px;font-size:15px;font-weight:650}.chat-row.me p{display:inline-flex;align-items:flex-end;gap:10px;border-color:transparent;background:#071b45;color:#fff;text-align:left}.ai-card{margin:24px 0}.ai-card p{border-radius:16px;background:linear-gradient(135deg,#eefaf7,#eef4f8);color:#071b45;line-height:1.7;padding:20px;font-size:15px;font-weight:750}.session-chat-input{display:grid;grid-template-columns:minmax(0,1fr) 28px 52px;align-items:center;gap:8px;margin:12px;border:1px solid #cbd5e1;border-radius:18px;background:#fff;padding:8px 8px 8px 16px}.session-chat-input input{min-width:0;border:0;outline:0;color:#071b45;font-size:14px;font-weight:750}.session-chat-input button{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#071b45;color:#fff}.session-bottom-dock{position:relative;z-index:30;display:grid;grid-template-columns:150px minmax(520px,1fr) 170px;align-items:center;gap:20px;height:88px;padding:0 22px;background:hsla(0,0%,100%,.76);backdrop-filter:blur(18px);box-shadow:0 -14px 40px rgba(15,23,42,.08)}.dock-controls{justify-self:center;display:flex;align-items:center;gap:18px;border-radius:999px;background:hsla(0,0%,100%,.9);padding:10px 18px;box-shadow:0 18px 42px rgba(15,23,42,.1)}.dock-control,.dock-side-btn,.leave-class-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #dbe3ef;background:#fff;color:#071b45;font-weight:850}.dock-control{position:relative;width:58px;height:58px;border-radius:50%;font-size:0}.dock-control.primary{width:68px;height:68px;background:#071b45;color:#fff;transform:translateY(-10px);box-shadow:0 16px 32px rgba(7,27,69,.24)}.dock-control.primary span{position:absolute;top:8px;right:8px;width:9px;height:9px;border-radius:50%;background:#22c55e}.dock-control.active{border-color:rgba(217,164,65,.5);color:#b7791f}.dock-control.muted,.dock-control.recording{background:#fee2e2;color:#dc2626}.dock-control em{position:absolute;top:-6px;right:-4px;display:grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:#071b45;color:#fff;font-size:12px;font-style:normal}.leave-class-btn{border:0;background:#c8192f;color:#fff;padding:0 28px;box-shadow:0 16px 28px rgba(200,25,47,.22)}.dock-side-btn,.leave-class-btn{min-height:58px;border-radius:999px}.dock-side-btn{padding:0 20px}.floating-record-status{position:absolute;left:50%;bottom:92px;transform:translateX(-50%);border-radius:999px;background:#fff;color:#071b45;font-size:12px;font-weight:950;padding:9px 14px;box-shadow:0 14px 30px rgba(15,23,42,.12)}.floating-record-status.error,.floating-record-status.live{color:#dc2626}.floating-record-status.saved{color:#059669}@media (max-width:1280px){.session-topbar{grid-template-columns:1fr;border-radius:0 0 24px 24px}.reading-pill,.session-top-actions{justify-self:stretch}.session-shell{grid-template-columns:280px minmax(0,1fr);height:auto;min-height:calc(100vh - 96px - 88px)}.session-right-panel{grid-column:1/-1;min-height:360px}}@media (max-width:860px){.session-bottom-dock,.session-shell{grid-template-columns:1fr;height:auto}.session-bottom-dock{gap:12px;height:auto;padding:14px}.dock-controls{flex-wrap:wrap}.reader-actions,.reader-tabs,.reader-toolbar{align-items:stretch;flex-direction:column}}.classroom-main{display:flex;flex-direction:column;position:relative;overflow:hidden;height:100%}.classroom-content-viewport{flex:1;padding:32px;overflow-y:auto;display:flex;flex-direction:column;gap:24px;position:relative}@media (max-width:768px){.classroom-content-viewport{padding:16px}}.classroom-quran-panel{background:hsla(0,0%,100%,.85);border:1px solid rgba(217,164,65,.18);border-radius:20px;box-shadow:0 10px 40px rgba(17,24,39,.04);backdrop-filter:blur(20px);overflow:hidden;transition:border-color var(--transition-normal)}.classroom-quran-header{padding:18px 24px;background:linear-gradient(90deg,hsla(0,0%,100%,.9),rgba(255,250,242,.9));border-bottom:1px solid rgba(217,164,65,.12);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.quran-header-controls{display:flex;align-items:center;gap:12px}.quran-sync-indicator{font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill);background:var(--primary-glow);color:var(--primary);border:1px solid var(--border-glow)}.classroom-quran-body{padding:32px;max-height:480px;overflow-y:auto}.whiteboard-container{position:relative;width:100%;height:400px;background:#fff;border:1px solid rgba(217,164,65,.18);border-radius:20px;box-shadow:0 10px 40px rgba(17,24,39,.04);overflow:hidden}.whiteboard-toolbar{position:absolute;top:16px;left:16px;z-index:20;background:hsla(0,0%,100%,.92);border:1px solid rgba(217,164,65,.18);border-radius:12px;padding:6px;display:flex;gap:8px;box-shadow:var(--shadow-md);backdrop-filter:blur(10px)}.whiteboard-btn{width:36px;height:36px;border-radius:8px;border:none;background:transparent;color:#071b45;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.whiteboard-btn:hover{background:var(--bg-main)}.whiteboard-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 10px var(--primary-glow)}.whiteboard-canvas{width:100%;height:100%;display:block;cursor:crosshair}.whiteboard-colors{display:flex;align-items:center;gap:6px;padding:0 8px;border-left:1px solid rgba(217,164,65,.15)}.color-dot{width:18px;height:18px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.1);cursor:pointer;transition:transform var(--transition-fast)}.color-dot.active,.color-dot:hover{transform:scale(1.2)}.color-dot.active{box-shadow:0 0 0 1.5px #d9a441}.classroom-controls-bar{height:80px;background:hsla(0,0%,100%,.88);border-top:1px solid rgba(217,164,65,.15);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:relative;z-index:10;backdrop-filter:blur(30px)}.controls-group{gap:12px}.control-btn,.controls-group{display:flex;align-items:center}.control-btn{width:48px;height:48px;border-radius:50%;border:1px solid rgba(217,164,65,.15);background:#fff;color:#071b45;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.control-btn:hover{background:var(--bg-main);border-color:#d9a441;transform:translateY(-2px)}.control-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 14px var(--primary-glow)}.control-btn.muted{background:var(--danger);color:#fff;border-color:var(--danger);box-shadow:0 4px 14px rgba(239,68,68,.2)}.control-btn.muted:hover{background:#dc2626;border-color:#dc2626}.btn-end-call{background:var(--danger);color:#fff;border:none;font-weight:700;padding:12px 24px;border-radius:var(--radius-md);cursor:pointer;box-shadow:0 4px 14px rgba(239,68,68,.2);display:flex;align-items:center;gap:8px;transition:all var(--transition-fast)}.btn-end-call:hover{background:#dc2626;transform:translateY(-2px)}.classroom-chat-panel{background:hsla(0,0%,100%,.9);border-left:1px solid rgba(217,164,65,.15);display:flex;flex-direction:column;height:100%}.classroom-chat-header{padding:18px 24px;border-bottom:1px solid rgba(217,164,65,.12);display:flex;align-items:center;justify-content:space-between}.classroom-chat-header h3{font-family:Plus Jakarta Sans,sans-serif;font-size:.95rem;font-weight:700;color:#071b45}.chat-messages-container{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.chat-message-item{display:flex;flex-direction:column;gap:4px;max-width:85%}.chat-message-item.me{align-self:flex-end}.message-meta{font-size:.7rem;font-weight:600;color:var(--text-muted);display:flex;gap:8px;align-items:center}.chat-message-item.me .message-meta{justify-content:flex-end}.message-bubble{padding:10px 14px;border-radius:12px;font-size:.85rem;line-height:1.25rem;box-shadow:var(--shadow-sm)}.chat-message-item.me .message-bubble{background:var(--primary);color:#fff;border-bottom-right-radius:2px}.chat-message-item.other .message-bubble{background:var(--bg-main);color:#071b45;border:1px solid rgba(217,164,65,.1);border-bottom-left-radius:2px}.classroom-chat-footer{padding:16px 20px;border-top:1px solid rgba(217,164,65,.12);background:hsla(0,0%,100%,.95)}.chat-input-wrapper{display:flex;gap:8px}.chat-input{flex:1;background:var(--bg-main);border:1px solid rgba(217,164,65,.15);border-radius:10px;padding:10px 14px;font-size:.85rem;color:#071b45;transition:all var(--transition-fast)}.chat-input:focus{outline:none;border-color:#d9a441;background:#fff;box-shadow:0 0 0 3px rgba(217,164,65,.1)}.chat-send-btn{width:38px;height:38px;border-radius:10px;border:none;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.chat-send-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.modern-classroom{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;position:relative;background-color:#fafbfc;color:#071b45;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.bg-gradient-mesh{background:radial-gradient(circle at 10% 20%,rgba(217,164,65,.1) 0,transparent 40%),radial-gradient(circle at 90% 10%,rgba(37,99,235,.08) 0,transparent 40%),radial-gradient(circle at 50% 80%,rgba(99,102,241,.06) 0,transparent 50%);filter:blur(40px)}.bg-gradient-mesh,.bg-pattern-dots{position:absolute;inset:0;z-index:0;pointer-events:none}.bg-pattern-dots{opacity:.28;background-image:radial-gradient(#cbd5e1 1.2px,transparent 0);background-size:24px 24px}.modern-header{position:relative;z-index:10;background:hsla(0,0%,100%,.7);border-bottom:1px solid rgba(15,23,42,.05);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);box-shadow:0 4px 30px rgba(0,0,0,.015)}.badge-logo{background:linear-gradient(135deg,#071b45,#1e3a8a);color:#d9a441;font-weight:800;font-size:13px;height:32px;width:32px;border-radius:10px;display:grid;place-items:center;border:1px solid rgba(217,164,65,.3);box-shadow:0 4px 12px rgba(7,27,69,.15)}.back-btn{height:36px;width:36px;border-radius:12px;background:#fff;border:1px solid rgba(15,23,42,.08);color:#64748b;transition:all .2s ease;box-shadow:0 2px 6px rgba(0,0,0,.02)}.back-btn:hover{background:#f8fafc;color:#ef4444;border-color:rgba(239,68,68,.2);transform:scale(1.05)}.verse-tracker-pill{background:rgba(217,164,65,.08);border:1px solid rgba(217,164,65,.2);color:#854d0e}.live-dot-pulse{height:7px;width:7px;border-radius:50%;background-color:#ef4444;animation:live-pulse 1.8s infinite}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}.classroom-media-sidebar{width:290px;background:hsla(0,0%,100%,.45);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;z-index:5}.video-viewport{aspect-ratio:4/3;width:100%;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.video-card:hover .video-viewport{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.08)}.simulated-camera{background:radial-gradient(circle at center,#111827 0,#030712 100%);width:100%;height:100%}.camera-off-fallback{width:100%;height:100%;background:#f1f5f9;border:1px dashed rgba(15,23,42,.08);border-radius:20px}.voice-waves{display:flex;align-items:flex-end;gap:3px}.wave-bar{animation-duration:.8s;animation-iteration-count:infinite;animation-direction:alternate}.animate-wave-1{animation-name:wave-height-1}.animate-wave-2{animation-name:wave-height-2;animation-delay:.15s}.animate-wave-3{animation-name:wave-height-3;animation-delay:.3s}.animate-wave-4{animation-name:wave-height-4;animation-delay:.1s}@keyframes wave-height-1{0%{height:6px}to{height:18px}}@keyframes wave-height-2{0%{height:10px}to{height:32px}}@keyframes wave-height-3{0%{height:8px}to{height:26px}}@keyframes wave-height-4{0%{height:4px}to{height:14px}}.tab-btn{background:transparent;color:#64748b;border:0;transition:all .25s ease}.tab-btn.active{background:#fff;color:#071b45;box-shadow:0 4px 12px rgba(15,23,42,.06)}.tab-btn:not(.active):hover{background:hsla(0,0%,100%,.4);color:#071b45}.workspace-viewport{background:hsla(0,0%,100%,.7);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid hsla(0,0%,100%,.6);box-shadow:0 20px 50px rgba(7,27,69,.03),inset 0 1px 0 hsla(0,0%,100%,.8)}.verse-item-card{transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.verse-item-card.active-verse{background:linear-gradient(135deg,rgba(217,164,65,.06),rgba(217,164,65,.02));border:1px solid rgba(217,164,65,.25);box-shadow:0 8px 30px rgba(217,164,65,.04);transform:scale(1.005)}.verse-arabic-text{font-family:Amiri,Scheherazade New,serif;direction:rtl;color:#0c1c3e}.active-verse .verse-arabic-text{color:#854d0e;text-shadow:0 0 1px rgba(217,164,65,.1)}.tool-icon-btn.active{box-shadow:0 4px 12px rgba(7,27,69,.18)}.canvas-wrapper{background:#f8fafc;box-shadow:inset 0 2px 8px rgba(0,0,0,.03)}.canvas-drawing-layer{touch-action:none;cursor:crosshair}.sidebar-tab-content{position:relative}.roster-status-indicator{height:6px;width:6px;border-radius:50%}.roster-status-indicator.active{box-shadow:0 0 0 3px rgba(16,185,129,.18),0 0 8px #10b981}.modern-footer-controls{background:hsla(0,0%,100%,.8);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-top:1px solid rgba(15,23,42,.05);box-shadow:0 -4px 30px rgba(0,0,0,.015)}.action-pill-btn{background:#fff;border:1px solid rgba(15,23,42,.08);color:#475569;box-shadow:0 2px 8px rgba(0,0,0,.03);transition:all .25s cubic-bezier(.4,0,.2,1)}.action-pill-btn:hover{transform:translateY(-2px) scale(1.05)}.action-pill-btn.active{background:#071b45;border-color:#071b45;color:#fff;box-shadow:0 8px 20px rgba(7,27,69,.2)}.action-pill-btn.active:hover{background:#0f234f;border-color:#0f234f}.font-sizer-group input[type=range],.volume-slider-group input[type=range]{height:4px}.end-session-btn{box-shadow:0 4px 18px rgba(225,29,72,.2);transition:all .2s ease}.end-session-btn:hover{transform:translateY(-1px);box-shadow:0 6px 22px rgba(225,29,72,.3);background-color:#be123c}.modern-classroom{background:radial-gradient(circle at 16% 0,rgba(217,164,65,.08),transparent 28%),radial-gradient(circle at 86% 6%,rgba(37,99,235,.08),transparent 30%),linear-gradient(180deg,#f8fafc,#f4f7fb)!important}.modern-classroom .modern-header{min-height:96px!important;padding:17px 24px!important;border:0!important;border-radius:0 0 28px 28px!important;background:radial-gradient(circle at 18% 0,rgba(217,164,65,.09),transparent 28%),radial-gradient(circle at 82% 12%,rgba(37,99,235,.08),transparent 34%),linear-gradient(135deg,#061733,#071b3d 52%,#06142d)!important;box-shadow:0 18px 42px rgba(7,27,69,.24)!important}.modern-classroom .back-btn{width:52px!important;height:52px!important;border:1px solid hsla(0,0%,100%,.14)!important;border-radius:50%!important;background:hsla(0,0%,100%,.1)!important;color:#fff!important;box-shadow:none!important}.modern-classroom .badge-logo{width:64px!important;height:64px!important;border:2px solid rgba(217,164,65,.75)!important;border-radius:20px!important;background:hsla(0,0%,100%,.04)!important;color:#f6c667!important;font-size:18px!important;box-shadow:none!important}.modern-classroom .title-block h1{color:#fff!important;font-size:25px!important;font-weight:950!important;letter-spacing:-.03em!important}.modern-classroom .title-block p{color:hsla(0,0%,100%,.84)!important;font-size:16px!important;font-weight:760!important}.modern-classroom .verse-tracker-pill{min-height:58px!important;min-width:min(560px,42vw)!important;justify-content:center!important;border:1px solid rgba(217,164,65,.78)!important;border-radius:999px!important;background:hsla(0,0%,100%,.055)!important;color:#f6c667!important;font-size:15px!important;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08)!important}.modern-classroom .verse-tracker-pill svg{color:#f6c667!important}.modern-classroom .connection-pill{min-height:54px!important;border:1px solid rgba(125,211,252,.16)!important;border-radius:999px!important;background:rgba(8,31,64,.78)!important;color:#73f2a2!important;padding-inline:20px!important;font-size:14px!important;box-shadow:none!important}.modern-classroom .timer-pill{min-height:54px!important;border:1px solid rgba(148,163,184,.16)!important;border-radius:999px!important;background:hsla(0,0%,100%,.08)!important;color:#fff!important;padding-inline:18px!important;font-size:14px!important}.modern-classroom .classroom-workspace-grid{gap:16px!important;padding:16px 14px 12px!important}.modern-classroom .classroom-media-sidebar,.modern-classroom .classroom-tabs-sidebar,.modern-classroom .workspace-viewport{border:1px solid rgba(226,232,240,.95)!important;border-radius:24px!important;background:hsla(0,0%,100%,.92)!important;box-shadow:0 16px 42px rgba(15,23,42,.08)!important}.modern-classroom .classroom-media-sidebar{margin-left:0!important;width:310px!important;border-right:1px solid rgba(226,232,240,.95)!important}.modern-classroom .sidebar-head h2{color:#071b45!important;font-weight:950!important}.modern-classroom .video-card{overflow:hidden!important;border:0!important;border-radius:18px!important;background:radial-gradient(circle at 80% 0,hsla(0,0%,100%,.12),transparent 35%),linear-gradient(135deg,#061b42,#071530)!important;color:#fff!important;box-shadow:0 14px 28px rgba(7,27,69,.12)!important}.modern-classroom .video-card:nth-of-type(2){background:radial-gradient(circle at 78% 10%,rgba(45,212,191,.18),transparent 35%),linear-gradient(135deg,#05363e,#042331)!important}.modern-classroom .camera-off-fallback{border:0!important;border-radius:0!important;background:transparent!important;color:hsla(0,0%,100%,.72)!important}.modern-classroom .video-card .text-ink,.modern-classroom .video-card .text-slate-400,.modern-classroom .video-card .text-slate-500{color:hsla(0,0%,100%,.9)!important}.modern-classroom .quick-roster{border:1px solid rgba(226,232,240,.95)!important;border-radius:18px!important;background:hsla(0,0%,100%,.92)!important}.modern-classroom .classroom-main-panel{padding:18px 10px!important}.modern-classroom .workspace-tabs-bar{padding-inline:10px!important}.modern-classroom .sidebar-tab-headers,.modern-classroom .workspace-tabs-bar>div:first-child{border:0!important;background:#f2f4f8!important}.modern-classroom .sidebar-tab-headers button,.modern-classroom .tab-btn.active{border-radius:14px!important}.modern-classroom .sidebar-tab-headers button.active,.modern-classroom .tab-btn.active{background:#fff!important;color:#071b45!important;box-shadow:0 10px 22px rgba(15,23,42,.06)!important}.modern-classroom .control-group{border-color:rgba(203,213,225,.9)!important;border-radius:16px!important}.modern-classroom .workspace-viewport{padding:18px!important}.modern-classroom .quran-header-intro{border:1px dashed rgba(226,232,240,.95)!important;border-radius:18px!important;padding:28px 24px!important;background:linear-gradient(90deg,rgba(217,164,65,.08),transparent 18%,transparent 82%,rgba(217,164,65,.08)),hsla(0,0%,100%,.66)!important}.modern-classroom .quran-header-intro h3{color:#071b45!important;font-size:26px!important;font-weight:950!important}.modern-classroom .verse-item-card{border:1px solid rgba(217,164,65,.2)!important;border-radius:18px!important;background:rgba(255,250,242,.52)!important;padding:24px!important}.modern-classroom .verse-item-card.active-verse{background:linear-gradient(135deg,rgba(255,250,242,.96),hsla(0,0%,100%,.9))!important;box-shadow:0 12px 30px rgba(217,164,65,.08)!important}.modern-classroom .verse-number-badge{width:34px!important;height:34px!important;background:#d9a441!important;color:#fff!important;font-size:15px!important}.modern-classroom .verse-arabic-text{color:#7a4308!important;font-family:Amiri,Scheherazade New,serif!important}.modern-classroom .verse-translation{border:0!important;color:#405274!important;font-size:16px!important;text-align:left!important}.modern-classroom .classroom-tabs-sidebar{width:370px!important;border-left:1px solid rgba(226,232,240,.95)!important}.modern-classroom .chat-bubble-ai,.modern-classroom .chat-bubble-other{border-radius:16px!important;border:0!important;background:#f1f5f9!important;color:#071b45!important;box-shadow:none!important}.modern-classroom .chat-bubble-me{border-radius:16px!important;background:#071b45!important;color:#fff!important}.modern-classroom .chat-input-container{border:1px solid #cbd5e1!important;border-radius:18px!important;background:#fff!important;padding:8px 8px 8px 16px!important}.modern-classroom .chat-input-container input{border:0!important;outline:0!important;color:#071b45!important;font-weight:750!important}.modern-classroom .chat-send-button{width:44px!important;height:44px!important;border-radius:50%!important;background:#d9a441!important;color:#071b45!important}.modern-classroom .modern-footer-controls{min-height:88px!important;border-top:1px solid rgba(226,232,240,.95)!important;background:hsla(0,0%,100%,.84)!important;box-shadow:0 -14px 40px rgba(15,23,42,.08)!important}.modern-classroom .action-pill-btn{width:58px!important;height:58px!important;border-radius:50%!important;border-color:#dbe3ef!important;background:#fff!important;color:#071b45!important}.modern-classroom .action-pill-btn.active{background:#071b45!important;color:#fff!important;border-color:#071b45!important}.modern-classroom .action-pill-btn.bg-ink,.modern-classroom .action-pill-btn:first-child{background:#071b45!important;color:#fff!important;box-shadow:0 16px 32px rgba(7,27,69,.24)!important}.modern-classroom .end-session-btn{min-height:58px!important;border-radius:999px!important;background:#c8192f!important;color:#fff!important;padding-inline:28px!important}@media (max-width:1280px){.modern-classroom .modern-header{align-items:flex-start!important;flex-direction:column!important;gap:14px!important;height:auto!important}.modern-classroom .header-center,.modern-classroom .header-right{width:100%!important;justify-content:flex-start!important}.modern-classroom .verse-tracker-pill{min-width:0!important;width:100%!important}}body .modern-classroom>header.modern-header{min-height:96px!important;padding:14px 26px!important;border:0!important;border-radius:0 0 18px 18px!important;background:radial-gradient(circle at 18% 0,rgba(217,164,65,.18),transparent 35%),radial-gradient(circle at 75% 15%,rgba(45,212,191,.1),transparent 34%),linear-gradient(135deg,#061a3d,#071b45 46%,#04122c)!important;color:#fff!important;box-shadow:0 18px 44px rgba(7,27,69,.2)!important}body .modern-classroom>header.modern-header h1,body .modern-classroom>header.modern-header strong{color:#fff!important}body .modern-classroom>header.modern-header p,body .modern-classroom>header.modern-header span{color:hsla(0,0%,100%,.82)!important}body .modern-classroom>header.modern-header .badge-logo{width:58px!important;height:58px!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(217,164,65,.2),rgba(217,164,65,.04)),#071b45!important;color:#f8c866!important;border:1px solid rgba(217,164,65,.42)!important;box-shadow:0 16px 32px rgba(0,0,0,.22)!important}body .modern-classroom>header.modern-header .back-btn{width:44px!important;height:44px!important;border-radius:14px!important;background:hsla(0,0%,100%,.1)!important;color:#fff!important;border:1px solid hsla(0,0%,100%,.15)!important}body .modern-classroom>header.modern-header .verse-tracker-pill{min-height:54px!important;min-width:min(470px,38vw)!important;border-radius:999px!important;background:rgba(6,26,61,.72)!important;border:1px solid rgba(217,164,65,.72)!important;color:#f8c866!important;justify-content:center!important;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08)!important}body .modern-classroom>header.modern-header .verse-tracker-pill span,body .modern-classroom>header.modern-header .verse-tracker-pill svg{color:#f8c866!important}body .modern-classroom>header.modern-header .connection-pill{min-height:52px!important;padding-inline:22px!important;border-radius:999px!important;background:rgba(8,31,64,.84)!important;border:1px solid rgba(125,211,252,.18)!important;color:#73f2a2!important}body .modern-classroom>header.modern-header .connection-pill span,body .modern-classroom>header.modern-header .connection-pill svg{color:#73f2a2!important}body .modern-classroom>header.modern-header .timer-pill{min-height:52px!important;padding-inline:20px!important;border-radius:999px!important;background:hsla(0,0%,100%,.08)!important;border:1px solid hsla(0,0%,100%,.12)!important;color:#fff!important}body .modern-classroom button,body .modern-classroom input{font-family:inherit!important}body .modern-classroom.classroom-access-shell,body .modern-classroom.classroom-lobby-shell{min-height:100vh!important;background:radial-gradient(circle at 18% 8%,rgba(217,164,65,.18),transparent 30%),radial-gradient(circle at 82% 4%,rgba(45,212,191,.12),transparent 30%),radial-gradient(circle at 70% 92%,rgba(37,99,235,.18),transparent 34%),linear-gradient(135deg,#061a3d,#071b45 48%,#04122c)!important;color:#fff!important}body .modern-classroom.classroom-access-shell .bg-gradient-mesh,body .modern-classroom.classroom-lobby-shell .bg-gradient-mesh{opacity:.78!important;background:radial-gradient(circle at 18% 20%,rgba(217,164,65,.22) 0,transparent 36%),radial-gradient(circle at 82% 12%,rgba(59,130,246,.16) 0,transparent 36%),radial-gradient(circle at 48% 82%,rgba(20,184,166,.12) 0,transparent 42%)!important;filter:blur(42px)!important}body .modern-classroom.classroom-access-shell .bg-pattern-dots,body .modern-classroom.classroom-lobby-shell .bg-pattern-dots{opacity:.16!important;background-image:radial-gradient(hsla(0,0%,100%,.42) 1px,transparent 0)!important}body .classroom-access-shell header,body .classroom-lobby-shell header{color:#fff!important}body .classroom-access-shell h1,body .classroom-access-shell h2,body .classroom-access-shell h3,body .classroom-access-shell p,body .classroom-access-shell span,body .classroom-access-shell strong,body .classroom-lobby-shell h1,body .classroom-lobby-shell h2,body .classroom-lobby-shell h3,body .classroom-lobby-shell p,body .classroom-lobby-shell span,body .classroom-lobby-shell strong{text-shadow:none!important}body .classroom-access-shell .back-btn,body .classroom-lobby-shell .back-btn{width:54px!important;height:54px!important;border-radius:50%!important;border:1px solid hsla(0,0%,100%,.16)!important;background:hsla(0,0%,100%,.1)!important;color:#fff!important;box-shadow:0 14px 32px rgba(0,0,0,.18)!important}body .classroom-access-shell .relative.z-10>div,body .classroom-access-shell section,body .classroom-lobby-shell section{border-color:hsla(0,0%,100%,.12)!important;background:hsla(0,0%,100%,.09)!important;box-shadow:0 28px 80px rgba(0,0,0,.24)!important}body .classroom-lobby-shell .rounded-\[24px\],body .classroom-lobby-shell .rounded-\[26px\],body .classroom-lobby-shell section>div{border-color:hsla(0,0%,100%,.12)}body .classroom-access-shell .text-white,body .classroom-lobby-shell .text-white{color:#fff!important}body .classroom-lobby-shell .text-white\/80{color:hsla(0,0%,100%,.82)!important}body .classroom-access-shell .text-white\/70,body .classroom-lobby-shell .text-white\/50,body .classroom-lobby-shell .text-white\/65,body .classroom-lobby-shell .text-white\/70{color:hsla(0,0%,100%,.68)!important}body .classroom-access-shell .text-gold,body .classroom-lobby-shell .text-gold{color:#f8c866!important}body .classroom-access-shell .bg-gold,body .classroom-lobby-shell .bg-gold{background:#d9a441!important;color:#071b45!important}body .classroom-lobby-shell .bg-white\/10{background:hsla(0,0%,100%,.1)!important}body .classroom-access-shell .bg-white\/\[0\.08\],body .classroom-lobby-shell .bg-white\/\[0\.08\],body .classroom-lobby-shell .bg-white\/\[0\.1\]{background:hsla(0,0%,100%,.09)!important}body .classroom-lobby-shell .bg-slate-950\/60{background:rgba(2,6,23,.64)!important}body .classroom-lobby-shell .text-slate-500,body .classroom-lobby-shell .text-slate-600{color:rgba(71,85,105,.98)!important}body .classroom-lobby-shell .text-emerald-600{color:#059669!important}body .classroom-lobby-shell .text-indigo-700{color:#4338ca!important}body .modern-classroom.classroom-live-shell{background:radial-gradient(circle at 16% 0,rgba(217,164,65,.08),transparent 28%),radial-gradient(circle at 86% 6%,rgba(37,99,235,.08),transparent 30%),linear-gradient(180deg,#f8fafc,#f4f7fb)!important}body .modern-classroom.classroom-live-shell.dark{background:radial-gradient(circle at 16% 0,rgba(217,164,65,.12),transparent 28%),radial-gradient(circle at 86% 6%,rgba(20,184,166,.1),transparent 30%),linear-gradient(180deg,#060d1f,#08142f)!important}