:root{font-family:Segoe UI,sans-serif;color:#0f172a;background:radial-gradient(circle at top left,#dcfce7 0,transparent 35%),linear-gradient(180deg,#f8fafc,#e2e8f0)}*{box-sizing:border-box}body{margin:0}button{border:0;border-radius:999px;padding:.9rem 1.2rem;background:#0f172a;color:#fff;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}input,select{font:inherit}pre{overflow:auto;white-space:pre-wrap}.layout{max-width:1100px;margin:0 auto;padding:3rem 1.5rem 4rem;display:grid;gap:1.25rem}.sticky-shell{position:sticky;top:0;z-index:20;display:grid;gap:.75rem}.panel{background:#ffffffe0;border:1px solid rgba(15,23,42,.08);border-radius:24px;padding:1.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.auth-layout{min-height:100vh;display:grid;place-items:center}.auth-shell{width:min(980px,100%);display:grid;gap:1.5rem;grid-template-columns:minmax(0,1.2fr) minmax(320px,420px);padding:2rem}.auth-hero{display:grid;align-content:center;gap:.8rem;padding:1rem}.auth-hero h1{margin:0;font-size:clamp(2.2rem,5vw,4.8rem)}.auth-card{display:grid;gap:1rem;padding:1.25rem;border-radius:22px;background:linear-gradient(180deg,#ffffffeb,#ffffffd1),radial-gradient(circle at top left,rgba(34,197,94,.16),transparent 45%);border:1px solid rgba(15,23,42,.08)}.auth-switch{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;padding:.35rem;border-radius:999px;background:#0f172a0f}.tab-button{background:transparent;color:#334155}.tab-button-active{background:#0f172a;color:#fff}.primary-button{background:linear-gradient(135deg,#15803d,#0f172a)}.auth-hint{margin:0;color:#475569;font-size:.92rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;color:#15803d}.actions{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}.lesson-builder,.lesson-list-panel{display:grid;gap:1rem}.section-header,.hero-topline{display:flex;justify-content:space-between;gap:1rem;align-items:start;flex-wrap:wrap}.profile-onboarding{display:grid;gap:1rem}.profile-onboarding-header{display:flex;justify-content:space-between;gap:1rem;align-items:start;flex-wrap:wrap}.profile-choice-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.profile-choice{display:grid;gap:.5rem;text-align:left;padding:1rem 1.1rem;border-radius:20px;background:#0f172a0a;color:#0f172a}.profile-choice span{color:#475569}.profile-choice-active{background:linear-gradient(180deg,#fffffff5,#dcfce7eb),#0f172a0a;outline:2px solid rgba(34,197,94,.25)}.profile-onboarding-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.workspace-toolbar{display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap;padding-top:.85rem;padding-bottom:.85rem;background:linear-gradient(180deg,#f0fdf4fa,#dcfce7f0),#f8fafcf0;border-color:#15803d2e;box-shadow:0 12px 30px #15803d1f}.workspace-toolbar-sticky{border-radius:18px}.workspace-brand{display:grid;gap:.15rem}.workspace-brand span{color:#475569;font-size:.88rem}.mode-switch{display:grid;gap:.55rem}.mode-switch span{font-size:.92rem;color:#475569}.mode-switch-buttons{display:flex;gap:.6rem;flex-wrap:wrap}.profile-pills{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.toolbar-display-name{display:grid;gap:.35rem;min-width:220px}.toolbar-display-name span{font-size:.85rem;color:#166534}.toolbar-display-name input{border:1px solid rgba(21,128,61,.2);border-radius:14px;padding:.75rem .9rem;font:inherit;background:#ffffffeb}.profile-pill{display:inline-flex;align-items:center;padding:.7rem 1rem;border-radius:999px;background:#15803d1a;color:#166534;font-weight:600}.field{display:grid;gap:.35rem;min-width:240px}.compact-field{min-width:200px}.field-row{display:flex;gap:.8rem;align-items:end;flex-wrap:wrap}.field span{font-size:.85rem;color:#475569}.field input,.field select{border:1px solid rgba(15,23,42,.15);border-radius:14px;padding:.85rem 1rem;font:inherit;background:#fff}.field-error input,.field-error select{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261f}.field-error-text{color:#b91c1c;font-size:.85rem;font-weight:600}.password-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;align-items:center}.password-toggle{padding:.85rem 1rem;background:#0f172a14;color:#0f172a}.icon-button{min-width:48px;width:48px;height:48px;padding:0;display:inline-grid;place-items:center;border-radius:50%;background:#0f172a14;color:#0f172a;font-size:1.4rem;line-height:1}.toolbar-actions{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}.toolbar-profile-form{display:flex;gap:.8rem;align-items:end;flex-wrap:wrap;background:linear-gradient(180deg,#ecfdf5fa,#dcfce7f0),#ffffffeb;border-color:#15803d2e;box-shadow:0 12px 30px #15803d1a}.toolbar-profile-copy{display:grid;gap:.2rem;min-width:220px}.toolbar-profile-copy span{color:#475569;font-size:.88rem}.toolbar-profile-buttons{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.toggle-field{display:inline-flex;gap:.6rem;align-items:center;padding:.9rem 1rem;border-radius:14px;background:#0f172a0a;color:#0f172a}.search-results{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.search-hint{margin:0;color:#475569;font-size:.92rem}.student-search-field{position:relative}.student-search-dropdown{position:absolute;top:calc(100% + .35rem);left:0;right:0;z-index:10;display:grid;gap:.35rem;padding:.45rem;border:1px solid rgba(15,23,42,.12);border-radius:16px;background:#fffffffa;box-shadow:0 16px 30px #0f172a1f}.student-search-option{display:flex;justify-content:space-between;gap:.75rem;align-items:center;width:100%;padding:.8rem .95rem;border-radius:12px;background:#0f172a0a;color:#0f172a;text-align:left}.student-search-option-selected{background:#22c55e24;color:#166534}.student-search-state{cursor:default}.student-search-mark{min-width:1rem;text-align:right;font-weight:700}.search-result,.lesson-card{display:grid;gap:.35rem;text-align:left;padding:1rem 1.1rem;border-radius:20px;background:#0f172a0a;color:#0f172a}.search-result span,.lesson-card span{color:#475569;word-break:break-word}.search-result-active,.lesson-card-active{outline:2px solid rgba(34,197,94,.28);background:linear-gradient(180deg,#fffffff5,#dcfce7eb),#0f172a0a}.lesson-list{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.status{font-weight:600}.room-panel{display:grid;gap:1rem}.room-diagnostics{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.room-header{display:flex;justify-content:space-between;gap:1rem;align-items:end;flex-wrap:wrap}.meeting-stage{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.participant-tile{display:grid;gap:.75rem;padding:.75rem;border-radius:22px;background:linear-gradient(180deg,#0f172a,#111827);color:#fff;min-height:320px}.participant-tile-local{border:2px solid rgba(34,197,94,.45)}.participant-video{width:100%;min-height:240px;border-radius:18px;background:#020617;overflow:hidden;display:grid;place-items:center;position:relative}.participant-video-mount{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.participant-video-mount video{width:100%;height:100%;object-fit:cover;display:block}.participant-video-empty{background:radial-gradient(circle at top,rgba(34,197,94,.18),transparent 40%),#020617}.participant-video-fallback{background:radial-gradient(circle at top,rgba(59,130,246,.16),transparent 40%),#020617}.participant-fallback-name{position:relative;z-index:2;padding:0 1rem;text-align:center;font-size:clamp(1.1rem,2.3vw,1.8rem);font-weight:700;color:#ffffffeb;word-break:break-word}.participant-name-badge{position:absolute;left:.85rem;bottom:.85rem;z-index:2;max-width:calc(100% - 1.7rem);padding:.35rem .7rem;border-radius:999px;background:#020617b8;color:#fffffff5;font-size:.88rem;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-placeholder{border:1px dashed rgba(255,255,255,.2)}.participant-meta{display:grid;gap:.2rem}.participant-meta span{color:#ffffffbf;font-size:.92rem}.participant-signals{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.35rem}.participant-signal{display:inline-flex;align-items:center;padding:.3rem .65rem;border-radius:999px;font-size:.78rem;font-weight:600}.participant-signal-live{background:#22c55e2e;color:#166534}.participant-signal-off{background:#94a3b833;color:#334155}.participant-signal-error{background:#ef444429;color:#991b1b}.participant-signal-note{background:#0f172a61;color:#ffffffd1}@media (max-width: 720px){.layout{padding:1.25rem 1rem 2rem}.sticky-shell{top:0}.auth-shell{grid-template-columns:1fr;padding:1rem}.workspace-toolbar,.profile-onboarding-header,.profile-onboarding-actions,.field-row{align-items:stretch}.profile-pills,.toolbar-actions,.toolbar-profile-buttons{justify-content:stretch}.participant-tile{min-height:260px}.participant-video{min-height:200px}}