@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800&display=swap";:root{--font-body: "Manrope", sans-serif;--font-display: "Outfit", sans-serif;--page-bg: #eef2ff;--page-accent: rgba(255, 121, 198, .18);--sidebar-bg: linear-gradient(180deg, #5b6487 0%, #424b68 100%);--sidebar-surface: rgba(255, 255, 255, .12);--surface: rgba(255, 255, 255, .72);--surface-strong: rgba(255, 255, 255, .9);--surface-muted: rgba(255, 255, 255, .55);--surface-border: rgba(76, 86, 116, .12);--text-primary: #1f2640;--text-secondary: #5b6487;--text-inverse: #f8f9ff;--accent: #ff79c6;--accent-strong: #fb4ba9;--accent-rgb: 255, 121, 198;--accent-strong-rgb: 251, 75, 169;--accent-soft: rgba(255, 121, 198, .14);--teal: #6bd1ff;--success: #2fbf8f;--warning: #ffb347;--danger: #ff6b81;--shadow: 0 18px 40px rgba(39, 47, 74, .14);--shadow-soft: 0 12px 28px rgba(39, 47, 74, .08);--radius-xl: 32px;--radius-lg: 24px;--radius-md: 18px;--radius-sm: 14px}:root[data-theme=dark]{--page-bg: #131723;--page-accent: rgba(107, 209, 255, .12);--sidebar-bg: linear-gradient(180deg, #1d2335 0%, #161b2a 100%);--sidebar-surface: rgba(255, 255, 255, .08);--surface: rgba(28, 34, 52, .86);--surface-strong: rgba(30, 37, 56, .96);--surface-muted: rgba(255, 255, 255, .06);--surface-border: rgba(255, 255, 255, .08);--text-primary: #f5f7ff;--text-secondary: #a5b0d0;--text-inverse: #f8f9ff;--accent-soft: rgba(255, 121, 198, .2);--shadow: 0 18px 40px rgba(0, 0, 0, .26);--shadow-soft: 0 12px 28px rgba(0, 0, 0, .22)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);color:var(--text-primary);background:radial-gradient(circle at top left,rgba(var(--accent-rgb),.18),transparent 30%),radial-gradient(circle at top right,rgba(107,209,255,.18),transparent 28%),linear-gradient(180deg,var(--page-bg) 0%,color-mix(in srgb,var(--page-bg) 88%,white) 100%);background-attachment:fixed}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.full-screen-state{min-height:100vh;display:grid;place-items:center;font-size:1.05rem;color:var(--text-secondary)}.eyebrow{display:inline-flex;align-items:center;gap:.45rem;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden}.auth-hero,.auth-panel{padding:1.25rem;display:grid;place-items:center}.auth-hero{background:linear-gradient(135deg,#1f263feb,rgba(var(--accent-rgb),.28)),url(https://images.unsplash.com/photo-1523240795612-9a054b0db644?auto=format&fit=crop&w=1600&q=80) center/cover}.auth-glass,.auth-card,.surface-card{border:1px solid var(--surface-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.auth-glass{max-width:640px;padding:1.75rem 2rem;border-radius:var(--radius-xl);background:#12182873;color:var(--text-inverse);justify-items:center;text-align:center}.auth-brand-logo{width:min(300px,68%);height:auto;display:block;filter:drop-shadow(0 24px 40px rgba(255,191,71,.24))}.auth-brand-lockup{display:inline-grid;justify-items:center;gap:.18rem;margin-bottom:.15rem}.auth-brand-lockup .eyebrow{line-height:1;margin:0}.auth-glass h1,.auth-card h2,.topbar h1,.hero-copy h2,.section-heading h3,.section-heading h4{font-family:var(--font-display);margin:0}.auth-glass h1{margin-top:0;font-size:clamp(2rem,4.2vw,3.35rem);line-height:.96}.auth-glass p{margin:.7rem 0 0;font-size:.95rem;line-height:1.6;color:#f8f9ffd6}.auth-feature-list{margin-top:1.1rem;display:grid;gap:.7rem}.auth-feature-card{display:flex;align-items:center;gap:.85rem;padding:.8rem .95rem;border-radius:var(--radius-md);background:#ffffff14}.auth-card{width:min(100%,520px);padding:1.5rem;border-radius:var(--radius-xl);background:var(--surface-strong)}.auth-header{margin-bottom:1rem}.auth-header h2{margin-top:.4rem;font-size:1.7rem}.auth-action-row{display:flex;justify-content:flex-end;align-items:center;gap:.65rem;margin-top:.35rem;flex-wrap:wrap}.field{display:grid;gap:.55rem}.field span{font-size:.92rem;font-weight:700;color:var(--text-secondary)}.field input,.field textarea,.field select{width:100%;border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:var(--surface-muted);color:var(--text-primary);padding:.95rem 1rem;outline:none;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.field textarea{min-height:110px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:rgba(var(--accent-rgb),.5);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.12);transform:translateY(-1px)}.segmented-control{display:flex;gap:.6rem;padding:.35rem;border-radius:999px;background:var(--surface-muted);border:1px solid var(--surface-border)}.segmented-button,.icon-button,.sidebar-link,.profile-button,.meeting-control,.answer-option,.dropzone,.class-card,.social-button{transition:transform .18s ease,background .18s ease,box-shadow .18s ease,border-color .18s ease}.segmented-button{flex:1;border:0;border-radius:999px;background:transparent;padding:.75rem 1rem;color:var(--text-secondary);display:inline-flex;justify-content:center;align-items:center;gap:.5rem}.segmented-button.active{background:var(--accent);color:var(--text-inverse);box-shadow:var(--shadow-soft)}.auth-role-toggle{display:inline-flex;align-self:flex-end;gap:.3rem;padding:.2rem}.auth-role-toggle .segmented-button{flex:0 0 auto;min-width:0;padding:.42rem .82rem;font-size:.82rem;font-weight:600;text-transform:capitalize}.auth-role-field{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;text-align:right;margin:0}.auth-role-field>span{margin:0}.auth-role-field .auth-role-note{display:none}.inline-error{margin-top:1rem;padding:.9rem 1rem;border-radius:var(--radius-sm);background:#ff6b811f;color:#c7435d}.inline-error.floating{position:absolute;left:1rem;right:1rem;bottom:1rem}.demo-mode-banner{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1rem;border-radius:999px;background:#ffbf472e;border:1px solid rgba(255,191,71,.34);color:#ffd78a;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.app-demo-banner{justify-self:start}.primary-button,.secondary-button,.danger-button,.text-button{border:0;border-radius:999px;padding:.9rem 1.25rem;display:inline-flex;align-items:center;justify-content:center;gap:.55rem}.primary-button{color:var(--text-inverse);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);box-shadow:0 14px 24px rgba(var(--accent-strong-rgb),.28)}.secondary-button{background:var(--surface-muted);color:var(--text-primary);border:1px solid var(--surface-border)}.danger-button{background:#ff6b8129;color:#b63e58}.text-button{background:transparent;color:var(--accent-strong);padding-inline:0}.primary-button:hover,.secondary-button:hover,.danger-button:hover,.icon-button:hover,.sidebar-link:hover,.profile-button:hover,.class-card:hover,.answer-option:hover,.dropzone:hover{transform:translateY(-2px)}.primary-button:disabled{opacity:.65;cursor:not-allowed}.auth-submit{margin-top:0}.auth-submit-prominent{min-width:0;align-self:center;justify-self:end;padding:.42rem .9rem;font-size:.82rem;line-height:1.2;font-weight:700;box-shadow:0 10px 18px rgba(var(--accent-strong-rgb),.2)}.auth-role-note{font-size:.84rem;color:var(--text-secondary)}.auth-divider{position:relative;margin:.1rem 0;text-align:center;color:var(--text-secondary)}.auth-divider:before{content:"";position:absolute;inset:50% 0 auto;border-top:1px solid var(--surface-border)}.auth-divider span{position:relative;padding:0 .8rem;background:var(--surface-strong)}.social-auth-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.social-button{width:100%;min-height:58px;padding:.7rem .85rem;border-radius:var(--radius-md);border:1px solid var(--surface-border);background:var(--surface-muted);color:var(--text-primary);display:flex;align-items:center;justify-content:flex-start;gap:.65rem;text-align:left}.social-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.social-button:disabled{opacity:.72;cursor:not-allowed}.social-button-logo{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:10px;background:#ffffffb3;border:1px solid var(--surface-border)}.social-button-logo svg{width:18px;height:18px}.social-button-copy{display:grid;gap:.08rem}.social-button-copy strong{font-size:.9rem;line-height:1.1}.social-button-copy span{font-size:.73rem;color:var(--text-secondary)}.auth-card form,.inline-form{display:grid;gap:.8rem}.auth-footer{margin-top:.15rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;color:var(--text-secondary)}.demo-block{margin-top:.55rem;padding-top:.75rem;border-top:1px solid var(--surface-border);color:var(--text-secondary)}.dashboard-shell{min-height:100vh;display:grid;grid-template-columns:290px 1fr;transition:grid-template-columns .22s ease}.dashboard-shell.compact-sidebar{grid-template-columns:104px 1fr}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#090d184d;z-index:9}.sidebar{position:sticky;top:0;height:100vh;width:290px;padding:1.4rem;display:flex;flex-direction:column;gap:1.2rem;background:var(--sidebar-bg);color:var(--text-inverse);transition:width .22s ease,padding .22s ease}.sidebar.compact{width:104px;padding-inline:.85rem}.sidebar.compact .sidebar-top{align-items:flex-start}.sidebar.compact .sidebar-brand-logo{max-width:72px;height:24px}.sidebar.compact .sidebar-top .eyebrow,.sidebar.compact .sidebar-top h2,.sidebar.compact .sidebar-brand-block>div,.sidebar.compact .sidebar-class-card div,.sidebar.compact .sidebar-ai-dock div{display:none}.sidebar.compact .sidebar-class-card,.sidebar.compact .sidebar-ai-dock,.sidebar.compact .sidebar-link{justify-content:center}.sidebar.compact .sidebar-link{padding-inline:.8rem}.sidebar-top,.topbar,.section-heading,.topbar-main,.topbar-actions,.meeting-room-top,.meeting-room-actions,.meeting-meta,.row-actions,.toggle-row,.participant-item,.sidebar-actions,.profile-button,.auth-footer,.hero-meta{display:flex;align-items:center;justify-content:space-between;gap:.9rem}.sidebar-brand-block{display:flex;align-items:center;gap:.7rem;min-width:0}.sidebar-brand-logo{width:auto;max-width:132px;height:32px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 8px 14px rgba(255,191,71,.16))}.sidebar-class-card,.sidebar-ai-dock{display:flex;gap:.9rem;padding:1rem 1.1rem;border-radius:var(--radius-md);background:var(--sidebar-surface)}.sidebar-class-card strong,.sidebar-ai-dock strong{display:block}.sidebar-class-card span,.sidebar-ai-dock span,.profile-copy span{font-size:.88rem;color:#f8f9ffcc}.sidebar-nav{display:grid;gap:.55rem}.sidebar-link{border:1px solid transparent;background:transparent;color:var(--text-inverse);border-radius:var(--radius-sm);padding:.95rem 1rem;display:flex;align-items:center;gap:.8rem;text-align:left}.sidebar-link.active{background:#ffffff29;border-color:#ffffff2e}.sidebar-ai-dock{margin-top:auto}.app-surface{display:grid;grid-template-rows:auto auto 1fr;padding:1.4rem;gap:1rem}.topbar{padding:1.2rem 1.4rem;border-radius:var(--radius-xl);background:var(--surface-strong);border:1px solid var(--surface-border);box-shadow:var(--shadow-soft)}.topbar h1{font-size:2rem}.topbar p,.hero-copy p,.surface-card p{margin:0;color:var(--text-secondary);line-height:1.7}.notification-chip,.avatar-badge,.icon-button{display:inline-grid;place-items:center}.notification-chip,.avatar-badge{min-width:40px;height:40px;border-radius:999px;background:var(--surface-muted);border:1px solid var(--surface-border)}.notification-chip{position:relative}.notification-chip span{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 .3rem;border-radius:999px;display:grid;place-items:center;background:var(--accent);color:var(--text-inverse);font-size:.7rem}.profile-menu-wrapper{position:relative}.profile-button,.icon-button{border:1px solid var(--surface-border);background:var(--surface-muted);color:var(--text-primary)}.profile-button{padding:.45rem .75rem .45rem .45rem;border-radius:999px}.profile-copy strong{display:block}.profile-menu{position:absolute;right:0;top:calc(100% + .55rem);min-width:180px;border-radius:var(--radius-md);background:var(--surface-strong);border:1px solid var(--surface-border);box-shadow:var(--shadow-soft);padding:.5rem;z-index:2}.profile-menu button{width:100%;border:0;background:transparent;color:var(--text-primary);padding:.8rem .9rem;border-radius:12px;text-align:left}.toast-banner{padding:.95rem 1.2rem;border-radius:var(--radius-md);background:#2fbf8f24;color:#1f8e69}.view-panel,.panel-stack{display:grid;gap:1rem}.hero-panel{min-height:280px;padding:2rem;border-radius:var(--radius-xl);background:linear-gradient(135deg,#1f263fd6,rgba(var(--accent-rgb),.24)),linear-gradient(135deg,#5b6487,#424b68);color:var(--text-inverse);background-size:cover;background-position:center;display:grid;align-content:space-between;gap:1rem;box-shadow:var(--shadow)}.hero-copy{max-width:740px;display:grid;gap:.9rem}.hero-copy h2{font-size:clamp(2rem,4vw,3.4rem)}.hero-copy p,.hero-meta span,.hero-source{color:#f8f9ffdb}.hero-meta{flex-wrap:wrap;justify-content:flex-start}.hero-meta span{padding:.6rem .9rem;border-radius:999px;background:#ffffff1f}.hero-source{justify-self:flex-start;padding:.65rem .9rem;border-radius:999px;background:#ffffff1f}.stats-grid,.card-grid,.content-grid,.form-grid,.option-grid,.toggle-grid{display:grid;gap:1rem}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.content-grid.two-up,.form-grid,.option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toggle-grid{grid-template-columns:1fr}.surface-card,.stat-card{border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--surface-border)}.surface-card{padding:1.4rem}.stat-card{padding:1.2rem;display:grid;gap:.55rem;box-shadow:var(--shadow-soft)}.stat-card strong{font-size:1.65rem;font-family:var(--font-display)}.ai-card{min-height:170px}.section-heading{margin-bottom:1rem}.muted-copy{color:var(--text-secondary)}.class-list,.question-builder,.quiz-question-list,.participant-list,.placeholder-stack{display:grid;gap:.85rem}.class-card{width:100%;text-align:left;border:1px solid var(--surface-border);border-radius:var(--radius-md);padding:1rem;background:var(--surface-muted)}.class-card.active{border-color:rgba(var(--accent-rgb),.38);background:rgba(var(--accent-rgb),.12)}.class-card-meta{display:flex;flex-wrap:wrap;gap:.5rem}.status-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .75rem;border-radius:999px;background:#6bd1ff29;color:#1e7aa4;font-size:.8rem}.status-pill.premium{background:#ffb3472e;color:#a56b18}.status-pill.live{background:#ff6b8129;color:#b63e58}.status-pill.success{background:#2fbf8f29;color:#1f8e69}.callout-card{padding:1rem 1.1rem;border-radius:var(--radius-md);background:var(--surface-muted);border:1px solid var(--surface-border)}.meeting-card{padding:0;overflow:hidden}.meeting-banner{min-height:150px;background:linear-gradient(135deg,#1f263fc7,#6bd1ff47),linear-gradient(135deg,#7a88af,#4c5674);background-size:cover;background-position:center;padding:1rem}.meeting-card-body{padding:1.2rem;display:grid;gap:.85rem}.meeting-meta{flex-wrap:wrap;justify-content:flex-start;color:var(--text-secondary);font-size:.92rem}.meeting-room-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0f1985;padding:1.2rem;z-index:20;display:grid;place-items:center}.meeting-room{width:min(1180px,100%);max-height:calc(100vh - 2.4rem);overflow:auto;padding:1.4rem;border-radius:34px;background:linear-gradient(135deg,#151928eb,rgba(var(--accent-rgb),.18)),linear-gradient(135deg,#1f2640,#171d30);color:var(--text-inverse);background-size:cover;background-position:center;box-shadow:var(--shadow)}.meeting-room-top p,.meeting-sidebar-panel span,.video-fallback,.stage-badge{color:#f8f9ffd1}.meeting-stage-grid{margin-top:1rem;display:grid;grid-template-columns:1.5fr .8fr;gap:1rem}.video-stage,.meeting-sidebar-panel{position:relative;border-radius:26px;overflow:hidden;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.video-stage{min-height:420px}.video-stage video,.video-fallback{width:100%;height:100%;object-fit:cover}.video-fallback{display:grid;place-items:center;font-size:1.1rem}.stage-badge{position:absolute;left:1rem;bottom:1rem;display:flex;gap:.55rem;padding:.7rem .9rem;border-radius:999px;background:#00000047}.meeting-sidebar-panel{padding:1rem}.participant-item{justify-content:flex-start}.participant-item.carded{padding:.8rem;border-radius:var(--radius-md);background:var(--surface-muted)}.placeholder-chip{display:inline-flex;align-items:center;gap:.55rem;padding:.85rem .95rem;border-radius:999px;background:#ffffff14}.placeholder-chip.active{background:rgba(var(--accent-rgb),.22)}.meeting-controls{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.8rem}.meeting-control{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:.9rem 1rem;background:#ffffff14;color:var(--text-inverse);display:inline-flex;gap:.6rem;align-items:center}.meeting-control.active{background:#6bd1ff33}.meeting-control.placeholder{border-style:dashed}.question-editor-card,.question-card{padding:1rem;border-radius:var(--radius-md);background:var(--surface-muted);border:1px solid var(--surface-border)}.option-stack{display:grid;gap:.7rem;margin-top:.8rem}.answer-option{width:100%;text-align:left;border:1px solid var(--surface-border);border-radius:var(--radius-sm);padding:.9rem 1rem;background:var(--surface-strong);color:var(--text-primary)}.answer-option.selected{border-color:rgba(var(--accent-rgb),.45);background:rgba(var(--accent-rgb),.12)}.answer-option.correct{border-color:#2fbf8f66;background:#2fbf8f1f}.answer-option.incorrect{border-color:#ff6b8166;background:#ff6b811f}.dropzone{width:100%;border:1px dashed rgba(var(--accent-rgb),.42);border-radius:var(--radius-lg);padding:1.8rem;background:rgba(var(--accent-rgb),.08);display:grid;place-items:center;gap:.55rem;color:var(--text-primary)}.dropzone.dragging{background:#6bd1ff29;border-color:#6bd1ff7a}.toggle-row{padding:.9rem 1rem;border-radius:var(--radius-sm);background:var(--surface-muted);border:1px solid var(--surface-border)}.empty-state-card{min-height:180px;display:grid;place-items:center;text-align:center}.icon-button{min-width:40px;height:40px;border-radius:999px}.accent-palette-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.75rem}.accent-palette-button{border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:var(--surface-muted);color:var(--text-primary);padding:.8rem .9rem;display:inline-flex;align-items:center;gap:.65rem}.accent-palette-button.active{border-color:rgba(var(--accent-rgb),.45);background:rgba(var(--accent-rgb),.12)}.accent-swatch{width:18px;height:18px;border-radius:999px;box-shadow:inset 0 0 0 2px #ffffff80}.student-activity-stack,.agenda-list,.meeting-detail-grid,.meeting-lobby-checklist{display:grid;gap:.85rem}.agenda-item,.lobby-check-item{display:flex;align-items:flex-start;gap:.85rem}.agenda-item{padding:.9rem 1rem;border-radius:var(--radius-md);background:var(--surface-muted);border:1px solid var(--surface-border)}.agenda-item p{margin-top:.2rem}.agenda-icon{width:38px;height:38px;border-radius:999px;display:grid;place-items:center;background:rgba(var(--accent-rgb),.12);color:var(--accent-strong)}.meeting-lobby,.meeting-room{width:min(1180px,100%);max-height:calc(100vh - 2.4rem);overflow:auto;padding:1.4rem;border-radius:34px;color:var(--text-inverse);background-size:cover;background-position:center;box-shadow:var(--shadow)}.meeting-lobby{background:linear-gradient(135deg,#151928eb,rgba(var(--accent-rgb),.18)),linear-gradient(135deg,#1f2640,#171d30)}.meeting-lobby-grid{align-items:stretch}.lobby-stage{display:grid;place-items:center}.lobby-preview{max-width:420px;padding:1.5rem;text-align:center;display:grid;gap:.8rem}.meeting-lobby-button{margin-top:.5rem}.meeting-waiting-banner{margin-top:1rem;padding:.95rem 1rem;border-radius:var(--radius-md);background:#ffb34729;color:#f7e9cc;display:inline-flex;align-items:center;gap:.7rem}.meeting-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.meeting-detail-card{padding:.9rem 1rem;border-radius:var(--radius-md);background:#ffffff14;border:1px solid rgba(255,255,255,.12);display:grid;gap:.35rem}.meeting-detail-card span{font-size:.82rem;color:#f8f9ffbd}.meeting-detail-card strong{font-size:1rem}.meeting-student-callout,.participant-list.compact{margin-top:1rem}.meeting-room-overlay-full{padding:0;place-items:stretch;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fullscreen-meeting-room{position:relative;width:100vw;height:100vh;max-height:none;border-radius:0;padding:1.5rem 1.8rem 1.2rem;overflow:hidden;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:1rem}.fullscreen-meeting-room .meeting-room-top{padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.12);align-items:flex-start}.meeting-header-meta{margin-top:.85rem;display:flex;flex-wrap:wrap;gap:.6rem}.meeting-room .status-pill{background:#ffffff1a;color:#f8f9fff0;border:1px solid rgba(255,255,255,.12)}.meeting-room .status-pill.live{background:#ff6b812e;color:#ffe4ea}.meeting-room .secondary-button{background:#ffffff14;color:var(--text-inverse);border-color:#ffffff24}.meeting-room .danger-button{background:#ff6b812e;color:#ffe4ea}.meeting-participant-toggle{min-width:128px}.participant-popover{position:absolute;top:6.8rem;right:1.8rem;width:min(360px,calc(100vw - 3rem));max-height:420px;overflow:auto;padding:1rem;border-radius:24px;background:#0f131fe6;border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow);z-index:5}.participant-popover .participant-item.carded{background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.fullscreen-meeting-room .meeting-stage-grid{margin-top:0;min-height:0;grid-template-columns:minmax(0,1.7fr) minmax(360px,.95fr);align-items:stretch}.fullscreen-meeting-room .video-stage{min-height:clamp(360px,62vh,760px);background:radial-gradient(circle at top left,rgba(var(--accent-rgb),.16),transparent 32%),#080a1270}.fullscreen-meeting-room .meeting-sidebar-panel{min-height:0;overflow:auto;display:grid;align-content:start;gap:1rem;padding:1.1rem}.meeting-room .callout-card,.meeting-room .participant-item.carded,.meeting-room .meeting-chat-panel,.meeting-room .meeting-detail-card{background:#ffffff12;border:1px solid rgba(255,255,255,.12);color:var(--text-inverse)}.meeting-room .callout-card p,.meeting-room .muted-copy,.meeting-room .participant-item.carded span,.meeting-room .meeting-chat-bubble strong,.participant-popover .participant-item span{color:#f8f9ffc2}.participant-admin-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.8rem;align-items:center}.moderation-actions{flex-wrap:wrap;justify-content:flex-end}.moderation-actions .secondary-button,.moderation-actions .danger-button{padding:.65rem .85rem}.meeting-chat-panel{padding:1rem;border-radius:var(--radius-md);display:grid;grid-template-rows:auto minmax(120px,1fr) auto;gap:.85rem;min-height:320px}.meeting-chat-list{min-height:0;overflow:auto;display:grid;gap:.75rem;padding-right:.2rem}.meeting-chat-bubble{max-width:92%;padding:.85rem .95rem;border-radius:18px 18px 18px 6px;background:#ffffff14;display:grid;gap:.3rem}.meeting-chat-bubble.own{margin-left:auto;border-radius:18px 18px 6px;background:rgba(var(--accent-rgb),.24)}.meeting-chat-bubble span{color:#f8f9ffeb;line-height:1.55}.meeting-chat-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem}.meeting-chat-composer input{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-sm);background:#ffffff14;color:var(--text-inverse);padding:.9rem 1rem;outline:none}.meeting-chat-composer input::placeholder{color:#f8f9ff8f}.meeting-enhancement-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.meeting-control.placeholder.active{background:rgba(var(--accent-rgb),.24);border-style:solid}.question-card{background:linear-gradient(180deg,color-mix(in srgb,var(--surface-muted) 90%,white),var(--surface-muted))}.quiz-feedback.correct{border:1px solid rgba(47,191,143,.28);background:#2fbf8f1f}.quiz-feedback.incorrect{border:1px solid rgba(255,107,129,.28);background:#ff6b811f}.resource-section-card{display:grid;gap:1rem}.resource-shelf{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.nested-resource-card{min-height:100%}.mobile-only{display:none}.oauth-callback-page .auth-card{display:grid;gap:1rem;justify-items:flex-start}.oauth-callback-card{align-content:center;min-height:280px}.spin-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1100px){.stats-grid,.content-grid.two-up,.meeting-stage-grid,.form-grid,.option-grid,.meeting-detail-grid,.fullscreen-meeting-room .meeting-stage-grid{grid-template-columns:1fr}.participant-popover{left:1rem;right:1rem;width:auto}.meeting-enhancement-stack,.resource-shelf{grid-template-columns:1fr}}@media (max-width: 900px){.auth-page,.dashboard-shell{grid-template-columns:1fr}.auth-page{overflow:auto}.sidebar{position:fixed;inset:0 auto 0 0;width:min(290px,88vw);transform:translate(-100%);transition:transform .22s ease;z-index:10}.sidebar.mobile-open{transform:translate(0)}.app-surface{padding:1rem}.mobile-only{display:inline-grid}.desktop-only{display:none}.topbar,.topbar-main,.topbar-actions{align-items:flex-start;flex-wrap:wrap}.social-auth-stack{grid-template-columns:1fr}}@media (max-width: 640px){.auth-hero,.auth-panel,.meeting-room-overlay{padding:1rem}.auth-glass,.auth-card,.hero-panel,.surface-card,.meeting-room{padding:1.2rem}.auth-page{overflow:auto}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-button{padding-right:.55rem}.profile-copy{display:none}.meeting-controls{flex-direction:column}.meeting-room-overlay-full{padding:0}.fullscreen-meeting-room{padding:1rem}.meeting-room-actions,.meeting-header-meta{flex-direction:column;align-items:stretch}.meeting-chat-composer{display:grid;grid-template-columns:1fr}.participant-admin-card{grid-template-columns:1fr}.auth-action-row{flex-direction:column;align-items:stretch}.auth-role-field{display:grid;justify-items:start;text-align:left}.auth-role-toggle{align-self:flex-start}.auth-submit-prominent{width:100%;justify-self:stretch}}.meet-shell{background:#03060cd1}.meet-layout{width:100vw;height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background-size:cover;background-position:center;position:relative}.meet-layout:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top,#0c13218c,#070910d1);pointer-events:none}.meet-layout>*{position:relative;z-index:1}.meet-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;color:#f3f6ff}.meet-topbar h3{margin:.35rem 0 .2rem}.meet-top-meta{display:flex;gap:.6rem;flex-wrap:wrap}.meet-content{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,360px);gap:1rem;padding:.6rem 1rem 1rem}.meet-stage{border-radius:24px;background:#00000052;border:1px solid rgba(255,255,255,.12);padding:.9rem;display:grid;align-content:start;gap:.8rem}.meet-video-wrap{position:relative;border-radius:18px;overflow:hidden;min-height:min(66vh,560px);background:#00000040}.meet-video{width:100%;height:100%;object-fit:cover;display:block}.meet-video.hidden{display:none}.meet-video-fallback{width:100%;height:100%;display:grid;place-items:center;text-align:center;color:#f3f6ff;background:#0b111dbf}.meet-video-badge{position:absolute;left:.75rem;bottom:.75rem;display:inline-flex;align-items:center;gap:.55rem;border-radius:999px;padding:.5rem .8rem;background:#060a12a6;color:#f5f7ff}.meet-mic-meter{display:inline-flex;gap:.14rem;align-items:flex-end;height:14px}.meet-mic-meter .bar{width:3px;border-radius:6px;background:#81f09e4d;height:calc(4px + (var(--meter, 0) * 10px));animation:meetMicPulse .35s ease-in-out infinite alternate}.meet-mic-meter .bar:nth-child(2){animation-delay:.08s}.meet-mic-meter .bar:nth-child(3){animation-delay:.14s}.meet-mic-meter .bar:nth-child(4){animation-delay:.2s}@keyframes meetMicPulse{0%{opacity:.6}to{opacity:1}}.meet-stage.blur-soft .meet-video{filter:blur(3px) saturate(1.1)}.meet-stage.blur-strong .meet-video{filter:blur(7px) saturate(1.1)}.meet-host-note{margin:0}.meet-sidepanel{border-radius:22px;border:1px solid rgba(255,255,255,.12);background:#0d121dd6;padding:.85rem;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:.8rem}.meet-side-header{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.meet-sidepanel .meeting-chat-panel{min-height:0;grid-template-rows:minmax(0,1fr) auto}.meet-backgrounds{display:grid;gap:.8rem;min-height:0}.meet-background-modes{display:grid;grid-template-columns:1fr;gap:.45rem}.meet-background-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;overflow:auto;padding-right:.2rem}.meet-background-item{min-height:88px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background-size:cover;background-position:center;display:flex;align-items:flex-end;color:#f6f8ff;padding:.45rem}.meet-background-item span{background:#0a0e16ad;border-radius:999px;padding:.25rem .55rem;font-size:.74rem}.meet-background-item.active{outline:2px solid rgba(var(--accent-rgb),.85)}.meet-controls-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem 1rem;background:#070a11b8;border-top:1px solid rgba(255,255,255,.08)}.meet-controls-left,.meet-controls-right{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}@media (max-width: 1100px){.meet-content{grid-template-columns:minmax(0,1fr)}.meet-sidepanel{max-height:320px}}@media (max-width: 760px){.meet-controls-bar{flex-direction:column;align-items:stretch}.meet-controls-left,.meet-controls-right{justify-content:center}.meet-topbar{flex-direction:column}}
