.archive-edit-panel{background:#21364d;color:#e1eafa;border:1px solid #8b70c7;border-radius:10px;margin:12px 0;padding:12px;display:flex;flex-direction:column;gap:10px;min-width:0;font-size:13px}.archive-edit-panel>header,.archive-edit-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.archive-edit-panel>header strong{margin-right:auto}.archive-edit-panel button,.archive-edit-panel input,.archive-edit-panel select{font:inherit;min-width:0;max-width:100%;color:inherit;background:#314860;border:1px solid #99a9cf55;padding:7px 9px;border-radius:6px;box-sizing:border-box}.archive-edit-panel button{cursor:pointer}.archive-edit-panel button:disabled{opacity:.45;cursor:default}.archive-edit-panel button[aria-pressed=true]{background:#7550bb}.archive-edit-panel label{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.archive-edit-panel p{margin:0;line-height:1.5}.archive-edit-panel p[role=alert]{color:#ffc0ac}.archive-edit-panel ul{padding-left:18px;margin:0}.archive-edit-panel li{display:flex;gap:6px;flex-wrap:wrap}.archive-edit-toolbar input[type=number]{width:70px}.archive-edit-note{color:#b9c7de;font-size:12px}.archive-edit-strip{height:55px;position:relative;background:#54353e;touch-action:none;cursor:crosshair;border:1px solid #9ba5c866;border-radius:5px;flex-shrink:0}.archive-edit-kept{position:absolute;top:0;bottom:0;background:#476e81;border-right:1px solid #d2e8fb66;pointer-events:none}.archive-edit-selection{position:absolute;top:0;bottom:0;background:#8a63e95c;border:2px solid #c5a6ff;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;cursor:grab}.archive-edit-selection>i{width:14px;height:100%;background:#b698f0;cursor:ew-resize;flex-shrink:0}.archive-edit-selection>span{pointer-events:none;white-space:nowrap;overflow:hidden;font-size:11px}.archive-edit-strip>b{position:absolute;top:-3px;bottom:-3px;width:2px;background:#fff;pointer-events:none}.archive-edit-stitches{display:flex;gap:6px;flex-wrap:wrap}.archive-edit-versions{display:flex;flex-direction:column;gap:8px}.archive-edit-versions article{display:flex;align-items:center;gap:6px;flex-wrap:wrap;border-top:1px solid #ffffff22;padding-top:8px}.archive-edit-versions article>span{flex:1 1 200px}.archive-edit-panel>label input{flex:1}.archive-edit-open{padding:8px 12px;border-radius:7px;color:#ede2ff;background:#624594;border:1px solid #a68bd1;cursor:pointer}@media(max-width:600px){.archive-edit-panel{padding:8px}.archive-edit-toolbar label{width:100%}.archive-edit-toolbar label>input{flex:1}.archive-edit-panel>header{flex-wrap:wrap}.archive-edit-panel select{max-width:100%}.archive-edit-panel button{white-space:normal}}.archive-timeline-selection{position:absolute;top:0;bottom:0;z-index:4;display:flex;justify-content:space-between;align-items:center;background:#8a63e933;border:2px solid #c9a8ff;box-sizing:border-box;touch-action:none;cursor:grab}.archive-timeline-selection>i{width:14px;height:100%;background:#ab82e9a0;flex-shrink:0;cursor:ew-resize}.archive-timeline-selection>span{align-self:flex-start;white-space:nowrap;overflow:hidden;font-size:11px;pointer-events:none;color:#fff;background:#654095;padding:3px}.os-archive .archive-player>.archive-edit-panel{flex:0 1 auto;max-height:min(38vh,360px);min-height:120px;overflow:auto}.archive-player>.archive-edit-open{align-self:flex-start;flex-shrink:0;margin-bottom:6px}.archive-edit-panel>header{position:sticky;top:-12px;background:#21364d;z-index:5;padding:5px 0}.archive-edit-panel>header>span{font-size:12px}@media(max-width:600px){.os-archive .archive-player>.archive-edit-panel{max-height:32vh;min-height:100px}.archive-edit-panel>header{top:-8px}}.os-archive>.archive-player.is-editing{display:grid;grid-template-columns:340px minmax(0,1fr);grid-template-rows:auto minmax(180px,1fr) auto;gap:10px}.os-archive>.archive-player.is-editing>.archive-header{grid-column:1/-1;grid-row:1;padding-bottom:0;margin:0}.os-archive>.archive-player.is-editing>.archive-edit-open{display:none}.os-archive>.archive-player.is-editing>.archive-edit-panel{grid-column:1;grid-row:2/4;max-height:none;min-height:0;height:100%;margin:0;overflow:auto}.os-archive>.archive-player.is-editing>.archive-workspace{grid-column:2;grid-row:2;min-height:180px;height:100%}.os-archive>.archive-player.is-editing>.archive-timeline{grid-column:2;grid-row:3;max-height:36vh;margin:0}.os-archive>.archive-player.is-editing>nav{display:none}.os-archive>.archive-player.is-editing>.archive-audio-error{grid-column:2;grid-row:4}@media(max-width:1100px){.os-archive>.archive-player.is-editing{display:flex;gap:6px}.os-archive>.archive-player.is-editing>.archive-header{order:0}.os-archive>.archive-player.is-editing>.archive-workspace{order:1;min-height:130px;height:auto}.os-archive>.archive-player.is-editing>.archive-timeline{order:2;max-height:30vh}.os-archive>.archive-player.is-editing>.archive-edit-panel{order:3;max-height:34vh;height:auto;min-height:100px;flex:0 1 auto}.os-archive>.archive-player.is-editing>.archive-audio-error{order:4}}.archive-edit-tool-content{display:flex;flex-direction:column;gap:10px;min-width:0}.archive-edit-tool-content[hidden]{display:none!important}.archive-edit-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;position:sticky;top:38px;background:#21364d;z-index:4;padding:4px 0}.archive-edit-panel .archive-edit-tools>button{display:flex;flex-direction:column;gap:5px;padding:10px 4px;font-size:12px;border-color:#a89ac744}.archive-edit-panel .archive-edit-tools>button[aria-pressed=true]{background:#7250b3;border-color:#ceafff;box-shadow:inset 0 -3px #d5baff}.archive-edit-tool-heading{padding:10px;background:#172a3e;border-radius:7px}.archive-edit-tool-heading>strong{display:block;margin-bottom:5px;font-size:15px}.archive-edit-tool-heading>p{color:#c0cde3;font-size:12px}.archive-edit-panel button:focus-visible{outline:2px solid #e1caff;outline-offset:2px}.archive-edit-strip{min-height:55px}.archive-player:fullscreen{width:100vw!important;height:100dvh!important;max-height:none!important;margin:0!important;padding:12px!important;background:#161c2a}.archive-player:fullscreen>.archive-edit-open{flex:none;align-self:flex-start;margin-bottom:6px}.archive-player:fullscreen>.archive-workspace{overflow:hidden}.archive-player:fullscreen>.archive-timeline{min-height:90px;max-height:36vh;overflow:hidden;display:flex;flex-direction:column}.archive-player:fullscreen>.archive-timeline>.archive-editor{overflow:auto;min-height:0;flex:1}.archive-player:fullscreen>.archive-timeline>.archive-playback,.archive-player:fullscreen>.archive-timeline>input{flex:none}.archive-player:fullscreen .archive-stage>.archive-media,.archive-player:fullscreen .archive-stage>.archive-board{height:100%;max-height:none}.archive-player:fullscreen .archive-sidebar{overflow:auto;min-height:0}@media(max-width:1100px){.archive-edit-tools{grid-template-columns:repeat(6,minmax(0,1fr));top:36px}.archive-edit-panel .archive-edit-tools>button{font-size:11px;padding:8px 2px}.archive-player:fullscreen{padding:6px!important}}@media(max-width:420px){.archive-edit-tools{gap:3px}.archive-edit-panel .archive-edit-tools>button{font-size:10px}}.speaker-avatar{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:18px;box-sizing:border-box;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#405780,#243851 78%);color:#f2f4ff;text-align:center}.speaker-avatar-portrait{width:clamp(74px,24vh,220px);max-width:48%;aspect-ratio:1;flex:0 1 auto;min-height:0;border-radius:50%;border:3px solid #b7c9ff40;box-shadow:0 0 0 calc(var(--voice-level)*18px) #a28aee36;transition:box-shadow .1s ease,border-color .1s ease;overflow:hidden;display:grid;place-items:center;background:#5c6e97}.speaker-avatar-portrait img{width:100%;height:100%;object-fit:cover;display:block}.speaker-avatar-portrait>span{font-size:clamp(24px,5vw,64px);font-weight:700}.speaker-avatar-name{font-size:clamp(14px,2vw,24px);max-width:90%;line-height:1.2;overflow-wrap:anywhere}.speaker-avatar-waves{display:flex;align-items:center;justify-content:center;gap:5px;height:32px;flex:none}.speaker-avatar-waves i{width:5px;border-radius:4px;background:#bcb3f6;transition:height 80ms linear}.speaker-avatar small{font-size:12px;color:#c5d0e3}.speaker-avatar.is-speaking .speaker-avatar-portrait{border-color:#b5a7ff}@media(prefers-reduced-motion:reduce){.speaker-avatar *{transition:none!important}}.archive-media{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;background:#253950}.archive-media>.archive-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.archive-media>.is-preloaded{opacity:0}.archive-media>.is-displayed{opacity:1}.archive-media>.archive-gap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center}.archive-media-error{position:absolute;inset:auto 10px 10px;padding:9px 12px;background:#382a34ed;border:1px solid #e7a3b2;border-radius:8px;color:#ffe3e9;font-size:13px}.archive-buffering-note{font-size:12px;color:#e3d5ff;white-space:nowrap}.archive-gap.archive-placeholder{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;height:100%;min-height:0;overflow:hidden;background:#273c64;padding:16px;box-sizing:border-box;text-align:center}.archive-placeholder img{display:block;width:min(100%,640px);max-height:75%;min-height:0;object-fit:contain;border-radius:12px}.archive-placeholder span{flex:none;max-width:580px;font-size:clamp(11px,1.2vw,15px);line-height:1.45;color:#eef0fb}.archive-media>.archive-placeholder{position:absolute;inset:0}@media(max-width:600px){.archive-gap.archive-placeholder{gap:8px;padding:10px}.archive-placeholder img{max-height:70%}}.archive-gap.archive-placeholder{padding:0;background:#273c64;gap:0}.archive-placeholder img{width:100%;height:100%;max-height:none;max-width:none;object-fit:cover;border-radius:0}.archive-placeholder span{position:absolute;bottom:16px;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 32px);box-sizing:border-box;padding:9px 14px;background:#15253ed9;border-radius:9px;text-shadow:0 1px 2px #0008}@media(max-width:600px){.archive-gap.archive-placeholder{padding:0}.archive-placeholder img{max-height:none}.archive-placeholder span{bottom:8px;max-width:calc(100% - 16px);padding:6px 10px}}.archive-speaker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:8px;padding:8px;width:100%;height:100%;min-height:0;box-sizing:border-box;background:#202c3e}.archive-speaker-grid.many{grid-template-columns:repeat(3,minmax(0,1fr))}.archive-speaker-grid>section{position:relative;min-width:0;min-height:0;overflow:hidden}.archive-speaker-grid .archive-media{height:100%;min-height:0;position:relative}.archive-speaker-grid>section>span{position:absolute;bottom:0;left:0;right:0;padding:7px 10px;background:#17243ed9;color:#eef3ff;font-size:14px;pointer-events:none}.archive-speaker-grid .speaker-avatar{padding-bottom:32px;gap:7px}.archive-speaker-grid .speaker-avatar-portrait{width:clamp(40px,12vh,120px)}.archive-speaker-grid .speaker-avatar-name{font-size:16px}.archive-speaker-grid .speaker-avatar small{display:none}.archive-speaker-grid .speaker-avatar-waves{height:22px}@media(max-width:600px){.archive-speaker-grid.many{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(120px,1fr);overflow:auto}}.archive-materials{padding:16px;background:#f5f8fc;color:#25354b;border:1px solid #d8e1ee;border-radius:12px;min-width:0;min-height:0;max-height:60vh;overflow:auto;flex:1}.archive-player.materials-open>.archive-workspace{display:none}.archive-materials h3{margin:0 0 8px}.archive-materials p{font-size:14px;color:#52627b}.archive-materials select{max-width:100%}.archive-materials .archive-board{position:relative;width:100%;height:clamp(160px,30vh,340px);background:#fff;margin-top:12px;overflow:hidden}.archive-player .archive-materials button{color:#fff;background:#49617e}.archive-materials .archive-board>svg{width:100%;height:100%}.archive-materials ul{padding:0;list-style:none}.archive-materials li{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid #d8e1ee}.archive-materials-toggle{align-self:flex-start;margin:6px 0;padding:8px 12px}.os-archive{position:relative!important;inset:auto!important;width:calc(100% - 38px)!important;max-width:none!important;height:calc(100vh - 150px)!important;margin:18px;grid-column:1/-1;overflow:auto!important}.archive-player,.archive-list{padding:22px;color:#eef0fa;background:#161c2a;min-height:100%;font-family:Nunito,Arial,sans-serif}.archive-player button,.archive-list button{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#e5e7f4;background:#2a334a;border:1px solid #ffffff16;border-radius:8px;padding:9px 13px}.archive-player button:hover,.archive-list button:hover{background:#3a4562}.archive-player h2,.archive-list h2{margin:5px 0;font-size:23px}.archive-header{display:flex;align-items:center;gap:14px;padding-bottom:22px}.archive-header>div{flex:1}.archive-header span,.archive-list>header span{font-size:12px;letter-spacing:1.6px;color:#aea6ef}.archive-header small{color:#98a4bf}.archive-workspace{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px}.archive-workspace.no-chat{grid-template-columns:1fr}.archive-main{min-width:0;background:#111623;border-radius:12px;overflow:hidden;border:1px solid #ffffff14}.archive-main:fullscreen{height:100vh;display:flex;flex-direction:column;background:#111623}.archive-main:fullscreen .archive-stage{flex:1;max-height:none}.archive-tabs{display:flex;align-items:center;gap:5px;padding:10px;background:#20283a;flex-wrap:wrap}.archive-tabs button{font-size:14px;padding:7px 10px;border:0}.archive-tabs button.selected{background:#8061db}.archive-tabs>span{margin-left:auto;font-size:13px;color:#a7b4cc}.archive-stage{height:clamp(250px,43vh,560px);display:flex;align-items:center;justify-content:center;background:#0c111c;position:relative}.archive-video{display:block;width:100%;height:100%;object-fit:contain}.archive-audio{display:none}.archive-gap{display:grid;place-items:center;min-height:100px;height:100%;width:100%;padding:18px;text-align:center;color:#91a1bd;font-size:15px}.archive-board{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.archive-board svg{width:100%;height:100%}.archive-board-note{position:absolute;bottom:10px;left:10px;background:#dce3f4;color:#334568;padding:7px;font-size:14px}.archive-cameras{display:flex;gap:10px;overflow:auto;padding:12px}.archive-camera{height:100px;flex:0 0 165px;position:relative;overflow:hidden;border-radius:8px;background:#1f2940}.archive-camera>span{position:absolute;bottom:5px;left:5px;background:#10182ad9;color:#dce2f4;border-radius:4px;padding:4px 6px;font-size:12px}.archive-camera .archive-gap{font-size:12px;min-height:0}.archive-chat{background:#20283a;border:1px solid #ffffff14;border-radius:12px;max-height:65vh;overflow:auto}.archive-chat>h3{margin:0;padding:18px 16px 6px;font-size:15px}.archive-chat>p{margin:0;padding:0 16px 16px;font-size:13px;color:#9aaac3}.archive-chat>div{padding:0 12px}.archive-chat article{padding:13px 10px;border-top:1px solid #ffffff13}.archive-chat article header{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#c9bcf6}.archive-chat article button{padding:1px 4px;font-size:12px;border:0;background:transparent;color:#91a1bd}.archive-chat article p{font-size:15px;line-height:1.5;margin:7px 0;white-space:pre-wrap;overflow-wrap:anywhere}.archive-chat-empty{color:#8d9cb7;font-size:14px}.archive-timeline{margin-top:18px}.archive-timeline>input{width:100%;accent-color:#a68ae7;cursor:pointer}.archive-playback{display:flex;gap:15px;align-items:center;padding:12px 0;flex-wrap:wrap}.archive-playback>span{font-size:14px;font-variant-numeric:tabular-nums}.archive-playback label{display:flex;align-items:center;gap:6px;font-size:14px;color:#b6c0d7}.archive-playback label:first-of-type{margin-left:auto}.archive-playback select{background:#29324a;color:#eee;padding:5px;border:1px solid #ffffff22;border-radius:5px}.archive-playback input{accent-color:#9474d7}.archive-player .archive-play{background:#8662d8;border-color:#a88be2}.archive-chapters{display:flex;gap:8px;flex-wrap:wrap}.archive-chapters button{font-size:12px;color:#b3c0db;padding:6px 9px}.archive-list>header{display:flex;align-items:center;justify-content:space-between;margin:5px 0 25px}.archive-list>header p{font-size:15px;color:#9baac4}.archive-record-card{display:flex;align-items:center;gap:17px;padding:18px;margin-bottom:12px;border:1px solid #ffffff13;border-radius:12px;background:#20283b}.archive-record-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:10px;background:#8061db24;color:#ba9eff}.archive-record-card>div:nth-child(2){flex:1}.archive-record-card h3{font-size:17px;margin:5px 0}.archive-record-card small,.archive-record-card span{font-size:14px;color:#9aabc9}.archive-record-card button{background:#7458bd}.archive-list-empty{padding:45px;text-align:center;color:#9cabc4}@media(max-width:900px){.archive-player,.archive-list{padding:12px}.archive-workspace{grid-template-columns:1fr}.archive-chat{max-height:240px}.archive-header{flex-wrap:wrap}.archive-header h2{font-size:18px}.archive-header>button:last-child{font-size:13px}.archive-playback{gap:10px}.archive-record-card{padding:12px;flex-wrap:wrap}.archive-record-card button{width:100%}.os-archive{margin:8px;width:calc(100% - 16px)!important;height:calc(100vh - 130px)!important}}.archive-player:fullscreen{height:100vh;min-height:0;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.archive-player:fullscreen .archive-header{flex:none;padding-bottom:12px}.archive-player:fullscreen .archive-workspace{flex:1;min-height:0}.archive-player:fullscreen .archive-main{display:flex;flex-direction:column;min-height:0}.archive-player:fullscreen .archive-stage{height:auto;flex:1;min-height:0}.archive-player:fullscreen .archive-chat{max-height:none;min-height:0}.archive-player:fullscreen .archive-timeline{flex:none;margin-top:10px}.archive-player:fullscreen .archive-chapters{max-height:54px;overflow:auto}.archive-volume input{width:90px}.archive-volume output{width:32px;font-variant-numeric:tabular-nums}.archive-playback .archive-volume{margin-left:0}.archive-playback label:has(select){margin-left:auto}.archive-player .archive-panel-toggle{font-size:14px;color:#aebbd5}.archive-player .archive-panel-toggle.active{background:#7253b736;border-color:#a284df88;color:#e5d8ff}.archive-panel-toggle svg{flex-shrink:0}.archive-workspace{grid-template-columns:minmax(0,1fr)}.archive-workspace.has-student{grid-template-columns:minmax(0,1fr) 220px}.archive-workspace.has-student.has-sidebar{grid-template-columns:minmax(0,1fr) 220px 270px}.archive-sidebar{display:flex;flex-direction:column;gap:14px;min-height:0}.archive-sidebar .archive-chat{flex:1;min-height:0;max-height:none}.archive-teacher{height:160px;flex-shrink:0;position:relative;overflow:hidden;border-radius:12px;background:#101725;border:1px solid #ffffff14}.archive-teacher>span{position:absolute;bottom:7px;left:7px;background:#10182ad9;color:#dce2f4;border-radius:4px;padding:4px 7px;font-size:13px}.archive-students{min-height:0;overflow:auto;padding:10px;background:#101725;border:1px solid #ffffff14;border-radius:12px}.archive-students .archive-camera{width:100%;height:180px;margin-bottom:10px;flex:none}.archive-students .archive-camera:last-child{margin-bottom:0}@media(max-width:900px){.archive-workspace.has-sidebar,.archive-workspace.has-student,.archive-workspace.has-student.has-sidebar{grid-template-columns:minmax(0,1fr) 180px}.archive-sidebar{grid-column:2;grid-row:1}.archive-workspace:not(.has-sidebar) .archive-students{grid-column:2;grid-row:1}.archive-workspace.has-sidebar .archive-students{grid-column:2;grid-row:2}.archive-teacher{height:110px}.archive-students .archive-camera{height:140px}.archive-workspace.has-student.has-sidebar .archive-main{grid-row:1/3}}@media(max-width:600px){.archive-workspace.has-sidebar,.archive-workspace.has-student,.archive-workspace.has-student.has-sidebar{grid-template-columns:minmax(0,1fr) 120px;gap:8px}.archive-teacher{height:80px}.archive-sidebar .archive-chat{max-height:none}.archive-students{padding:5px}.archive-students .archive-camera{height:95px}.archive-chat>h3{padding:10px 7px 5px;font-size:14px}.archive-chat>p{padding:0 7px 10px;font-size:12px}.archive-chat>div{padding:0 4px}.archive-chat article{padding:8px 3px}.archive-chat article p{font-size:13px}.archive-tabs>span{display:none}.archive-tabs button{padding:5px 6px;font-size:12px}}.archive-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.archive-timeline{padding:8px 10px 4px;border:1px solid #ffffff13;background:#1c2435;border-radius:10px;margin-top:12px}.archive-timeline>input{display:block;height:14px;margin:0}.archive-playback{gap:8px;padding:6px 0 2px;flex-wrap:nowrap}.archive-playback button{height:32px;min-width:32px;padding:6px;border-radius:7px}.archive-playback .archive-volume{margin:0;gap:0}.archive-volume input{width:72px;accent-color:#a68ae7}.archive-playback .archive-time{white-space:nowrap;font-size:13px;color:#b8c5de}.archive-toolbar-spacer{flex:1;min-width:4px}.archive-playback .archive-speed{margin-left:0}.archive-speed select{height:30px;width:62px;padding:3px 5px;font-size:14px}.archive-chapters{margin:7px 0 3px}.archive-player:fullscreen .archive-header{padding-bottom:10px}.archive-player:fullscreen .archive-header>div>span,.archive-player:fullscreen .archive-header small{display:none}.archive-player:fullscreen .archive-header h2{font-size:17px;margin:0}.archive-player:fullscreen .archive-header>button{height:30px;padding:5px 8px}.archive-player:fullscreen .archive-timeline{margin-top:10px}@media(max-width:600px){.archive-playback{gap:4px;flex-wrap:wrap}.archive-playback button{height:29px;min-width:29px;padding:5px}.archive-volume input{width:48px}.archive-speed select{width:55px}.archive-timeline{padding:5px}.archive-playback .archive-time{font-size:12px}.archive-player:fullscreen .archive-header h2{font-size:15px}}.archive-tabs .archive-return{background:#7956c536;color:#e1d2ff;box-shadow:inset 0 0 0 1px #aa88ed80}.archive-tabs .archive-return:hover{background:#7956c55c}.archive-follow span{white-space:nowrap}.archive-player,.archive-list{background:radial-gradient(ellipse at 60% 0,#415574 0,transparent 75%),#2e415a;color:#eff2fb}.archive-main,.archive-students,.archive-teacher{background:#293d55;border-color:#c8d4ff2e}.archive-stage{background:#253950}.archive-tabs{background:#3e536e}.archive-player button,.archive-list button{background:#49617e;border-color:#c8d4ff2e;color:#eef2fb}.archive-player button:hover,.archive-list button:hover{background:#58708e}.archive-tabs button.selected,.archive-player .archive-play,.archive-record-card button{background:#8c63da;color:#fff}.archive-tabs>span,.archive-header small,.archive-list>header p,.archive-record-card small,.archive-record-card span,.archive-gap,.archive-chat>p,.archive-chat-empty{color:#c2cde0}.archive-header span,.archive-list>header span{color:#dfd1ff}.archive-chat,.archive-record-card{background:#3a506c;border-color:#c8d4ff2e}.archive-chat article{border-color:#c8d4ff22}.archive-chat article header{color:#e2d5ff}.archive-chat article button{background:transparent;color:#c0cde2}.archive-camera{background:#3e5572}.archive-camera>span,.archive-teacher>span{background:#263b55e8;color:#f0f3ff}.archive-timeline{background:#3c526e;border-color:#c8d4ff30}.archive-playback .archive-time,.archive-playback label{color:#d7e1f2}.archive-speed select{background:#2d425d;color:#f3f5ff;border-color:#b9c9e04d}.archive-player .archive-panel-toggle{color:#d6e1f2}.archive-player .archive-panel-toggle.active{background:#9976e64d;border-color:#d1b6ff8c;color:#f6efff}.archive-tabs .archive-return{background:#9871df47;color:#f2eaff;box-shadow:inset 0 0 0 1px #c7a8ff99}.archive-tabs .archive-return:hover{background:#a17ae268}.archive-record-icon{background:#a582e93b;color:#e3d3ff}.archive-sidebar>.archive-students{padding:0;border:0;background:transparent;max-height:32vh;overflow:auto;flex-shrink:0}.archive-sidebar>.archive-students .archive-camera{height:140px;border:1px solid #c8d4ff2e;border-radius:12px}.archive-sidebar:has(>.archive-students)>.archive-teacher{height:140px}.archive-workspace.has-sidebar{grid-template-columns:minmax(0,1fr) 270px}@media(max-width:900px){.archive-workspace.has-sidebar{grid-template-columns:minmax(0,1fr) 180px}.archive-sidebar>.archive-students{grid-column:auto;grid-row:auto}.archive-sidebar>.archive-students .archive-camera,.archive-sidebar:has(>.archive-students)>.archive-teacher{height:105px}}@media(max-width:600px){.archive-workspace.has-sidebar{grid-template-columns:minmax(0,1fr) 130px}.archive-sidebar>.archive-students .archive-camera,.archive-sidebar:has(>.archive-students)>.archive-teacher{height:80px}}.archive-editor .archive-track-labels{width:188px}.archive-editor .archive-track-labels>span.audio{height:66px;flex-direction:column;align-items:stretch;justify-content:center;gap:4px}.archive-audio-name{display:flex;align-items:center;gap:5px;min-width:0}.archive-audio-name b{min-width:0}.archive-editor .archive-track-lane.audio{height:66px}.archive-editor .archive-track-lane.audio>.archive-waveform{top:11px}.archive-track-volume{display:flex;align-items:center;gap:6px;min-width:0;width:100%}.archive-track-volume>input{min-width:0;width:100%;flex:1;accent-color:#ba97ff;height:18px;margin:0;cursor:pointer}.archive-player .archive-track-volume>button{display:flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:22px;padding:3px;border-radius:5px;background:#536b8b}.archive-track-volume>output{width:32px;flex-shrink:0;font-size:10px;text-align:right;font-variant-numeric:tabular-nums;color:#e2e9f8}.archive-track-volume[data-muted=true]>button{color:#ffcabd;background:#9e615a55}.archive-track-volume input:focus-visible{outline:2px solid #d0b5ff;outline-offset:2px;border-radius:4px}@media(max-width:600px){.archive-editor .archive-track-labels{width:132px}.archive-track-volume{gap:3px}.archive-track-volume>output{width:29px}.archive-track-volume>input{width:45px}.archive-player .archive-track-volume>button{flex-basis:22px;width:22px}}.archive-tabs>.archive-view-tab{display:inline-flex;align-items:center;gap:1px}.archive-tabs .archive-source-expand{padding:5px;min-width:24px;background:transparent;color:#e6dbfc}.archive-tabs .archive-source-expand:hover{background:#8c63da66}.archive-stage:fullscreen{position:relative;display:flex;width:100vw;height:100dvh;min-height:0;background:#10141b;align-items:center;justify-content:center}.archive-stage:fullscreen>.archive-media,.archive-stage:fullscreen>.archive-board{width:100%;height:100%;max-height:none;border-radius:0}.archive-stage:fullscreen>.archive-board>svg{height:100%;max-height:none}.archive-stage:fullscreen>.archive-gap{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.archive-fullscreen-panel{position:absolute;left:0;right:0;bottom:0;padding:50px 14px 12px;background:linear-gradient(transparent,#0e1724ed 40%);opacity:0;pointer-events:none;transition:opacity .18s;z-index:20;max-height:65vh;overflow:auto}.archive-fullscreen-panel.is-visible{opacity:1;pointer-events:auto}.archive-fullscreen-panel .archive-timeline{margin-top:0;padding:6px 9px;background:#344b66f2}.archive-fullscreen-panel .archive-editor{max-height:38vh;overflow:auto}.archive-fullscreen-panel .archive-playback{flex-wrap:wrap}.archive-stage:fullscreen .archive-audio-error{position:absolute;top:12px;left:12px}.archive-fullscreen-exit{position:absolute;right:14px;top:14px;z-index:20;opacity:0;pointer-events:none}.archive-fullscreen-exit.is-visible{opacity:1;pointer-events:auto}.archive-stage:fullscreen .archive-media-error{bottom:80px}.archive-audio-error{color:#ffd6ce;font-size:13px;padding:5px 10px}@media(max-width:600px){.archive-tabs{flex-wrap:wrap}.archive-fullscreen-panel{padding:24px 5px 5px}.archive-fullscreen-panel .archive-preview-status{display:none}}.os-archive{position:fixed!important;inset:64px 18px 94px!important;width:auto!important;height:auto!important;margin:0!important;z-index:30;display:flex;flex-direction:column;overflow:hidden!important}.os-archive>.os-window-title{flex-shrink:0}.os-archive>.archive-player{display:flex;flex:1;flex-direction:column;min-height:0;padding:14px;overflow:hidden}.os-archive>.archive-list{flex:1;min-height:0;overflow:auto}.os-archive .archive-player>.archive-header{flex:none;margin-bottom:12px}.os-archive .archive-player>.archive-workspace{flex:1;min-height:120px;height:auto;overflow:hidden}.os-archive .archive-main{display:flex;flex-direction:column;min-height:0}.os-archive .archive-stage:not(:fullscreen){flex:1;height:auto;min-height:0}.os-archive .archive-sidebar{min-height:0;overflow:auto}.os-archive .archive-player>.archive-timeline{display:flex;flex-direction:column;flex:none;max-height:60%;min-height:90px;margin-top:10px;overflow:hidden}.os-archive .archive-player>.archive-timeline>.archive-editor{min-height:0;overflow:auto;flex:1}.os-archive .archive-player>.archive-timeline>.archive-playback,.os-archive .archive-player>.archive-timeline>input{flex:none}.os-archive .archive-editor>header{position:sticky;top:0;z-index:3;background:#2c405b}.os-archive .archive-tabs{flex-shrink:0}@media(max-height:850px){.os-archive .archive-player>.archive-header>div>span{display:none}.os-archive .archive-player>.archive-header h2{font-size:18px}.os-archive .archive-editor .archive-track-lane.video,.os-archive .archive-editor .archive-track-labels>span.video{height:38px}.os-archive .archive-editor .archive-track-lane.audio,.os-archive .archive-editor .archive-track-labels>span.audio{height:52px}.os-archive .archive-track-lane.audio>.archive-waveform{top:4px}}@media(max-width:600px){.os-archive{inset:56px 4px 86px!important}.os-archive>.archive-player{padding:7px}.os-archive .archive-header small{font-size:10px}.os-archive .archive-player>.archive-workspace{min-height:100px}.os-archive .archive-player>.archive-timeline{max-height:65%}.os-archive .archive-editor .archive-track-lane.video,.os-archive .archive-editor .archive-track-labels>span.video{height:32px}.os-archive .archive-editor .archive-track-lane.audio,.os-archive .archive-editor .archive-track-labels>span.audio{height:52px}.os-archive .archive-track-lane.audio>.archive-waveform{top:4px}}.archive-side-cameras{display:flex;flex-direction:column;gap:9px;flex:none;min-height:0;max-height:50%;overflow:auto}.archive-side-cameras>.archive-camera{position:relative;flex:none;width:100%;height:150px;overflow:hidden;border-radius:10px;background:#293d55;border:1px solid #c8d4ff30}.archive-side-cameras .archive-media{height:100%}.archive-side-cameras .archive-gap{height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;padding:12px;text-align:center}.archive-side-cameras .archive-camera>span{position:absolute;left:7px;bottom:6px;background:#263b55e8;border-radius:5px;padding:3px 6px;font-size:12px;color:#eff3ff}.archive-sidebar:not(:has(.archive-chat))>.archive-side-cameras{max-height:100%}.archive-workspace:fullscreen{position:relative!important;width:100vw!important;height:100dvh!important;min-height:0!important;max-height:none!important;padding:12px;gap:12px;background:#2e415a;display:grid!important;grid-template-columns:minmax(0,1fr)!important;overflow:hidden!important}.archive-workspace.has-sidebar:fullscreen{grid-template-columns:minmax(0,1fr) 280px!important}.archive-workspace:fullscreen>.archive-main{display:flex;flex-direction:column;min-height:0}.archive-workspace:fullscreen .archive-tabs{display:none}.archive-workspace:fullscreen .archive-stage{position:relative;flex:1;min-height:0;height:100%;width:100%;background:#253950}.archive-workspace:fullscreen .archive-stage>.archive-media,.archive-workspace:fullscreen .archive-stage>.archive-board{width:100%;height:100%;max-height:none}.archive-workspace:fullscreen .archive-stage>.archive-board>svg{height:100%;max-height:none}.archive-workspace:fullscreen>.archive-sidebar{display:flex;flex-direction:column;min-height:0;overflow:hidden}.archive-workspace:fullscreen .archive-sidebar>.archive-chat{flex:1;min-height:80px;overflow:auto}.archive-workspace:fullscreen .archive-side-cameras{max-height:55%}.archive-workspace:fullscreen .archive-side-cameras>.archive-camera{height:160px}.archive-workspace:fullscreen .archive-fullscreen-panel{max-height:65vh}.archive-workspace:fullscreen .archive-editor{max-height:35vh;overflow:auto}@media(max-width:900px){.archive-side-cameras>.archive-camera{height:110px}.archive-workspace.has-sidebar:fullscreen{grid-template-columns:minmax(0,1fr) 190px!important}.archive-workspace:fullscreen .archive-side-cameras>.archive-camera{height:120px}}@media(max-width:600px){.archive-side-cameras>.archive-camera{height:90px}.archive-workspace:fullscreen{padding:5px;gap:6px}.archive-workspace.has-sidebar:fullscreen{grid-template-columns:minmax(0,1fr) 130px!important}.archive-workspace:fullscreen .archive-side-cameras>.archive-camera{height:90px}.archive-workspace:fullscreen .archive-sidebar>.archive-chat{min-height:70px}.archive-side-cameras .archive-camera>span{font-size:10px;left:3px;bottom:3px;padding:2px 3px}}.archive-side-cameras:has(.archive-student-camera){height:60%;max-height:60%;flex:0 1 60%}.archive-side-cameras:has(.archive-student-camera)>.archive-camera{flex:1;height:auto;min-height:44px}.archive-workspace:fullscreen .archive-side-cameras:has(.archive-student-camera){height:340px;flex:0 1 340px;max-height:55%}@media(max-width:600px){.archive-workspace:fullscreen .archive-side-cameras:has(.archive-student-camera){height:200px;flex-basis:200px}}.archive-player .archive-camera-close{position:absolute;right:5px;top:5px;z-index:2;width:28px;height:28px;padding:4px;border-radius:7px;background:#17263dd9;border:1px solid #d4ddff50;color:#fff}.archive-chat>h3{display:flex;align-items:center;justify-content:space-between;gap:8px}.archive-player .archive-chat-close{width:28px;height:28px;padding:4px;border-radius:7px;flex:none}.archive-camera-close:hover,.archive-chat-close:hover{background:#526b8f}.archive-editor{margin:6px 0 10px;border:1px solid #c8d4ff30;border-radius:9px;background:#2c405b;overflow:hidden}.archive-editor>header{display:flex;align-items:center;gap:7px;padding:5px 8px;min-height:35px;font-size:12px}.archive-editor>header button{padding:5px 7px;min-width:25px;height:26px}.archive-editor>header .archive-track-heading{display:flex;gap:7px;align-items:center;white-space:nowrap;background:transparent;font-weight:700}.archive-preview-status{flex:1;font-size:11px;color:#c2cde0;min-width:0}.archive-editor-body{display:flex;border-top:1px solid #c8d4ff22}.archive-track-labels{width:150px;flex-shrink:0;background:#344a66;z-index:2}.archive-track-labels>span{height:24px;padding:4px 7px;display:flex;align-items:center;gap:5px;color:#c7d2e5;font-size:11px;border-bottom:1px solid #c8d4ff16}.archive-track-labels>span.video{height:60px}.archive-track-labels>span.audio{height:44px}.archive-track-labels b{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archive-track-scroll{flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#9d80d4 #273c56}.archive-track-content{position:relative;cursor:crosshair}.archive-ruler{height:24px;position:relative;border-bottom:1px solid #c8d4ff22;overflow:hidden}.archive-ruler>span{position:absolute;font-size:10px;top:4px;padding-left:4px;color:#c7d2e5;border-left:1px solid #c7d2e55c;white-space:nowrap}.archive-track-lane{position:relative;height:60px;border-bottom:1px solid #c8d4ff16;background:repeating-linear-gradient(135deg,#253951,#253951 6px,#293d56 6px 12px);overflow:hidden}.archive-track-lane.audio{height:44px}.archive-part-extent{position:absolute;inset-block:2px;background:#8c63da35;border:1px solid #bc9df74d;pointer-events:none}.audio>.archive-part-extent{background:#47bca51c;border-color:#6ad3b543}.archive-frame{position:absolute;top:3px;bottom:3px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-right:1px solid #d3c5ef55;pointer-events:none}.archive-frame>img{width:100%;height:100%;object-fit:cover}.archive-frame>span{font-size:10px;color:#a6b4ca}.archive-frame.gap{background:#263951}.archive-waveform{position:absolute;top:0;pointer-events:none}.archive-playhead{position:absolute;top:0;bottom:0;width:2px;background:#ffd2a1;pointer-events:none;z-index:1;box-shadow:0 0 3px #0007}.archive-playhead>i{display:block;width:8px;height:8px;transform:translate(-3px);background:#ffd2a1;clip-path:polygon(0 0,100% 0,50% 100%)}.archive-editor button:disabled{opacity:.4}.archive-player:fullscreen .archive-editor{max-height:28vh;overflow:auto}.archive-player:fullscreen .archive-workspace{min-height:130px}@media(max-width:600px){.archive-track-labels{width:90px}.archive-preview-status{display:none}.archive-editor>header{gap:3px}.archive-editor>header .archive-track-heading{font-size:11px}.archive-track-labels b{font-size:10px}.archive-track-lane,.archive-track-labels>span.video{height:48px}}.archive-record-card{flex-wrap:wrap}.archive-actions{flex:1 0 100%;display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid #ffffff1f;padding-top:12px}.archive-actions label{display:flex;gap:8px;align-items:center;font-size:13px}.archive-actions select,.archive-actions input{background:#283c55;border:1px solid #ffffff30;border-radius:6px;padding:7px;color:#f1f3fb}.archive-share-result{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%}.archive-share-result input{width:min(480px,60vw)}.archive-share-result small{color:#d2dcec}.archive-share-list{width:100%;font-size:12px}.archive-share-list>div{display:flex;align-items:center;gap:12px;padding:5px 0}.archive-manage-overlay{position:fixed;inset:0;z-index:20000;background:#101827c9;display:grid;place-items:center;padding:18px}.archive-manage-overlay section{max-width:480px;background:#344b68;border:1px solid #ffffff40;border-radius:14px;padding:24px;color:#f2f4fb;box-shadow:0 24px 80px #0006;font-family:Nunito,Arial,sans-serif}.archive-manage-overlay section h2{margin:0 0 14px;font-size:22px}.archive-manage-overlay section p{font-size:14px;line-height:1.6}.archive-manage-overlay section button{margin:6px;padding:10px 14px;border:1px solid #c5d2f04d;border-radius:8px;background:#49617e;color:#f2f4fb;font:inherit;cursor:pointer}.archive-manage-overlay section button:last-of-type{background:#8350ee;border-color:#a57df0}.archive-manage-overlay section button:hover{filter:brightness(1.12)}.archive-manage-overlay section button:disabled{opacity:.5;cursor:wait}.os-room-tools>button{padding:8px 12px;border:1px solid #ad91f2;border-radius:8px;background:#8350ee;color:#fff;font:inherit;font-size:13px;cursor:pointer}.os-room-tools>button:disabled{opacity:.45;cursor:default}.os-room-tools>button:not(:disabled):hover{background:#9565f4}.shared-lecture{min-height:100vh;background:#2e415a;color:#f2f4fb}.shared-lecture>p{padding:16px;margin:0}.shared-lecture-error{padding:10vh 8vw}.shared-lecture{display:flex;flex-direction:column;height:100dvh;min-height:0;overflow:hidden}.shared-lecture>p{flex:none;padding:8px 16px;font-size:12px;line-height:1.4}.shared-lecture>.archive-player{display:flex;flex:1;flex-direction:column;min-height:0;padding:12px 16px;overflow:hidden}.shared-lecture>.archive-player>.archive-header{flex:none;padding-bottom:10px}.shared-lecture>.archive-player>.archive-workspace:not(:fullscreen){flex:1;min-height:120px;height:auto;overflow:hidden}.shared-lecture .archive-workspace:not(:fullscreen)>.archive-main{display:flex;flex-direction:column;min-height:0}.shared-lecture .archive-workspace:not(:fullscreen) .archive-tabs{flex:none}.shared-lecture .archive-workspace:not(:fullscreen) .archive-stage{flex:1;height:auto;min-height:0}.shared-lecture .archive-workspace:not(:fullscreen)>.archive-sidebar{min-height:0;overflow:auto}.shared-lecture .archive-workspace:not(:fullscreen) .archive-chat{min-height:70px;max-height:none}.shared-lecture>.archive-player>.archive-timeline{display:flex;flex-direction:column;flex:none;max-height:24dvh;min-height:90px;margin-top:10px;overflow:hidden}.shared-lecture>.archive-player>.archive-timeline>.archive-editor{flex:1;min-height:0;overflow:auto}.shared-lecture>.archive-player>.archive-timeline>.archive-editor>header{position:sticky;top:0;z-index:3;background:#2c405b}.shared-lecture>.archive-player>.archive-timeline>.archive-playback,.shared-lecture>.archive-player>.archive-timeline>input{flex:none}@media(max-width:600px){.shared-lecture>p{padding:6px 10px;font-size:11px}.shared-lecture>.archive-player{padding:7px}.shared-lecture .archive-header>div>span{display:none}.shared-lecture .archive-header h2{font-size:18px}.shared-lecture .archive-header small{font-size:11px}.shared-lecture>.archive-player>.archive-timeline{max-height:27dvh}}@media(max-height:600px){.shared-lecture .archive-header>div>span{display:none}.shared-lecture .archive-header h2{font-size:17px}.shared-lecture>.archive-player>.archive-timeline{max-height:29dvh}}.teachers-panel{padding:18px;color:#edf1fa;overflow:auto;max-height:75vh}.teachers-panel h2{font-size:21px;margin:0 0 9px}.teachers-panel p{line-height:1.6;font-size:14px}.teachers-columns{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;margin-top:20px}.teachers-columns aside{display:flex;flex-direction:column;gap:8px}.teachers-panel button{padding:9px 12px;border:1px solid #b7c7e13d;background:#49617e;color:#eef2fa;border-radius:7px;font:inherit}.teachers-columns aside button{text-align:left;display:flex;flex-direction:column;gap:5px}.teachers-columns aside button.selected,.teachers-save{background:#8350ee!important}.teachers-panel small{font-size:12px;color:#c2cfe4;line-height:1.5}.teachers-panel form{display:flex;flex-direction:column;gap:13px;min-width:0}.teachers-panel h3{margin:0}.teachers-panel label{display:flex;flex-direction:column;gap:7px;font-size:14px}.teachers-panel input:not([type=checkbox]),.teachers-panel select{min-width:0;width:100%;padding:10px;border-radius:6px;background:#28394f;color:#eef2fa;border:1px solid #b7c7e14d;font:inherit;box-sizing:border-box}.teachers-key-actions{display:flex;gap:7px;flex-wrap:wrap}.teachers-key-actions button{font-size:12px}.teachers-panel .teachers-enabled{flex-direction:row;align-items:center}.teachers-enabled input{width:auto}.teachers-error{color:#ffc1ce}.os-empty-delete{font-size:12px;padding:6px 8px!important;border:1px solid #d29ba84d!important;border-radius:6px;background:#684652!important;color:#ffe5eb!important;white-space:nowrap}.os-empty-confirm{position:fixed;inset:0;background:#0b1527b8;z-index:2000;display:grid;place-items:center;padding:20px}.os-empty-confirm section{background:#354961;color:#eef2fa;border:1px solid #c2cde74d;border-radius:14px;padding:24px;max-width:480px;box-shadow:0 24px 80px #0006}.os-empty-confirm p{line-height:1.6;margin:14px 0}.os-empty-confirm button{padding:10px 16px;margin-right:10px;border-radius:7px;background:#49617e;color:#fff}.os-empty-confirm button:last-child{background:#8350ee}@media(max-width:650px){.teachers-columns{grid-template-columns:1fr}.teachers-columns aside{max-height:180px;overflow:auto}}.teachers-avatar-choice{display:flex;align-items:center;gap:16px}.teachers-avatar-choice img{width:92px;height:92px;border-radius:50%;flex:none}.teachers-avatar-choice label{flex:1;min-width:0}.game-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.game-stage .game-card{display:flex;position:relative;flex-direction:column;min-width:0;overflow:hidden;text-align:left;padding:0;border:1px solid #7d92b34d;border-radius:16px;background:#30465f;color:#eff4ff;box-shadow:0 9px 25px #10223822;transition:transform .15s,border-color .15s}.game-stage .game-card:hover{transform:translateY(-2px);border-color:#bda5f2}.game-stage .game-card.selected{border-color:#c0a1ff;box-shadow:0 0 0 2px #a98bd63b}.game-card>img{width:100%;height:130px;object-fit:cover;object-position:65% 48%;display:block}.game-card-body{padding:15px 16px 8px;display:grid;gap:6px}.game-card-body strong{font-size:17px}.game-card-body>span{font-size:12px;color:#c9d5e8}.game-card-body i{font-style:normal;padding:0 5px}.game-card-choice{padding:0 16px 15px;font-size:13px;color:#d8c8ff}.game-stage .game-library{display:grid;gap:22px;max-width:none}.game-launch{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(270px,1fr);gap:22px;align-items:start}.game-launch>div{min-width:0}.game-launch-settings{padding:20px;border:1px solid #7b91b345;border-radius:16px;background:#30465f88;display:grid;gap:16px}.game-launch-settings h3{font-size:19px;margin:0}.game-launch-settings p{margin:0;color:#cad7e8}.game-launch-settings fieldset{min-inline-size:0;display:grid;gap:10px;border:1px solid #7b91b34d;border-radius:10px;margin:0;padding:14px}.game-launch-settings label{display:flex;align-items:center;gap:9px}.game-launch-settings input[type=checkbox]{width:17px;height:17px;accent-color:#b395fa;flex-shrink:0}.game-teacher-seat{padding:12px;border-radius:10px;background:#9272dd24}.game-stage .game-start-button{background:#8b5be8;border-color:#b49be9;min-height:46px;font-size:15px}.game-stage .game-start-button:hover:enabled{background:#9a71ed}.game-hero{min-width:0;position:relative;isolation:isolate;overflow:hidden;border-radius:17px;background:#243754;min-height:300px;width:100%;display:flex;align-items:center;border:1px solid #9eacf12e}.game-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-2}.game-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#182746ed 0,#1e2d4bc7 37%,#22344d2e 82%)}.game-hero-content{padding:28px;width:min(100%,580px);color:#f6f5ff;position:relative;z-index:1}.game-hero-eyebrow{text-transform:uppercase;letter-spacing:1.6px;font-size:10px;color:#d9cdff;font-weight:700}.game-stage .game-hero h2{font-size:clamp(25px,3vw,39px);line-height:1.18;max-width:390px;margin:14px 0}.game-hero-content>p{font-size:15px;line-height:1.6;margin:0;max-width:360px;color:#e0e7f4}.game-hero-rules{margin-top:18px;max-width:360px;background:#17264066;border:1px solid #c4d3f22b;border-radius:10px;padding:12px 14px}.game-hero-rules strong{font-size:12px;letter-spacing:.3px}.game-hero-rules p{font-size:12px;line-height:1.6;margin:7px 0 0;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;color:#dce6f5}.game-hero-content>button{margin-top:20px}.game-stage-field>.game-hero{height:100%}.game-rules{margin:10px 0;border:1px solid #8da4c441;border-radius:11px;background:#30475e66;color:#e8effb}.game-rules summary{padding:12px 15px;cursor:pointer;font-size:13px;font-weight:700}.game-rules>div{padding:0 15px 16px;white-space:pre-wrap;max-height:260px;overflow:auto;line-height:1.75;font-size:14px;color:#d2def0}.game-config-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px}.game-config-fields>label{display:grid;grid-template-columns:1fr;gap:7px;font-size:13px;min-width:0}.game-config-fields input:not([type=checkbox]),.game-config-fields select{width:100%;min-width:0;box-sizing:border-box;border:1px solid #a2b6d157;border-radius:9px;background:var(--admin-surface-deep,#263b53);color:#f1f4fc;font:inherit;padding:10px 12px}.game-config-fields small{font-size:11px;line-height:1.5;color:#bdcde3}.game-config-boolean input{grid-row:1;justify-self:end}.game-config-boolean small{grid-column:1/-1}@media(max-width:850px){.game-launch{grid-template-columns:1fr}.game-hero{min-height:270px}.game-cards{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media(max-width:500px){.game-stage .game-cards{grid-template-columns:1fr}.game-card>img{height:160px}.game-hero-content{padding:22px}.game-hero:before{background:linear-gradient(90deg,#192946e6,#2338538a)}.game-hero-content>p{font-size:14px;max-width:270px}.game-hero-rules{max-width:270px}.game-launch-settings{padding:16px}.game-config-fields{grid-template-columns:1fr}.game-stage>header>div{display:flex;flex-wrap:wrap;gap:8px}.game-stage header button+button{margin-left:0}}.game-stage{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;gap:12px;padding:18px;overflow:auto;color:#edf2ff;background:#263b53}.game-stage>header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.game-stage h2{margin:0;font-size:20px}.game-stage button,.games-panel button{border:1px solid #637995;border-radius:9px;background:#385474;color:#fff;padding:10px 14px;cursor:pointer}.game-stage button:disabled,.games-panel button:disabled{opacity:.5;cursor:default}.game-stage header button+button{margin-left:8px}.game-stage-field{flex:1;min-height:300px;display:grid;place-items:center}.game-stage-field>.plugin-frame-host{height:100%}.game-stage small{color:#b8cbe0}.game-lobby{max-width:660px;display:grid;gap:12px}.game-lobby label{display:flex;align-items:center;gap:10px}.game-lobby select{max-width:100%;padding:10px;border-radius:7px;background:#f3f6fc;color:#24364e}.game-lobby fieldset{display:flex;gap:12px;flex-wrap:wrap;border:1px solid #637995;border-radius:10px;padding:16px}.games-error{color:#ffccd3}.games-panel{padding:22px;display:grid;gap:18px;color:#2e415d}.games-panel header h2{margin:0}.games-panel fieldset{display:flex;flex-wrap:wrap;gap:14px;border:1px solid #d3ddea;border-radius:10px;padding:16px}.games-panel label{display:flex;align-items:center;gap:8px}.games-panel select{padding:8px;border:1px solid #b3c2d7;border-radius:8px}.games-panel table{width:100%;border-collapse:collapse}.games-panel td,.games-panel th{text-align:left;padding:12px;border-bottom:1px solid #dce4ef}.games-panel small{display:block;color:#64758c}.games-panel .games-error{color:#a52949}.games-upload{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.games-upload input{max-width:100%}.game-stage-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.game-stage .game-stage-actions button+button{margin-left:0}.game-stage .game-fullscreen{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.game-stage:fullscreen,.game-stage.is-expanded{position:fixed;inset:0;z-index:90;width:100vw;height:100dvh;max-width:none;max-height:none;box-sizing:border-box;border-radius:0;background:#263b53}.game-stage:fullscreen .game-stage-field,.game-stage.is-expanded .game-stage-field{min-height:280px}.game-stage .game-fullscreen:focus-visible{outline:2px solid #c3b2ff;outline-offset:3px}@media(max-width:500px){.game-stage{padding:12px}.game-stage h2{font-size:17px}.game-stage-actions button{font-size:12px;padding:8px 10px}}.game-stage>small{font-size:14px;line-height:1.6}.game-stage .game-rules summary{font-size:15px}.game-stage .game-rules>div{font-size:16px}.game-stage header button{font-size:15px}.os-shell .games-panel{min-width:0;max-width:100%;padding:20px;color:var(--admin-text,#eff2fb);font-size:14px;line-height:1.6;gap:20px;overflow:auto}.os-shell .games-panel>*{min-width:0;max-width:100%}.os-shell .games-panel h2{font-size:21px;margin:0 0 8px;color:var(--admin-text,#eff2fb)}.os-shell .games-panel h3{font-size:17px;margin:0 0 10px;color:var(--admin-text,#eff2fb)}.os-shell .games-panel p{margin:8px 0 14px;color:var(--admin-muted,#c0cce0)}.os-shell .games-panel small{color:var(--admin-muted,#c0cce0);font-size:12px;line-height:1.6;overflow-wrap:anywhere}.os-shell .games-panel fieldset{min-inline-size:0;width:100%;margin:0;padding:14px 16px 16px;border:1px solid #b7c7e14d;border-radius:10px;background:#263b532e;gap:14px 22px}.os-shell .games-panel legend{padding:0 7px;color:var(--admin-text,#eff2fb);font-weight:600}.os-shell .games-panel label{min-width:0;max-width:100%;color:var(--admin-text,#eff2fb);gap:9px;line-height:1.5;overflow-wrap:anywhere}.os-shell .games-panel input[type=checkbox]{width:17px;height:17px;flex-shrink:0;accent-color:#ac8ef0;margin:0;cursor:pointer}.os-shell .games-panel fieldset:disabled{opacity:.65}.os-shell .games-panel button{min-height:38px;max-width:100%;padding:9px 13px;background:#49617e;color:#eff2fb;border:1px solid #b7c7e14d;border-radius:8px;font:inherit;font-size:13px;line-height:1.4;white-space:normal}.os-shell .games-panel button:hover:enabled{background:#566f90}.os-shell .games-panel button:disabled{opacity:.55;cursor:default}.os-shell .games-upload{align-items:center;gap:12px;min-width:0}.os-shell .games-upload input[type=file]{width:min(100%,460px);min-width:0;max-width:100%;padding:7px;border:1px solid #b7c7e14d;border-radius:8px;background:var(--admin-surface-deep,#2d4058);color:var(--admin-text,#eff2fb);font:inherit;font-size:13px}.os-shell .games-upload input::file-selector-button{margin-right:12px;padding:8px 11px;border:0;border-radius:6px;background:#536d8e;color:#eff2fb;font:inherit;cursor:pointer}.os-shell .games-upload>button{background:#8350ee;border-color:#bba0f970}.os-shell .games-upload>button:hover:enabled{background:#9567f3}.os-shell .games-panel table{table-layout:fixed;min-width:0;width:100%;background:#2d405866}.os-shell .games-panel th,.os-shell .games-panel td{padding:12px 10px;border-color:#c8d4ff26;overflow-wrap:anywhere;vertical-align:top}.os-shell .games-panel th:first-child{width:54%}.os-shell .games-panel th:nth-child(2){width:12%}.os-shell .games-panel th:nth-child(3){width:34%}.os-shell .game-package-removal{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.os-shell .game-package-removal>p,.os-shell .game-package-removal>small{width:100%;margin:0}.os-shell .game-package-removal>button:first-of-type{background:#684652;border-color:#d29ba84d;color:#ffe5eb}.os-shell .game-package-removal>button:first-of-type:hover:enabled{background:#805467}.os-shell .games-panel .games-error,.os-shell .games-panel [role=alert]{color:#ffc1ce}@media(max-width:650px){.os-shell .games-panel{padding:16px;gap:18px}.os-shell .games-panel fieldset{padding:12px;flex-direction:column;gap:13px}.os-shell .games-panel table,.os-shell .games-panel tbody,.os-shell .games-panel tr{display:block;width:100%}.os-shell .games-panel thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.os-shell .games-panel tr{padding:12px;border:1px solid #c8d4ff26;border-radius:9px;margin-bottom:10px}.os-shell .games-panel td{display:block;width:100%;padding:7px 0;border:0}.os-shell .games-panel td:nth-child(2):before{content:"Игроки: ";color:var(--admin-muted,#c0cce0)}.os-shell .games-upload{align-items:stretch}.os-shell .games-upload>button{width:100%}}.os-shell .games-panel .game-admin-cover{display:block;width:160px;max-width:100%;height:88px;object-fit:cover;object-position:65% center;border-radius:9px;margin-bottom:12px;border:1px solid #b7c7e14d}.os-shell .games-panel .game-package-settings{display:grid;gap:18px;padding:20px;margin-top:20px;border:1px solid #b7c7e14d;border-radius:14px;background:#2d4058}.os-shell .games-panel .game-package-settings>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.os-shell .games-panel .game-rules-editor,.os-shell .games-panel .game-config-fields>label{display:grid;gap:8px;align-items:start}.os-shell .games-panel .game-rules-editor textarea{box-sizing:border-box;width:100%;min-height:170px;resize:vertical;border:1px solid #a2b6d157;border-radius:9px;padding:12px;background:#263b53;color:#eff2fb;font:inherit;line-height:1.6}.os-shell .games-panel .game-settings-actions{display:flex;gap:10px;flex-wrap:wrap}.os-shell .games-panel .game-settings-actions>button:first-child{background:#8350ee}.os-shell .games-panel .game-admin-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.os-shell .games-panel .game-admin-card{min-width:0;border:1px solid #b7c7e13d;border-radius:15px;background:#2d4058;overflow:hidden;box-shadow:0 8px 24px #182a4022}.os-shell .games-panel .game-admin-card>img{display:block;width:100%;height:165px;object-fit:cover;object-position:65% center}.os-shell .games-panel .game-admin-card-body{padding:18px;display:grid;gap:10px}.os-shell .games-panel .game-admin-card-body>strong{font-size:18px;line-height:1.35}.os-shell .games-panel .game-admin-card-body>label{margin:8px 0 2px}.os-shell .games-panel .game-admin-identity{font-size:10px;opacity:.75}.os-shell .games-panel .game-package-settings{scroll-margin-top:75px;scroll-margin-bottom:110px}@media(max-width:500px){.os-shell .games-panel .game-admin-cards{grid-template-columns:1fr}.os-shell .games-panel .game-package-settings{padding:16px}}.os-shell{min-height:100dvh;background:radial-gradient(ellipse at 12% 0,#292343 0,transparent 52%),radial-gradient(ellipse at 90% 100%,#162e35 0,transparent 48%),#10131c;color:#ececf5;font-family:Inter,Manrope,Arial,sans-serif;font-size:15px}.os-shell button,.os-shell input{font:inherit}.os-shell button{color:inherit}.os-top{height:54px;padding:0 26px;display:flex;align-items:center;gap:24px;background:#11131dba;border-bottom:1px solid #ffffff10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.os-wordmark{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:750;text-decoration:none}.os-wordmark svg{color:#af96ff}.os-wordmark span{font-size:12px;background:#a283ff22;border:1px solid #a283ff50;padding:3px 5px;border-radius:4px;color:#c0abff}.os-top-title{color:#85899d;flex:1}.os-top time{font-variant-numeric:tabular-nums;color:#b7b8c8}.os-top>button{background:transparent;display:flex;color:#9b9eaf;padding:6px}.os-live{display:flex;align-items:center;gap:7px;font-size:13px;color:#acb6bd}.os-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6bd9b4;box-shadow:0 0 9px #6bd9b450;flex-shrink:0}.os-dot.error{background:#ef9b70;box-shadow:none}.os-desktop{max-width:1600px;margin:auto;padding:34px 34px 120px}.os-desktop-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.os-kicker{color:#9e91c3;letter-spacing:2px;font-size:12px;font-weight:700}.os-desktop h1{font-size:27px;letter-spacing:-.8px;margin:8px 0}.os-desktop-heading p{font-size:14px;color:#8f92a6}.os-restore{display:flex;gap:8px;align-items:center;padding:10px 12px;background:#ffffff08;border:1px solid #ffffff18;border-radius:8px;font-size:13px}.os-status-strip{display:flex;flex-wrap:wrap;gap:22px;margin-bottom:22px;color:#a6aabb;font-size:13px}.os-status-strip span{display:flex;gap:7px;align-items:center}.os-windows{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:20px;align-items:start}.os-window{min-width:0;background:#1a1e2be6;border:1px solid #ffffff13;border-radius:13px;box-shadow:0 16px 50px #00000020;overflow:hidden;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.os-window-title{height:43px;display:flex;align-items:center;justify-content:space-between;padding-left:16px;border-bottom:1px solid #ffffff0b;background:#ffffff05}.os-window-title strong{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#c4c5d4}.os-window-title strong svg{color:#9b8ad1}.os-window-title>div{display:flex;align-items:stretch;height:100%}.os-window-title button{background:transparent;color:#797f94;width:35px;display:grid;place-items:center}.os-window-title button:hover{background:#ffffff09;color:#fff}.os-window-title button:last-child:hover{background:#ab4550}.os-window-body{padding:21px}.os-network{grid-column:1;grid-row:1}.os-resources{grid-column:2;grid-row:1 / span 2}.os-rooms{grid-column:1;grid-row:2}.os-maximized{position:fixed;inset:68px 20px 95px;z-index:30;overflow:auto;grid-column:auto;grid-row:auto}.os-maximized .os-window-title{position:sticky;top:0;background:#202433;z-index:1}.os-rate-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.os-rate-pair>div>span{display:flex;align-items:center;gap:7px;color:#a4a6bc;font-size:13px}.os-rate-pair>div:first-child svg{color:#b199ff}.os-rate-pair>div:last-child svg{color:#5ddcc2}.os-rate-pair strong{display:block;font-size:36px;letter-spacing:-1.5px;font-weight:600;margin-top:9px;font-variant-numeric:tabular-nums}.os-rate-pair strong small{font-size:13px;letter-spacing:0;font-weight:400;color:#727b94;margin-left:9px}.os-chart{margin-top:23px}.os-chart>span{font-size:11px;color:#777f96}.os-chart svg{width:100%;height:135px;display:block;margin-top:4px}.os-chart-axis{display:flex;justify-content:space-between;font-size:11px;color:#717a91;margin-top:5px}.os-chart-empty{height:170px;display:grid;place-items:center;color:#7b8299;font-size:14px}.os-network-totals{display:flex;flex-wrap:wrap;gap:15px;padding-top:18px;margin-top:15px;border-top:1px solid #ffffff0a;color:#7b8299;font-size:12px}.os-network-totals b{color:#b9bed0;font-weight:500;margin-left:5px}.os-note{color:#7e879f;font-size:12px;line-height:1.75;margin-top:15px}.os-resource{padding:5px 0 22px}.os-resource>span{display:flex;align-items:center;gap:8px;font-size:13px;color:#a9afc2}.os-resource>span small{margin-left:auto;color:#6f7993;font-size:12px}.os-resource strong{display:block;margin:11px 0 10px;font-size:24px;font-weight:550;font-variant-numeric:tabular-nums}.os-resource strong small{font-size:13px;color:#757d96;font-weight:400}.os-resource meter{display:block;appearance:none;width:100%;height:6px;background:#2d3346;border-radius:5px;overflow:hidden}.os-resource meter::-webkit-meter-bar{border:0;background:#2d3346}.os-resource meter::-webkit-meter-optimum-value{background:#a189f4}.os-resource meter::-moz-meter-bar{background:#a189f4}.os-facts{margin:0;padding-top:9px;border-top:1px solid #ffffff0b}.os-facts>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:10px 0;font-size:12px}.os-facts dt{color:#7b849d}.os-facts dd{color:#b1b8cc;margin:0}.os-room-tools{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#8d95ab;margin-bottom:15px}.os-room-tools label{display:flex;align-items:center;gap:6px}.os-room-tools input{accent-color:#a189f4}.os-table-scroll{overflow:auto}.os-shell table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.os-shell th{font-weight:400;color:#758099;font-size:12px;padding:8px 10px;border-bottom:1px solid #ffffff0c;white-space:nowrap}.os-shell td{padding:12px 10px;border-bottom:1px solid #ffffff08;color:#b6bdd1;white-space:nowrap}.os-shell td:first-child{min-width:170px;white-space:normal}.os-shell td small{display:block;color:#646f8a;font-size:11px;margin-top:5px}.os-room-link{padding:0;background:none;text-align:left;color:#d5d7e5!important;line-height:1.4}.os-room-link:hover{text-decoration:underline}.os-selected-row{background:#ae8eff0a}.os-pill{font-size:11px;border-radius:5px;padding:5px 7px;background:#ffffff07;color:#929aaf}.os-pill.live{background:#5ddcb21a;color:#73d2b0}.os-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:36px 12px;color:#63718c}.os-empty strong{font-size:14px;color:#9da7bf}.os-empty span{font-size:12px;text-align:center}.os-room-detail{display:grid;gap:8px;background:#ffffff04;border:1px solid #ffffff09;border-radius:8px;padding:14px;margin-top:15px}.os-room-detail>span{font:10px monospace;color:#858ca6;overflow-wrap:anywhere}.os-room-detail p{font-size:12px;color:#7b869e;line-height:1.7}.os-dock{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:5px;padding:8px 12px;z-index:40;background:#242735cc;border:1px solid #ffffff1a;box-shadow:0 15px 40px #0005;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:18px}.os-dock button{position:relative;min-width:66px;padding:8px 10px;display:flex;flex-direction:column;align-items:center;gap:7px;border-radius:10px;background:transparent;color:#858fa9;font-size:11px;white-space:nowrap}.os-dock button.active,.os-dock button:hover{color:#d5c8ff;background:#a38cff12}.os-dock button.active:after{content:"";position:absolute;bottom:0;width:3px;height:3px;border-radius:50%;background:#bda4ff}.os-dock-divider{width:1px;background:#ffffff12;margin:8px}.os-login{display:grid;place-items:center;padding:60px 20px}.os-home{position:absolute;left:25px;top:22px;color:#a5abc0;text-decoration:none;font-size:14px}.os-login-card{width:380px;max-width:100%;padding:36px;background:#1c2031b5;border:1px solid #ffffff15;border-radius:20px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 30px 100px #0003}.os-logo{width:65px;height:65px;margin:0 auto 27px;display:grid;place-items:center;border-radius:20px;background:#a189f41a;color:#b69afb;border:1px solid #a189f430}.os-login-card .os-kicker{display:block;text-align:center;letter-spacing:1.3px;font-size:11px}.os-login-card h1{font-size:24px;text-align:center;margin:14px 0 10px}.os-login-card>p{font-size:13px;color:#8c96b0;line-height:1.7;text-align:center;margin-bottom:27px}.os-login-card label{display:grid;gap:7px;color:#a0a9bf;font-size:13px;margin-top:17px}.os-login-card input{width:100%;padding:12px;color:#e5e7f0;background:#0d122249;border:1px solid #ffffff12;border-radius:8px;outline:none}.os-login-card input:focus{border-color:#a38cf4}.os-enter{width:100%;background:#a189f4;color:#171225!important;padding:13px;border-radius:8px;font-weight:650!important;margin-top:25px}.os-login-card>small{display:flex;justify-content:center;align-items:center;gap:6px;color:#666f88;font-size:12px;margin-top:22px}.os-error{background:#fb8e7411;border:1px solid #fb8e7430;border-radius:8px;color:#f6b69f!important;padding:11px 14px;font-size:13px;line-height:1.6;margin:15px 0}.os-shell button:focus-visible{outline:2px solid #c3aaff;outline-offset:3px}@media(min-width:1400px){.os-windows{grid-template-columns:minmax(0,1.75fr) minmax(320px,1fr)}}@media(max-width:950px){.os-desktop{padding:25px 20px 120px}.os-windows{grid-template-columns:1fr}.os-network,.os-resources,.os-rooms{grid-column:1;grid-row:auto}.os-top-title{display:none}.os-wordmark{margin-right:auto}.os-rate-pair strong{font-size:30px}}@media(max-width:550px){.os-top{padding:0 14px;gap:12px}.os-live{font-size:0;gap:0}.os-top time{font-size:12px}.os-desktop{padding:22px 12px 115px}.os-desktop-heading h1{font-size:22px}.os-restore{font-size:0;gap:0}.os-window-body{padding:16px}.os-status-strip{gap:12px;font-size:12px}.os-dock{bottom:10px;padding:7px;gap:0;max-width:calc(100% - 16px)}.os-dock button{min-width:52px;padding:7px 5px;font-size:10px}.os-rate-pair{gap:8px}.os-rate-pair strong{font-size:27px}.os-rate-pair strong small{font-size:11px;margin-left:5px}.os-maximized{inset:62px 8px 92px}.os-room-tools{font-size:12px}}.recording-permissions{margin:12px 0}.recording-permission-row{margin:10px 0;border:1px solid #ffffff28;border-radius:8px;padding:12px}.recording-permission-row label{display:flex;align-items:center;gap:8px;margin:8px 0}.recording-permission-row input:not([type=checkbox]){min-width:0;flex:1;background:#10151f;color:#eee;border:1px solid #ffffff30;border-radius:4px;padding:7px}.recording-permission-row button{padding:7px 10px;background:#303b55;color:#fff;border:1px solid #ffffff30;border-radius:5px}.os-shell{--admin-bg:#28394f;--admin-surface:#354961;--admin-surface-raised:#3e536e;--admin-surface-deep:#2d4058;--admin-border:#c8d4ff26;--admin-text:#eff2fb;--admin-muted:#c0cce0;background:radial-gradient(ellipse at 60% 0,#415574 0,transparent 65%),var(--admin-bg);color:var(--admin-text);font-family:var(--font-ui,Nunito,Arial,sans-serif);line-height:1.5}.os-top{background:#2c3d55ed;border-color:var(--admin-border)}.os-top-title,.os-top time,.os-live,.os-top>button,.os-status-strip{color:var(--admin-muted)}.os-window{background:#354961f5;border-color:var(--admin-border);box-shadow:0 12px 35px #17263c30}.os-window-title,.os-maximized .os-window-title{background:#3e536e;border-color:var(--admin-border)}.os-window-title strong{color:var(--admin-text)}.os-window-title button{color:#c3cde0}.os-desktop-heading p,.os-note,.os-room-tools,.os-network-totals,.os-resource>span,.os-resource>span small,.os-resource strong small,.os-facts dt,.os-chart>span,.os-chart-axis,.os-chart-empty,.os-rate-pair>div>span,.os-rate-pair strong small,.os-shell th,.os-shell td small,.os-empty{color:var(--admin-muted)}.os-shell td,.os-facts dd,.os-network-totals b{color:#e0e8f7}.os-kicker{color:#dacbff}.os-shell table{background:#30445d55}.os-shell th,.os-shell td{border-color:#c8d4ff1a}.os-selected-row td{background:#8e71df1f}.os-room-detail{background:#3a506b;border-color:var(--admin-border)}.os-dock{background:#3c5069eb;border-color:#c8d4ff35;box-shadow:0 12px 35px #17263c40}.os-dock button{color:#cad4e6}.os-dock button:hover,.os-restore:hover{background:#ffffff12}.os-dock button.active{background:#9471de38;color:#f2eaff}.os-login-card{background:#354961ed;border-color:var(--admin-border)}.os-login-card p,.os-login-card small,.os-login-card label{color:var(--admin-muted)}.os-login-card input,.recording-permission-row input:not([type=checkbox]){background:#2d4058;border-color:#b9c9e04d;color:var(--admin-text)}.recording-permission-row{background:#344a64;border-color:var(--admin-border)}.recording-permission-row button{background:#536784;border-color:#c8d4ff35}.os-shell button:focus-visible,.os-shell input:focus-visible,.os-shell select:focus-visible{outline:2px solid #c1a5ff;outline-offset:2px}.os-admin-join{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.os-admin-join button{padding:9px 13px;border:1px solid #b69aff66;border-radius:8px;background:#7855bb33;color:#f1eaff}.os-admin-join button:disabled{opacity:.5;cursor:wait}.os-admin-join button:focus-visible{outline:2px solid #ba9fff;outline-offset:3px}.os-storage{grid-column:1 / -1;grid-row:1}.storage-panel{line-height:1.6}.storage-heading,.storage-card>header,.storage-form>header{display:flex;align-items:center;gap:12px;justify-content:space-between}.storage-heading h2{font-size:18px;margin:0}.storage-heading p,.storage-muted{color:#9ca7bf;font-size:14px}.storage-panel button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #ffffff25;border-radius:8px;background:#ffffff09;padding:9px 12px;cursor:pointer}.storage-panel button:disabled{opacity:.45;cursor:default}.storage-panel button.storage-primary{background:#a189f4;color:#171225;border-color:#a189f4}.storage-panel input,.storage-panel select{color:#ebedf5;background:#111724;border:1px solid #ffffff30;border-radius:7px;padding:10px;font:inherit;min-width:0;width:100%}.storage-panel input:disabled,.storage-panel select:disabled{color:#959eb3}.storage-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:20px}.storage-card,.storage-form,.storage-confirm{border:1px solid #ffffff20;border-radius:12px;padding:20px;background:#11172355;min-width:0}.storage-card h3{font-size:16px;margin:0;flex:1;overflow-wrap:anywhere}.storage-card>header{flex-wrap:wrap;justify-content:flex-start}.storage-card dl{margin:18px 0}.storage-card dl>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px;font-size:14px;margin:8px 0}.storage-card dt{color:#9ca7bf}.storage-card dd{margin:0;overflow-wrap:anywhere}.storage-card p{font-size:14px;color:#bbc4d5}.storage-card small{color:#9ca7bf}.storage-state{font-size:14px;color:#cbbaff}.storage-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}.storage-notice{padding:12px;border:1px solid #72d8b44a;background:#72d8b412;border-radius:8px;color:#a3e4ce}.storage-empty{grid-column:1 / -1;text-align:center;padding:25px;color:#a4b0c7}.storage-empty svg{color:#ab96e3}.storage-form,.storage-confirm{margin-top:22px;scroll-margin-top:75px}.storage-form h3{margin:0}.storage-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.storage-fields label{display:grid;gap:6px;font-size:14px;color:#bac4d9}.storage-checkbox{display:flex;gap:9px;align-items:center;margin-top:12px;font-size:14px}.storage-checkbox input{width:auto;accent-color:#a189f4}.storage-test-object code{display:block;overflow-wrap:anywhere;color:#efc6a4}.storage-panel code{overflow-wrap:anywhere}.os-storage.os-maximized{grid-row:auto;grid-column:auto}@media(max-width:950px){.os-storage{grid-row:auto}}@media(max-width:550px){.storage-heading{align-items:flex-start;flex-direction:column}.storage-fields{grid-template-columns:1fr}.storage-cards{grid-template-columns:minmax(0,1fr)}.storage-card,.storage-form,.storage-confirm{padding:14px}.storage-heading h2{font-size:17px}}.storage-panel .storage-card,.storage-panel .storage-form,.storage-panel .storage-confirm{background:#30455f;border-color:#c8d4ff2e}.storage-panel .storage-muted,.storage-panel .storage-heading p,.storage-card dt,.storage-card small,.storage-card p{color:#c0cce0}.storage-card dd,.storage-card h3,.storage-form h3{color:#eef2fc}.storage-panel input:not([type=checkbox]),.storage-panel select{background:#293e57;color:#f0f3fc;border-color:#b9c9e04d}.storage-panel .storage-actions button:not(.storage-primary){background:#465e7b;color:#eef2fc;border-color:#c8d4ff35}.storage-panel .storage-primary{background:#8b62d8;color:#fff}.storage-panel code{background:#263b53;color:#ded1ff}.recording-badge{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:13px;line-height:1.4;padding:4px 7px;border-radius:6px;border:1px solid transparent}.recording-badge>svg{flex:none}.recording-badge-recording{background:#a22b3d38;border-color:#ff9ba14d;color:#ffb0b5}.recording-badge-recording>svg{fill:currentColor;animation:recording-pulse 1.5s ease-in-out infinite}.recording-badge-paused,.recording-badge-busy{background:#a078242d;color:#ffda94;border-color:#caa66445}.recording-badge-busy>svg{animation:recording-spin 1.3s linear infinite}.recording-badge-saved{background:#2f9b7a26;color:#a1ebce}.recording-badge-error{background:#a12f3338;color:#ffb6ae;border-color:#d9856c55}.recording-badge-off{color:#bac9df}.archive-record-message{font-size:14px;line-height:1.4;margin:7px 0 0;color:#e7d1c3}.archive-permission-settings{padding:15px;border:1px solid #b4c5df50;border-radius:10px;margin:16px 0;background:#354961}@keyframes recording-pulse{50%{opacity:.4}}@keyframes recording-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.recording-badge>svg{animation:none}}.recording-automation{padding:18px;margin-bottom:22px;border:1px solid #a9bed83b;border-radius:12px;background:#354961;display:flex;flex-wrap:wrap;gap:13px;align-items:center;color:#e7eaf4}.recording-automation h3,.recording-automation p{flex-basis:100%;margin:0}.recording-automation label{display:flex;align-items:center;gap:9px;font-size:15px}.recording-automation input[type=number]{width:75px;padding:7px;background:#28394f;color:#fff;border:1px solid #a9bed866;border-radius:6px}.recording-automation p{font-size:14px;line-height:1.5;color:#c0cee3}.recording-automation button{padding:9px 14px;background:#8955ee;color:#fff;border-radius:7px}.recording-automation button:disabled{opacity:.5}.lesson-shell{height:100dvh;min-height:560px;display:grid;grid-template-rows:70px 28px minmax(0,1fr) 118px 88px;gap:0;background:radial-gradient(ellipse at 60% 0,#415574 0,transparent 65%),#28394f;color:#e7eaf4;font-family:var(--font-ui);padding:0 20px;overflow:hidden}.lesson-header{display:flex;align-items:center;gap:18px;min-width:0}.lesson-brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:19px}.lesson-brand>span{width:33px;height:33px;display:grid;place-items:center;border-radius:9px;background:#8955ee;color:#fff}.lesson-title{border-left:1px solid #ffffff18;padding-left:17px;min-width:100px;max-width:230px}.lesson-title h1{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;line-height:1.5}.lesson-title>span{color:#b4c4db;font-size:13px}.lesson-tabs{display:flex;gap:3px;padding:4px;border:1px solid #ffffff05;background:#ffffff04;border-radius:11px;margin:0 auto}.lesson-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;color:#a5b6d1;padding:11px 15px;background:none;border-radius:8px;font-size:15px}.lesson-tabs button.selected{background:#8350ee;color:#fff;box-shadow:0 3px 14px #7545e433}.lesson-header-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}.lesson-connection{display:flex;align-items:center;gap:7px;font-size:14px;color:#becbe0}.lesson-connection i{width:6px;height:6px;border-radius:50%;background:#8997ad}.lesson-connection.connected{color:#7fdbb6}.lesson-connection.connected i{background:#6be0ae;box-shadow:0 0 8px #69e1ab33}.lesson-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#8350ee;color:#fff;border-radius:8px;padding:11px 16px;font-size:15px}.lesson-connect{font-size:13px;padding:9px}.lesson-icon{display:grid;place-items:center;background:none;color:#9baecb;padding:6px}.lesson-people{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:8px;border:1px solid #ffffff16;color:#bdcbe1;background:#ffffff03;font-size:14px}.lesson-people b{font-size:13px;color:#b1c2db;margin-left:3px}.lesson-status{display:flex;align-items:center;gap:14px;font-size:13px;color:#b7c8df;min-width:0;padding:0 2px 9px}.lesson-status>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-status button{padding:0;background:none;color:#c1a8ff;font-size:13px}.lesson-status-note{margin-left:auto;color:#a9bdd7;white-space:nowrap}.lesson-workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;min-height:0}.lesson-workspace.without-sidebar{grid-template-columns:minmax(0,1fr)}.lesson-stage{position:relative;min-width:0;min-height:0;border-radius:12px;overflow:hidden;background:#1e2d41;border:1px solid #c8d4ff20;display:flex;flex-direction:column}.lesson-sidebar{min-width:0;min-height:0;border-radius:12px;border:1px solid #ffffff0a;background:#354961;display:flex;flex-direction:column;overflow:hidden}.lesson-sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;min-height:42px}.lesson-sidebar-top>strong{font-size:15px;color:#d0d8e8;font-weight:500}.lesson-side-tabs{display:flex;align-items:center;gap:12px;min-height:40px;padding:0 14px;border-bottom:1px solid #ffffff0b}.lesson-side-tabs button{align-self:stretch;background:none;color:#b1c5df;font-size:14px;position:relative;padding:8px 0}.lesson-side-tabs button.selected{color:#ded5ff}.lesson-side-tabs button.selected:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#9464f4;border-radius:2px}.lesson-side-tabs b{font-size:12px;margin-left:5px;color:#e9c780}.lesson-sidebar-content{flex:1;min-height:0;overflow:auto}.lesson-teacher-preview{margin:0 12px 12px;aspect-ratio:16/9;position:relative;background:#24344b;border-radius:8px;overflow:hidden;max-height:165px;flex-shrink:0}.lesson-teacher-preview video{width:100%;height:100%;object-fit:cover}.lesson-teacher-preview>span{position:absolute;bottom:6px;left:6px;border-radius:4px;background:#101724bc;padding:4px 7px;font-size:13px}.lesson-chat{display:flex;flex-direction:column;height:100%;min-height:180px}.lesson-chat-messages{flex:1;min-height:0;overflow:auto;padding:12px}.lesson-message{margin-bottom:14px;min-width:0}.lesson-message>div{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:#b7c9e3;margin-bottom:5px}.lesson-message strong{font-weight:500}.lesson-message time{font-size:12px;color:#9eb4d2}.lesson-message p{white-space:pre-wrap;overflow-wrap:anywhere;padding:10px 12px;border:1px solid #ffffff08;background:#ffffff05;border-radius:0 10px 10px;color:#c5d2e6;font-size:15px;line-height:1.6}.lesson-message.own p{background:#9875f112;border-color:#9875f118}.lesson-chat-empty{height:100%;min-height:120px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#9eb4d2;text-align:center;padding:15px}.lesson-chat-empty strong{font-size:15px;color:#c0cee3}.lesson-chat-empty p{font-size:13px;line-height:1.7;color:#adc1dd}.lesson-chat-form{display:flex;align-items:flex-end;gap:8px;padding:10px;border-top:1px solid #ffffff0a}.lesson-chat-form textarea{min-width:0;flex:1;resize:none;outline:none;background:#0c162933;color:#d5def0;font-family:inherit;font-size:14px;line-height:1.6;border:1px solid #ffffff0c;border-radius:8px;padding:9px}.lesson-chat-form textarea::placeholder{color:#a9bedb}.lesson-chat-form button{padding:10px}.lesson-filmstrip{display:flex;align-items:center;gap:10px;overflow-x:auto;overflow-y:hidden;padding:10px 2px;min-width:0}.lesson-shell .lesson-camera-tile{position:relative;flex:0 0 164px;height:94px;border:1px solid #ffffff16;border-radius:9px;overflow:hidden;aspect-ratio:auto;background:#30445f;margin:0}.lesson-shell .lesson-camera-tile.on-stage{border:2px solid #9261f0;box-shadow:0 0 9px #8453e329}.lesson-shell .lesson-camera-tile video{width:100%;height:100%;object-fit:cover;display:block}.lesson-shell .lesson-tile-name{position:absolute;left:5px;bottom:5px;max-width:calc(100% - 10px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#e5ebf7;background:#101725b8;padding:4px 6px;border-radius:4px;z-index:1}.lesson-shell .camera-expand{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:0;background:#10182700;color:transparent;padding:0;font-size:13px;border:0;transform:none;opacity:1}.lesson-shell .camera-expand:enabled:hover,.lesson-shell .camera-expand:focus-visible{background:#10182788;color:#fff}.lesson-shell .camera-expand:disabled{cursor:default;opacity:1}.lesson-camera-off{height:100%;display:flex;align-items:center;justify-content:center;gap:10px;color:#9ab0cf;background:linear-gradient(140deg,#435875,#30445f)}.lesson-hand-badge{position:absolute;top:6px;right:6px;color:#f1c967;background:#202334a8;border-radius:5px;padding:4px;z-index:2;display:flex}.lesson-controls{display:flex;align-items:center;justify-content:center;border-top:1px solid #ffffff0a;gap:24px;padding:9px 10px 12px;min-width:0}.lesson-control-group{display:flex;gap:16px;align-items:center;min-width:0}.lesson-control{min-width:65px;background:none;color:#a6b5ce;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 3px}.lesson-control>span{position:relative;display:grid;place-items:center;width:42px;height:38px;border-radius:50%;background:#4c638080;color:#b3c3df}.lesson-control.active>span{background:#9563f32b;color:#c1a7ff}.lesson-control.active small{color:#ccbbf2}.lesson-control small{font-size:13px;white-space:nowrap}.lesson-control b{position:absolute;right:-3px;top:-4px;min-width:16px;border-radius:9px;background:#e8bd62;color:#263247;padding:2px;font-size:12px}.lesson-leave{display:flex;align-items:center;justify-content:center;gap:9px;color:#ee7c8e;border:1px solid #b3485e88;border-radius:9px;background:#3c14211c;padding:12px 21px;font-size:15px;flex-shrink:0}.lesson-playback{background:#b18bff20;border:1px solid #b18bff50;color:#dac5ff;display:flex;align-items:center;gap:7px;padding:9px;border-radius:7px;font-size:14px}.lesson-shell .camera-stage{height:100%;min-height:0;max-height:none;background:#1e2d41;border-radius:0;flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.lesson-shell .camera-stage>video{width:100%;height:100%;min-height:0;flex:1;object-fit:contain;background:#1e2d41}.lesson-shell .camera-stage-bar{position:absolute;bottom:0;left:0;right:0;padding:12px 15px;background:linear-gradient(transparent,#080e1bc9);border:0;color:#c0cee2;font-size:14px}.lesson-shell .camera-fullscreen{background:#ffffff0b;color:#c2d0e5;border:1px solid #ffffff12;padding:8px;border-radius:6px;font-size:13px}.lesson-shell .empty-screen,.lesson-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;height:100%;min-height:0;padding:30px;text-align:center;color:#97b1d4}.lesson-shell .empty-screen h2,.lesson-empty h2{font-size:20px;font-weight:550;letter-spacing:-.4px;color:#b7c7e0}.lesson-shell .empty-screen p,.lesson-empty p{font-size:15px;line-height:1.8;color:#b3c7e3;max-width:460px}.lesson-shell .screen-stage{position:relative;width:100%;height:100%;min-height:0;flex:1;border-radius:0;background:#1e2d41;display:flex}.lesson-shell .screen-stage>video{width:100%;height:100%;object-fit:contain;background:#1e2d41}.lesson-video-caption{display:flex;justify-content:space-between;align-items:center;gap:10px;position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#081020c9);padding:14px;font-size:14px;color:#a3b8d5}.lesson-video-caption button{display:flex;align-items:center;gap:7px;padding:8px;border-radius:7px;border:1px solid #ffffff15;background:#ffffff08;color:#bdd0eb;font-size:13px}.lesson-board{height:100%;display:flex;flex-direction:column;min-height:0;background:#fff;color:#29314a}.lesson-shell .board-heading{padding:9px 14px;min-height:44px;flex-shrink:0;gap:10px;border-bottom:1px solid #edf0f7}.lesson-shell .board-heading strong{font-size:15px}.lesson-shell .board-number{font-size:14px;padding:5px 7px}.lesson-shell .page-switch button{font-size:13px;padding:6px 10px}.lesson-shell .board-shell{flex:1;min-height:0;display:flex;flex-direction:column;border-radius:0;border:0}.lesson-shell .board-toolbar{min-height:44px;padding:6px 12px;flex-shrink:0}.lesson-shell .board-canvas{flex:1;min-height:0;height:100%;width:100%;aspect-ratio:auto;display:block;max-height:none}.lesson-shell .board-footer{padding:6px 13px;min-height:24px;font-size:12px;flex-shrink:0}.lesson-shell .history-bar{padding:6px 14px;min-height:30px;margin:0;border-top:1px solid #edf0f7;flex-shrink:0}.lesson-shell .history-bar button,.lesson-shell .history-bar>span{font-size:12px}.lesson-shell .text-input{padding:6px 14px;flex-shrink:0}.lesson-shell .text-input input{font-size:15px;padding:7px}.lesson-test{height:100%;display:flex;flex-direction:column;background:#fafbfe;color:#1a2844;padding:22px 28px;overflow:auto}.lesson-source{display:flex;align-items:center;gap:7px;font-size:13px;color:#7357a9;background:#f0eafa;padding:8px 11px;border-radius:7px;align-self:flex-start}.lesson-test .lesson-empty{flex:1;color:#8967c2}.lesson-test .lesson-empty h2{color:#233150;font-size:25px}.lesson-test .lesson-empty p{color:#7a8298;font-size:15px}.lesson-integration-note{max-width:470px;border:1px solid #e3e6f1;background:#fff;padding:15px;border-radius:10px;color:#7e8599;font-size:15px;line-height:1.8}.lesson-participants{padding:12px}.lesson-hands{padding:12px;background:#f1c96709;border:1px solid #f1c9671a;border-radius:9px;margin-bottom:15px}.lesson-hands>strong{display:flex;align-items:center;gap:7px;color:#d6b572;font-size:14px;font-weight:500}.lesson-hands>p{font-size:13px;color:#b3bfd1;margin-top:10px}.lesson-hands>div{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;padding-top:11px;color:#c2c6d2}.lesson-hands button{background:#f1c96710;color:#d6b572;font-size:12px;border-radius:4px;padding:4px 7px}.lesson-shell .lesson-participant{padding:10px 0;gap:9px;border-bottom:1px solid #ffffff08}.lesson-person-avatar{width:30px;height:30px;display:grid;place-items:center;background:#ffffff07;border-radius:9px;color:#7f94b4;flex-shrink:0}.lesson-person-avatar.teacher{background:#a58aff16;color:#b697f9}.lesson-shell .participant-info{flex:1;min-width:0}.lesson-shell .participant-info strong{font-size:14px;color:#c9d4e6;font-weight:500;overflow-wrap:anywhere}.lesson-shell .participant-info span{font-size:12px;color:#a8bdd9}.lesson-permission{background:#ffffff04;color:#acc1de;border:1px solid #ffffff0d;border-radius:5px;padding:5px;display:flex}.lesson-permission.on{color:#b59af2;background:#b59af215}.lesson-room-permissions{font-size:13px;line-height:1.8;color:#b3c5df;border-top:1px solid #ffffff10;margin-top:12px;padding-top:12px}.lesson-room-permissions label{display:flex;align-items:center;gap:8px;margin-top:9px}.lesson-room-permissions input{accent-color:#a285f0}.lesson-settings{padding:14px;color:#a8b8d1;font-size:14px}.lesson-profile{display:grid;gap:9px;color:#c0cce1;font-size:15px}.lesson-profile select{width:100%;min-width:0;background:#2b405a;border:1px solid #ffffff10;border-radius:7px;color:#cbd7eb;padding:9px;font-size:14px}.lesson-profile small{font-size:13px;color:#adc1dd;line-height:1.7}.lesson-shell .audio-panel{margin:15px 0;padding:0;border:0;background:none;box-shadow:none;border-radius:0}.lesson-shell .audio-settings{display:flex;flex-direction:column;gap:10px;align-items:stretch}.lesson-shell .audio-settings label{font-size:14px;display:flex;flex-direction:column;gap:8px;color:#97a9c5}.lesson-shell .audio-settings select{width:100%;min-width:0;max-width:100%;font-size:13px;background:#2b405a;color:#c8d5ec;border:1px solid #ffffff12;padding:9px}.lesson-shell .audio-actions{display:flex;flex-direction:column;gap:10px;align-items:stretch}.lesson-shell .audio-actions>span{font-size:13px;color:#7f97b9}.lesson-shell .audio-panel .secondary{font-size:13px;background:#ffffff05;border:1px solid #ffffff15;color:#b1c1da;padding:9px;border-radius:7px}.lesson-shell .audio-panel .primary{font-size:13px;background:#8350ee;color:#fff;padding:9px;border-radius:7px}.lesson-shell .audio-panel p{color:#adc1dd;font-size:13px;line-height:1.7}.lesson-shell .audio-meter{font-size:12px;color:#92a8c8;gap:7px;flex-wrap:wrap}.lesson-shell .audio-meter small{color:#92a8c8}.lesson-shell .screen-audio-warning{background:#f3bf6810;border-color:#f3bf6830;padding:10px}.lesson-shell .screen-audio-warning strong{font-size:14px;color:#debb7c}.lesson-shell .audio-panel .screen-audio-warning p{font-size:13px;color:#dec7a5}.lesson-subtle{font-size:13px;color:#adc1dd;line-height:1.8}.toast.lesson-toast{top:76px;bottom:auto;height:max-content;max-width:calc(100% - 30px)}@media(max-width:1250px){.lesson-title{max-width:160px}.lesson-header{gap:12px}.lesson-brand strong{display:none}.lesson-tabs button{padding:10px 12px}.lesson-people>span{display:none}.lesson-workspace{grid-template-columns:minmax(0,1fr) 260px}.lesson-connection{font-size:13px}}@media(max-width:1000px){.lesson-header{gap:9px}.lesson-title{max-width:140px;padding-left:10px}.lesson-title h1{font-size:14px}.lesson-tabs button{padding:10px}.lesson-tabs svg{display:none}.lesson-header-actions{gap:6px}.lesson-connection{font-size:0;gap:0}.lesson-shell{padding:0 12px}.lesson-controls{gap:15px}.lesson-control-group{gap:9px}.lesson-control{min-width:60px}.lesson-workspace{gap:12px;grid-template-columns:minmax(0,1fr) 245px}}@media(max-width:850px){.lesson-shell{grid-template-rows:104px 26px minmax(0,1fr) 100px 78px;min-height:540px;padding:0 10px}.lesson-header{position:relative;align-content:center;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 0 8px}.lesson-title{flex:1;max-width:none;min-width:70px;border:0;padding:0}.lesson-title h1{font-size:15px}.lesson-brand>span{width:29px;height:29px}.lesson-header-actions{margin-left:auto}.lesson-tabs{order:5;flex:1;min-width:100%;padding:3px;justify-content:center;margin:0}.lesson-tabs button{flex:1;font-size:14px;padding:9px 5px}.lesson-tabs svg{display:block;width:14px}.lesson-people{padding:7px}.lesson-connect{padding:8px;font-size:12px;max-width:120px;white-space:normal;line-height:1.4}.lesson-workspace{grid-template-columns:minmax(0,1fr)}.lesson-sidebar{position:fixed;right:10px;top:135px;bottom:180px;width:min(320px,calc(100vw - 20px));z-index:15;background:#354961fa;box-shadow:-15px 15px 50px #0006}.lesson-header-actions .lesson-icon{padding:2px}.lesson-filmstrip{gap:8px;padding:8px 1px}.lesson-shell .lesson-camera-tile{flex-basis:132px;height:78px}.lesson-controls{padding:7px 0 10px;gap:8px;justify-content:space-between}.lesson-control-group{gap:4px;flex:1;overflow-x:auto;padding:4px 1px;scrollbar-width:none}.lesson-control-group::-webkit-scrollbar{display:none}.lesson-control{min-width:54px;flex-shrink:0;padding:0 2px}.lesson-control>span{width:35px;height:33px}.lesson-control>span svg{width:20px}.lesson-control small{font-size:12px}.lesson-leave{padding:11px}.lesson-leave span{display:none}.lesson-playback{position:absolute;bottom:185px;right:18px;z-index:16}.lesson-shell .board-heading{padding:7px 9px;min-height:39px}.lesson-shell .board-heading strong{font-size:13px}.lesson-shell .page-switch button{padding:5px 6px;font-size:12px}.lesson-shell .board-toolbar{padding:5px 7px}.lesson-shell .board-toolbar .tool{width:30px;height:30px}.lesson-shell .board-toolbar .colors{gap:5px}.lesson-shell .board-toolbar .color{width:15px;height:15px}.lesson-shell .board-footer>span:first-child{max-width:65%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-status{font-size:12px;gap:8px}.lesson-status-note,.lesson-status button{font-size:12px}.lesson-test,.lesson-test .lesson-empty{padding:15px}.lesson-test .lesson-empty h2{font-size:20px}.lesson-empty h2,.lesson-shell .empty-screen h2{font-size:18px}.lesson-empty p,.lesson-shell .empty-screen p{font-size:14px}}@media(max-height:650px)and (min-width:851px){.lesson-shell{grid-template-rows:58px 25px minmax(0,1fr) 92px 70px;min-height:480px}.lesson-shell .lesson-camera-tile{height:72px;flex-basis:125px}.lesson-filmstrip{padding:7px 2px}.lesson-controls{padding:5px 10px}.lesson-control>span{height:31px}.lesson-controls small{font-size:12px}.lesson-shell .board-footer{display:none}}.lesson-controls>.lesson-connect{flex-shrink:0;max-width:200px;padding:12px 16px;font-size:14px;white-space:normal;line-height:1.4}.lesson-shell .board-canvas{background:#26384e}.lesson-board-heading-actions{display:flex;align-items:center;gap:10px}.lesson-board-fullscreen{display:flex;align-items:center;gap:7px;flex-shrink:0;padding:8px 10px;border-radius:7px;background:#f0edfc;color:#7155bc;font-size:13px;white-space:nowrap}.lesson-board:fullscreen,.lesson-board.is-expanded{width:100vw;height:100dvh;min-height:0;max-height:none;border-radius:0;background:#fff;display:flex;flex-direction:column}.lesson-board.is-expanded{position:fixed;inset:0;z-index:40}@media(max-width:850px){.lesson-board-heading-actions{gap:6px}.lesson-board-fullscreen{padding:7px}.lesson-board-fullscreen span{display:none}}.lesson-shell .board-canvas>rect:first-of-type{stroke:#8094ae;stroke-width:2;vector-effect:non-scaling-stroke}@media(max-width:850px){.lesson-controls>.lesson-connect{max-width:125px;padding:10px;font-size:13px}}.toast.lesson-toast{pointer-events:none}.toast.lesson-toast button,.toast.lesson-toast a{pointer-events:auto}.lesson-mic-status{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;border-radius:9px;border:1px solid}.lesson-mic-status.mic-on{color:#b3ffe2;background:#125d48;border-color:#54d3a5}.lesson-mic-status.mic-off{color:#aebdd2;background:#27394f;border-color:#536982}.lesson-mic-status.mic-unknown{color:#e0e8f4;background:#3c4b62;border-color:#8698b2}.lesson-camera-tile>.lesson-mic-status{position:absolute;top:6px;left:6px;z-index:2;box-shadow:0 2px 8px #0005}.lesson-control.microphone-control>span{border:1px solid}.lesson-control.microphone-control.mic-on>span{color:#b3ffe2;background:#125d48;border-color:#54d3a5}.lesson-control.microphone-control.mic-off>span{color:#ffe0e5;background:#84394a;border-color:#f18b9e}.lesson-control.microphone-control small{display:flex;align-items:center;gap:4px}.lesson-control.microphone-control small em{font-style:normal;font-size:11px;color:#ffe0e5}.lesson-control.microphone-control.mic-on small em{color:#b3ffe2}.lesson-participant-microphone{display:flex;align-items:center;gap:5px;flex-shrink:0}.lesson-mic-button{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:9px;background:transparent;flex-shrink:0;width:30px;height:30px}.lesson-mic-button .lesson-mic-status{pointer-events:none}.lesson-mic-button:disabled{opacity:1;cursor:default}.lesson-mic-button:enabled:hover{box-shadow:0 0 0 2px #b3ffe280}.lesson-mic-button[aria-busy=true]{opacity:.65}@media(max-width:850px){.lesson-control.microphone-control small{flex-direction:column;gap:1px}.lesson-control.microphone-control{gap:3px}}.lesson-participant-speech{display:inline-block;width:22px;height:20px;vertical-align:middle;margin-left:6px;flex-shrink:0;overflow:visible}.speech-meter-track{fill:#8190a8;opacity:.4}.speech-meter-fill{fill:#51e5a4;transition:height .1s linear,y .1s linear}.lesson-participant-volume{display:flex;align-items:center;gap:5px;min-width:0;margin-top:5px;color:#b9cbe4}.lesson-participant-volume input{width:100%;min-width:35px;max-width:120px;height:18px;accent-color:#a285f0;margin:0}.lesson-participant-volume output{font-size:11px;min-width:32px;text-align:right;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.speech-meter-fill{transition:none}}.recording-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px}.recording-controls button{display:flex;align-items:center;gap:5px;padding:6px 10px;border-radius:6px;border:1px solid #ffffff30;background:#28324a;color:#fff;cursor:pointer}.recording-controls button:disabled{opacity:.5;cursor:default}.lesson-shell{grid-template-rows:70px auto minmax(0,1fr) 118px 88px}.lesson-status{min-height:49px;padding:5px 0 10px;gap:12px;flex-wrap:wrap}.lesson-status>.lesson-stage-state{display:inline-flex;align-items:center;gap:9px;min-height:32px;padding:6px 11px;border:1px solid #94b4f45e;border-radius:9px;background:linear-gradient(115deg,#456895,#374c70);color:#f0f6ff;box-shadow:0 3px 12px #0f203624;flex-shrink:0;overflow:visible}.lesson-stage-state>svg{color:#a8eddb;flex-shrink:0}.lesson-stage-state strong{font-size:14px;font-weight:750}.lesson-stage-state b{font-size:13px;font-weight:750;border-left:1px solid #ffffff35;padding-left:9px;color:#d5fff4}.lesson-status.is-personal .lesson-stage-state{border-color:#ddbdff70;background:linear-gradient(115deg,#674e92,#443c72)}.lesson-status.is-personal .lesson-stage-state>svg,.lesson-status.is-personal .lesson-stage-state b{color:#ead7ff}.lesson-status>.lesson-follow-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:33px;padding:7px 13px;border:1px solid #d8baff80;border-radius:8px;background:linear-gradient(110deg,#a16bfa,#6e68ec);color:#fff;font-size:14px;font-weight:800;box-shadow:0 3px 14px #9165ee40}.lesson-status>.lesson-follow-button:hover{background:linear-gradient(110deg,#b182ff,#817cf4);box-shadow:0 4px 17px #9165ee66}.lesson-status-note{font-size:12px;color:#c3d1e6}.lesson-status .lesson-sound-warning{background:#e6aa3b1a;border:1px solid #f2cd7c60;border-radius:7px;padding:7px 10px;color:#ffdda0;font-size:12px}.lesson-shell .lesson-workspace:not(.without-sidebar){grid-template-columns:minmax(0,1fr) 14px var(--lesson-sidebar-width,320px);gap:0}.lesson-sidebar-resizer{cursor:col-resize;touch-action:none;display:flex;align-items:center;justify-content:center;position:relative;outline-offset:-2px;border-radius:6px;-webkit-user-select:none;user-select:none}.lesson-sidebar-resizer:before{content:"";position:absolute;top:12px;bottom:12px;width:2px;border-radius:3px;background:#b5c9ed24;transition:background .15s}.lesson-sidebar-resizer>span{height:47px;width:6px;border-radius:6px;background:linear-gradient(#a7b4e6,#8c78d8);border:1px solid #d7d7ff55;box-shadow:0 2px 9px #17254488;z-index:1}.lesson-sidebar-resizer:hover:before,.lesson-sidebar-resizer:focus-visible:before,.is-resizing .lesson-sidebar-resizer:before{background:#b49aff}.lesson-sidebar-resizer:hover>span,.is-resizing .lesson-sidebar-resizer>span{background:linear-gradient(#c5beff,#a889ff);box-shadow:0 0 12px #a98dff77}.lesson-sidebar{background:linear-gradient(160deg,#3c506c,#30425e);border-color:#a9c2ea35;box-shadow:0 8px 25px #101d3022}.lesson-sidebar-top{background:linear-gradient(110deg,#57729340,#68538230);border-bottom:1px solid #bac8ec15;padding:10px 15px}.lesson-sidebar-top>strong{color:#eef3ff;font-size:14px;font-weight:750}.lesson-sidebar-top .lesson-icon{color:#d3e0f6;border-radius:6px}.lesson-sidebar-top .lesson-icon:hover{background:#ffffff12}.lesson-side-tabs{padding:7px;gap:5px;min-height:56px;background:linear-gradient(110deg,#7754ba80,#365d9a99);border-top:1px solid #e6d7ff22;border-bottom:1px solid #c9c2ff40;flex-shrink:0;flex-wrap:wrap}.lesson-side-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;border-radius:8px;min-height:38px;flex:1;padding:8px 9px;color:#e4e9ff;font-size:14px;font-weight:750;white-space:nowrap}.lesson-side-tabs button:hover{background:#ffffff12;color:#fff}.lesson-side-tabs button.selected{color:#fff;background:linear-gradient(120deg,#a16cf5,#677bea);box-shadow:0 3px 12px #22244950,inset 0 1px #fff3}.lesson-side-tabs button.selected:after{bottom:2px;left:12px;right:12px;height:2px;background:linear-gradient(90deg,#dbc0ff,#baf3ff);opacity:.9}.lesson-tab-count{font-size:11px;min-width:22px;border:1px solid #e5daff40;border-radius:6px;padding:1px 5px;background:#ffffff14;color:#fff;font-weight:800}.lesson-side-tabs b{margin-left:0;background:#ffd47b;color:#493713;border-radius:5px;padding:2px 5px}.lesson-chat{background:radial-gradient(ellipse at 100% 0,#8871b718,transparent 70%);min-height:0}.lesson-chat-messages{padding:17px 13px;scrollbar-width:thin;scrollbar-color:#b09cde66 transparent}.lesson-chat .lesson-message{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:8px;margin-bottom:18px}.lesson-message-avatar{display:grid;place-items:center;width:28px;height:28px;margin-top:2px;border-radius:10px;background:linear-gradient(145deg,#76b4c9,#507f9e);color:#fff;font-size:13px;font-weight:800;box-shadow:0 3px 9px #132d3d33}.lesson-message-avatar.teacher{background:linear-gradient(145deg,#b68afd,#7866d9)}.lesson-chat .lesson-message-body{display:block;margin:0;min-width:0;color:inherit}.lesson-message-body>header{display:flex;align-items:center;gap:6px;margin:0 1px 6px;font-size:12px;min-width:0}.lesson-message-body>header strong{font-weight:750;color:#e3eeff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-message-body time{color:#b5c5de;font-size:11px;margin-left:auto;flex-shrink:0}.lesson-message-you{font-size:10px;color:#e4d5ff;background:#ab87f52b;padding:1px 4px;border-radius:4px}.lesson-chat .lesson-message-body p{background:#51698969;border:1px solid #bfd8ff26;border-radius:0 12px 12px;color:#f0f5ff;font-size:15px;line-height:1.65;padding:10px 12px;box-shadow:0 3px 9px #11263e18;white-space:pre-wrap;overflow-wrap:anywhere}.lesson-chat .lesson-message.own{grid-template-columns:minmax(0,1fr) 28px}.lesson-message.own>.lesson-message-avatar{grid-column:2;grid-row:1}.lesson-message.own>.lesson-message-body{grid-column:1;grid-row:1}.lesson-chat .lesson-message.own p{background:linear-gradient(125deg,#8563bda6,#536caaa6);border-color:#c9b3ff40;border-radius:12px 0 12px 12px}.lesson-chat-empty{gap:12px;padding:30px 15px;color:#c6b3f0;min-height:160px}.lesson-chat-empty>span{display:grid;place-items:center;width:65px;height:65px;margin-bottom:5px;border:1px solid #c2a7ff55;border-radius:22px;background:linear-gradient(140deg,#9c79e244,#718bdc30);box-shadow:0 7px 26px #14223a33;color:#dbcaff}.lesson-chat-empty strong{color:#eef1ff;font-size:16px;font-weight:750}.lesson-chat-empty p{color:#c1d0e6;font-size:13px;line-height:1.8}.lesson-chat-form{padding:12px;gap:9px;background:linear-gradient(120deg,#48627e80,#68528245);border-top:1px solid #d7c5ff35}.lesson-chat-form textarea{background:#23374ec2;border:1px solid #9fb8df66;color:#fff;border-radius:11px;font-size:14px;line-height:1.6;min-height:66px;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.lesson-chat-form textarea::placeholder{color:#b9cbe4}.lesson-chat-form textarea:focus{border-color:#c4a2ff;box-shadow:0 0 0 3px #b38afa22}.lesson-chat-form .lesson-primary{min-height:43px;min-width:43px;background:linear-gradient(135deg,#aa75fc,#6b80eb);box-shadow:0 4px 15px #4c348848;border:1px solid #d8b7ff55;border-radius:11px}.lesson-chat-form .lesson-primary:disabled{opacity:.5}@media(max-width:850px){.lesson-shell{grid-template-rows:104px auto minmax(0,1fr) 100px 78px}.lesson-shell .lesson-workspace:not(.without-sidebar){grid-template-columns:minmax(0,1fr)}.lesson-sidebar-resizer{display:none}.lesson-sidebar{background:linear-gradient(150deg,#425571fa,#30425efa);width:min(360px,calc(100vw - 20px));top:var(--lesson-sidebar-top,155px)}.lesson-status{min-height:43px;padding:4px 0 8px;gap:7px}.lesson-stage-state strong{font-size:12px}.lesson-stage-state b{font-size:12px;padding-left:7px}.lesson-status>.lesson-stage-state{gap:7px;padding:5px 8px;min-height:30px;flex-shrink:1}.lesson-status-note{font-size:10px}.lesson-status.is-personal{display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:6px}.lesson-status.is-personal>.lesson-stage-state{grid-column:1/-1;justify-self:start}.lesson-status>.lesson-follow-button{justify-self:start;font-size:12px;padding:6px 9px;min-height:31px}.lesson-status.is-personal>.lesson-status-note{grid-column:2;grid-row:2}.lesson-side-tabs button{font-size:14px}}@media(max-height:650px)and (min-width:851px){.lesson-shell{grid-template-rows:58px auto minmax(0,1fr) 92px 70px}}.board-inline-text{width:100%;height:100%;padding:0}.board-inline-text textarea{display:block;width:100%;height:100%;resize:none;overflow:hidden;box-sizing:border-box;padding:4px;background:#ffffffed;border:1.5px dashed #9a78e4;border-radius:4px;outline:none;line-height:1.3;white-space:pre-wrap;word-break:break-all;box-shadow:0 3px 12px #43336d15}.board-inline-text textarea:focus{border-color:#8155d5;outline:none}.board-text-editing-bar{position:absolute;bottom:12px;left:12px;right:12px;z-index:8;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:11px;background:#2d4056f5;color:#e7edf9;box-shadow:0 5px 20px #172a3e2e;font-size:12px}.board-text-editing-bar>span{flex:1;min-width:0}.board-text-editing-bar>button{font:inherit;border:1px solid #a693ce66;border-radius:7px;padding:7px 11px;background:#7858b5;color:#fff;cursor:pointer}.board-text-editing-bar>button:last-child{background:#3c516b}.board-text-settings.board-properties{display:flex;flex-direction:column;flex:0 0 260px;width:260px;max-height:none;min-height:0;gap:13px;padding:17px;background:#2b4058;color:#e7edf8;border-right:1px solid #829ab43b;overflow-y:auto;scrollbar-width:thin}.board-text-settings>header{display:flex;align-items:center;justify-content:space-between;gap:8px}.board-text-settings>header>span{display:flex;align-items:center;gap:8px;color:#d5c6f5}.board-text-settings>header strong{font-size:15px}.board-text-settings>header button{display:grid;place-items:center;width:29px;height:29px;border-radius:7px;background:#ffffff08;color:#b9c9df;border:1px solid #8197b33d}.board-text-settings .board-text-help{font-size:12px;line-height:1.7;color:#a9bcd5;margin:0}.board-text-settings.board-properties label{display:flex;flex-direction:column;gap:7px;color:#c2d0e5;font-size:13px;min-width:0}.board-text-settings.board-properties :is(input,select,textarea){width:100%;min-width:0;box-sizing:border-box;border:1px solid #91a7c04d;border-radius:8px;background:#21354c;color:#edf2fc;font:inherit;font-size:15px;padding:9px;outline-offset:2px}.board-text-settings.board-properties textarea{min-height:82px;resize:vertical;line-height:1.6}.board-text-settings.board-properties input[type=color]{height:39px;padding:4px}.board-text-settings .board-property-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.board-text-settings .board-text-toggles{display:flex;gap:8px}.board-text-settings .board-text-toggles button{width:42px;height:35px;border:1px solid #91a7c04d;border-radius:7px;background:#21354c;color:#d4e0f3;font:700 16px var(--font-ui)}.board-text-settings .board-text-toggles button[aria-pressed=true]{background:#7552b8;border-color:#b99ae7;color:#fff}.board-text-settings .board-text-toggles button:nth-child(2){font-style:italic}.board-text-settings .board-text-toggles button:nth-child(3){text-decoration:underline}.board-text-settings fieldset{padding:12px;border:1px solid #91a7c03b;border-radius:10px;display:grid;gap:12px;min-width:0;margin:0}.board-text-settings legend{font-size:13px;color:#cebdf0;padding:0 6px}.board-text-settings legend svg{vertical-align:middle;margin-right:5px}.board-text-settings.board-properties label.board-text-check{flex-direction:row;align-items:center;gap:8px}.board-text-settings.board-properties input[type=checkbox]{width:16px;height:16px;accent-color:#9a76d4}.board-text-settings .board-text-preview{background:#f3f0fa;border:1px solid #a3b5cc33;border-radius:9px;min-height:70px;flex-shrink:0;cursor:default}.board-text-settings .board-text-preview svg{width:100%;max-height:100px}.board-text-settings .board-action{font:700 13px var(--font-ui);padding:10px;border:1px solid #a187cc66;background:#7a59b8;color:#fff;border-radius:8px;cursor:pointer}.board-text-settings .board-action.secondary{background:#364e6a;color:#dbe6f7;border-color:#91a7c04d}.board-text-settings button:disabled{opacity:.5}.board-text-settings :is(button,input,select,textarea):focus-visible{outline:2px solid #c7a9f3;outline-offset:2px}@media(max-width:600px){.board-text-settings.board-properties{width:100%;flex:0 0 auto;max-height:290px;padding:13px;gap:10px}.board-text-settings .board-text-preview{display:none}.board-text-editing-bar{gap:6px;padding:7px;left:6px;right:6px;bottom:6px}.board-text-editing-bar>span{font-size:11px}.board-text-editing-bar>button{padding:7px}}.lesson-shell .board-editor{background:#f6f8fc;color:#344760;overflow:hidden}.lesson-shell .board-editor .board-toolbar{gap:8px;overflow-x:auto;min-height:46px;justify-content:flex-start}.board-editor .tool-group{display:flex;align-items:center;gap:3px;flex-shrink:0}.board-editor .tool{display:grid;place-items:center;width:31px;height:32px;border-radius:7px;background:transparent;color:#65738b}.board-editor .tool.active{background:#e6ddfc;color:#7047cb}.board-editor .tool:disabled{opacity:.35}.board-editor .colors{margin-left:auto;display:flex;flex-shrink:0;gap:8px}.board-editor .text-button{flex-shrink:0;color:#7354ba}.board-object-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;padding:6px 11px;background:#e9eef7;border-bottom:1px solid #d8e0ec;overflow:auto;min-height:39px;font-size:13px;white-space:nowrap}.board-object-actions label{display:flex;align-items:center;gap:5px;margin:0;font-size:13px}.board-object-actions input{width:45px;padding:3px;background:#fff;color:#344760;border:1px solid #cbd5e4;border-radius:5px}.board-object-actions button,.board-object-actions select{padding:5px 7px;background:#fff;color:#536481;border:1px solid #d0daea;border-radius:6px;font:inherit;flex-shrink:0}.board-object-actions button{display:flex;align-items:center}.board-object-label{margin-left:auto;color:#7054af}.board-editor-body{display:flex;flex:1;min-height:0;min-width:0}.board-drawing-surface{position:relative;flex:1;min-width:0;min-height:0;display:flex;background:#26384e;overflow:hidden}.board-editor .board-canvas.pan-mode{cursor:grab}.board-editor .board-canvas.is-panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.board-viewport-reset{position:absolute;bottom:10px;right:10px;z-index:3;padding:7px 10px;border-radius:7px;background:#f4f0fc;color:#674baf;border:1px solid #c7b8e9;box-shadow:0 2px 10px #18283d25;font-size:12px}.board-editor .board-canvas.select-mode:not(.pan-mode){cursor:default}.board-properties{width:220px;flex-shrink:0;overflow-y:auto;padding:13px;background:#f4f2fc;border-right:1px solid #d6d9ea;display:flex;flex-direction:column;gap:11px;font-size:14px}.board-properties strong{font-size:15px;color:#604799}.board-properties label{display:flex;flex-direction:column;gap:5px;margin:0;font-size:13px;color:#556581}.board-properties textarea,.board-properties input,.board-properties select{font:inherit;color:#344760;border:1px solid #cbd5e4;border-radius:6px;background:#fff;padding:6px;min-width:0;width:100%}.board-properties textarea{height:90px;resize:vertical;line-height:1.4}.board-property-row{display:flex;gap:10px;align-items:center}.board-property-row>label{flex:1;min-width:0}.board-property-row input[type=checkbox]{width:auto}.board-property-row input[type=color]{height:33px;padding:3px}.board-property-row select{width:60%;font-size:12px}.board-text-preview{background:#fff;border:1px dashed #a892d3;border-radius:8px;padding:4px;cursor:grab;overflow:hidden}.board-text-preview svg{width:100%;display:block}.board-text-preview small{display:block;text-align:center;font-size:12px;color:#9a85bb;padding:5px}.board-action{padding:9px 11px;border-radius:7px;background:#8256db;color:#fff;font-size:14px;font-weight:700}.board-action.secondary{background:#e5ddf5;color:#65479d}.board-notice{padding:8px 12px;font-size:13px;background:#ffecd9;color:#8f4b21;display:flex;justify-content:space-between;gap:12px;flex-shrink:0}.board-notice button{background:none;color:inherit}.board-studio{display:flex;flex:1;min-height:0;min-width:0;gap:10px;padding:8px;background:#26384e}.board-studio-pane{min-width:0;display:flex;flex-direction:column;border:1px solid #7686a2;border-radius:8px;overflow:hidden;flex:1}.board-studio-pane.preparation{flex:0 0 45%;border-color:#a78bd7}.board-studio-label{padding:7px 10px;background:#485476;color:#f3ebff;font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:43px}.board-studio-label select{max-width:170px;background:#303e59;color:#fff;border:1px solid #a8a1ca55;border-radius:5px;padding:4px}.board-studio-label button{border-radius:6px;padding:6px 9px;background:#9c76e6;color:#fff;font-size:13px}.board-studio-label.live{background:#2f645d;color:#c8ffeb}.board-studio-pane .board-toolbar{flex-wrap:wrap}.board-studio-pane .board-properties{width:170px}.board-mode-bar{display:flex;align-items:center;gap:5px;flex-shrink:0;padding:6px 10px;background:#dfe6f2;overflow-x:auto;color:#425576}.board-mode-bar button{white-space:nowrap;border-radius:6px;background:#f3f6fc;color:#596b87;padding:7px 10px;font-size:13px}.board-mode-bar button.selected{background:#7854c4;color:#fff}.board-mode-bar button.board-publish{background:linear-gradient(110deg,#9563e8,#6f55bf);color:#fff;font-weight:800;box-shadow:0 2px 8px #6844b633}.board-mode-bar>span{font-size:12px;white-space:nowrap}@media(max-width:600px){.board-editor-body.with-properties{overflow-y:auto}.board-editor-body.with-properties .board-properties{max-height:none;overflow:visible}.board-editor-body.with-properties .board-drawing-surface{flex:0 0 220px}}.lesson-shell .board-heading .page-switch{max-width:40vw;overflow:auto;white-space:nowrap}.board-list-select{max-width:210px;font:inherit;font-size:14px;background:#edf1f9;border:1px solid #cbd7e6;color:#425576;border-radius:6px;padding:5px}.board-loading{padding:30px;color:#d5dff0}.lesson-board.viewer-only{position:relative}.lesson-shell .lesson-board.viewer-only .board-heading{position:absolute;right:10px;top:10px;z-index:4;width:auto;min-height:0;padding:0;border:0;background:transparent}.lesson-board.viewer-only .lesson-board-fullscreen{box-shadow:0 3px 14px #18283d30;border:1px solid #c7b8e9;background:#f4f0fc;color:#674baf}.lesson-board.viewer-only .board-editor{border-radius:0}.board-destructive-actions{display:flex;gap:8px;flex-shrink:0;background:#e5ebf5;padding:5px 10px;overflow:auto}.board-destructive-actions button{padding:6px 10px;border-radius:6px;background:#f5f7fc;color:#63718b;font-size:13px;white-space:nowrap}.board-destructive-actions .delete-board{color:#a24c64;background:#f9edf1}.board-manager .board-danger{background:#b74e69;color:#fff}.board-manager p{font-size:14px;line-height:1.6;margin-top:13px;color:#62738d}.board-clear-scope{margin-top:17px}.board-clear-scope select{font:inherit;width:100%;font-size:14px;border:1px solid #b8c6dd;border-radius:7px;background:#fff;color:#405572;padding:9px}.board-document-controls{display:flex;gap:7px;align-items:center;padding:6px 10px;min-height:37px;flex-shrink:0;background:#e5edf4;color:#4a647c;font-size:13px;overflow:auto;white-space:nowrap}.board-document-controls button,.board-document-controls select{background:#fff;color:#4d647e;padding:5px 8px;border-radius:5px;font:inherit}.board-document-controls button.selected{background:#d6e4f7;color:#345b8b}.board-document-upload{position:absolute;bottom:4px;left:35%;z-index:2}.board-document-upload button{background:#e9edf7;color:#657b9a;border:1px solid #cbd7e7;padding:4px 8px;border-radius:5px;font-size:12px}.board-editor{position:relative}.board-pdf-page{position:relative;width:1000px;height:625px;background:#e5eaf1;font-family:Arial,sans-serif}.board-pdf-page canvas{position:absolute;pointer-events:none;background:#fff}.board-pdf-text{position:absolute;overflow:clip;line-height:1;text-align:initial;transform-origin:0 0;pointer-events:none;-webkit-user-select:none;user-select:none;--scale-round-x:1px;--scale-round-y:1px}.board-pdf-text[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}.board-pdf-text[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}.board-pdf-text[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}.board-pdf-text :is(span,br){position:absolute;color:transparent;white-space:pre;transform-origin:0 0;cursor:text}.board-pdf-text span.markedContent{top:0;height:0}.board-pdf-page.is-readable .board-pdf-text,.board-pdf-page.is-readable .board-pdf-text span{pointer-events:auto;-webkit-user-select:text;user-select:text}.board-pdf-text ::selection{background:#8664dd66}.board-pdf-status{position:absolute;inset:0;display:grid;place-items:center;padding:25px;color:#65738b;font-size:19px;background:#edf1f9d9;pointer-events:none}.board-studio.preparation-wide .live-pane{display:none}.board-studio.preparation-wide .preparation{flex:1}.board-manager-backdrop{position:absolute;inset:0;z-index:25;background:#172339bb;display:grid;place-items:center;padding:20px}.board-manager{width:min(100%,380px);padding:25px;background:#eff2fa;color:#344760;border-radius:15px;box-shadow:0 20px 60px #0005}.board-manager h3{margin:0 0 18px;font-size:21px}.board-manager label{display:flex;flex-direction:column;gap:8px;font-size:15px}.board-manager input{width:100%;background:#fff;color:#344760;padding:10px;border:1px solid #bbc7dc;border-radius:7px;font-size:16px}.board-manager>div{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.board-manager button{padding:9px 14px;border-radius:7px}@media(max-width:1150px){.board-studio{flex-direction:column;overflow:auto}.board-studio-pane,.board-studio-pane.preparation{flex:none;min-height:400px}.board-studio-pane .board-properties{width:200px}}@media(max-width:600px){.board-editor-body.with-properties{flex-direction:column}.board-properties{width:100%;max-height:210px;flex:none;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:9px}.board-properties>strong,.board-properties>label:first-of-type{grid-column:1/-1}.board-properties textarea{height:50px}.board-text-preview{display:none}.board-properties label,.board-properties .board-action{font-size:12px}.board-properties select{font-size:11px}.board-studio-pane .board-properties{width:100%}.board-drawing-surface{min-height:130px}.board-mode-bar{padding:5px}.board-list-select{max-width:140px}.board-heading .board-number,.board-editor .board-toolbar .text-button span{display:none}.board-studio-pane,.board-studio-pane.preparation{min-height:430px}}.board-document-controls{flex-wrap:wrap}.board-document-controls label{display:inline-flex;gap:5px;align-items:center}.board-document-controls input[type=checkbox]{width:auto}.board-document-bytes{position:absolute;right:8px;bottom:5px;padding:3px 7px;background:#f4f7fbe8;color:#52637c;font-size:12px;pointer-events:none}.board-pdf-status:has(button){pointer-events:auto}.board-pdf-status button{padding:6px 10px;background:#657b9a;color:#fff;border-radius:5px}.board-math-panel{flex:0 0 285px;max-width:100%;display:flex;flex-direction:column;gap:12px;padding:12px;overflow:auto;max-height:660px;background:#293e56;color:#e2eafa;border-right:1px solid #9ab1d326;font-size:13px}.board-math-panel header{display:flex;justify-content:space-between;align-items:center;gap:8px}.board-math-panel label{display:flex;flex-direction:column;gap:5px}.board-math-panel input{min-width:0;width:100%;box-sizing:border-box;padding:7px;background:#344960;color:#e4ebf8;border:1px solid #9f8ac94d;border-radius:7px;font:inherit}.board-math-panel button{border:1px solid #9f8ac94d;border-radius:7px;padding:7px;background:#344960;color:#ddd2fb;font:inherit;cursor:pointer}.board-math-panel button:disabled{opacity:.5;cursor:default}.board-math-panel .math-apply{background:#7252b2;color:#fff}.math-range{display:grid;grid-template-columns:1fr 1fr;gap:8px}.math-curve{display:flex;gap:5px;align-items:center}.math-curve>input[type=color]{width:32px;height:34px;padding:2px;flex-shrink:0}.board-math-panel p{line-height:1.5;margin:0;color:#b7c8e1}.board-math-panel p[role=alert]{color:#ffb3c0}.board-group-tools{display:flex;gap:4px;align-items:center}.board-group-tools>span{font-size:12px;white-space:nowrap;color:#bdcbe0}@media(max-width:850px){.board-editor-body.with-math{flex-direction:column}.board-math-panel{flex-basis:auto;max-height:300px;border-right:0;border-bottom:1px solid #9ab1d326}.math-range{grid-template-columns:repeat(4,minmax(0,1fr))}}.board-group-tools{flex-wrap:wrap;padding:6px 10px}.board-group-tools button{font:inherit;font-size:12px;padding:6px 9px;border:1px solid #9f8ac94d;border-radius:6px;background:#344960;color:#e2eafa;cursor:pointer}.board-group-tools button[aria-pressed=true]{background:#7252b2}.board-group-tools button:disabled{opacity:.45;cursor:default}.lesson-shell .board-group-tools{background:#293e56;border-bottom:1px solid #9ab1d326}.student-works{display:flex;flex-direction:column;min-height:0;flex:1;background:var(--panel,#fff);border-radius:14px;overflow:hidden}.student-work-heading,.student-work-owner{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border-bottom:1px solid #e4e7f0}.student-work-heading>strong{display:flex;align-items:center;gap:7px;color:#333e65}.student-work-heading>select{min-width:120px;max-width:280px;flex:1}.student-works button,.student-works select,.student-works input{font:inherit}.student-work-heading button,.student-work-owner button,.student-work-dialog-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #dde2ef;border-radius:9px;padding:8px 11px;background:#f6f7fc;color:#333e65;cursor:pointer}.student-works button:disabled{opacity:.55;cursor:default}.student-work-layout{display:flex;min-height:0;flex:1}.student-work-roster{width:185px;flex-shrink:0;overflow:auto;max-height:680px;padding:8px;border-right:1px solid #e4e7f0;background:#f7f8fc}.student-work-roster button{display:flex;flex-direction:column;text-align:left;gap:5px;width:100%;border:1px solid transparent;border-radius:10px;background:transparent;color:#333e65;padding:10px;margin-bottom:5px;cursor:pointer;overflow-wrap:anywhere}.student-work-roster button[aria-pressed=true]{background:#eeefff;border-color:#c4c8f7}.student-work-roster button>span{font-weight:700}.work-status{font-size:12px;white-space:nowrap;color:#6c7590}.work-status.done{color:#237747}.work-status.working{color:#6652b2}.student-work-main{flex:1;min-width:0;display:flex;flex-direction:column}.student-work-main>.board-shell{flex:1;min-height:360px}.student-work-owner>div{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1;overflow-wrap:anywhere}.student-work-owner small{font-size:12px;color:#738099}.student-work-owner button{margin-left:auto}.student-work-save{font-size:12px;color:#738099;padding:6px 12px}.student-work-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:300px;padding:24px;text-align:center;color:#738099}.student-work-empty p{max-width:420px;margin:0}.student-work-empty strong{color:#333e65}.student-work-issue{display:flex;flex-direction:column;gap:12px;max-height:85vh;overflow:auto}.student-work-issue>label{display:flex;flex-direction:column;gap:6px}.student-work-issue input:not([type=checkbox]),.student-work-issue select,.student-work-heading select{border:1px solid #dce1ef;border-radius:8px;background:#fff;padding:9px;min-width:0;color:#333e65}.student-work-issue fieldset{border:1px solid #dce1ef;border-radius:10px;padding:10px}.student-work-check{display:flex;align-items:center;gap:8px;padding:5px}.student-work-recipients{max-height:180px;overflow:auto}.student-work-dialog-actions{display:flex;gap:8px;justify-content:flex-end}@media(max-width:700px){.student-work-layout{flex-direction:column}.student-work-roster{width:auto;max-height:140px;display:flex;gap:6px;border-right:0;border-bottom:1px solid #e4e7f0}.student-work-roster button{width:140px;flex-shrink:0}.student-work-heading>select{max-width:100%}.student-work-main>.board-shell{min-height:320px}.student-work-owner{gap:6px}.student-work-owner>div{flex-basis:60%}}.lesson-shell .student-works{background:#293e56;color:#e4ebf8;border-radius:0}.lesson-shell .student-work-heading,.lesson-shell .student-work-owner{border-color:#9ab1d326;background:#293e56}.lesson-shell .student-work-heading>strong,.lesson-shell .student-work-empty strong{color:#e4ebf8}.lesson-shell .student-work-roster{background:#26394f;border-color:#9ab1d326}.lesson-shell .student-work-roster button{color:#e4ebf8}.lesson-shell .student-work-roster button[aria-pressed=true]{background:#7252b24d;border-color:#a98bd877}.lesson-shell .student-work-owner small,.lesson-shell .student-work-empty,.lesson-shell .student-work-save,.lesson-shell .work-status{color:#b7c8e1}.lesson-shell .work-status.done{color:#8dd7b6}.lesson-shell .work-status.working{color:#d1b5ff}.lesson-shell .student-work-heading button,.lesson-shell .student-work-owner button{background:#344960;color:#e2d6fb;border-color:#9f8ac94d}.lesson-shell .student-work-heading select{background:#344960;color:#e4ebf8;border-color:#9f8ac94d;min-width:130px}.student-work-main{min-height:0;overflow:auto}.student-work-main>.board-shell{flex-shrink:0}@media(max-width:700px){.student-work-heading>strong{flex-basis:100%}.student-work-heading>select{flex:1;min-width:130px}.student-work-heading{gap:8px}}.lesson-shell .lesson-board .board-heading{background:#26394f;color:#e4ebf8;border-bottom:1px solid #9ab1d326;padding:7px 10px;gap:8px;min-height:44px;flex-shrink:0}.board-heading-start{display:flex;align-items:center;min-width:0;flex:1;gap:9px}.board-current-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;max-width:220px}.lesson-board-heading-actions{display:flex;align-items:center;gap:6px;min-width:0}.board-view-shortcuts{display:inline-flex;align-items:center;gap:3px;flex-shrink:0}.lesson-shell .lesson-board .board-view-shortcuts button[aria-pressed=true]{background:#7252b2;border-color:#c09ce9;color:#fff}.lesson-shell .lesson-board .page-switch{display:flex;gap:4px;max-width:40vw;min-width:50px;overflow:auto}.lesson-shell .lesson-board .page-switch button{background:#344b66;color:#cbd9ef;border:1px solid #91aac22e;white-space:nowrap;padding:6px 9px;border-radius:6px;font-size:12px}.lesson-shell .lesson-board .page-switch button.selected{background:#7352be;color:#fff;border-color:#af8ceb88}.lesson-shell .lesson-board .lesson-board-fullscreen{background:#344960;color:#ddd2fb;border:1px solid #9f8ac94d;padding:7px}.board-compact-menu{display:inline-flex;flex-shrink:0}.board-menu-trigger{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:7px;background:#354a63;color:#e5ddfa;border:1px solid #a18ac847;font:inherit;font-size:13px;white-space:nowrap}.board-menu-trigger[aria-expanded=true]{background:#5d4885;border-color:#b497e3}.board-menu-popover{position:fixed;z-index:75;width:250px;max-width:calc(100vw - 16px);overflow:auto;padding:7px;background:#2b3f57;border:1px solid #af9bd05c;border-radius:10px;box-shadow:0 14px 40px #101a2f99;color:#e8eefb;font-family:var(--font-ui);font-size:14px;color-scheme:dark}.board-menu-popover[hidden]{display:none}.board-menu-popover button{display:flex;align-items:center;gap:9px;padding:9px 10px;border:0;border-radius:6px;background:transparent;color:#e2eafa;text-align:left;font:inherit;width:100%}.board-menu-popover button:hover:not(:disabled){background:#ffffff12}.board-menu-popover button:disabled{opacity:.4;cursor:default}.board-menu-popover button[aria-pressed=true]{background:#7552b34d;color:#e3d2ff}.board-menu-popover .board-menu-danger{color:#ffb3c0}.board-menu-popover hr{border:0;border-top:1px solid #a6bdd62b;margin:6px 3px}.pdf-menu-popover{width:330px}.board-background-menu{display:flex;flex-direction:column;gap:10px;padding:5px}.board-background-menu>strong{font-size:13px;color:#d6e0f2}.board-background-menu p{font-size:12px;line-height:1.5}.board-background-colors{display:flex;gap:7px}.board-menu-popover .board-background-colors button{width:27px;height:27px;padding:0;border:2px solid #ffffff60;border-radius:50%}.board-menu-popover .board-background-colors button[aria-pressed=true]{outline:2px solid #c4a3ff;outline-offset:2px}.board-background-custom{display:flex;gap:8px;align-items:center}.board-background-custom input{width:35px;height:32px;padding:2px;background:#26394f;border:1px solid #b499dc;border-radius:5px}.board-background-custom button{font-size:12px}.board-background-presets{display:grid;grid-template-columns:1fr 1fr;gap:5px}.board-menu-popover .board-background-presets button{display:flex;flex-direction:column;gap:5px;font-size:12px;padding:7px;background:#354b65}.background-preview{display:block;width:65px;height:40px;background-color:#fff;border-radius:3px}.background-preview.grid{background-image:linear-gradient(#a6b6c755 1px,transparent 1px),linear-gradient(90deg,#a6b6c755 1px,transparent 1px);background-size:8px 8px}.background-preview.lines{background-image:repeating-linear-gradient(transparent 0 8px,#a6b6c777 8px 9px)}.background-preview.dots{background-image:radial-gradient(#9caec8 1px,transparent 1px);background-size:8px 8px}.board-background-library{max-height:180px;overflow:auto}.board-background-library small{display:block;font-size:11px;color:#a9bcd8}.board-pdf-side-navigation{position:absolute;inset:0;z-index:4;pointer-events:none}.board-pdf-side-navigation button{position:absolute;pointer-events:auto;display:grid;place-items:center;width:35px;height:49px;border-radius:9px;background:#26394fd9;color:#f0eaff;border:1px solid #a58bc57a;font-size:35px;box-shadow:0 3px 12px #101e3244;line-height:1}.board-object-actions .board-pdf-page-number{display:inline-flex;align-items:center;gap:6px;padding-right:10px;margin-right:2px;border-right:1px solid #91a8c44d;flex-shrink:0;color:#e3eafa}.board-object-actions .board-pdf-page-number input{width:48px;text-align:center;appearance:textfield}.board-pdf-page-number input::-webkit-inner-spin-button{appearance:none}.board-pdf-side-navigation button:disabled{opacity:.2;pointer-events:none}.board-pdf-failure{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:#e6ebf5;color:#40526d;width:1000px;height:625px;font:24px Arial;text-align:center;padding:35px}.board-pdf-failure p{font-size:18px}.board-pdf-failure button{padding:12px 18px;background:#7653ba;color:#fff;border-radius:8px;font-size:18px}.board-menu-popover .board-document-controls{display:flex;flex-wrap:wrap;gap:8px;background:transparent;color:#d5e0f2;padding:8px 3px;white-space:normal;overflow:visible;font-size:13px}.board-menu-popover .board-document-controls>strong{display:none}.board-menu-popover .board-document-controls>label{width:100%;display:flex;align-items:center;justify-content:space-between;gap:9px}.board-menu-popover .board-document-controls select,.board-menu-popover .board-document-controls input{background:#203249;color:#ecf1fb;border:1px solid #91a7c04d;border-radius:6px;padding:7px;min-width:0;font:inherit}.board-menu-popover .board-document-controls>select{max-width:100%}.board-menu-popover .board-document-controls button{width:auto;background:#3a506b;padding:7px 9px;font:inherit}.board-menu-popover .board-document-controls button.selected{background:#7252b2;color:#fff}.board-pdf-empty{padding:9px;color:#b9cbe3;font-size:13px}.lesson-shell .board-editor .board-toolbar,.lesson-shell .board-editor .board-object-actions,.lesson-shell .board-editor .board-footer,.lesson-shell .lesson-board .history-bar{background:#293e56;color:#bfcee4;border-color:#91a8c42e}.lesson-shell .board-editor .tool{color:#bdcce2}.lesson-shell .board-editor .tool.active{background:#7653ba;color:#fff}.lesson-shell .board-editor .colors{margin:0;gap:6px;padding:0 7px;border-left:1px solid #9aafcb33;border-right:1px solid #9aafcb33}.lesson-shell .board-editor .board-toolbar>.text-button{margin-left:auto}.board-layer-tools{display:inline-flex;align-items:center;gap:2px;flex-shrink:0;padding:0 4px;border-left:1px solid #9aafcb33}.lesson-shell .board-editor .board-canvas.eraser-mode:not(.pan-mode){cursor:crosshair}.board-fill-options{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.board-fill-options>span{color:#bbcce3;font-size:12px;margin-right:3px}.lesson-shell .board-fill-options button{display:grid;place-items:center;width:29px;height:28px;padding:4px;border-radius:6px}.lesson-shell .board-fill-options button[aria-pressed=true]{background:#7252b2;border-color:#c5a3f6;color:#fff;box-shadow:0 0 0 1px #b99ae755}.lesson-shell .board-editor .text-button,.lesson-shell .lesson-board .history-bar button{color:#d1b9ff}.lesson-shell .board-object-actions input,.lesson-shell .board-object-actions select,.lesson-shell .board-object-actions button{background:#203249;color:#dce6f7;border-color:#8da5c04d}.lesson-shell .board-object-label{color:#cdb7f4}.lesson-shell .board-footer{font-size:12px}.lesson-shell .board-footer span{color:#b7c9e2}.lesson-shell .board-studio-label,.lesson-shell .board-studio-pane .board-mode-bar{background:#293e56;color:#d1dcef;border-color:#91a8c42e}.lesson-shell .board-studio-label select,.lesson-shell .board-studio-label button,.lesson-shell .board-studio-pane .board-mode-bar button:not(.board-publish){background:#354c67;color:#dce6f7;border-color:#91a8c44d}.board-manager-backdrop{background:#111d32b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.board-manager{background:radial-gradient(ellipse at top right,#705a9940,transparent 70%),#2c4058;color:#eef3ff;border:1px solid #b29cd052;max-height:calc(100% - 20px);overflow:auto;color-scheme:dark}.board-manager h3,.board-manager strong{color:#eef3ff}.board-manager p{color:#bccde5}.board-manager input,.board-manager select,.board-clear-scope select{background:#203249;color:#f0f3ff;border:1px solid #a48cc26b;padding:10px;border-radius:7px;font:inherit}.board-manager button{background:#3c526f;color:#e6edfb;border:1px solid #a6b8d12e}.board-manager .board-action{background:#8056c9;color:#fff}.board-manager .board-danger{background:#934159;color:#ffe7ed;border-color:#d67f93}.board-manager :is(input,select,button):focus-visible,.board-menu-popover :is(button,select,input):focus-visible,.board-menu-trigger:focus-visible{outline:2px solid #bd9bf6;outline-offset:2px}@media(max-width:950px){.board-heading-start .board-current-name{max-width:130px}.lesson-board-fullscreen>span{display:none}}@media(max-width:600px){.board-heading-start{display:none}.lesson-board-heading-actions{width:100%}.lesson-shell .lesson-board .page-switch{flex:1;max-width:none}.board-menu-trigger{padding:6px;gap:4px;font-size:12px}.lesson-shell .lesson-board .board-heading{padding:6px}.lesson-shell .lesson-board .history-bar{padding:6px 10px}.lesson-shell .board-editor .board-toolbar{gap:5px}.board-manager-backdrop{padding:10px}.board-manager{padding:20px}.lesson-shell .lesson-board.viewer-only .lesson-board-heading-actions{width:auto}}.lesson-sidebar-board-camera{flex-shrink:0;min-height:0;margin:0 10px 10px;border:1px solid #c8d4ff26;border-radius:9px;overflow:hidden;background:#293d55}.lesson-sidebar-board-camera>header{display:flex;align-items:center;gap:6px;padding:5px 7px;min-width:0}.lesson-sidebar-board-camera header>label{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0;font-size:10px;color:#b4c6e0}.lesson-sidebar-board-camera header>label select{width:100%;min-width:0;background:#3e5675;border:1px solid #c8d4ff26;border-radius:5px;color:#f2f5ff;padding:3px;font-size:12px}.lesson-sidebar-board-camera header>strong{flex:1;min-width:0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-sidebar-board-camera header>button{display:flex;padding:3px;background:#536a87;border:1px solid #b7cae344;border-radius:4px;color:#eff4ff}.lesson-sidebar-board-camera-video{height:145px;min-height:0}.lesson-sidebar-board-camera-video>.camera-stage{height:100%;min-height:0}.lesson-sidebar-camera-gap{height:100%;display:flex;align-items:center;justify-content:center;padding:12px;font-size:12px;color:#c2cfe2;text-align:center}.lesson-board-with-sidebar-camera{height:100%;min-height:0;display:flex;flex-direction:column}.lesson-board-with-sidebar-camera>.lesson-board{flex:1;min-height:0}@media(max-height:800px){.lesson-sidebar-board-camera-video{height:110px}.lesson-sidebar:has(.lesson-sidebar-board-camera) .lesson-teacher-preview{height:110px;min-height:90px}}@media(max-width:850px){.lesson-sidebar-board-camera-video{height:110px}}.lesson-camera-speaker{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0}.lesson-speaker-select{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 12px;font-size:14px;color:#d0d8e8;background:#354961;border-bottom:1px solid #ffffff12}.lesson-speaker-select select{min-width:0;max-width:100%;flex:1;background:#28394f;color:#e7eaf4;border:1px solid #ffffff28;border-radius:6px;padding:6px 9px;font:inherit}.lesson-participant-speaker{flex-shrink:0}.lesson-speaker-select>label{display:flex;align-items:center;gap:8px;flex:1;min-width:180px}.lesson-speaker-select button,.lesson-camera-group-bar button{background:#ffffff0c;border:1px solid #ffffff28;color:#e7eaf4;border-radius:7px;padding:7px 9px;font:inherit;font-size:14px}.lesson-speaker-chips{display:flex;flex-wrap:wrap;gap:6px;width:100%}.lesson-speaker-chips button{display:flex;align-items:center;gap:6px;background:#7956b755}.lesson-camera-group-bar{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;background:#26384e;font-size:14px}.lesson-camera-group-bar button{display:flex;align-items:center;gap:6px}.lesson-camera-grid{display:flex;flex:1;min-height:0;min-width:0;background:#202c3e;overflow:auto}.lesson-speaker-tile{position:relative;display:flex;flex:1;min-width:0;min-height:0;overflow:hidden}.lesson-camera-grid.is-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:8px;padding:8px}.lesson-camera-grid.is-group.many{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson-camera-grid .camera-stage{flex:1;min-height:0!important;width:100%;height:100%;aspect-ratio:auto}.lesson-camera-grid .camera-stage>video{max-height:none;object-fit:contain}.lesson-speaker-name{position:absolute;bottom:0;left:0;right:0;padding:7px 10px;background:#17243ed9;color:#eef3ff;font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;pointer-events:none}.lesson-camera-grid.is-group .camera-stage-bar{display:none}.lesson-camera-grid.is-group .speaker-avatar{gap:7px;padding:12px 12px 30px}.lesson-camera-grid.is-group .speaker-avatar-portrait{width:clamp(40px,12vh,120px)}.lesson-camera-grid.is-group .speaker-avatar-name{font-size:16px}.lesson-camera-grid.is-group .speaker-avatar small{display:none}.lesson-camera-grid.is-group .speaker-avatar-waves{height:20px}.lesson-camera-speaker:fullscreen{background:#202c3e;width:100vw;height:100vh;display:flex}.lesson-camera-speaker:fullscreen .lesson-camera-grid{height:100%}@media(max-width:600px){.lesson-camera-grid.is-group.many{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(140px,1fr)}.lesson-camera-grid.is-group .speaker-avatar-name{font-size:14px}.lesson-speaker-chips{max-height:75px;overflow:auto}.lesson-camera-grid.is-group .speaker-avatar-waves{display:none}}.plugin-frame-host{position:relative;width:100%;height:100%;min-height:280px;background:#2c405b}.plugin-frame-host>iframe{display:block;width:100%;height:100%;min-height:280px;border:0}.plugin-frame-host>p{position:absolute;bottom:6px;left:12px;right:12px;background:#60424c;color:#ffe6ed;border-radius:8px;padding:10px}.plugin-frame-disabled{display:grid;place-items:center;width:100%;height:100%;min-height:280px;background:#2c405b;color:#e2e9fb}.room-lifecycle-actions{display:flex;flex-wrap:wrap;gap:10px}.room-lifecycle-actions button,.room-lifecycle-settings button{padding:10px 12px;border-radius:8px;background:#ffffff15;border:1px solid #c1cce344;color:#edf2ff;font:inherit}.room-lifecycle-actions .room-delete-action,.room-lifecycle-settings .room-delete-action,.lesson-controls .room-finish{background:#84394a;color:#ffe0e5;border:1px solid #f18b9e}.room-lifecycle-settings{display:flex;flex-direction:column;gap:12px;margin-top:20px;border-top:1px solid #c1cce344;padding-top:16px}.room-lifecycle-settings label{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.room-lifecycle-settings input[type=password]{width:100%;min-width:0;padding:8px;background:#23354e;color:#fff;border:1px solid #8da1c0;border-radius:7px}.room-lifecycle-settings p,.room-lifecycle-settings small{font-size:13px;line-height:1.6;color:#c5d3e8}.lesson-controls .room-finish{border-radius:8px;padding:10px;font-size:12px}.welcome-card select{width:100%;padding:12px;border-radius:8px;font:inherit;color:#edf2ff;background:#26394f;border:1px solid #c1cce344}@media(max-width:850px){.lesson-controls .room-finish{max-width:85px;padding:7px;font-size:11px;flex-shrink:0}}.lesson-invite-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:20px;background:#132239b8;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);font-family:var(--font-ui)}.lesson-invite-dialog{width:min(100%,510px);max-height:calc(100dvh - 40px);overflow-y:auto;border-radius:21px;border:1px solid #c3b3ff55;background:radial-gradient(ellipse at top right,#705a9955,transparent 65%),#34485f;box-shadow:0 26px 100px #0c162b99;color:#f0f4ff;padding:29px}.lesson-invite-top{display:flex;gap:14px;align-items:center}.lesson-invite-top>span{display:grid;place-items:center;width:51px;height:51px;flex-shrink:0;border-radius:15px;background:linear-gradient(135deg,#aa78f4,#7261d6);box-shadow:0 7px 20px #1b174c44}.lesson-invite-top small{font-size:11px;letter-spacing:1.8px;color:#c4b9e5}.lesson-invite-top h2{font-size:25px;line-height:1.4;margin:2px 0 0}.lesson-invite-top>button{margin-left:auto;align-self:flex-start;display:grid;place-items:center;background:#ffffff0a;border:1px solid #ffffff16;color:#d2daeb;width:32px;height:32px;border-radius:9px}.lesson-invite-dialog>p{font-size:16px;line-height:1.65;color:#c5d3e8;margin:22px 0 16px}.lesson-invite-facts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:23px}.lesson-invite-facts span{display:flex;gap:6px;align-items:center;border:1px solid #bfd3ef22;border-radius:7px;padding:7px 9px;font-size:12px;color:#c9d9f0;background:#ffffff05}.lesson-invite-dialog>label{display:flex;flex-direction:column;gap:9px;font-size:14px;font-weight:700;color:#d2dcef}.lesson-invite-dialog input{width:100%;font:inherit;font-size:14px;font-weight:500;color:#eee9ff;background:#26394f;border:1px solid #a78bd388;border-radius:10px;padding:13px 12px;line-height:1.4}.lesson-invite-copy{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;padding:13px;border-radius:10px;background:linear-gradient(110deg,#a775ed,#7761da);color:#fff;font-size:16px;font-weight:800;margin-top:12px;min-height:49px}.lesson-invite-copy.copied{background:linear-gradient(110deg,#2e8a81,#397ca3)}.lesson-invite-hint{display:flex;gap:11px;align-items:flex-start;padding:17px 0;border-bottom:1px solid #bed0ea22}.lesson-invite-hint>span{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border-radius:7px;background:#ffffff0b;color:#c2acec;font-size:12px}.lesson-invite-hint p{font-size:14px;line-height:1.6;color:#b9cbe4}.lesson-invite-next{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:#ffffff07;border:1px solid #c1b0e93b;border-radius:9px;padding:11px;color:#dbcef7;font-size:14px;margin-top:16px}.lesson-invite-feedback{display:block;min-height:20px;margin-top:10px;text-align:center;color:#9ce5ce;font-size:13px}.lesson-header .lesson-invite-trigger{display:flex;align-items:center;gap:6px;font:inherit;font-size:13px;color:#dfd1ff;background:#8e65d329;border:1px solid #bba1eb44;border-radius:8px;padding:8px 10px}@media(max-width:600px){.lesson-invite-dialog{padding:22px 19px}.lesson-invite-top h2{font-size:21px}.lesson-invite-top{gap:10px}.lesson-invite-top>span{width:44px;height:44px}.lesson-invite-dialog>p{font-size:15px}.lesson-header .lesson-invite-trigger{padding:6px}.lesson-invite-trigger span{display:none}}.recording-start-warning{flex:none;display:flex;align-items:center;gap:12px;padding:12px 15px;background:#55372a;border-bottom:1px solid #ffc59c88;color:#fff0d9;font-size:14px;line-height:1.4}.recording-start-warning>svg{flex:none}.recording-start-warning>div{flex:1;min-width:0}.recording-start-warning strong{display:block;font-size:16px}.recording-start-warning p{margin:3px 0 0}.recording-start-warning a{flex:none;border:1px solid #ffdbb980;border-radius:7px;padding:8px 10px;color:#fff0d9;text-decoration:none}@media(max-width:650px){.recording-start-warning{flex-wrap:wrap;gap:8px;padding:9px}.recording-start-warning a{margin-left:30px}}.joining-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:76px 24px 32px;box-sizing:border-box;background:radial-gradient(ellipse at 50% 25%,#4e5c83,#34465f 45%,#27394f);color:#edf0fc;font-family:var(--font-ui);position:relative;overflow:hidden}.joining-brand{position:absolute;top:27px;left:34px;display:flex;align-items:center;gap:10px;color:#ded8ff;text-decoration:none;font-size:18px;font-weight:750}.joining-brand svg{color:#b7a1f0}.joining-card{width:min(650px,100%);padding:8px 38px 24px;border:1px solid #dce1ff22;border-radius:28px;background:linear-gradient(145deg,#8a98bb15,#26395155);box-shadow:0 28px 80px #17253626;text-align:center}.joining-art{width:min(520px,100%);margin:0 auto}.joining-art svg{display:block;width:100%;height:auto}.joining-copy{margin-top:-9px}.joining-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2.1px;font-weight:700;color:#c6baf2}.joining-copy h1{font-size:clamp(23px,4vw,30px);line-height:1.35;letter-spacing:-.5px;margin:14px 0 12px;font-weight:750}.joining-title{font-size:16px;line-height:1.5;color:#e2e7f8;margin:0 0 8px;overflow-wrap:anywhere}.joining-detail{font-size:14px;line-height:1.7;color:#bbc9e3;margin:0 auto;max-width:440px;min-height:24px;overflow-wrap:anywhere}.joining-dots{display:inline-flex;gap:3px;margin-left:5px;vertical-align:middle}.joining-dots i{width:4px;height:4px;background:#bda9f1;border-radius:50%;animation:joining-dot 1.5s ease-in-out infinite}.joining-dots i:nth-child(2){animation-delay:.15s}.joining-dots i:nth-child(3){animation-delay:.3s}.joining-steps{list-style:none;padding:0;margin:28px auto;display:flex;justify-content:center;gap:32px}.joining-steps li{display:flex;align-items:center;gap:8px;color:#879bbd;font-size:12px;position:relative}.joining-steps li:not(:last-child):after{content:"";position:absolute;left:calc(100% + 8px);width:17px;height:1px;background:#a8b9d72e}.joining-steps li>span{width:24px;height:24px;border:1px solid #97acd144;border-radius:50%;display:grid;place-items:center;font-size:11px}.joining-steps li.current{color:#ece6ff}.joining-steps li.current>span{background:#bca8f024;border-color:#c1a7f4;box-shadow:0 0 0 4px #bca8f00a}.joining-steps li.done{color:#afe2d5}.joining-steps li.done>span{border-color:#98d8c869;background:#98d8c815}.joining-footer{border-top:1px solid #becbe41c;padding-top:19px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px}.joining-footer>span{display:flex;align-items:center;gap:7px;color:#aebfda;font-size:12px}.joining-footer>span svg{color:#a9d7cb}.joining-footer button{font:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:0}.joining-leave{background:none;color:#b8c6df;font-size:12px!important;padding:6px 8px;border-radius:7px}.joining-leave:hover{background:#ffffff0a;color:#fff}.joining-retry{background:#a894e7;color:#172c47;font-size:14px!important;font-weight:700!important;border-radius:11px;padding:12px 16px}.joining-footer button:focus-visible,.joining-brand:focus-visible{outline:2px solid #c9b7ff;outline-offset:4px}.joining-caption{font-size:12px;color:#a7b7d4;letter-spacing:.25px;text-align:center;margin:0}.joining-monitor{animation:joining-float 4s ease-in-out infinite;transform-origin:center}.joining-person-left{animation:joining-float 4.7s ease-in-out infinite}.joining-person-right{animation:joining-float 4.3s ease-in-out infinite;animation-delay:-1.5s}.joining-note{animation:joining-float 5s ease-in-out infinite;animation-delay:-2s}.joining-signal{animation:joining-flow 2.4s linear infinite}.joining-drawing{stroke-dasharray:190;stroke-dashoffset:190;animation:joining-draw 4s ease-in-out infinite}.joining-spark{animation:joining-glow 3s ease-in-out infinite}.joining-paused .joining-dots{display:none}.joining-paused .joining-art *{animation-play-state:paused}.joining-paused .joining-drawing{stroke-dashoffset:0}.joining-paused .joining-footer{margin-top:25px}@keyframes joining-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes joining-flow{to{stroke-dashoffset:-48}}@keyframes joining-draw{0%,10%{stroke-dashoffset:190}55%,85%{stroke-dashoffset:0}to{stroke-dashoffset:-190}}@keyframes joining-glow{0%,to{opacity:.35}50%{opacity:1}}@keyframes joining-dot{0%,75%,to{opacity:.25;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}@media(max-width:540px){.joining-page{padding:76px 16px 25px;gap:20px}.joining-brand{top:23px;left:23px;font-size:16px}.joining-card{padding:8px 18px 22px;border-radius:23px}.joining-copy{margin-top:2px}.joining-eyebrow{font-size:10px;letter-spacing:1.3px}.joining-copy h1{font-size:23px}.joining-title{font-size:14px}.joining-detail{font-size:13px}.joining-steps{gap:23px;margin:25px auto}.joining-steps li:not(:last-child):after{left:calc(100% + 5px);width:13px}.joining-footer{gap:12px}.joining-footer>span{font-size:11px}}@media(prefers-reduced-motion:reduce){.joining-art *,.joining-dots i{animation:none!important}.joining-drawing{stroke-dashoffset:0}}.lesson-waiting{padding:10px 14px;background:#415574;color:#e6eaf7;font-size:14px;border-bottom:1px solid #ffffff20}.lesson-ended{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:24px;background:#28394f;color:#e7eaf4;text-align:center;font-family:var(--font-ui)}.lesson-ended h1{font-size:26px}.lesson-ended p{max-width:540px;line-height:1.6}.lesson-ended button{padding:12px 22px;border-radius:8px;background:#8350ee;color:#fff;font:inherit}.entry-page{min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 60% 0,#415574 0,transparent 65%),#28394f;color:#edf2fa;font-family:var(--font-ui)}.entry-header{height:82px;display:flex;align-items:center;gap:24px;padding:0 40px;border-bottom:1px solid #ffffff12}.entry-brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:19px;letter-spacing:-.4px}.entry-brand>span{display:grid;place-items:center;width:36px;height:36px;background:#8955ee;color:#fff;border-radius:10px;box-shadow:0 4px 18px #151c3433}.entry-context{border-left:1px solid #ffffff22;padding-left:24px;color:#bdcce0;font-size:16px}.entry-badge{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:14px;color:#c2d1e6;border:1px solid #ffffff20;border-radius:8px;padding:8px 11px;background:#ffffff05}.entry-badge i{width:6px;height:6px;border-radius:50%;background:#90dbba}.entry-page .welcome{width:100%;max-width:1220px;flex:1;margin:0 auto;padding:60px 40px;grid-template-columns:minmax(0,1.3fr) minmax(340px,1fr);gap:85px}.entry-page .eyebrow{color:#b4a1ed;letter-spacing:1.8px;font-size:13px}.entry-page .welcome-copy h1{font-size:clamp(32px,3.4vw,46px);font-weight:650;line-height:1.25;letter-spacing:-1.5px;margin:22px 0;color:#f4f6ff}.entry-page .welcome-copy>p{color:#bdcce0;font-size:18px;line-height:1.9}.entry-widgets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:32px}.entry-widgets>div{padding:17px 12px;border:1px solid #ffffff18;border-radius:12px;background:#ffffff06}.entry-widgets>div>span{display:flex;color:#c3a8ff;margin-bottom:15px}.entry-widgets strong{display:block;font-size:14px;font-weight:600;color:#e1e9f6}.entry-widgets p{font-size:13px;line-height:1.6;margin-top:7px;color:#b1c2d9}.entry-page .feature-row{gap:22px;margin-top:23px}.entry-page .feature-row>span{color:#b6c6dc;font-size:13px}.entry-page .feature-row svg{color:#b8a0f5}.entry-page .scope-note{border-color:#a987ed66;margin-top:27px;max-width:440px}.entry-page .scope-note strong{color:#d0dbee;font-size:14px}.entry-page .scope-note p{color:#aebfd7;font-size:14px}.entry-page .welcome-card{background:#354961;border:1px solid #ffffff20;border-radius:18px;padding:30px;box-shadow:0 20px 60px #101d3433;color:#edf2fa}.entry-page .entry-roles{background:#26384e;border-color:#ffffff10;border-radius:10px;padding:5px;margin-bottom:25px}.entry-page .entry-roles button{color:#b8c9df;padding:11px 8px;border-radius:7px}.entry-page .entry-roles button.selected{background:#8660d6;color:#fff;box-shadow:0 3px 12px #12162c33}.entry-page .card-icon{background:#af88ff22;color:#d3baff;width:44px;height:44px;border-radius:12px;margin-bottom:18px}.entry-page .welcome-card h2{font-size:24px;font-weight:600;color:#f2f5fd}.entry-page .welcome-card>p{color:#bacbe1;margin:10px 0 23px;font-size:14px}.entry-page .welcome-card label{color:#d7e2f2;font-weight:500;font-size:14px;gap:9px;margin-bottom:18px}.entry-page .welcome-card input{background:#293d55;border:1px solid #8199bb55;color:#f1f5ff;border-radius:8px;font-size:16px;padding:12px 13px;outline:revert}.entry-page .welcome-card input::placeholder{color:#a7bad4}.entry-page .welcome-card .primary{background:#9465ef;border:1px solid #b395f333;min-height:45px;border-radius:9px;font-size:16px;box-shadow:0 5px 15px #1d18302b;color:#fff}.entry-page .welcome-card .primary:hover{background:#a074f5}.entry-page .welcome-card>small{color:#afc1d9;font-size:13px;text-align:center;line-height:1.8}.entry-page .welcome-card .student-entry-note{color:#c2d1e5;font-size:13px}.entry-footer{display:flex;justify-content:space-between;gap:15px;padding:20px 40px;border-top:1px solid #ffffff10;color:#a9bbd3;font-size:13px}@media(max-width:1000px){.entry-page .welcome{gap:35px;padding:40px 28px}.entry-header{padding:0 28px}.entry-widgets{gap:7px}.entry-widgets>div{padding:15px 9px}.entry-page .welcome-card{padding:25px}}@media(max-width:760px){.entry-header{height:70px;padding:0 20px;gap:12px}.entry-brand{font-size:17px}.entry-context{display:none}.entry-badge{font-size:12px;padding:7px 9px}.entry-page .welcome{grid-template-columns:minmax(0,1fr);max-width:540px;gap:30px;padding:35px 20px}.entry-page .welcome-copy h1{font-size:33px}.entry-page .welcome-copy>p{font-size:16px}.entry-page .eyebrow{font-size:12px}.entry-widgets{margin-top:24px}.entry-widgets p{font-size:12px}.entry-page .feature-row,.entry-page .scope-note{display:none}.entry-footer{padding:18px 20px;font-size:12px}.entry-footer>span:last-child{display:none}}.entry-page{position:relative;isolation:isolate}.entry-background{position:fixed;inset:0;width:100%;height:100dvh;pointer-events:none;z-index:-1}.entry-page .entry-roles button{font-size:16px;font-weight:800;line-height:1.3;min-height:52px;padding:12px 10px}.entry-page .entry-roles button.selected{background:linear-gradient(115deg,#9664ec,#6866dc);box-shadow:0 4px 16px #17152f55}.entry-page .entry-roles button[data-role=teacher]{color:#bce6ee}.entry-page .entry-roles button[data-role=teacher].selected{background:linear-gradient(115deg,#257b94,#4264ab);color:#fff}.entry-page .welcome-card[data-role=teacher] .primary{background:linear-gradient(115deg,#257b94,#4264ab);border-color:#7bc4da44}.entry-page .welcome-card[data-role=teacher] .primary:hover{background:linear-gradient(115deg,#2d8ca5,#4d72ba)}.entry-page .entry-roles button:not(.selected):hover{background:#ffffff12;color:#f3f5ff}@media(max-width:420px){.entry-page .entry-roles button{padding:12px 6px}}:root{font-family:Manrope,Arial,sans-serif;color:#29314a;background:#f4f5f8;font-synthesis:none;font-weight:500;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;transition:background .15s,box-shadow .15s}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b6b6ff;outline-offset:3px}button svg{flex-shrink:0}h1,h2,p{margin:0}button,a{color:inherit}.app-frame{display:flex;min-height:100vh}.rail{width:76px;position:fixed;left:0;top:0;bottom:0;background:#fff;border-right:1px solid #e8eaf1;display:flex;align-items:center;flex-direction:column;z-index:5}.brand{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#6264e7;color:#fff;margin-top:22px;box-shadow:0 5px 12px #6366e52a}.rail-icons{display:grid;gap:13px;margin-top:51px}.rail-icon{display:grid;place-items:center;width:44px;height:44px;color:#a3a9bc;border-radius:12px}.rail-icon.current{color:#6464df;background:#f0f0ff}.rail-icon.bottom{margin-top:auto;margin-bottom:24px}.app-body{width:calc(100% - 76px);margin-left:76px}.topbar{height:84px;background:#fff;border-bottom:1px solid #e8eaf1;display:flex;align-items:center;justify-content:space-between;padding:0 36px}.product-name{font-size:16px;font-weight:800;letter-spacing:-.4px}.breadcrumb{color:#a2a7b7;margin-left:20px;font-size:12px}.top-right{display:flex;gap:20px;align-items:center}.lab-tag{font-size:11px;color:#6b728b;border:1px solid #e9eaf2;background:#fafbfe;padding:6px 10px;border-radius:6px}.avatar{width:34px;height:34px;border-radius:50%;background:#efefff;color:#6763cd;display:grid;place-items:center;font-weight:800}.classroom{max-width:1740px;padding:29px 36px 25px;margin:auto}.eyebrow{font-size:10px;letter-spacing:1.45px;font-weight:800;color:#8b92a8;display:flex;gap:8px;align-items:center}.slash{color:#b7bacb}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:21px}.page-heading h1{font-size:27px;letter-spacing:-1px;margin-top:9px;line-height:1.4}.page-heading p{font-size:12px;color:#9299ad;margin-top:4px}.heading-actions{display:flex;align-items:center;gap:18px}.connection{font-size:11px;color:#9298ad;display:flex;align-items:center;gap:6px;max-width:205px}.dot{display:inline-block;width:6px;height:6px;background:#52b8a0;border-radius:50%;flex-shrink:0}.connection:not(.online) .dot{background:#a8aec1}.primary,.secondary{display:flex;align-items:center;justify-content:center;gap:9px;border-radius:8px;font-size:12px;font-weight:750;min-height:40px;padding:10px 15px;white-space:nowrap}.primary{background:#6264e7;color:#fff;box-shadow:0 3px 8px #6565e622}.primary:hover{background:#5355d5}.secondary{border:1px solid #e0e3ee;background:#fff}.secondary:hover{background:#f5f5ff}.notice{display:flex;gap:9px;align-items:center;color:#7a809a;background:#eeeff8;border:1px solid #e5e6f0;border-radius:8px;padding:11px 14px;font-size:11px;line-height:1.6;margin-bottom:22px}.notice svg{color:#8287b5;flex-shrink:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 272px;gap:21px;align-items:start}.main-stage{border:1px solid #e3e6ef;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 3px 6px #21294a03}.stage-top{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #eceef4;padding:0 20px;height:54px}.tabs{display:flex;gap:22px;height:100%}.tabs button{display:flex;align-items:center;gap:7px;background:none;font-size:12px;color:#9298ac;border-bottom:2px solid transparent;padding:0 1px;font-weight:750}.tabs button.selected{color:#6365df;border-bottom-color:#6365df}.sync{color:#9ba2b3;font-size:10px;display:flex;align-items:center;gap:5px}.sync svg{color:#7aaf9d}.board-heading{height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #eceef4;gap:10px}.board-heading>div{display:flex;align-items:center;gap:10px}.board-heading strong{font-size:12px}.board-number{font-size:10px;font-weight:800;color:#8b8eaf;background:#f3f4fa;padding:5px 6px;border-radius:5px}.page-switch{border:1px solid #e9ebf3;border-radius:6px;padding:3px;gap:2px!important}.page-switch button{font-size:10px;padding:5px 8px;border-radius:4px;background:transparent;color:#9298ad}.page-switch button.selected{color:#6767d9;background:#f0f0ff}.board-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 19px;border-bottom:1px solid #f0f1f6;min-height:61px}.tool-group{display:flex;gap:5px;align-items:center}.tool{width:33px;height:33px;display:grid;place-items:center;background:#fff;color:#8b92a9;border-radius:7px}.tool.active{background:#eeefff;color:#6565df}.divider{height:21px;width:1px;background:#eceef5;margin:0 7px}.colors{display:flex;gap:12px;align-items:center;margin-right:auto;margin-left:13px}.color{width:16px;height:16px;border-radius:50%;padding:0;outline:2px solid transparent;outline-offset:3px}.color.selected{outline-color:#d4d7e8}.text-button{display:flex;align-items:center;gap:6px;background:none;padding:5px;color:#8b93aa;font-size:10px;white-space:nowrap}.board-canvas{display:block;width:100%;aspect-ratio:16/10;touch-action:none;-webkit-user-select:none;user-select:none}.board-canvas.editable{cursor:crosshair}.board-footer{height:33px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#a3a9bb;border-top:1px solid #f1f2f7;gap:8px}.board-footer .dot{width:5px;height:5px;margin-right:4px;background:#98c5b5}.history-bar{padding:12px 18px;border-top:1px solid #eceef4;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:9px;color:#a4aabc;background:#fdfdff;min-height:46px}.history-bar input{min-width:40px;flex:1;accent-color:#6565df}.history-bar>span{white-space:nowrap}.purple{color:#6465df}.history-note{font-size:10px;padding:0 20px 14px;color:#8d94aa}.right-panel{background:#fff;border:1px solid #e3e6ef;border-radius:12px;overflow:hidden}.panel-heading,.participants-head{display:flex;align-items:center;gap:8px;padding:19px 17px;font-size:11px}.panel-heading svg,.participants-head svg{color:#8e96ad}.panel-heading>span,.participants-head>span{margin-left:auto;background:#f3f4f8;border-radius:4px;padding:2px 6px;font-size:9px;color:#9ba2b5}.camera-grid{padding:0 13px}.camera-placeholder{height:150px;background:linear-gradient(140deg,#f3f2fc,#eeeff6);border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.big-avatar{width:48px;height:48px;background:#dcdcf6;color:#7772bb;border-radius:50%;display:grid;place-items:center;font-size:21px;font-weight:750;margin-bottom:3px}.camera-placeholder strong{font-size:11px}.camera-placeholder>span{font-size:9px;color:#969cb1}.camera-tile{position:relative;border-radius:8px;overflow:hidden;margin-bottom:8px;background:#272e44}.camera-tile video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.camera-tile>span{position:absolute;bottom:7px;left:9px;color:#fff;font-size:10px;background:#20264088;border-radius:4px;padding:3px 5px}.participants-head{padding-bottom:13px}.participants{padding:0 16px 15px}.participant{display:flex;align-items:center;gap:9px;padding:8px 0}.small-avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#ecf5f4;color:#65a495;font-size:11px}.small-avatar.teacher{background:#ececff;color:#7873cd}.participant-info{min-width:0;flex:1}.participant-info strong{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis}.participant-info>span{display:block;font-size:9px;color:#a2a8bb;margin-top:3px}.permission{display:grid;place-items:center;width:29px;height:29px;background:#f4f5f8;border-radius:6px;color:#a4aabd}.permission.on{background:#eeeefe;color:#6967dc}.session-info{margin:0 16px;padding:14px 0;border-top:1px solid #eceef5}.session-info>div{font-size:10px;display:flex;gap:6px;align-items:center;color:#9694a1}.amber{background:#cfb17d}.session-info p{font-size:10px;line-height:1.8;color:#adb1c1;margin-top:6px}.media-connect{padding:16px;background:#fafafe;border-top:1px solid #eceef5}.media-connect>svg{vertical-align:middle;color:#8587bb;margin-right:7px}.media-connect strong{font-size:11px}.media-connect p{font-size:10px;line-height:1.8;color:#9ca3b7;margin:7px 0 12px}.media-connect button{font-size:10px;min-height:34px}.control-bar{margin-top:20px;display:flex;align-items:center;background:#fff;border:1px solid #e3e6ef;border-radius:11px;min-height:85px;padding:12px 18px;gap:20px;box-shadow:0 4px 12px #2c315805}.source-controls{display:flex;gap:20px}.source-control{display:flex;flex-direction:column;gap:6px;align-items:center;background:none;min-width:57px;padding:0;font-size:9px;color:#9299af}.source-control>span{width:37px;height:32px;display:grid;place-items:center;background:#f4f5f9;border-radius:7px}.source-control.on>span{background:#eeefff;color:#6565df}.source-control small{font-size:9px;white-space:nowrap}.profile{display:flex;align-items:center;gap:8px;margin-left:auto;color:#9aa2b8;font-size:10px;flex-wrap:wrap}.profile select{border:1px solid #e7e9f1;background:#fafbfe;color:#68708d;border-radius:6px;padding:7px;max-width:160px;font-size:10px}.leave{display:flex;gap:7px;align-items:center;background:#fff0f0;color:#ce7e84;border-radius:7px;padding:10px 13px;font-size:11px;margin-left:6px}.audio-element{display:none}.screen-stage{min-height:500px;background:#fbfcff;position:relative;display:grid;place-items:center}.screen-stage>video{display:block;width:100%;max-height:650px;object-fit:contain;background:#202537}.screen-label{position:absolute;left:18px;bottom:18px;background:#1e263acc;color:#fff;padding:7px;border-radius:5px;font-size:10px}.empty-screen{text-align:center;color:#b1b7ce;padding:50px 20px}.empty-screen h2{font-size:20px;color:#68708e;margin:20px 0 10px}.empty-screen p{font-size:12px;line-height:1.9;color:#939cb4}.empty-screen button{margin:24px auto 0}.text-input{padding:10px 20px;background:#fafafe}.text-input input{width:100%;padding:9px;border:1px solid #e2e5ef;border-radius:6px;font-size:12px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:30;display:flex;align-items:center;gap:20px;max-width:700px;width:max-content;max-width:calc(100% - 32px);padding:15px 18px;background:#2e3550;color:#fff;box-shadow:0 8px 30px #1b23452a;border-radius:10px;font-size:12px;line-height:1.7}.toast button{display:grid;place-items:center;background:none;color:#bfc4da}.welcome{max-width:1150px;margin:75px auto;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:70px;padding:20px 40px}.welcome-copy h1{font-size:40px;line-height:1.35;letter-spacing:-1.8px;margin:20px 0}.welcome-copy>p{color:#9098af;line-height:1.95;font-size:14px}.feature-row{display:flex;gap:22px;flex-wrap:wrap;margin-top:29px}.feature-row>span{display:flex;align-items:center;gap:7px;font-size:11px;color:#858fa9}.feature-row svg{color:#8585c7}.scope-note{border-left:2px solid #d7d9ef;padding-left:16px;margin-top:40px;max-width:390px}.scope-note strong{font-size:11px;color:#8b93ac}.scope-note p{font-size:11px;color:#a0a7ba;line-height:1.9;margin-top:7px}.welcome-card,.modal{padding:32px;background:#fff;border:1px solid #e2e5ef;border-radius:15px;box-shadow:0 15px 45px #2e355407}.card-icon{width:48px;height:48px;background:#f0f0ff;color:#7171df;border-radius:13px;display:grid;place-items:center;margin-bottom:21px}.welcome-card h2,.modal h2{font-size:22px;letter-spacing:-.7px}.welcome-card>p,.modal>p{font-size:11px;color:#929ab1;line-height:1.9;margin:10px 0 25px}.welcome-card label{display:flex;flex-direction:column;font-size:11px;gap:8px;margin-bottom:20px;font-weight:700}.welcome-card input,.modal input{border:1px solid #e3e6ef;border-radius:7px;padding:12px 13px;color:#5c6481;background:#fdfdff;outline:none;width:100%;font-size:12px}.full{width:100%}.welcome-card>small,.modal>small{display:block;font-size:9px;color:#adb3c4;line-height:1.8;margin-top:17px}.modal-backdrop{position:fixed;inset:0;background:#272e4755;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:20;padding:20px}.modal{max-width:450px;position:relative}.modal input{margin-bottom:18px;font-size:11px}.modal-close{position:absolute;right:20px;top:20px;background:none;color:#929ab1}.modal .card-icon{margin-bottom:16px}@media(min-width:1600px){.classroom{padding-left:50px;padding-right:50px}.workspace{grid-template-columns:minmax(0,1fr) 300px}.camera-placeholder{height:170px}}@media(max-width:1150px){.classroom{padding:24px}.topbar{padding:0 24px}.workspace{grid-template-columns:minmax(0,1fr) 235px;gap:15px}.heading-actions{flex-direction:column;align-items:flex-end;gap:10px}.source-controls{gap:10px}.profile>span{display:none}.control-bar{gap:10px}.colors{gap:9px;margin-left:0}.welcome{gap:35px;margin-top:45px}.welcome-copy h1{font-size:32px}.history-bar>span{display:none}}@media(max-width:850px){.rail{width:56px}.brand{width:35px;height:35px;border-radius:10px}.app-body{width:calc(100% - 56px);margin-left:56px}.breadcrumb{display:none}.topbar{height:65px;padding:0 18px}.classroom{padding:20px 16px}.page-heading h1{font-size:23px}.page-heading p{display:none}.workspace{grid-template-columns:1fr}.right-panel{display:grid;grid-template-columns:1fr 1fr}.panel-heading,.participants-head{padding:14px}.camera-grid{grid-column:1;padding-bottom:12px}.participants-head{grid-row:1;grid-column:2}.participants{grid-column:2;grid-row:2}.session-info,.media-connect{grid-column:1/-1}.session-info{padding:13px 0}.media-connect{display:none}.control-bar{flex-wrap:wrap}.profile{margin-left:auto}.source-controls{flex:1;justify-content:space-around}.connection{display:none}.heading-actions .secondary{font-size:10px;padding:8px;min-height:35px}.welcome{grid-template-columns:1fr;max-width:540px;margin-top:20px;padding:20px 25px;gap:30px}.welcome-copy h1{font-size:31px}.feature-row,.scope-note{display:none}.welcome-card{padding:25px}.screen-stage{min-height:350px}.board-toolbar{padding:10px}.board-heading{padding:0 13px}.page-switch button{padding:5px;font-size:9px}.sync{font-size:9px}.board-footer{font-size:8px;padding:0 10px}}@media(max-width:520px){.profile{display:none}.control-bar{padding:10px;gap:8px}.source-controls{gap:3px}.source-control{min-width:43px}.source-control small{font-size:8px}.leave{font-size:0;padding:10px;margin:0}.leave svg{width:17px}.colors{gap:8px}.tool{width:27px}.color{width:12px;height:12px}.divider{margin:0 3px}.board-toolbar>.text-button{font-size:0;gap:0}.board-heading strong{font-size:10px}.board-number{display:none}.stage-top{padding:0 12px}.notice{font-size:10px}.lab-tag{font-size:9px;padding:5px}.top-right{gap:12px}.page-heading h1{font-size:20px}.eyebrow{font-size:8px}.board-footer>span:last-child{display:none}.history-bar{padding:10px}.camera-placeholder{height:140px}.participants{padding:0 10px}.welcome-copy h1{font-size:27px}}@media(max-width:520px){.page-heading{flex-wrap:wrap;gap:14px}.heading-actions{width:100%;align-items:flex-start}.page-heading h1,.welcome-copy h1{overflow-wrap:anywhere}}.entry-roles{display:flex;gap:4px;padding:4px;border:1px solid #e5e7f1;background:#f8f9fc;border-radius:8px;margin-bottom:24px}.entry-roles button{flex:1;background:transparent;border-radius:5px;padding:9px 7px;font-size:11px;color:#8c94ad}.entry-roles button.selected{background:#eeefff;color:#6264d8;font-weight:750}.welcome-card .student-entry-note{font-size:10px;margin-top:-7px;margin-bottom:20px}.camera-stage{position:relative;background:#202537;min-height:420px;display:flex;align-items:center;justify-content:center;aspect-ratio:16/10}.camera-stage>video{display:block;width:100%;height:100%;max-height:75vh;object-fit:contain}.camera-stage-bar{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 18px;background:linear-gradient(transparent,#171d32dc);color:#fff;font-size:12px}.camera-fullscreen{display:flex;gap:7px;align-items:center;background:#ffffff1f;color:#fff;padding:9px 11px;border-radius:7px;font-size:11px}.camera-expand{position:absolute;top:8px;right:8px;display:flex;gap:5px;align-items:center;background:#202640bb;color:#fff;padding:6px 8px;border-radius:6px;font-size:10px}.camera-stage:fullscreen{width:100vw;height:100vh;aspect-ratio:auto}.camera-stage:fullscreen>video{max-height:100vh}.camera-stage .empty-screen h2{color:#e0e3ef}.camera-stage .empty-screen p{color:#a5adc5}@media(max-width:850px){.camera-stage{min-height:260px}.camera-stage>video{max-height:60vh}}@media(max-width:520px){.tabs{gap:13px}.camera-stage{min-height:210px}.camera-stage-bar{padding:10px}.camera-fullscreen{font-size:10px}}.audio-panel{margin-top:20px;border:1px solid #e3e6ef;border-radius:11px;background:#fff;padding:16px 18px}.audio-settings{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.audio-settings label{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:11px;flex:1}.audio-settings select{font-size:12px;border:1px solid #e3e6ef;padding:9px;border-radius:6px;max-width:420px;width:100%;background:#fafbfe;color:#68708d}.audio-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:13px}.audio-actions>span{color:#8a91a7;font-size:11px;margin-right:auto}.audio-panel p{color:#969db3;font-size:10px;line-height:1.8;margin-top:10px}.audio-levels{display:flex;gap:14px;flex-wrap:wrap}.audio-meter{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:10px;color:#828ba3;max-width:100%}.audio-meter [role=meter]{width:100px;min-width:40px;height:7px;background:#eceef5;border-radius:4px;overflow:hidden}.audio-meter i{display:block;height:100%;background:#49b49c;transition:width .1s}.audio-meter small{white-space:nowrap}@media(max-width:520px){.audio-settings label{flex-basis:100%}.audio-settings select{max-width:100%;min-width:0}.audio-meter{flex-wrap:wrap}.audio-actions .secondary,.audio-actions .primary{width:100%}}.connection-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border:1px solid #e3e6ef;border-radius:10px;padding:16px 18px;margin-bottom:16px}.connection-panel strong{display:flex;gap:8px;align-items:center;font-size:12px}.connection-panel strong svg{color:#6d6fce}.connection-panel p{font-size:11px;line-height:1.7;color:#8b94ac;margin-top:6px}.connection-panel button{flex-shrink:0}@media(max-width:600px){.connection-panel{flex-direction:column;align-items:stretch;padding:14px}.connection-panel button{width:100%}.stage-top .sync{display:none}}.presentation-status{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 16px;margin:12px 0;background:#eef2ff;border:1px solid #dce2f6;border-radius:12px;color:#303956;font-size:13px}.presentation-status span{flex:1;min-width:160px}.presentation-status label{display:flex;align-items:center;gap:6px}.screen-audio-warning{border:1px solid #eacb8a;border-radius:10px;background:#fff9ed;padding:14px;margin-bottom:14px;color:#77531b}.screen-audio-warning strong{font-size:13px}.audio-panel .screen-audio-warning p{color:#77531b;font-size:12px;line-height:1.6;margin:8px 0}@font-face{font-family:Nunito;src:url(/fonts/Nunito-Variable.ttf) format("truetype");font-weight:200 1000;font-style:normal;font-display:swap}:root{--font-ui: Nunito, Arial, sans-serif}.entry-page,.lesson-shell,.entry-page button,.entry-page input,.lesson-shell button,.lesson-shell input,.lesson-shell select,.lesson-shell textarea,.toast.lesson-toast{font-family:var(--font-ui)}.toast.lesson-toast{font-size:15px}