:root{--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--teal-active:#00b2a3;--status-speaking:#00b2a3;--status-pinned:#eb4235;--status-pinned-strong:#e62e2e;--status-chat-active:#362e4a;--status-hand:#f7b334;--classroom-shell-bg:#34185d;--classroom-shell-bg-deep:#0f0527;--classroom-panel-bg:hsla(0,0%,100%,.08);--classroom-panel-bg-strong:hsla(0,0%,100%,.14);--classroom-bar-border:hsla(0,0%,100%,.08);--ink:#2b124a;--surface-gutter:clamp(1rem,2vw,2.5rem);--purple-deep:#2b0069;--accent:#00b2a3;--accent-strong:#008d83;--muted:#a6a3b8;--border:rgba(27,26,45,.12);--shadow:0 24px 64px rgba(5,5,15,.3);--cta-yellow:#f6b038;--cta-yellow-dark:#d68c0f;--focus-rail-width:clamp(220px,15vw,280px);border:none}body,html{margin:0;padding:0;background:#050505;color:#f5f5ff;font-family:var(--font-sans),"Poppins",system-ui,-apple-system,sans-serif}button,input,select,textarea{font-family:inherit}.lobby{min-height:100dvh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(1.5rem,3vw,3rem);background:#32105e;box-sizing:border-box;overflow:hidden}.background-option .lk-participant-tile{width:100%;height:100%;justify-content:center;color:var(--purple-deep);transition:color .2s ease,transform .2s ease}.ghost-link{border:none;background:none;color:var(--accent-strong);font-weight:600;cursor:pointer;text-decoration:underline;padding:0}.toast-stack{position:fixed;bottom:clamp(1rem,2vw,2rem);left:clamp(1rem,3vw,2.5rem);flex-direction:column;z-index:2000;pointer-events:none}.toast,.toast-stack{display:flex;gap:.75rem}.toast{pointer-events:auto;align-items:flex-start;min-width:260px;max-width:min(90vw,360px);padding:.85rem 1rem;border-radius:var(--radius-lg);background:rgba(6,4,16,.92);color:#fff;border:1px solid hsla(0,0%,100%,.12);box-shadow:0 20px 45px rgba(4,3,12,.45);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:toastSlideIn .35s var(--ease-pop)}.toast--warning{border-color:rgba(246,176,56,.75);background:rgba(246,176,56,.18);color:#2f1601}.toast--error{border-color:rgba(198,40,40,.85);background:rgba(198,40,40,.2);color:#3d0707}.toast__message{flex:1 1;font-weight:600;font-size:.92rem}.toast__close{border:none;background:none;color:inherit;font-size:1.25rem;line-height:1;cursor:pointer;padding:.1rem;opacity:.75;transition:opacity .2s ease}.toast__close:hover{opacity:1}@keyframes toastSlideIn{0%{opacity:0;transform:translate3d(-12px,16px,0)}to{opacity:1;transform:translateZ(0)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.settings-panel__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem;align-content:flex-start}.classroom-shell{height:100dvh;width:100%;display:flex;flex-direction:column;gap:.75rem;padding:.75rem .75rem 0;box-sizing:border-box;overflow:hidden;background:#34185d url(/bg-pattern-dark-purple.svg) 50%/cover no-repeat}.hero-brand{display:flex;gap:.5rem;width:min(640px,100%);margin:0 auto}.hero-brand,.hero-brand__logo{align-items:center;justify-content:center}.hero-brand__logo{width:clamp(76px,9vw,112px);height:clamp(76px,9vw,112px);display:inline-flex}.hero-brand__logo img{width:100%;height:100%;object-fit:contain}.hero-brand__copy{display:flex;flex-direction:column;gap:.28rem;align-items:flex-start;text-align:left;max-width:520px}.hero__label{font-weight:700;letter-spacing:.1em;font-size:.9rem}.hero__eyebrow,.hero__lead,.hero__tag{margin:0;color:hsla(0,0%,100%,.75)}.hero__eyebrow{text-transform:uppercase;letter-spacing:.25em;font-size:.8rem}.hero h1{margin:0;font-size:44px!important;font-weight:700}.hero-brand__copy h1{margin:0 0 .32rem;line-height:1.06;font-size:44px;font-weight:800}.hero-brand__copy .hero__lead{margin:0}.hero__lead{color:#fff;line-height:1.25;margin:0}@media (max-width:640px){.hero-brand{flex-direction:column}.hero-brand__logo{width:76px;height:76px}}.panel{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1fr);grid-gap:2rem;gap:2rem;background:hsla(0,0%,100%,.06);padding:clamp(1.5rem,3vw,2rem);border-radius:var(--radius-xl);box-shadow:var(--shadow);border:1px solid hsla(0,0%,100%,.12)}.panel--developer{align-items:flex-start}.dev-brief{display:flex;flex-direction:column;gap:1rem;color:#fff}.dev-brief__eyebrow{margin:0;text-transform:uppercase;letter-spacing:.2em;font-size:.78rem;color:hsla(0,0%,100%,.65)}.dev-brief__steps{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.5rem;color:hsla(0,0%,100%,.75)}.dev-brief__steps li{line-height:1.4}.dev-brief__note{margin:0;padding:.85rem 1rem;border-radius:var(--radius-lg);background:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.85)}.dev-brief__token{margin-top:.25rem}.dev-form{align-self:stretch}.preview-card{background:linear-gradient(165deg,#121225,#090910);border-radius:var(--radius-lg);padding:2rem;display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem;position:relative}.preview-card__display{border-radius:var(--radius-md);border:1px dashed hsla(0,0%,100%,.2);min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:hsla(0,0%,100%,.7)}.preview-card__display video{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md);background:#000}.preview-card__display svg{width:56px;height:56px;opacity:.8}.preview-card__meters{display:flex;align-items:flex-end;gap:.35rem}.preview-card__status{margin:0;color:hsla(0,0%,100%,.7);font-size:.9rem}.settings{background:#050505;color:#fff;border-radius:var(--radius-lg);padding:clamp(1.5rem,2.5vw,2.25rem);display:flex;flex-direction:column;gap:1.25rem;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.15)}.settings__header h2{margin:0;font-size:1.5rem;color:#fff}.settings__header p{margin:.4rem 0 0;color:hsla(0,0%,100%,.65)}.settings__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.field{display:flex;flex-direction:column;gap:.25rem}.field__control{display:flex;align-items:center;gap:.75rem}.field__control--has-action{justify-content:space-between}.field__control--has-action>:is(select,input){flex:1 1 auto}.field__control>:is(select,input){max-width:280px;border:1px solid rgba(27,26,45,.16);border-radius:4px;padding:.5rem .65rem;font:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff}.field--test{grid-column:1/-1}.field__control--test{justify-content:center;gap:.65rem}.field__test-label{display:inline-flex;align-items:center;gap:.35rem;font-weight:600;color:#241444;text-transform:none;letter-spacing:0;flex:0 0 auto;max-width:none;margin:0;text-decoration:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.field__test-trigger{width:48px;height:48px;border:none;border-radius:var(--radius-lg);background:none;color:#1b0a35;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s ease,transform .2s ease}.field__test-trigger:focus-visible,.field__test-trigger:hover:not(:disabled){color:var(--teal-active);transform:scale(1.08);outline:none}.field__test-trigger:disabled{opacity:.45;cursor:not-allowed}.field__test-trigger svg{width:26px;height:26px}.field input,.field select,.settings__access input,.settings__access select,.token textarea{border-radius:var(--radius-lg);border:2px solid #2a1554;padding:.85rem 1rem;font-size:1rem;font-family:inherit;color:#1d1039;background:#fff;transition:border-color .2s ease,border-width .2s ease,box-shadow .2s ease}.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2.75rem;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%231b0a35' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(100% - 1rem) 52%;background-size:10px 6px}.field input:focus,.field select:focus,.settings__access input:focus,.settings__access select:focus,.token textarea:focus{outline:none;border-color:#1b0a35;border-width:3px}.field select option{color:#1d1039;background:#fff}.field__icon{width:44px;height:44px;border-radius:0;background:none;color:#1b0a35;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.field__icon svg{width:26px;height:26px;color:currentColor}.field__action{width:48px;height:48px;border-radius:0;border:none;background:none;color:#1b0a35;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:color .2s ease,transform .2s ease}.field__action:focus-visible,.field__action:hover:not(:disabled){color:var(--teal-active);transform:scale(1.08)}.field__action[aria-pressed=true]{color:var(--teal-active)}.field__action:disabled{opacity:.45;cursor:not-allowed}.field__action-icon svg{width:26px;height:26px;color:currentColor}.settings__access{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem;border:1px dashed hsla(0,0%,100%,.4);padding:1rem;border-radius:var(--radius-md);color:#fff}.settings__access legend{font-weight:600;color:#fff}.settings__access label{display:flex;flex-direction:column;gap:.3rem;color:hsla(0,0%,100%,.75)}.settings__error{margin:0;color:#ffbaba;font-weight:600}.settings__notice{margin:0;color:#9f6500;background:rgba(246,176,56,.15);border:1px solid rgba(246,176,56,.35);padding:.75rem 1rem;border-radius:var(--radius-md)}.cta{border:none;border-radius:var(--radius-pill);padding:1rem 1.5rem;background:linear-gradient(120deg,var(--accent),var(--accent-strong));color:#3b1b00;font-size:1.1rem;font-weight:700;text-transform:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.cta:disabled{opacity:.6;cursor:progress}.cta:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(254,138,0,.35)}.hardware-readout{display:flex;gap:1.25rem;margin:0;padding:0}.hardware-readout div{flex:1 1}.hardware-readout dt{letter-spacing:.1em;text-transform:uppercase;margin:0 0 .05rem;line-height:1.02;font-size:44px;font-weight:800}.hardware-readout dd{margin:.2rem 0 0;font-weight:600;color:var(--ink)}.token{border-radius:16px;border:1px solid var(--border);padding:1rem;background:#faf6ff;display:flex;flex-direction:column;gap:.5rem}.token h3{margin:0}.token textarea{min-height:140px;resize:vertical}.token__link{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;color:var(--accent-strong);text-decoration:none}.token__link:after{content:"↗";font-size:.9rem}.token__hint{margin:0;color:var(--muted);font-size:.9rem}@media (max-width:960px){.panel{grid-template-columns:1fr}.focus-layout{display:flex;flex-direction:column}.focus-rail{width:100%;max-height:none;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:0;border-radius:12px}.focus-rail__scroll{display:flex;flex-direction:row;gap:.5rem;min-height:0;overflow:visible;padding:.5rem}.focus-rail__item{min-width:160px}}@media (max-width:600px){.lobby{padding-top:.75rem;height:calc(100vh - var(--chrome-gap))}.hero{align-items:flex-start}.hardware-readout,.hero{flex-direction:column}.device-toolbar{width:100%;justify-content:flex-start}.view-toggle{align-self:stretch;justify-content:space-between}}.classroom{flex:1 1 auto;height:100%;display:flex;align-items:center;justify-content:center;padding:4rem 1.5rem}.classroom__card{width:min(720px,100%);background:#fff;color:#1b1a2d;border-radius:var(--radius-lg);padding:clamp(1.25rem,3vw,2rem);box-shadow:var(--shadow);border:1px solid rgba(27,26,45,.08);display:flex;flex-direction:column;gap:.75rem}.classroom-shell__content{position:relative;flex:1 1 auto;min-height:0;width:100%;display:flex;align-items:stretch;justify-content:stretch;gap:.75rem;flex-wrap:nowrap;overflow:hidden;padding:0}.classroom-session-panel{position:fixed;top:1rem;right:1rem;z-index:20;width:min(24rem,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow:auto;display:flex;flex-direction:column;gap:.75rem;padding:.9rem;border-radius:14px;border:1px solid hsla(0,0%,100%,.14);background:rgba(15,5,39,.9);color:#f8f7ff;box-shadow:0 18px 42px rgba(0,0,0,.32);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.classroom-session-panel__eyebrow{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(248,247,255,.72)}.classroom-session-panel__action-row,.classroom-session-panel__group-header,.classroom-session-panel__groups-header,.classroom-session-panel__header{display:flex;align-items:center;justify-content:space-between;gap:.65rem}.classroom-session-panel__group-header h4,.classroom-session-panel__groups-header h3,.classroom-session-panel__header h2{margin:0}.classroom-session-panel__status{font-size:.8rem;font-weight:600;color:#9fdcff;text-transform:capitalize}.classroom-session-panel__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.6rem;gap:.6rem;margin:0}.classroom-session-panel__facts div{padding:.65rem;border-radius:10px;background:hsla(0,0%,100%,.06)}.classroom-session-panel__facts dt{margin:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:rgba(248,247,255,.68)}.classroom-session-panel__facts dd{margin:.35rem 0 0;font-size:.95rem;font-weight:600}.classroom-session-panel__actions,.classroom-session-panel__create,.classroom-session-panel__groups{display:flex;flex-direction:column;gap:.65rem}.classroom-session-panel__create label{font-size:.82rem;font-weight:600}.classroom-session-panel__create input{min-width:0;flex:1 1 auto;border:1px solid hsla(0,0%,100%,.14);border-radius:10px;background:hsla(0,0%,100%,.08);color:inherit;padding:.55rem .75rem}.classroom-session-panel__create input::placeholder{color:rgba(248,247,255,.48)}.classroom-session-panel__action-row button{border:none;border-radius:10px;background:rgba(114,182,255,.2);color:inherit;padding:.55rem .85rem;font:inherit;font-weight:600;cursor:pointer}.classroom-session-panel__action-row button:disabled{cursor:not-allowed;opacity:.5}.classroom-session-panel__action-row--split button{flex:1 1}.classroom-session-panel__message{margin:0;padding:.65rem .75rem;border-radius:10px;font-size:.85rem}.classroom-session-panel__message--warning{background:rgba(255,191,94,.16);color:#ffe2af}.classroom-session-panel__message--error{background:hsla(0,100%,72%,.18);color:#ffc6c6}.classroom-session-panel__empty,.classroom-session-panel__group-header span,.classroom-session-panel__groups-header span,.classroom-session-panel__student-list small{color:rgba(248,247,255,.68)}.classroom-session-panel__group-list,.classroom-session-panel__student-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.classroom-session-panel__group-item{display:flex;flex-direction:column;gap:.55rem;padding:.7rem .8rem;border-radius:10px;background:hsla(0,0%,100%,.05)}.classroom-session-panel__student-list li{display:flex;justify-content:space-between;gap:.75rem}.classroom-session-panel__student-list small{font-size:.75rem}.classroom-session-panel__empty,.classroom-session-panel__empty--tight{margin:0;font-size:.85rem}@media (max-width:900px){.classroom-session-panel{top:.75rem;right:.75rem;left:.75rem;width:auto;max-height:min(24rem,calc(100vh - 1.5rem))}.classroom-session-panel__facts{grid-template-columns:1fr}}.breakout-banner{position:absolute;top:.5rem;left:.5rem;z-index:5;background:rgba(12,8,24,.75);border:1px solid hsla(0,0%,100%,.12);border-radius:6px;padding:.35rem .65rem;box-shadow:0 12px 30px rgba(0,0,0,.25)}.breakout-banner__title{margin:0;font-size:1.15rem;font-weight:700;color:#e8fffc}.classroom-stage{position:relative;background:transparent;border-radius:var(--radius-lg);padding:0;border:none;min-height:0;width:100%;flex:1 1 auto;min-width:0;height:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;overflow:hidden;box-shadow:none}.classroom-stage>*{flex:1 1}.classroom-stage>.stage-global__actions{flex:0 0 auto}.focus-layout{display:grid;grid-template-columns:minmax(0,1fr) clamp(188px,15vw,224px);align-items:stretch;grid-gap:.75rem;gap:.75rem}.focus-layout,.focus-stage{padding:0;min-height:0;height:100%}.focus-stage{position:relative;border-radius:var(--radius-lg);background:rgba(3,3,3,.9);overflow:hidden;display:flex;flex-direction:column;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.08),0 20px 48px rgba(7,2,18,.22)}.focus-stage:after{content:"";position:absolute;inset:0;border:2px solid transparent;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .12s ease,border-color .12s ease;z-index:3}.focus-stage--speaking:after{border-color:var(--status-speaking);opacity:1}.focus-stage__media{flex:1 1;min-height:0;width:100%;display:flex;align-items:stretch;justify-content:center}.focus-stage__media .lk-participant-tile,.focus-stage__media .stage-tile__video{width:100%;height:100%;display:flex;align-items:stretch;justify-content:stretch;aspect-ratio:auto;flex:1 1 auto}.focus-stage__media .lk-participant-tile{align-items:stretch;justify-content:stretch}.focus-stage__media .lk-participant-tile[data-lk-video-muted=true][data-lk-source=camera]{background:transparent}.focus-stage__media .lk-video-track,.focus-stage__media video{width:100%;height:100%;object-fit:cover;object-position:center}.focus-stage--raised{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.08),0 20px 48px rgba(7,2,18,.22)}.focus-stage:has(.focus-stage__media .lk-participant-tile[data-lk-video-muted=true][data-lk-source=camera]),.stage-tile:has(.lk-participant-tile[data-lk-video-muted=true][data-lk-source=camera]){background:transparent}.focus-rail{display:flex;flex-direction:column;gap:.5rem;max-height:none;height:100%;min-height:0;padding:0;border-radius:0;background:transparent;border:none;box-shadow:none;overflow:visible}.focus-rail__scroll{display:flex;flex:1 1 auto;flex-direction:column;gap:.35rem;min-height:0;overflow-y:auto;padding:.125rem 0}.focus-rail__item{display:flex;flex-direction:column;gap:.25rem;margin:0;padding:0;border-radius:var(--radius-md);background:transparent;border:none;position:relative;overflow:hidden;transition:transform .18s ease,background .18s ease}.focus-rail__item:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;border:2px solid transparent;opacity:0;z-index:3;transition:opacity .12s ease,border-color .12s ease}.focus-rail__item--active{background:transparent}.focus-rail__item--active:after{opacity:0}.focus-rail__item--speaking:after{border-color:var(--status-speaking);opacity:1}.focus-rail__item--pinned:after{border-color:var(--status-pinned-strong);opacity:1}.focus-rail__item--pinned .focus-rail__tile{box-shadow:inset 0 0 0 2px var(--status-pinned-strong)}.focus-rail__item--raised:after{border-color:var(--status-hand);opacity:1}.focus-rail__media{position:relative;display:flex;width:100%}.focus-rail__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:0;border:none;background:transparent;color:inherit;text-align:inherit;border-radius:inherit;cursor:pointer}.focus-rail__select:focus-visible{outline:2px solid rgba(248,180,52,.85);outline-offset:2px}.focus-rail__tile{width:100%;height:auto;aspect-ratio:16/10;border-radius:inherit;overflow:hidden;background:#0a0a12;display:flex;align-items:center;position:relative}.focus-rail__tile[data-lk-video-muted=true][data-lk-source=camera]{background:transparent}.focus-rail__item .focus-rail__tile.lk-participant-tile:after,.focus-rail__tile:after,.stage-tile .lk-participant-tile:after{content:"";position:absolute;top:auto!important;right:0;bottom:0;left:0;height:52px!important;background:linear-gradient(180deg,transparent,rgba(0,0,0,.78));pointer-events:none;z-index:1}.focus-rail__tile video{position:relative;overflow:visible;width:100%;height:100%;object-fit:cover;border-radius:inherit}.focus-rail__media--screenshare .focus-rail__tile .lk-video-track,.focus-rail__media--screenshare .focus-rail__tile video{object-fit:contain}.focus-rail__label{font-size:.85rem}.breakout-assignment-badge{position:absolute;right:.55rem;bottom:.7rem;display:inline-flex;align-items:center;max-width:calc(100% - 1.1rem);padding:.28rem .58rem;border-radius:999px;background:rgba(246,176,56,.94);border:1px solid rgba(255,248,234,.22);color:#2d1500;box-shadow:0 8px 18px rgba(7,2,18,.28);font-size:.72rem;font-weight:800;letter-spacing:.01em;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;z-index:2}.breakout-assignment-badge--main{background:rgba(18,16,27,.86);border-color:hsla(0,0%,100%,.12);color:hsla(0,0%,100%,.9)}.breakout-assignment-badge--compact{right:.4rem;bottom:.45rem;max-width:calc(100% - .8rem);padding:.22rem .45rem;font-size:.64rem}.grid-layout{display:flex;flex-direction:column;height:100%;min-height:0}.stage-grid{--grid-gap:4px;display:grid;grid-template-columns:repeat(var(--grid-columns,2),minmax(0,1fr));grid-auto-rows:minmax(0,1fr);grid-gap:var(--grid-gap);gap:var(--grid-gap);width:100%;height:100%;min-height:0;flex:1 1 auto;align-content:stretch;align-items:stretch;justify-items:stretch;overflow-y:auto}.stage-grid--stacked{grid-template-columns:1fr}@media (max-width:640px){.stage-grid{grid-template-columns:1fr}}.stage-pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:.75rem}.stage-pagination button{border:1px solid hsla(0,0%,100%,.25);border-radius:var(--radius-pill);padding:.35rem .9rem;background:hsla(0,0%,100%,.12);color:#fff;font-weight:600;cursor:pointer}.stage-pagination button:disabled{opacity:.4;cursor:not-allowed}.stage-pagination span{font-size:.9rem;color:hsla(0,0%,100%,.75)}.stage-tile{position:relative;border-radius:var(--radius-md);overflow:hidden;box-shadow:none;transition:transform .18s ease,background .18s ease;background:rgba(10,10,18,.75);display:flex;min-height:0;height:100%}.stage-tile--raised:after,.stage-tile--speaking:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3}.stage-tile--speaking:after{border:2px solid var(--status-speaking);border-color:var(--status-speaking)}.stage-tile--raised:after{border:2px solid var(--status-hand);border-color:var(--status-hand)}.focus-rail__item--previewing .focus-rail__tile,.stage-tile--previewing{box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.82)}.stage-tile .lk-participant-tile,.stage-tile__video{width:100%;height:100%;border-radius:inherit;overflow:hidden;background:#0a0a12;display:flex;align-items:center;position:relative}.stage-tile .lk-participant-tile[data-lk-video-muted=true][data-lk-source=camera]{background:transparent}.stage-tile--screenshare .lk-video-track,.stage-tile--screenshare video{object-fit:contain}.classroom-shell .stage-grid .stage-tile,.stage-tile__video video{flex:1 1 var(--tile-basis,50%);min-width:clamp(220px,var(--tile-basis,50%),100%);max-width:100%;height:auto;aspect-ratio:16/9}.stage-tile__quick{position:absolute;top:.85rem;right:.85rem;display:inline-flex;gap:.35rem;padding:.3rem .4rem;border-radius:999px;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.stage-tile__quick--compact{top:.5rem;right:.5rem;padding:.2rem .3rem}.focus-rail__item .stage-tile__quick--compact{gap:.2rem;padding:0}.stage-tile__quick--pin-only{padding:.25rem;border-radius:16px}.focus-rail__item:hover .stage-tile__quick,.focus-stage:hover .stage-tile__quick,.stage-tile:hover .stage-tile__quick{opacity:1;transform:translateY(0);pointer-events:auto}.stage-tile__quick button{border:1px solid hsla(0,0%,100%,.15);background:hsla(0,0%,100%,.08);color:#fff;display:inline-flex;align-items:center;justify-content:center;padding:.2rem;width:36px;height:36px;border-radius:12px;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.stage-tile__quick--pin-only button{width:38px;height:38px}.focus-rail__item .stage-tile__quick--compact button{width:28px;height:28px}.stage-tile__quick button:hover:not(:disabled){background:hsla(0,0%,100%,.18);border-color:hsla(0,0%,100%,.4);transform:translateY(-1px)}.stage-tile__quick button:disabled{opacity:.45;cursor:not-allowed}.stage-tile__quick button[data-active=true]{background:rgba(0,178,163,.2);border-color:rgba(0,178,163,.7);color:#fff}.stage-tile__quick .classroom-asset-icon,.stage-tile__quick svg{width:18px;height:18px}.screen-preview__trigger{position:absolute;right:.65rem;bottom:.65rem;padding:.35rem .8rem;border-radius:var(--radius-pill);border:1px solid hsla(0,0%,100%,.2);background:rgba(5,5,5,.85);color:#f3edff;font-weight:700;font-size:.9rem;cursor:pointer;z-index:4;transition:transform .2s ease,background .2s ease,border-color .2s ease}.screen-preview__trigger:hover{background:rgba(22,214,203,.15);border-color:rgba(22,214,203,.65);transform:translateY(-1px)}.screen-preview__trigger[data-active=true]{background:rgba(22,214,203,.25);border-color:rgba(22,214,203,.9);color:#0b1d1c}.screen-preview__center{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:4;opacity:0;transition:opacity .18s ease,transform .18s ease;transform:translateY(4px)}.screen-preview__center-btn{pointer-events:auto;width:60px;height:60px;border-radius:var(--radius-md);border:1px solid hsla(0,0%,100%,.35);background:rgba(5,5,5,.68);color:#f3edff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 16px 40px rgba(0,0,0,.4);transition:transform .2s ease,background .2s ease,border-color .2s ease,opacity .2s ease}.screen-preview__center-btn .classroom-asset-icon,.screen-preview__center-btn svg{width:26px;height:26px}.focus-rail .screen-preview__center-btn{width:44px;height:44px;border-radius:10px}.focus-rail .screen-preview__center-btn .classroom-asset-icon,.focus-rail .screen-preview__center-btn svg{width:20px;height:20px}.screen-preview__center-btn:hover{background:rgba(22,214,203,.22);border-color:rgba(22,214,203,.85);transform:translateY(-2px) scale(1.02)}.screen-preview__center-btn[data-active=true]{background:rgba(22,214,203,.28);border-color:rgba(22,214,203,.9);color:#0b1d1c}.focus-rail__item:hover .screen-preview__center,.screen-preview__center-btn[data-active=true]:only-child,.stage-tile:hover .screen-preview__center{opacity:1;transform:translateY(0);pointer-events:none}.focus-rail__item:hover .screen-preview__center-btn,.screen-preview__center-btn[data-active=true],.stage-tile:hover .screen-preview__center-btn{pointer-events:auto}.screen-preview__chip{display:none!important}.tile-moderation{position:absolute;top:.65rem;left:.65rem;display:inline-flex;gap:.25rem;padding:0;border-radius:0;background:transparent;box-shadow:none;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease;z-index:2}.tile-moderation--compact{top:.4rem;left:.4rem;gap:.25rem;padding:0}.focus-rail__item .tile-moderation--compact{gap:.25rem;padding:0}.tile-moderation button{display:flex;width:24px;height:24px;padding:4px 0;justify-content:center;align-items:center;gap:4px;flex-shrink:0;box-sizing:border-box;border-radius:6px;border:none;background:rgba(0,0,0,.75);color:#fff;cursor:pointer;box-shadow:none;transition:background .2s ease,color .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.tile-moderation--compact button{width:24px;height:24px;border-radius:6px}.focus-rail__item .tile-moderation--compact button{width:24px;height:24px}.tile-moderation button[data-active=true]{background:rgba(126,112,96,.78);color:#fff}.tile-moderation button[data-kind=camera][data-active=true],.tile-moderation button[data-kind=chat][data-active=true],.tile-moderation button[data-kind=mic][data-active=true]{background:#df5a43;color:#fff}.tile-moderation button[data-kind=screen][data-active=true]{background:#7a9798;color:#fff}.tile-moderation button[data-kind=pin][data-active=true]{background:#5f8786;color:#fff}.focus-rail__item .tile-moderation--compact button .classroom-asset-icon,.focus-rail__item .tile-moderation--compact button svg,.tile-moderation button .classroom-asset-icon,.tile-moderation button svg,.tile-moderation--compact button .classroom-asset-icon,.tile-moderation--compact button svg{width:16px;height:16px}.focus-rail__item:hover .tile-moderation,.focus-stage:hover .tile-moderation,.stage-tile:hover .tile-moderation{opacity:1;transform:translateY(0);pointer-events:auto}.focus-rail__hand,.focus-stage__hand,.stage-tile__hand{position:absolute;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:4.8px;gap:12px;box-sizing:border-box;border-radius:8px;background:var(--status-hand);border:1px solid var(--status-hand);color:#2b0f5c;box-shadow:0 6px 14px rgba(1,0,8,.35);z-index:4;pointer-events:none}.focus-rail__hand .classroom-asset-icon,.focus-rail__hand svg,.focus-stage__hand .classroom-asset-icon,.focus-stage__hand svg,.stage-tile__hand .classroom-asset-icon,.stage-tile__hand svg{width:12px;height:12px}.focus-stage__hand,.stage-tile__hand{top:.4rem;right:.4rem}.focus-rail__hand{top:.65rem;right:.65rem;width:24px;height:24px}.focus-rail__markers{position:absolute;top:.4rem;right:.4rem;display:inline-flex;align-items:center;gap:2px;z-index:4;pointer-events:none}.focus-rail__markers .focus-rail__hand,.focus-rail__pin{position:static;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:4.8px;gap:12px;box-sizing:border-box;border-radius:8px;background:var(--status-pinned-strong);border:1px solid var(--status-pinned-strong);box-shadow:0 6px 14px rgba(1,0,8,.35)}.focus-rail__pin{color:#2b0f5c}.focus-rail__pin .classroom-asset-icon,.focus-rail__pin svg{width:12px;height:12px}.focus-rail__markers .focus-rail__hand{top:auto;right:auto;width:24px;height:24px;background:#f8b434;border-color:#f8b434;color:#2b0f5c}.focus-rail__markers .focus-rail__hand .classroom-asset-icon,.focus-rail__markers .focus-rail__hand svg{width:12px;height:12px}.classroom-shell .lk-participant-tile{--lk-border-radius:12px}.classroom-shell .lk-participant-media-video[data-lk-local-participant=true][data-lk-source=camera]{transform:none!important}.classroom-shell .lk-participant-tile[data-lk-speaking=true]:not([data-lk-source=screen_share]):after{border-width:0!important;border-color:transparent!important}.focus-rail__item--pinned .lk-participant-tile:after,.focus-rail__item--raised .lk-participant-tile:after,.focus-rail__item--speaking .lk-participant-tile:after,.focus-stage .lk-participant-tile:after,.stage-tile--raised .lk-participant-tile:after,.stage-tile--speaking .lk-participant-tile:after{border-width:0}.focus-rail__tile .lk-participant-metadata,.focus-stage__media .lk-participant-metadata,.stage-tile .lk-participant-metadata{right:auto;bottom:.5rem;left:.5rem;align-items:flex-start;z-index:2}.focus-rail__tile .lk-participant-metadata,.stage-tile .lk-participant-metadata{position:absolute;left:0;right:0;bottom:0;width:100%;box-sizing:border-box;padding:0;display:flex;align-items:stretch}.focus-rail__tile .lk-participant-name,.focus-stage__media .lk-participant-name,.stage-tile .lk-participant-name{font-size:.75rem;font-weight:600;letter-spacing:-.02em;color:#fff}.focus-rail__tile .lk-participant-metadata-item,.focus-stage__media .lk-participant-metadata-item,.stage-tile .lk-participant-metadata-item{background:rgba(15,5,39,.78);color:#fff;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;padding:.28rem .45rem;box-shadow:0 10px 22px rgba(7,2,18,.22);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.classroom-shell .lk-participant-tile[data-lk-source=screen_share] .lk-participant-metadata-item:first-child>svg{display:none}.classroom-shell .lk-participant-tile[data-lk-source=screen_share] .lk-participant-metadata-item:first-child:before{content:"";width:1rem;height:1rem;flex-shrink:0;margin-right:.25rem;background:50%/contain no-repeat url(/icons/icon-share-screen.svg)}.focus-rail__tile .lk-participant-metadata-item,.stage-tile .lk-participant-metadata-item{display:flex;align-items:center;width:100%;min-width:100%;box-sizing:border-box;border-radius:var(--Border-Radius-radius-xs,4px);border:none;background:linear-gradient(180deg,transparent,rgba(0,0,0,.8));box-shadow:none;-webkit-backdrop-filter:blur(3.5px);backdrop-filter:blur(3.5px);padding:.5rem}.focus-rail__tile .lk-connection-quality,.focus-rail__tile .lk-track-muted-indicator-camera,.focus-rail__tile .lk-track-muted-indicator-microphone,.focus-stage__media .lk-connection-quality,.focus-stage__media .lk-track-muted-indicator-camera,.focus-stage__media .lk-track-muted-indicator-microphone,.stage-tile .lk-connection-quality,.stage-tile .lk-track-muted-indicator-camera,.stage-tile .lk-track-muted-indicator-microphone{color:#fff}.participant-fallback{position:absolute;inset:0;opacity:0;pointer-events:none;z-index:1}.participant-fallback .participant-placeholder{height:100%}.classroom-shell .lk-participant-tile[data-lk-video-muted=true][data-lk-source=camera] .lk-participant-placeholder{opacity:0}.focus-rail__item .lk-participant-tile[data-lk-video-muted=true][data-lk-source=camera]~.participant-fallback,.focus-stage__media .lk-participant-tile[data-lk-video-muted=true][data-lk-source=camera]~.participant-fallback,.stage-tile .lk-participant-tile[data-lk-video-muted=true][data-lk-source=camera]~.participant-fallback{opacity:1}.stage-empty{min-height:320px;display:grid;place-items:center;color:hsla(0,0%,100%,.65)}.stage-tile .lk-participant-tile{width:100%;height:100%}.screen-preview{position:fixed;inset:0;background:rgba(0,0,0,.72);display:flex;align-items:center;justify-content:center;padding:clamp(16px,3vw,32px);z-index:40;border:none;box-shadow:none}.screen-preview__shell{width:min(1100px,92vw);display:flex;flex-direction:column;gap:16px}.screen-preview__topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:12px;gap:12px;padding:0 4px}.screen-preview__summary{min-width:0}.screen-preview__eyebrow{margin:0;font-size:13px;color:hsla(0,0%,100%,.62);font-weight:400;letter-spacing:.02em}.screen-preview__title{display:block;margin-top:2px;font-size:22px;font-weight:700;color:#fff;letter-spacing:-.02em}.screen-preview__exercise-actions{display:flex;align-items:center;gap:20px;justify-self:center}.screen-preview__mark-btn{width:56px;height:56px;border:none;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,opacity .15s ease,filter .15s ease;flex-shrink:0}.screen-preview__mark-btn--correct{background:#3caa5e;color:#fff;box-shadow:0 4px 16px rgba(60,170,94,.45)}.screen-preview__mark-btn--wrong{background:#e03535;color:#fff;box-shadow:0 4px 16px rgba(224,53,53,.45)}.screen-preview__mark-btn:hover:not(:disabled){transform:scale(1.08);filter:brightness(1.08)}.screen-preview__mark-btn:disabled{opacity:.42;cursor:not-allowed;transform:none;filter:none;box-shadow:none}.screen-preview__topbar-right{display:flex;justify-content:flex-end}.screen-preview__close{width:44px;height:44px;border:none;border-radius:10px;background:hsla(0,0%,100%,.14);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .18s ease,transform .18s ease}.screen-preview__close:hover{background:hsla(0,0%,100%,.24);transform:scale(1.04)}.screen-preview__content-row{display:flex;align-items:center;gap:16px}.screen-preview__arrow{flex-shrink:0;width:44px;height:44px;border:none;border-radius:999px;background:hsla(0,0%,100%,.14);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .18s ease,transform .18s ease,opacity .18s ease}.screen-preview__arrow:hover:not(:disabled){background:hsla(0,0%,100%,.24);transform:scale(1.06)}.screen-preview__arrow:disabled{opacity:.32;cursor:not-allowed;transform:none}.screen-preview__panel{flex:1 1;min-width:0;height:min(70vh,62vw);background:#fff;border-radius:16px;overflow:hidden;border:none;box-shadow:0 24px 64px rgba(0,0,0,.48)}.screen-preview__body{position:relative}.screen-preview__body,.screen-preview__body .lk-participant-tile,.screen-preview__video-track{width:100%;height:100%}.exercise-state{align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:999px;font-weight:700;font-size:.85rem;letter-spacing:.01em;border:1px solid hsla(0,0%,100%,.14);background:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.92)}.exercise-state,.exercise-state__glyph{display:inline-flex;justify-content:center}.exercise-state__glyph{width:1.05rem;font-weight:900}.exercise-state__label{white-space:nowrap}.exercise-state--not_started{background:hsla(0,0%,100%,.06);color:hsla(0,0%,100%,.78)}.exercise-state--submitted{border-color:rgba(0,178,163,.45)}.exercise-state--correct{border-color:rgba(103,201,102,.55)}.exercise-state--incorrect{border-color:rgba(198,40,40,.55)}.exercise-state__actions{display:inline-flex;align-items:center;gap:.5rem}.exercise-state__btn{border:1px solid hsla(0,0%,100%,.24);background:hsla(0,0%,100%,.14);color:hsla(0,0%,100%,.92);border-radius:999px;padding:.3rem .7rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:background .2s ease,transform .2s ease,opacity .2s ease}.exercise-state__btn-glyph{display:inline-flex;width:1rem;justify-content:center;font-weight:900}.exercise-state__btn:hover:not(:disabled){background:hsla(0,0%,100%,.18);transform:translateY(-1px)}.exercise-state__btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.exercise-state__btn--danger{border-color:rgba(198,40,40,.55);background:rgba(198,40,40,.14)}@media (max-width:640px){.classroom-shell .stage-grid .stage-tile{width:100%;height:auto;aspect-ratio:9/16;border-radius:12px}}.permissions{display:flex;flex-wrap:wrap;gap:.75rem}.permissions__toggle{display:flex;align-items:center;gap:.4rem;font-size:.95rem}.permissions__toggle input{accent-color:var(--accent,#16d6cb)}.moderator-panel__list{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.moderator-panel__row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.moderator-panel__actions{display:flex;gap:.5rem}.moderator-panel__actions button{border:none;border-radius:var(--radius-pill);padding:.35rem .9rem;font-weight:600;cursor:pointer;background:hsla(0,0%,100%,.12);color:#fff}.layout-toggle{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.layout-toggle__btn{border:none;border-radius:var(--radius-pill);padding:.35rem .9rem;background:hsla(0,0%,100%,.12);color:#fff;cursor:pointer;font-weight:600;margin-right:.4rem}.layout-toggle__btn--active{background:#16d6cb;color:#042322}.participant-placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(180deg,rgba(86,49,141,.95),rgba(52,24,93,.98)),url(/bg-pattern-dark-purple.svg) 50% /cover no-repeat;color:hsla(0,0%,100%,.96);font-size:1.8rem;letter-spacing:.02em}.participant-placeholder span{display:inline-flex;align-items:center;justify-content:center;width:clamp(68px,24%,88px);aspect-ratio:1;border-radius:999px;background:#b88d28;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.18),0 14px 32px rgba(5,0,18,.25);font-size:clamp(1.4rem,2.8vw,2rem);font-weight:600}.participant-placeholder--compact{border-radius:8px;height:100%;width:100%;background:rgba(10,10,18,.4)}.participant-placeholder--compact span{width:56px;font-size:1.5rem}.chat-panel{display:flex;flex-direction:column;flex:1 1;min-height:0;padding:0;background:radial-gradient(circle at top center,rgba(97,58,186,.18),transparent 38%),linear-gradient(180deg,rgba(18,14,31,.98),rgba(16,13,29,.98))}.chat-flyout{position:fixed;width:min(420px,calc(100vw - 1.5rem));height:min(501px,calc(100vh - 1rem));min-height:min(360px,calc(100vh - 1rem));max-height:calc(100vh - 1rem);max-width:none;display:flex;flex-direction:column;align-items:flex-start;min-width:min(360px,calc(100vw - 1.5rem));resize:both;margin:0;padding:0;background:#13101f;border:none;border-left:1px solid hsla(0,0%,100%,.08);border-radius:.75rem;box-shadow:0 18px 32px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:12;overflow:hidden;will-change:left,top}.chat-flyout>.chat-panel,.chat-flyout__handle{width:100%;box-sizing:border-box}.chat-flyout__handle{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1.05rem 1.1rem .95rem;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;background:linear-gradient(180deg,rgba(20,16,33,.98),rgba(18,14,31,.95));border-bottom:1px solid hsla(0,0%,100%,.08);font-weight:700;color:#fff}.chat-flyout__handle:active{cursor:-webkit-grabbing;cursor:grabbing}.chat-flyout__title{display:flex;align-items:center;gap:.8rem;flex:1 1;min-width:0;font-size:1.05rem;letter-spacing:-.02em}.breakout-dialog__grip,.chat-flyout__grip,.settings-panel__grip{display:grid;grid-template-columns:repeat(3,4px);grid-gap:3px;gap:3px;flex:0 0 auto}.breakout-dialog__grip span,.chat-flyout__grip span,.settings-panel__grip span{width:4px;height:4px;border-radius:999px;background:hsla(0,0%,100%,.24)}.chat-flyout__divider{width:1px;height:18px;background:hsla(0,0%,100%,.12);flex:0 0 auto}.chat-flyout__icon{width:22px;height:22px;display:grid;place-items:center;color:#f2bb45;flex:0 0 auto}.chat-flyout__icon img,.chat-flyout__icon svg{width:100%;height:100%;object-fit:contain}.chat-flyout__label{min-width:0}.chat-flyout__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:#fff;padding:.15rem;border-radius:8px;display:grid;place-items:center;width:32px;height:32px;font-size:2rem;line-height:1;cursor:pointer;transition:color .2s ease,background .2s ease}.chat-flyout__close svg{width:1.45rem;height:1.45rem}.chat-flyout__close:hover{color:hsla(0,0%,100%,.92);background:hsla(0,0%,100%,.06)}.chat-flyout__close:active{color:hsla(0,0%,100%,.72)}.chat-flyout__contexts{width:100%;box-sizing:border-box;display:flex;align-items:center;gap:.5rem;padding:.72rem 1.1rem .78rem;border-bottom:1px solid hsla(0,0%,100%,.08);background:linear-gradient(180deg,rgba(20,16,33,.96),rgba(18,14,31,.92));overflow-x:auto;scrollbar-width:none}.chat-flyout__contexts::-webkit-scrollbar{display:none}.chat-flyout__context-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid hsla(0,0%,100%,.12);border-radius:999px;background:hsla(0,0%,100%,.04);padding:.42rem .82rem;color:hsla(0,0%,100%,.74);font-family:var(--font-sans),"Poppins",system-ui,-apple-system,sans-serif;font-size:.75rem;font-weight:500;letter-spacing:-.015rem;white-space:nowrap;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}.chat-flyout__context-tab:focus-visible,.chat-flyout__context-tab:hover{outline:none;border-color:hsla(0,0%,100%,.22);background:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.92)}.chat-flyout__context-tab[data-active=true]{border-color:rgba(242,187,69,.45);background:rgba(242,187,69,.16);color:#fff}.chat-panel__messages{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;gap:.85rem;padding:1.1rem 1.35rem 1rem;min-height:0}.chat-panel__messages::-webkit-scrollbar{width:6px}.chat-panel__messages::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.14);border-radius:999px}.chat-message-block{display:flex;flex-direction:column;gap:.35rem}.chat-message-row{display:flex;align-items:flex-start;width:100%;justify-content:flex-start}.chat-message-row[data-align=end]{justify-content:flex-end}.chat-message__timestamp{margin:0;font-size:.82rem;line-height:1;color:hsla(0,0%,100%,.5)}.chat-message__timestamp--leading{align-self:flex-start}.chat-message__timestamp--trailing{align-self:flex-end;padding-right:.15rem}.chat-message-shell{display:inline-flex;align-items:center;gap:.55rem;min-width:0;max-width:100%}.chat-message-shell--own{flex-direction:row-reverse}.chat-message{border-radius:1.45rem;padding:.95rem 1.2rem;width:-moz-fit-content;width:fit-content;max-width:84%;min-width:0;align-self:flex-start;flex-shrink:1;word-break:break-word;box-shadow:none;position:relative}.chat-message[data-has-attachments=true]{display:flex;flex-direction:column;gap:.55rem;padding:0;background:transparent;border:none;box-shadow:none;width:min(100%,31rem);max-width:100%}.chat-message--incoming{background:rgba(37,30,62,.92);border-radius:16px 16px 16px 4px;border:1px solid hsla(0,0%,100%,.03);color:#faf6ff}.chat-message--incoming[data-has-attachments=false]{display:flex;padding:6px 12px;justify-content:center;align-items:center;gap:10px}.chat-message--own{border-radius:16px 16px 4px 16px;background:linear-gradient(135deg,#3d1f66,#5a2d9c);border:1px solid hsla(0,0%,100%,.06);color:#fff}.chat-message--own[data-has-attachments=false]{display:flex;padding:6px 12px;justify-content:center;align-items:center;gap:10px}.chat-message__authorline{margin:0;font-size:.84rem;color:hsla(0,0%,100%,.74)}.chat-message__text{margin:0;font-size:.98rem;line-height:1.38;letter-spacing:-.02em}.chat-message__text-bubble{width:-moz-fit-content;width:fit-content;max-width:84%;display:inline-flex;padding:6px 12px;justify-content:center;align-items:center;gap:10px}.chat-message--incoming .chat-message__text-bubble{border-radius:16px 16px 16px 4px;background:rgba(37,30,62,.92);border:1px solid hsla(0,0%,100%,.03)}.chat-message--own .chat-message__text-bubble{border-radius:16px 16px 4px 16px;background:linear-gradient(135deg,#3d1f66,#5a2d9c);border:1px solid hsla(0,0%,100%,.06)}.chat-attachments{display:flex;flex-direction:column;gap:.55rem;margin-top:.8rem}.chat-message[data-has-attachments=true] .chat-attachments,.chat-message[data-has-text=false] .chat-attachments{margin-top:0}.chat-attachment{min-width:min(100%,230px);border-radius:1.75rem;color:inherit;text-decoration:none}.chat-attachment--pending{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:.75rem;gap:.75rem;padding:.9rem .95rem;background:rgba(24,18,42,.84);border:1px solid hsla(0,0%,100%,.06);cursor:default}.chat-message--own .chat-attachment--pending{background:rgba(57,30,116,.52)}.chat-attachment--file{display:flex;box-sizing:border-box;justify-content:space-between;align-items:center;gap:.75rem;width:266px;max-width:100%;min-height:0;padding:12px;border-radius:16px 16px 16px 4px;background:rgba(37,30,62,.92);border:1px solid hsla(0,0%,100%,.03);box-shadow:none}.chat-message--own .chat-attachment--file{border-radius:16px 16px 4px 16px;background:linear-gradient(135deg,#3d1f66,#5a2d9c);border-color:hsla(0,0%,100%,.06)}.chat-attachment__content{display:flex;flex-direction:column;gap:.2rem;min-width:0;flex:1 1}.chat-attachment__pending{font-size:.85rem;color:hsla(0,0%,100%,.62)}.chat-attachment--image img{width:100%;max-height:220px;object-fit:cover;border-radius:1rem;background:#0c0d14}.chat-attachment--image figcaption{margin-top:.45rem;font-size:.82rem;color:hsla(0,0%,100%,.76)}.chat-attachment__name{font-size:.92rem;line-height:1.1;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-attachment__meta{font-size:.72rem;color:hsla(0,0%,100%,.58)}.chat-attachment__download{width:1.25rem;height:1.25rem;color:hsla(0,0%,100%,.94);flex:0 0 auto;margin-left:auto}.chat-attachment__download img,.chat-attachment__download svg{width:100%;height:100%;object-fit:contain}.chat-file-badge{width:3rem;min-width:3rem;height:3.85rem;position:relative;display:inline-flex;align-items:flex-end;justify-content:center}.chat-file-badge--compact{width:1.6rem;min-width:1.6rem;height:1.9rem}.chat-file-badge__page{position:absolute;top:0;left:0;width:100%;height:calc(100% - .85rem);object-fit:contain}.chat-file-badge__label{position:relative;z-index:1;min-width:2.05rem;padding:.18rem .3rem;border-radius:.38rem;background:#db4a34;color:#fff;font-size:.68rem;font-weight:800;line-height:1;text-align:center}.chat-file-badge--compact .chat-file-badge__page{top:.05rem;left:.08rem;width:calc(100% - .16rem);height:calc(100% - .35rem)}.chat-file-badge--compact .chat-file-badge__label{min-width:1.25rem;font-size:.44rem;padding-inline:.18rem}.chat-message__delete{position:static;transform:translateX(.12rem);border:none;background:transparent;color:hsla(0,0%,100%,.72);width:28px;height:28px;display:flex;box-sizing:border-box;padding:0 7px;align-items:center;justify-content:center;border-radius:8.75px;flex:0 0 auto;cursor:pointer;transition:opacity .18s ease,visibility .18s ease,transform .18s ease,color .2s ease;opacity:0;visibility:hidden;pointer-events:none}.chat-message-shell--own .chat-message__delete{transform:translateX(-.12rem)}.chat-message__delete svg{width:14px;height:14px}.chat-message__delete:focus-visible,.chat-message__delete:hover{color:#fff;background:transparent;outline:none}.chat-message-shell:focus-within .chat-message__delete,.chat-message-shell:hover .chat-message__delete{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0)}.chat-empty{margin:auto 0;padding:1.2rem 0;text-align:center;color:hsla(0,0%,100%,.58)}.chat-panel__composer{padding:.7rem .9rem .85rem;background:transparent;border-top:1px solid hsla(0,0%,100%,.08)}.chat-composer__field{width:100%;display:flex;flex-direction:column;gap:0}.chat-composer__field[data-disabled=true]{opacity:.74}.chat-composer__main{display:flex;height:50px;padding:0 12px;justify-content:space-between;align-items:center;flex-shrink:0;align-self:stretch;gap:.75rem;border-radius:14px;border:1px solid hsla(0,0%,100%,.08);background:#1c1730}.chat-composer__main--ready{height:auto;min-height:50px;padding-top:8px;padding-bottom:8px}.chat-composer__content{flex:1 1;min-width:0;display:flex;align-items:center}.chat-composer__chips{display:flex;flex-wrap:nowrap;gap:.45rem;width:100%;min-width:0}.chat-composer__chip{display:flex;justify-content:center;align-items:center;gap:6px;max-width:100%;min-width:0;padding:4px 8px 4px 4px;border-radius:7px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.12);box-shadow:none}.chat-composer__thumb{width:28px;height:28px;border-radius:5px;overflow:hidden;flex:0 0 auto}.chat-composer__thumb img{width:100%;height:100%;object-fit:cover}.chat-composer__chip-name{min-width:0;max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:500;color:#f6f2ff}.chat-composer__chip-remove{position:static;border:none;background:transparent;color:#f16047;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;padding:0;flex:0 0 auto;border-radius:5px;cursor:pointer;transition:color .2s ease,background .2s ease}.chat-composer__chip-remove img,.chat-composer__chip-remove svg{width:12px;height:12px}.chat-composer__chip-remove:focus-visible,.chat-composer__chip-remove:hover{color:#ff7f6a;background:hsla(0,0%,100%,.08)}.chat-panel__input{flex:1 1;min-width:0;border:none;background:transparent;color:#f9f6ff;padding:0;font-size:1rem;line-height:1.1;letter-spacing:-.02em}.chat-panel__input::placeholder{color:hsla(0,0%,100%,.62)}.chat-panel__input:focus-visible{outline:none}.chat-panel__file-input{display:none}.chat-composer__actions{display:inline-flex;align-items:center;gap:.6rem;flex:0 0 auto;padding-left:.85rem}.chat-composer__action{width:40px;height:40px;border-radius:14px;border:1px solid hsla(0,0%,100%,.04);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease,opacity .18s ease}.chat-composer__action:focus-visible:not(:disabled),.chat-composer__action:hover:not(:disabled){transform:translateY(-1px)}.chat-composer__action img,.chat-composer__action svg{width:1.35rem;height:1.35rem;object-fit:contain}.chat-composer__action--attach,.chat-composer__action--send{background:rgba(72,66,101,.72);border-color:hsla(0,0%,100%,.05);color:#fff}.chat-composer__action--send:not(:disabled){background:#f4bf4b;border-color:rgba(244,191,75,.18);color:#fff}.chat-composer__action:disabled{background:rgba(72,66,101,.72);border-color:hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.72);cursor:not-allowed;transform:none}@media (max-width:640px){.chat-flyout{width:min(100vw - 1rem,420px);min-width:min(100vw - 1rem,360px)}.chat-flyout__contexts,.chat-panel__messages{padding-inline:.85rem}.chat-panel__composer{padding-inline:.85rem;padding-top:.55rem;padding-bottom:.7rem}.chat-composer__field{gap:.4rem}.chat-composer__main{padding-inline:.85rem;gap:.55rem}.chat-composer__actions{gap:.45rem}.chat-message{max-width:92%}}.classroom-controls{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;grid-gap:.75rem;gap:.75rem;margin:0 -.75rem;background:rgba(15,5,39,.98);padding:.85rem .75rem .9rem;border-radius:0;border-top:1px solid var(--classroom-bar-border);box-shadow:0 -12px 36px rgba(7,2,18,.2);flex:0 0 auto}.classroom-controls__group{display:flex;align-items:center;gap:.5rem;min-width:0}.classroom-controls__group--leading{justify-content:flex-start;justify-self:start}.classroom-controls__group--center{justify-content:center;justify-self:center}.classroom-controls__group--trailing{justify-content:flex-end;justify-self:end}.global-controls{display:flex;gap:clamp(.35rem,.85vw,.9rem);align-items:center;justify-content:flex-start;flex-wrap:nowrap;width:auto;white-space:nowrap;overflow-x:auto}.global-control-btn{position:relative;width:44px;height:44px;border:none;border-radius:12px;background:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.82);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s ease,transform .2s ease,background .2s ease,box-shadow .2s ease}.global-control-btn[data-active=true]{color:#fff;background:rgba(0,178,163,.2);box-shadow:none}.global-control-btn:disabled{opacity:.35;cursor:not-allowed}.global-control-btn .classroom-asset-icon,.global-control-btn svg{width:22px;height:22px}.global-control-btn__icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.global-control-btn__icon-wrap--struck:after{content:"";position:absolute;top:50%;left:50%;width:1.5rem;height:2px;border-radius:999px;background:currentColor;transform:translate(-50%,-50%) rotate(-35deg);box-shadow:0 0 0 1px rgba(7,2,18,.14)}.global-control-btn[data-lock-kind=share][data-active=true]{color:#f8fffe;background:linear-gradient(180deg,rgba(28,193,178,.94),rgba(12,155,144,.94));box-shadow:0 16px 30px rgba(8,97,91,.22)}.global-control-btn[data-lock-kind=chat][data-active=true]{color:#fff;background:var(--status-pinned);box-shadow:none}.focus-rail__actions{display:flex;justify-content:flex-start;align-items:center;padding:.5rem .5rem 0;width:100%;overflow-x:hidden}.focus-rail__actions .global-controls{width:100%;justify-content:flex-start;gap:.26rem;overflow-x:hidden;margin:0}.focus-rail__actions .global-control-btn{width:30px;height:30px;border-radius:9px}.focus-rail__actions .global-control-btn .classroom-asset-icon,.focus-rail__actions .global-control-btn svg{width:13px;height:13px}.classroom-shell[data-role=teacher] .focus-rail__actions{padding:.68rem .58rem .14rem}.classroom-shell[data-role=teacher] .focus-rail__actions .global-control-btn{background:rgba(22,10,44,.92);color:#fff;border:none;box-shadow:0 8px 16px rgba(7,2,18,.14)}.classroom-shell[data-role=teacher] .focus-rail__actions .global-control-btn[data-active=true]{background:rgba(34,18,62,.96);color:#fff;box-shadow:0 8px 16px rgba(7,2,18,.14)}.classroom-shell[data-role=teacher] .focus-rail__actions .global-control-btn[data-lock-kind=share][data-active=true]{background:linear-gradient(180deg,rgba(28,193,178,.96),rgba(12,155,144,.96));color:#f8fffe;box-shadow:0 12px 22px rgba(8,97,91,.28)}.classroom-shell[data-role=teacher] .focus-rail__actions .global-control-btn[data-lock-kind=chat][data-active=true]{background:var(--status-pinned);color:#fff;box-shadow:none}.classroom-shell[data-role=teacher] .focus-rail__actions .global-control-btn[aria-pressed=true]{background:var(--status-pinned-strong);color:#fff;box-shadow:0 10px 20px rgba(60,5,21,.28)}.classroom-shell[data-role=teacher] .classroom-controls__group--leading{gap:.6rem}.classroom-shell[data-role=teacher] .classroom-controls__group--center{gap:.75rem}.stage-global__actions{position:relative;width:100%;display:flex;justify-content:center;align-items:center;padding:.55rem 0 .7rem;margin:0;min-height:0;z-index:2}.stage-global__actions .global-controls{justify-content:center;gap:.55rem;padding:0;border-radius:0;background:transparent;border:none;box-shadow:none;overflow:visible}.stage-global__actions .global-control-btn{width:2.35rem;height:2.35rem;border-radius:.8rem;background:rgba(10,4,24,.96);color:#fff;border:none;box-shadow:0 8px 18px rgba(7,2,18,.18)}.stage-global__actions .global-control-btn .classroom-asset-icon,.stage-global__actions .global-control-btn svg{width:1.1rem;height:1.1rem}.stage-global__actions .global-control-btn[aria-pressed=true],.stage-global__actions .global-control-btn[data-active=true]{background:linear-gradient(180deg,rgba(114,186,175,.98),rgba(94,166,155,.98));color:#fff;box-shadow:0 16px 32px rgba(48,109,101,.18)}.stage-global__actions .global-control-btn[data-lock-kind=share][data-active=true]{background:linear-gradient(180deg,rgba(28,193,178,.98),rgba(12,155,144,.98));color:#f8fffe;box-shadow:0 16px 32px rgba(8,97,91,.22)}.stage-global__actions .global-control-btn[data-lock-kind=chat][data-active=true]{background:var(--status-pinned);color:#fff;box-shadow:none}.control-btn{position:relative;min-width:90px;min-height:56px;border:none;border-radius:12px;padding:.45rem .65rem .5rem;background:hsla(0,0%,100%,.08);color:#fff;font-weight:400;font-size:.75rem;letter-spacing:-.02em;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;cursor:pointer;line-height:1;box-shadow:none;transition:background .15s ease,box-shadow .15s ease,color .15s ease;white-space:nowrap}.classroom-shell[data-role=teacher] .control-btn{min-width:104px;min-height:58px;padding:.5rem .75rem .55rem;background:hsla(0,0%,100%,.06);border:none}.control-btn__icon{display:inline-flex}.control-btn__icon .classroom-asset-icon,.control-btn__icon svg{width:20px;height:20px}.control-btn__label{display:block}.control-btn__badge{position:absolute;top:.4rem;right:.45rem;min-width:18px;padding:0 5px;height:18px;border-radius:999px;background:var(--status-speaking);color:#fff;font-size:.68rem;font-weight:700;line-height:18px;text-align:center}.control-btn--active{background:rgba(0,178,163,.18);box-shadow:none}.classroom-shell[data-role=teacher] .control-btn--active{background:hsla(0,0%,100%,.1);box-shadow:none}.control-btn:disabled{opacity:.45;cursor:not-allowed}.control-btn:hover:not(:disabled){background:var(--status-chat-active)}.control-btn--active:hover:not(:disabled){background:rgba(0,178,163,.18)}.classroom-shell[data-role=teacher] .control-btn--active:hover:not(:disabled){background:hsla(0,0%,100%,.1)}.classroom-shell[data-role=teacher] .control-btn--breakout.control-btn--active,.classroom-shell[data-role=teacher] .control-btn--chat.control-btn--active,.control-btn--breakout.control-btn--active,.control-btn--chat.control-btn--active{background:var(--status-chat-active);color:#fff;box-shadow:none}.classroom-shell[data-role=teacher] .control-btn--breakout.control-btn--active:hover:not(:disabled),.classroom-shell[data-role=teacher] .control-btn--chat.control-btn--active:hover:not(:disabled),.control-btn--breakout.control-btn--active:hover:not(:disabled),.control-btn--chat.control-btn--active:hover:not(:disabled){background:var(--status-chat-active)}.classroom-shell[data-role=teacher] .control-btn--share.control-btn--active,.control-btn--share.control-btn--active{background:var(--status-speaking);box-shadow:none}.classroom-shell[data-role=teacher] .control-btn--share.control-btn--active:hover:not(:disabled),.control-btn--share.control-btn--active:hover:not(:disabled){background:var(--status-speaking)}.classroom-shell[data-role=teacher] .control-btn--off,.control-btn--off{background:var(--status-pinned);box-shadow:none}.control-btn--off:hover:not(:disabled){background:var(--status-pinned)}.control-btn--raise{background:hsla(0,0%,100%,.12);color:#fff;box-shadow:none;border:none}.control-btn--raise.control-btn--active{background:var(--status-hand);box-shadow:none;color:#000}.control-btn--raise.control-btn--active:hover:not(:disabled){background:var(--status-hand)}.control-btn--raise:disabled{opacity:.45;background:hsla(0,0%,100%,.12);color:hsla(0,0%,100%,.7);box-shadow:none}.control-icon-btn{width:40px;height:40px;border:none;border-radius:12px;background:hsla(0,0%,100%,.08);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,box-shadow .15s ease,color .15s ease}.classroom-shell[data-role=teacher] .control-icon-btn{background:hsla(0,0%,100%,.06);border:none}.control-icon-btn:hover:not(:disabled){background:var(--status-chat-active)}.classroom-shell[data-role=teacher] .control-icon-btn--active,.control-icon-btn--active{background:var(--status-chat-active);color:#fff;box-shadow:none}.classroom-shell[data-role=teacher] .control-icon-btn--active:hover:not(:disabled),.control-icon-btn--active:hover:not(:disabled){background:var(--status-chat-active)}.control-icon-btn .classroom-asset-icon,.control-icon-btn svg{width:16px;height:16px}.leave-btn{border:none;border-radius:8px;padding:.65rem .95rem;min-height:40px;background:var(--status-pinned);color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;box-shadow:none}.leave-btn:focus-visible,.leave-btn:hover:not(:disabled){background:var(--cta-yellow);color:#fff}.leave-btn__icon{display:none}.classroom-settings-panel{position:fixed;--settings-panel-space:var(--spacing-Spacing-12,0.75rem);--settings-panel-width-base:var(--size-panel-compact-wide,23rem);--settings-panel-width:min(var(--settings-panel-width-base),calc(100vw - 1.25rem));--settings-panel-max-width:23rem;--settings-panel-padding:var(--settings-panel-space) var(--spacing-Spacing-14,0.875rem);--settings-panel-gap:var(--spacing-Spacing-12,0.75rem);--settings-panel-radius:0.75rem;--settings-panel-surface:linear-gradient(180deg,#181423,#12101b);width:var(--settings-panel-width,min(360px,calc(100vw - 1rem)));max-width:var(--settings-panel-max-width,42rem);background:var(--settings-panel-surface,var(--settings-panel-bg,#050505));border-radius:var(--settings-panel-radius,.75rem);border:var(--settings-panel-border,1px solid hsla(0,0%,100%,.12));margin:0;padding:var(--settings-panel-padding,1rem 1.1rem 1.2rem);box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;gap:var(--settings-panel-gap,1rem);box-shadow:var(--settings-panel-shadow,none);color:var(--settings-panel-color,#fff);z-index:15;-webkit-backdrop-filter:var(--settings-panel-backdrop,none);backdrop-filter:var(--settings-panel-backdrop,none);max-height:calc(100vh - clamp(2.5rem, 4vw, 3.5rem));overflow-x:hidden;overflow-y:auto;will-change:left,top}.classroom-settings-panel>*{width:100%;min-width:0}.classroom-settings-panel .settings-panel__close{border:none;background:none;color:#fff;font-weight:500;width:2.35rem;height:2.35rem;padding:0;text-decoration:none;font-size:1.3rem;line-height:1;min-width:auto;box-shadow:none;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}.classroom-settings-panel .settings-panel__close:focus-visible,.classroom-settings-panel .settings-panel__close:hover{color:#fff;background:hsla(0,0%,100%,.06);outline:none}.classroom-settings-panel .settings-panel__close svg{width:1.45rem;height:1.45rem}.breakout-dialog{--settings-panel-padding:1.45rem 1.45rem 1.35rem;--settings-panel-radius:0.75rem;--settings-panel-border:none;--settings-panel-bg:#141223;--settings-panel-surface:linear-gradient(180deg,#191529,#141223);--settings-panel-color:#fff;--settings-panel-shadow:0 24px 56px rgba(4,2,13,.34)}.settings-panel__header--breakouts{align-items:center;margin-bottom:1rem}.breakout-dialog__title-wrap{display:flex;align-items:center;gap:.85rem}.breakout-dialog__grip{opacity:1}.settings-panel__header--breakouts h3{margin:0;color:var(--Brand-Colors-Soft-White,#f6f6f6);font-family:var(--font-sans),"Poppins",system-ui,-apple-system,sans-serif;font-size:1rem;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.02rem}.breakout-dialog__close{width:42px;height:42px;border:none;border-radius:999px;background:transparent;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.breakout-dialog__close:focus-visible,.breakout-dialog__close:hover{background:hsla(0,0%,100%,.08);outline:none}.settings-panel__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:0;margin-bottom:0;padding-bottom:.7rem;border-bottom:1px solid hsla(0,0%,100%,.08)}.settings-panel__title-wrap{display:flex;align-items:center;gap:.65rem;min-width:0}.settings-panel__grip{opacity:1}.settings-panel__handle{cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.settings-panel__handle:active{cursor:-webkit-grabbing;cursor:grabbing}.settings-panel__actions{display:flex;align-items:center;gap:.55rem;flex:0 0 auto}.settings-panel__header h3{margin:0;color:var(--Brand-Colors-Soft-White,#f6f6f6);font-family:var(--font-sans),"Poppins",system-ui,-apple-system,sans-serif;font-size:1rem;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.02rem}.settings-panel__tabs{display:flex;width:100%;min-width:0;box-sizing:border-box;gap:.25rem;margin-bottom:0;padding:.25rem;border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;background:rgba(9,7,14,.18)}.settings-panel__tab{flex:1 1;min-height:2rem;border:none;border-radius:.5rem;background:transparent;color:hsla(0,0%,100%,.74);text-align:center;font-family:var(--font-sans),"Poppins",system-ui,-apple-system,sans-serif;font-size:.75rem;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.015rem;padding:.45rem .7rem;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.settings-panel__tab--active{background:#f3f0ef;color:var(--Gray-Light-gray-light-900,#181d27);box-shadow:inset 0 1px 1px hsla(0,0%,100%,.25)}.settings-panel__backgrounds{display:flex;flex-direction:column;gap:.85rem}.settings-panel__close{border:1px solid hsla(0,0%,100%,.2);border-radius:6px;padding:.35rem .9rem;background:transparent;color:#fff;cursor:pointer}.device-settings{gap:.75rem}.device-settings,.device-settings__group{display:flex;flex-direction:column;min-width:0}.device-settings__group{gap:.7rem}.device-settings__group h4{margin:0;font-size:.875rem;font-weight:600;color:#fff}.background-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:calc(50% - .325rem);grid-gap:.65rem;gap:.65rem;overflow-x:auto;padding:.2rem .1rem .4rem;scroll-snap-type:x mandatory}.background-carousel::-webkit-scrollbar{height:8px}.background-carousel::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:999px}.background-option--carousel{scroll-snap-align:start;min-width:0}.device-settings__grid{display:grid;grid-template-columns:1fr;grid-gap:.85rem;gap:.85rem;min-width:0}.device-settings__field{display:flex;flex-direction:column;gap:.45rem;font-size:.875rem;color:hsla(0,0%,100%,.92);min-width:0}.device-settings__field-label{display:inline-flex;align-items:center;gap:.7rem;color:var(--Brand-Colors-Soft-White,#f6f6f6);font-family:var(--font-sans),"Poppins",system-ui,-apple-system,sans-serif;font-size:.75rem;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.015rem;min-width:0}.device-settings__field-icon{display:inline-flex;width:1.2rem;height:1.2rem;flex:0 0 auto;background-color:currentColor}.device-settings__field-icon--camera{-webkit-mask:url(/icons/icon-camera.svg) center/contain no-repeat;mask:url(/icons/icon-camera.svg) center/contain no-repeat}.device-settings__field-icon--microphone{-webkit-mask:url(/icons/icon-microphone.svg) center/contain no-repeat;mask:url(/icons/icon-microphone.svg) center/contain no-repeat}.device-settings__field-icon--speaker{-webkit-mask:url(/icons/icon-speaker.svg) center/contain no-repeat;mask:url(/icons/icon-speaker.svg) center/contain no-repeat}.device-settings__field-select{position:relative;display:flex;align-items:center;width:100%;min-width:0;min-height:2.75rem;box-sizing:border-box;padding:0 .9rem;border-radius:.5rem;border:1px solid hsla(0,0%,100%,.1);background:linear-gradient(180deg,hsla(0,0%,100%,.11),hsla(0,0%,100%,.07));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06)}.device-settings__field-select:after{content:"";position:absolute;top:50%;right:.875rem;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.667 6.333L8 9.667L11.333 6.333' stroke='rgba(255,255,255,0.92)' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;background-size:16px 16px;transform:translateY(-50%);pointer-events:none}.device-settings__field select{width:100%;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--Gray-Light-gray-light-200,#e9eaeb);padding:0 1.875rem 0 0;text-align:left;text-align-last:left;font-family:var(--font-sans),"Poppins",system-ui,-apple-system,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.015rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-settings__field select:focus{outline:none}.device-settings__header{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.device-settings__header h4{margin:0;color:var(--Global-white,#fff);font-family:var(--font-sans),"Poppins",system-ui,-apple-system,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.0175rem}.device-settings__toggles{display:flex;flex-direction:column;gap:.5rem}.device-toggle{display:flex;align-items:center;justify-content:space-between;border-radius:6px;border:1px solid hsla(0,0%,100%,.25);background:hsla(0,0%,100%,.05);padding:.45rem .75rem;color:#fff;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.device-toggle[data-active=true]{background:rgba(22,214,203,.15);border-color:rgba(22,214,203,.4)}.device-toggle:disabled{opacity:.4;cursor:not-allowed}.device-toggle__label{font-weight:600}.device-toggle__status{font-size:.85rem;color:hsla(0,0%,100%,.85)}.device-settings__note{margin:0;font-size:.75rem;color:hsla(0,0%,100%,.58)}.breakout-board{display:flex;width:100%;box-sizing:border-box;flex-direction:column;gap:1rem}.breakout-board--standalone{gap:.95rem}.breakout-board--standalone .breakout-board__header{justify-content:flex-end}.breakout-board__header{display:flex;width:100%;box-sizing:border-box;align-items:center;justify-content:space-between;gap:.75rem}.breakout-board__cta-row{margin:.35rem 0 0;display:flex;width:100%;box-sizing:border-box;justify-content:flex-end}.breakout-board__end{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;border-radius:var(--radius-md,8px);background:#fb2c36;padding:.9rem 1.45rem;color:#fff;font-weight:600;font-size:.95rem;cursor:pointer}.breakout-board__title{display:inline-flex;align-items:center;gap:.5rem;color:#e8fffc}.breakout-board__label{font-weight:600;letter-spacing:.02em}.breakout-board__pill{border:1px solid hsla(0,0%,100%,.25);border-radius:999px;padding:.25rem .6rem;font-size:.9rem;background:hsla(0,0%,100%,.08);color:#e8fffc}.breakout-board__eyebrow{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;color:hsla(0,0%,100%,.6)}.breakout-board__add{border:none;background:none;color:var(--status-hand);font-weight:500;font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .4rem;cursor:pointer;transition:color .2s ease,transform .2s ease}.breakout-board__add:focus-visible,.breakout-board__add:hover{color:#ffd365;transform:translateY(-1px);outline:none}.breakout-board__lobby{border:1px dashed hsla(0,0%,100%,.25);border-radius:4px;padding:.75rem .9rem;background:hsla(0,0%,100%,.05)}.breakout-board__lobby-head{font-weight:700;margin-bottom:.35rem;color:#e8fffc}.breakout-board__unassigned{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.35rem}.breakout-board__unassigned li{padding:.35rem .65rem;border-radius:4px;background:hsla(0,0%,100%,.08);cursor:-webkit-grab;cursor:grab}.breakout-board__unassigned li:active{cursor:-webkit-grabbing;cursor:grabbing}.breakout-board__list{list-style:none;padding:0;gap:.8rem;z-index:0}.breakout-board__list,.breakout-room{width:100%;box-sizing:border-box;margin:0;display:flex;flex-direction:column;align-items:stretch;position:relative}.breakout-room{max-width:none;padding:.75rem .25rem;justify-content:center;gap:16px;border:none;border-radius:1rem;background:var(--settings-panel-bg,#141223);box-shadow:0 1px 2px 0 rgba(16,24,40,.05);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:visible}.breakout-room[data-popover-open=true]{z-index:8}.breakout-room[data-expanded=false],.breakout-room[data-expanded=true]{border-radius:var(--radius-md,8px);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 1px 2px 0 rgba(16,24,40,.05);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.breakout-room[data-expanded=true]{background:hsla(0,0%,100%,.08)}.breakout-room__head{display:grid;grid-template-columns:1rem minmax(0,1fr) auto;align-items:center;grid-gap:.45rem;gap:.45rem;padding:0;width:100%;overflow:visible}.breakout-room__toggle{width:1rem;height:1rem;padding:0;border:none;background:none;color:#e8fffc;cursor:pointer;transform:rotate(0deg);transition:transform .2s ease;font-size:1.35rem;line-height:1;display:inline-flex;align-items:center;justify-content:center}.breakout-room[data-expanded=true] .breakout-room__toggle{transform:rotate(90deg)}.breakout-room__meta{display:flex;flex-direction:column;gap:.1rem;min-width:0}.breakout-room__meta strong{font-size:1rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breakout-room__meta span{font-size:.88rem;color:hsla(0,0%,100%,.68);white-space:nowrap}.breakout-room__actions{display:flex;position:relative;align-items:center;gap:.45rem;flex-shrink:0;overflow:visible;z-index:1}.breakout-room__actions .assign-menu>button,.breakout-room__actions button{border:1px solid hsla(0,0%,100%,.1);border-radius:6px;padding:.5rem .9rem;background:var(--settings-panel-bg,#141223);color:#e8fffc;cursor:pointer;box-shadow:none;transition:background .15s ease,color .15s ease}.breakout-room__actions .assign-menu>button:focus-visible,.breakout-room__actions .assign-menu>button:hover,.breakout-room__actions button:focus-visible,.breakout-room__actions button:hover{background:hsla(0,0%,100%,.08);outline:none}.assign-menu[data-open=true]>button{background:hsla(0,0%,100%,.08);color:#fff}.assign-menu{position:relative}.assign-menu__sheet{position:absolute;right:0;top:42px;min-width:200px;background:rgba(8,8,12,.96);border:1px solid hsla(0,0%,100%,.1);border-radius:4px;padding:.55rem;box-shadow:0 12px 28px rgba(0,0,0,.32);z-index:32}.assign-menu__sheet ul{list-style:none;padding:0;margin:0;display:grid;grid-gap:.35rem;gap:.35rem}.assign-menu__sheet li label{display:flex;align-items:center;gap:.45rem;color:#fff;font-size:.95rem}.assign-menu__sheet input[type=checkbox]{accent-color:var(--teal-active);width:16px;height:16px}.perm-icon-strip{gap:.25rem;border:1px solid hsla(0,0%,100%,.18);border-radius:4px;padding:.25rem .35rem;background:hsla(0,0%,100%,.05)}.perm-icon,.perm-icon-strip{display:inline-flex;align-items:center}.perm-icon{width:34px;height:34px;justify-content:center;border:1px solid hsla(0,0%,100%,.25);border-radius:4px;background:hsla(0,0%,100%,.04);color:#e8fffc;cursor:pointer;transition:border-color .15s ease,background .15s ease}.perm-icon:focus-visible,.perm-icon:hover{border-color:var(--teal-active);outline:none}.perm-icon--on,.perm-icon--on:focus-visible,.perm-icon--on:hover{border-color:var(--teal-active)!important;background:var(--teal-active)!important;color:#042322!important;box-shadow:inset 0 0 0 1px rgba(0,178,163,.25)}.breakout-room__perms{margin-left:auto}.assign-menu__empty{margin:0;color:hsla(0,0%,100%,.75);font-size:.9rem}.breakout-room__menu details{position:relative;z-index:31}.breakout-room__menu summary{list-style:none;padding:0;width:.8125rem;height:.8125rem;text-align:center;border:none;background:none;color:#e8fffc;cursor:pointer;transform:rotate(90deg);display:inline-flex;align-items:center;justify-content:center}.breakout-room__menu summary::-webkit-details-marker{display:none}.breakout-menu{position:absolute;right:0;top:44px;min-width:180px;background:rgba(8,8,12,.96);border:1px solid hsla(0,0%,100%,.1);border-radius:4px;padding:.5rem;display:grid;grid-gap:.35rem;gap:.35rem;z-index:32}.breakout-menu button{width:100%;text-align:left;border:none;border-radius:4px;padding:.45rem .55rem;background:hsla(0,0%,100%,.06);color:#fff;cursor:pointer}.breakout-menu button:focus-visible,.breakout-menu button:hover{background:hsla(0,0%,100%,.12);outline:none}.breakout-menu__permissions{display:grid;grid-gap:.35rem;gap:.35rem;padding-top:.25rem;border-top:1px solid hsla(0,0%,100%,.08)}.breakout-menu__label{margin:0;font-size:.9rem;color:hsla(0,0%,100%,.75)}.breakout-room__rename-input{border:1px solid hsla(0,0%,100%,.16);border-radius:12px;padding:.5rem .7rem;background:hsla(0,0%,100%,.08);color:#fff;font-size:1rem;width:110px;max-width:40%;flex:0 0 auto}.breakout-room__rename-input:focus-visible{border-color:var(--teal-active);outline:none;box-shadow:0 0 0 1px rgba(0,178,163,.35)}.breakout-room__body{border-top:1px solid hsla(0,0%,100%,.08);width:100%;align-self:stretch;box-sizing:border-box;margin:0;padding:.7rem 0 0;display:grid;grid-gap:.7rem;gap:.7rem}.breakout-room__members ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem}.breakout-room__members li{display:flex;align-items:center;justify-content:space-between;gap:.35rem;width:100%;box-sizing:border-box;padding:.45rem .625rem .45rem 1.25rem;border-radius:0;background:transparent;cursor:-webkit-grab;cursor:grab}.breakout-room__member-meta{display:inline-flex;align-items:center;gap:.55rem;min-width:0;flex:1 1 auto}.breakout-room__member-avatar{width:2.25rem;height:2.25rem;border-radius:999px;background:#6b84b5;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.78rem}.breakout-room__members li:active{cursor:-webkit-grabbing;cursor:grabbing}.breakout-room__members button{border:2px solid var(--status-pinned);border-radius:10px;padding:.62rem .9rem;background:transparent;color:var(--status-pinned);font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease;margin-left:auto;flex:0 0 auto}.breakout-room__members button:hover{background:rgba(235,66,53,.12);border-color:var(--status-pinned)}.breakout-room__empty{margin:0;color:hsla(0,0%,100%,.7)}.settings-panel__create:disabled{background:hsla(0,0%,100%,.18);color:hsla(0,0%,100%,.6);cursor:not-allowed}.settings-panel__assign{border-top:1px solid hsla(0,0%,100%,.1);padding-top:1rem;margin-bottom:1.1rem;display:flex;flex-direction:column;gap:.75rem}.settings-panel__assign-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.settings-panel__assign-head h4{margin:0;font-size:1rem}.settings-panel__assign-head span{font-size:.85rem;color:hsla(0,0%,100%,.7)}.settings-panel__assign-form{display:grid;grid-gap:.6rem;gap:.6rem}.settings-panel__assign-form label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:hsla(0,0%,100%,.85)}.settings-panel__assign-form select{border-radius:6px;border:1px solid hsla(0,0%,100%,.25);background:hsla(0,0%,100%,.08);color:#fff;padding:.5rem .75rem;font:inherit}.settings-panel__assign-btn{border:none;border-radius:4px;padding:.55rem 1.2rem;margin-top:.25rem;justify-self:start;background:hsla(0,0%,100%,.2);color:#0b0414;font-weight:700;cursor:pointer}.settings-panel__assign-btn:disabled{opacity:.4;cursor:not-allowed}.settings-panel__status{margin:0;font-size:.85rem}.settings-panel__status--success{color:#6ef7c7}.settings-panel__status--error{color:#f7a3a7}.background-options-shell{position:relative;width:100%;min-width:0}.background-options__rail{position:absolute;top:0;bottom:0;right:0;z-index:2;display:flex;width:.5rem;padding:.125rem;flex-direction:column;align-items:center;align-self:stretch;border-radius:.5rem;background:#464a52;box-sizing:border-box;transition:opacity .2s ease}.background-options__rail[data-scrollable=false]{opacity:0;pointer-events:none}.background-options__track{position:relative;width:100%;flex:1 1 auto;border-radius:inherit}.background-options__thumb{position:absolute;top:0;left:0;right:0;min-height:1.5rem;border-radius:.5rem;background:hsla(0,0%,100%,.24);cursor:-webkit-grab;cursor:grab;touch-action:none}.background-options__thumb:active{cursor:-webkit-grabbing;cursor:grabbing}.background-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.625rem;gap:.625rem;margin:0;max-height:13rem;overflow-y:auto;overflow-x:hidden;padding-right:.75rem;box-sizing:border-box;min-width:0;list-style:none;padding-left:0;scrollbar-width:none}.background-options::-webkit-scrollbar{width:0;height:0}.background-option__item{width:100%}.background-option{width:100%;border-radius:.625rem;border:none;background:transparent;display:flex;align-items:stretch;justify-content:center;padding:0;color:#fff;cursor:pointer;transition:border-color .2s ease,background .2s ease}.background-option:disabled{opacity:.55;cursor:not-allowed}.background-option__swatch{width:100%;max-width:none;height:4rem;display:block;padding:0;border-radius:.625rem;border:1px solid hsla(0,0%,100%,.14);flex-shrink:0;overflow:hidden;position:relative;box-sizing:border-box;background:hsla(0,0%,100%,.05)}.background-thumb{position:relative;flex:1 0;align-self:stretch;width:100%;height:100%;border-radius:inherit;overflow:hidden;background:#050505}.background-thumb__placeholder,.background-thumb__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.background-thumb__placeholder{display:flex;align-items:center;justify-content:center;font-size:.75rem;color:hsla(0,0%,100%,.6);background:hsla(0,0%,100%,.06)}.background-thumb__video video{width:100%;height:100%;object-fit:cover;transition:filter .3s ease}.background-thumb--blurred .background-thumb__video video{filter:blur(8px) saturate(1.1)}.background-thumb--blurred:after,.background-thumb--default:after{content:"";position:absolute;inset:0;pointer-events:none}.background-thumb--default:after{background:linear-gradient(120deg,rgba(17,0,54,.4),rgba(3,0,12,.4))}.background-thumb--blurred:after{background:linear-gradient(120deg,rgba(1,16,40,.35),rgba(8,5,24,.45))}.background-thumb__label{position:absolute;left:.45rem;bottom:.4rem;z-index:2;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.55);pointer-events:none}.background-option--active .background-option__swatch{border-radius:.625rem;border:1px solid var(--Brand-Colors-Teal,#499b8e);background:rgba(73,155,142,.1);box-shadow:none}.background-option--active .background-thumb:before{content:"";position:absolute;inset:0;background:rgba(73,155,142,.1);pointer-events:none;z-index:1}.background-panel__note{margin:0;font-size:.8rem;color:hsla(0,0%,100%,.65)}.background-panel__title{margin:0 0 1.1rem;font-weight:700;color:hsla(0,0%,100%,.9)}.settings-panel__rooms ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}.settings-panel__room{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border-radius:var(--radius-md);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.12)}.settings-panel__room-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.settings-panel__room-meta{display:flex;flex-direction:column;gap:.2rem}.settings-panel__room-meta strong{font-size:1rem}.settings-panel__room-meta span{font-size:.8rem;color:hsla(0,0%,100%,.7)}.settings-panel__members button,.settings-panel__room-head button{border:1px solid hsla(0,0%,100%,.25);border-radius:var(--radius-pill);padding:.3rem .9rem;background:transparent;color:#fff;cursor:pointer;font-size:.8rem}.settings-panel__members{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.settings-panel__members li{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.35rem .4rem;border-radius:var(--radius-md);background:hsla(0,0%,100%,.03)}.settings-panel__members span{font-size:.85rem}.settings-panel__room-empty{margin:0;font-size:.85rem;color:hsla(0,0%,100%,.65)}.settings-panel__room button{border:1px solid hsla(0,0%,100%,.25);border-radius:var(--radius-pill);padding:.35rem .9rem;background:transparent;color:#fff;cursor:pointer}.settings-panel__empty{margin:0;color:hsla(0,0%,100%,.65)}@media (max-width:640px){.classroom-shell{padding:.75rem .75rem 0}.classroom-controls{grid-template-columns:1fr;gap:.6rem;margin:0 -.75rem}.classroom-controls__group{justify-content:center;flex-wrap:wrap}.classroom-settings-panel{width:min(360px,calc(100vw - 1.5rem));max-width:none;max-height:calc(100vh - 6.5rem);padding:1.2rem 1rem 1.1rem;border-radius:1.5rem}}