.hand-queue{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:16px;background:#fff7e1;border-radius:10px;margin:16px 0}.chat-panel{background:#fff;color:#18283d;border:1px solid #dde5ef;border-radius:14px;margin:20px 0 0;padding:22px}.chat-panel h2{margin-bottom:0}.chat-messages{overflow-y:auto;max-height:320px;min-height:100px;padding:20px 0;overscroll-behavior:contain}.chat-message{border-bottom:1px solid #edf1f5;padding:12px 0;overflow-wrap:anywhere}.chat-message>div{display:flex;gap:12px;align-items:center}.chat-message time{color:#8592a5;font-size:11px}.chat-message strong{font-size:13px}.chat-message p{margin:6px 0;white-space:pre-wrap}.chat-form{display:flex;align-items:end;gap:12px}.chat-form label{flex:1;margin:0}@media(max-width:800px){.chat-panel{position:fixed;left:0;right:0;bottom:0;z-index:30;margin:0;max-height:80dvh;border-radius:18px 18px 0 0;box-shadow:0 -20px 50px #13203444;padding-bottom:max(20px,env(safe-area-inset-bottom))}.chat-messages{max-height:45dvh}.participants-panel .row{align-items:flex-start}}.lesson-files{border-top:1px solid #dbe4f0;margin-top:16px;padding-top:12px}.lesson-files .muted{font-size:12px}.file-card{display:grid;gap:6px;margin:10px 0;padding:10px;border:1px solid #dbe4f0;border-radius:10px;overflow-wrap:anywhere}.file-card img{display:block;max-width:100%;max-height:180px;object-fit:contain}.file-card small{color:#596b82}.lesson-history{margin-top:24px}.chat-panel .lesson-files{max-height:38vh;overflow-y:auto}.breakout{margin:20px 0}.breakout-options,.breakout-message{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin-bottom:16px}.breakout-options label{max-width:230px}.breakout-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:16px 0}.breakout-group{background:#f4f7fc;border:1px solid #d5deed;padding:14px;border-radius:12px}.breakout-group>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0}.breakout-group select{max-width:125px}.breakout .warning{background:#fff0ca;color:#7a4900}.breakout-announcements{max-height:240px;overflow-y:auto}.background-controls{min-width:0;margin:16px 0;padding:14px;border:1px solid #dbe4ee;border-radius:12px}.background-controls legend{padding:0 6px;font-weight:650}.background-options{display:flex;flex-wrap:wrap;gap:8px}.background-options button{padding:8px 12px}.background-options [aria-pressed=true]{border-color:#235c93;box-shadow:0 0 0 1px #235c93;background:#dce6f2}.background-preset img{width:40px;height:26px;border-radius:4px;object-fit:cover}.background-upload{margin:12px 0 0}.background-custom{width:96px;height:54px;object-fit:cover;border-radius:6px;margin-top:8px}.background-controls p{font-size:13px;margin:10px 0 0}.background-settings{margin:12px 0}.background-settings summary{cursor:pointer;font-weight:650}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18283d;background:#f4f6fa;font-synthesis:none;font-size:15px;line-height:1.55}.admin-recording-stats,.admin-recording-filters{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.admin-recording-stats span{padding:10px 14px;border-radius:10px;background:#edf2f8}.admin-recording-filters label{display:grid;gap:4px;min-width:210px}.admin-recording-table-wrap{overflow-x:auto}.admin-recording-table{width:100%;border-collapse:collapse;min-width:700px}.admin-recording-table th,.admin-recording-table td{text-align:left;vertical-align:top;padding:12px;border-bottom:1px solid #dce6f2}.admin-recording-table td button{padding:6px 10px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}a{color:#235a97;text-decoration:none}a:hover{text-decoration:underline}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;background:#235c93;color:#fff;border-radius:10px;padding:11px 18px;font-weight:650;cursor:pointer;text-decoration:none;transition:background .15s}button:hover,.button:hover{background:#194a79;text-decoration:none}button:disabled{opacity:.55;cursor:not-allowed}.secondary{background:#edf2f8;color:#24476c;border-color:#dbe4ee}.secondary:hover{background:#dce6f2}.subtle{background:transparent;color:#536578}.subtle:hover{background:#e8eef5}.danger{background:#ac3b48}.danger:hover{background:#902b38}.danger-text{color:#a33040}input,select{display:block;width:100%;border:1px solid #cbd5e1;background:#fff;color:#18283d;border-radius:8px;padding:11px 12px;margin-top:6px}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #a1c8ef;outline-offset:2px}label{display:block;font-size:14px;font-weight:550;margin-bottom:16px}.check{display:flex;align-items:center;gap:10px;font-weight:400}.check input{width:17px;height:17px;margin:0}.topbar{height:82px;padding:0 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e6ef;background:#fff}.brand{display:flex;align-items:center;gap:12px;color:#15375c;font-size:20px;font-weight:750;letter-spacing:-.5px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#235c93;color:#fff;font-size:21px}.product{font-weight:400;color:#8290a2;font-size:13px;border-left:1px solid #ddd;padding-left:12px;margin-left:4px;letter-spacing:0}.topbar nav{display:flex;align-items:center;gap:18px;font-size:13px}main{max-width:1280px;padding:48px 36px;margin:auto;min-height:calc(100vh - 154px)}footer{text-align:center;padding:24px;color:#8a97a8;font-size:12px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:750;color:#697e96}h1,h2,p{margin-top:0}h1{font-size:34px;line-height:1.23;letter-spacing:-1px;margin-bottom:12px}h2{font-size:21px;line-height:1.35;letter-spacing:-.4px;margin-bottom:14px}p{margin-bottom:16px}.muted{color:#748197;font-size:14px}.card{background:#fff;border:1px solid #e0e6ef;border-radius:16px;padding:28px;box-shadow:0 3px 10px #1e385505}.login-layout{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:90px;max-width:1110px}.login-layout h1{font-size:47px;margin:22px 0}.login-layout em{font-style:normal;color:#235c93}.login-layout .intro{font-size:18px;color:#53677e}.login-card{padding:36px}.login-card button{width:100%;margin-top:10px}.heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:34px}.heading h1{margin-top:8px}.heading p{margin-bottom:0}.tabs{display:flex;gap:8px;margin-bottom:28px;border-bottom:1px solid #dbe3ed;padding-bottom:14px}.selected{background:#e4ecf6;color:#244d78}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.personal{grid-column:1/-1;border-top:3px solid #467daf;background:linear-gradient(110deg,#fff,#f8fbff)}.row{display:flex;justify-content:space-between;align-items:center;gap:16px}.room-card h2{margin-top:20px}.badge{display:inline-block;border-radius:20px;background:#edf2f7;color:#60748a;padding:5px 11px;font-size:12px;font-weight:550}.badge.live{background:#e1f3e9;color:#247e50}.badge.review{background:#fff1d6;color:#8a5a00}.archive-filter{display:grid;grid-template-columns:minmax(260px,1fr) auto;align-items:end;gap:12px;margin-bottom:22px}.archive-filter label{margin:0}.archive-filter .check{grid-column:1 / -1}.archive-list{display:grid;gap:18px}.archive-card h2{margin-bottom:5px}.archive-meta{display:flex;flex-wrap:wrap;gap:8px 20px;padding:12px 0 18px;color:#52677e}.archive-detail{margin-top:22px;padding-top:22px;border-top:1px solid #e1e7ef}.archive-detail h3{margin:24px 0 10px}.archive-person{padding:8px 0;border-bottom:1px solid #edf1f6}.archive-chat{max-height:360px;overflow:auto;padding:12px;background:#f7f9fc;border-radius:10px}.archive-chat time{color:#748197;font-size:12px}.archive-filter{grid-template-columns:minmax(0,2fr) minmax(150px,1fr) minmax(150px,1fr);align-items:end;margin-bottom:12px}.archive-filter .archive-search{grid-column:1 / -1}.archive-search-controls{display:flex;gap:8px}.archive-search-controls input{min-width:0;flex:1}.archive-search-controls button,.archive-actions button,.archive-active button,.archive-more button,.archive-filter select{min-height:44px}.archive-filter .check{grid-column:auto;min-height:44px;margin:0}.archive-filter .check input{width:44px;height:44px;flex:none;accent-color:#235c93}.archive-active{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px}.archive-active span{background:#e9f0f8;border-radius:8px;padding:7px 10px}.archive-results{font-weight:650;margin:12px 0}.archive-list{gap:8px}.archive-card{padding:16px 20px;min-width:0}.archive-row{display:flex;justify-content:space-between;gap:16px;align-items:center}.archive-information{min-width:0;overflow-wrap:anywhere}.archive-information h2{font-size:18px;margin:0}.archive-time,.archive-subtitle,.archive-teacher{color:#52677e;margin:2px 0}.archive-information .badge{display:inline-block;margin-top:4px}.archive-meta{padding:4px 0 0;margin:0;gap:4px 16px}.archive-meta:empty{display:none}.archive-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;flex:none}.archive-person{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #edf1f6}.archive-person .badge{margin-left:8px}.archive-person .actions{display:flex;flex-wrap:wrap;gap:8px}.archive-more{text-align:center;margin:16px 0}@media(max-width:767px){.archive-filter{grid-template-columns:1fr}.archive-filter .archive-search{grid-column:auto}.archive-search-controls{flex-wrap:wrap}.archive-search-controls input{flex-basis:100%}.archive-search-controls button{flex:1}.archive-row,.archive-person{display:block}.archive-actions{justify-content:stretch;margin-top:12px}.archive-actions button{flex:1 1 100%}.archive-person .actions{margin-top:8px}.archive-person .actions button{flex:1 1 100%}.archive-card{padding:16px}}.counts{display:flex;gap:30px;color:#7a8798;font-size:13px;padding:16px 0;border-top:1px solid #edf1f6}.counts b{display:inline-block;font-size:18px;color:#28415e;margin-left:6px}.waiting-names{font-size:13px;color:#6f8092;min-height:20px}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.notice{padding:18px 24px;background:#e8f0f9;border:1px solid #d7e4f2;border-radius:12px;margin:0 0 24px}.error{color:#a53040}.notice.error{background:#fff0f0;border-color:#f0d0d4}.editor{max-width:670px;margin-bottom:24px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.account-list .row{padding:18px 0;border-bottom:1px solid #edf1f6}.account-list .row:last-child{border-bottom:0}.account-list p{margin:4px 0 0}.prejoin{display:grid;grid-template-columns:1.3fr 1fr;gap:36px}.preview{position:relative;aspect-ratio:16/10;background:#19293b;border-radius:12px;overflow:hidden;display:grid;place-items:center;color:#b0bfd0;margin-bottom:16px}.preview video{width:100%;height:100%;object-fit:cover}.preview span{position:absolute;text-align:center}.prejoin-info{padding:10px}.device-test .actions{margin-bottom:18px}.device-test meter{width:100%;display:block;margin-bottom:12px}.device-test audio{max-width:100%}.waiting{text-align:center;padding:64px 28px}.waiting-icon{width:68px;height:68px;display:grid;place-items:center;font-size:42px;color:#3c76a9;background:#e9f1fa;margin:0 auto 25px;border-radius:50%}.waiting-people{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:25px 0}.lesson-page{max-width:1600px}.group-badge{display:inline-flex;align-items:center;background:#e8f0fc;color:#235a97;border:1px solid #bcd1ee;border-radius:20px;padding:4px 10px;font-size:13px;font-weight:600;overflow-wrap:anywhere;max-width:100%;margin:0 6px 6px 0}button.group-badge[aria-pressed=true]{background:#235c93;color:#fff;border-color:#235c93}button.group-badge:hover{background:#d5e5fb;color:#18283d}.group-picker{border:1px solid #d7e1ee;border-radius:12px;padding:16px;margin:16px 0;min-width:0}.group-picker legend{font-weight:650}.without-group{color:#52677e;background:#eef2f7}.group-options{display:flex;flex-wrap:wrap;gap:4px}.media-shell{background:#122031;border-radius:16px;padding:14px;color:#dae4ef}.media-status{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#a6b7ca;padding:0 6px 14px}.media-status .data-mode{display:flex;align-items:center;gap:8px;margin:0;color:#a6b7ca}.media-status .data-mode select{width:auto;margin:0;padding:5px 8px;border-color:#435970;background:#1d3045;color:#eef6ff}.meeting-stage{min-width:0;min-height:0}.meeting-view-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 2px 12px;font-size:13px}.meeting-view-actions{display:flex;flex-wrap:wrap;gap:8px}.meeting-view-bar>span{flex-shrink:0;white-space:nowrap}.meeting-view-actions button{background:#26394f;padding:6px 10px;font-size:12px}.meeting-layout{min-height:0}.participant-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:10px;align-content:start;min-width:0;overflow:auto;max-height:65dvh;padding:2px;scrollbar-color:#60758d #122031}.participant-item{position:relative;min-width:0}.participant-pin{position:absolute;top:8px;right:8px;width:28px;height:28px;padding:0;border-radius:6px;background:#101d2ddd}.participant-pin[aria-pressed=true]{background:#235c93}.meeting-stage button:focus-visible,.participant-gallery:focus-visible{outline:2px solid #8fc7ff;outline-offset:2px}.has-stage .meeting-layout{display:grid;grid-template-columns:minmax(0,1fr) 208px;gap:12px;height:clamp(300px,62dvh,760px)}.meeting-content{display:grid;grid-auto-rows:minmax(0,1fr);min-width:0;min-height:0;gap:10px;background:#05090f;border-radius:8px;overflow:hidden}.miro-board-frame{width:100%;height:100%;min-height:0;border:0;background:#fff}.participant-strip{grid-template-columns:minmax(0,1fr);max-height:none;overscroll-behavior:contain}.video-tile{position:relative;aspect-ratio:16/9;border-radius:8px;background:#26394f;border:2px solid transparent;overflow:hidden}.video-tile.speaking{border-color:#5db98a}.video-tile video{width:100%;height:100%;object-fit:cover}.meeting-content .video-tile{width:100%;height:100%;min-height:0;aspect-ratio:auto;touch-action:manipulation}.screen-tile video{object-fit:contain}.meeting-stage.meeting-expanded,.meeting-stage:fullscreen{position:fixed;inset:0;z-index:1200;display:flex;flex-direction:column;width:100vw;height:100dvh;background:#05090f;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.meeting-expanded .meeting-layout,.presentation-focus .meeting-layout{flex:1;min-height:0;height:auto;overflow:auto}.meeting-expanded .participant-gallery{max-height:100%}.presentation-focus{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;height:100dvh;overflow:auto;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:#07111e}.presentation-focus-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;color:#eef6ff}.presentation-focus .media-status,.presentation-focus>.toolbar,.presentation-focus .media-hint{display:none}.presentation-focus .meeting-stage{display:flex;flex-direction:column;flex:1;min-height:0}.presentation-waiting{align-self:center;justify-self:center;color:#eef6ff}.avatar{height:100%;display:grid;place-items:center;font-size:48px;color:#92abc4}.screen-tile .avatar{font-size:22px}.tile-name{position:absolute;display:flex;align-items:center;gap:5px;max-width:calc(100% - 12px);bottom:6px;left:6px;background:#101d2de8;color:#fff;padding:3px 6px;border-radius:4px;font-size:12px}.tile-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-suffix,.tile-muted{flex-shrink:0}.tile-muted{display:flex;color:#f99}.toolbar{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:20px 0 6px}.modal-backdrop{position:fixed;inset:0;z-index:1400;display:grid;place-items:center;padding:20px;background:#07111eb8}.board-chooser{width:min(480px,100%);max-height:min(70dvh,640px);overflow:auto;padding:24px;border-radius:16px;background:#fff;color:#18283d;box-shadow:0 24px 80px #0007}.board-chooser h2{margin:0}.board-options{display:grid;gap:10px;margin-top:20px}.media-hint{font-size:12px;color:#a6b7ca;text-align:center;margin:12px 0 0}.participants-panel{margin-top:24px}.participants-panel .row{padding:10px 0;border-top:1px solid #e5eaf1}.audio-tracks{display:none}@media(max-width:800px){.product{display:none}.topbar{height:auto;min-height:70px;padding:14px 20px;gap:10px}.topbar nav>span{display:none}.brand{font-size:17px}.brand-mark{width:34px;height:34px}main{padding:28px 20px}.login-layout{grid-template-columns:1fr;gap:25px}.login-layout h1{font-size:36px}.login-layout .muted{max-width:450px}.heading{align-items:flex-start;flex-direction:column;gap:18px}h1{font-size:27px}.cards,.prejoin,.archive-filter{grid-template-columns:1fr}.archive-filter .check{grid-column:auto}.card{padding:22px}.personal{grid-column:auto}.columns{grid-template-columns:1fr;gap:0}.prejoin{gap:18px}.row{flex-wrap:wrap}.counts{gap:16px;flex-wrap:wrap}.toolbar button{font-size:12px;padding:10px}.participant-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.has-stage .meeting-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;height:clamp(280px,65dvh,700px)}.participant-strip{display:flex;padding-bottom:6px}.participant-strip .participant-item{flex:0 0 144px}.meeting-expanded .meeting-layout,.presentation-focus .meeting-layout{height:auto}.meeting-view-bar{font-size:11px}.presentation-focus-bar{align-items:stretch;flex-direction:column;padding-bottom:8px}.tile-name{font-size:10px;left:4px;bottom:4px}.avatar{font-size:32px}.media-status{flex-wrap:wrap}.actions .button,.actions button{flex:1}.tabs{overflow-x:auto}.join-page .heading{margin-bottom:22px}.topbar nav a{font-size:12px}}
