:root{font-family:system-ui,-apple-system,Arial,sans-serif;color:#e6edf7;background:#0b1220;color-scheme:dark;--ratio:40%}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{background:#22354d;color:#fff;border:1px solid #405572;border-radius:7px;padding:8px 12px;cursor:pointer}button:hover{background:#365271}button:disabled{opacity:.5;cursor:wait}input,select,textarea{width:100%;padding:9px;background:#0c1727;color:#fff;border:1px solid #405572;border-radius:6px}label{display:block;margin:8px 0}small,.muted{color:#9bacc2}h1{font-size:21px;margin:5px 0}h2{font-size:18px}p{line-height:1.45}#stage{height:100dvh;min-height:400px;display:flex;flex-direction:column;background:#0b1220;padding:16px;gap:12px}header,.actions,.sidebar,footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.actions{flex-wrap:wrap;justify-content:flex-end;font-size:13px}#materials{display:flex;gap:8px;overflow-x:auto;flex-shrink:0}#materials:empty{display:none}#layout{display:grid;grid-template-columns:var(--ratio) minmax(0,1fr);gap:14px;flex:1;min-height:0}#left{min-width:0;min-height:0;display:flex;flex-direction:column;gap:12px}#videoBox{position:relative;aspect-ratio:16/9;flex:0 1 auto;min-height:140px;max-height:100%;background:#000;border-radius:10px;overflow:hidden;width:100%}#videoBox .video-js,#mainVideo{width:100%!important;height:100%!important}video,.vjs-tech{object-fit:contain!important}#layout.no-side{grid-template-columns:1fr}#layout.no-side #side{display:none}#layout.no-side #videoBox{flex:1;aspect-ratio:auto}#layout.no-questions #videoBox{flex:1;aspect-ratio:auto}#layout.swapped #left{grid-column:2;grid-row:1}#layout.swapped #side{grid-column:1;grid-row:1}#board{position:absolute;inset:0;background:rgba(4,12,22,.93);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:24px;text-align:center;z-index:5}#board[hidden]{display:none}#audio{position:absolute;right:12px;top:12px;z-index:6}#questions{background:#142135;border:1px solid #293c56;border-radius:10px;padding:16px;overflow:auto;flex:1;min-height:180px}#questions[hidden]{display:none}#questions h2{margin-top:0}#questions p{font-size:13px}#side{background:#111d30;border:1px solid #293c56;border-radius:10px;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.sidebar{padding:10px;font-size:14px}#sideContent{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;background:#060c15}#sideContent img{max-width:100%;max-height:100%;object-fit:contain}#sideContent iframe,#sideContent .video-js{width:100%;height:100%;border:0}footer{font-size:12px;color:#9bacc2}#published p{border-top:1px solid #405572;padding-top:10px;white-space:pre-wrap}.vjs-fullscreen-control,.vjs-picture-in-picture-control{display:none!important}body.scheduled .vjs-progress-control{display:none!important}.admin{max-width:1150px;margin:auto;padding:25px}.card{padding:22px;background:#142135;border:1px solid #293c56;border-radius:12px;margin:16px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.admin table{width:100%;border-collapse:collapse}.admin td,.admin th{padding:6px;text-align:left}.admin input[type=checkbox]{width:auto}.admin a{color:#83caff}.error{background:#5d202b;padding:14px}.success{background:#154c3b;padding:14px}.qtext{white-space:pre-wrap;overflow-wrap:anywhere}.admin .scroll{overflow:auto}.inline{display:inline}.admin .inline button{margin:4px}.admin code{color:#b1d8ff}@media(max-width:760px){#stage{height:auto;min-height:100dvh;padding:10px}header{align-items:flex-start;flex-direction:column}.actions{justify-content:flex-start}#layout,#layout.swapped{display:flex;flex-direction:column}#videoBox,#layout.no-side #videoBox,#layout.no-questions #videoBox{aspect-ratio:16/9;flex:none;min-height:0}#side{height:60vh;min-height:260px}#questions{max-height:400px;flex:none}#layout.swapped #side{order:-1}.grid{grid-template-columns:1fr}#stage:fullscreen{overflow:auto}.admin{padding:12px}}@media(max-height:550px) and (min-width:761px){#stage{min-height:320px}#questions{min-height:120px}#videoBox{min-height:100px}}

@media(max-width:760px){#left{display:contents}#videoBox{order:1}#side{order:2}#questions{order:3}#layout.swapped #side{order:0}}

#closeSide{background:#f5b544;color:#172033;border-color:#ffd684;font-weight:700}#closeSide:hover{background:#ffd17b}#closeSide:focus-visible{outline:3px solid #fff;outline-offset:3px}

.save-button{background:#f5b544;color:#172033;border:2px solid #ffd684;font-weight:800;padding:12px 22px}.save-button:hover{background:#ffd17b}.save-button:focus-visible{outline:3px solid white;outline-offset:3px}
.webinar-preview{display:block;width:100%;max-width:600px;height:340px;border:1px solid #405572;border-radius:8px;background:#000}.material-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:18px}.material-card{margin:0;min-width:0}.material-pick{width:100%;padding:8px;text-align:left}.material-pick strong,.material-pick>span:last-child{display:block;margin-top:8px}.material-pick>span:last-child{font-size:12px}.thumb{display:block;height:150px;overflow:hidden;background:#060c15}.thumb iframe{width:100%;height:100%;border:0;pointer-events:none}.selected .material-pick{border:3px solid #f5b544}#questionInbox{scroll-margin-top:20px}.preview #audio,.preview #sideMute,.preview #toggleQuestions,.preview #materials,.preview #questions,.preview .vjs-volume-panel{display:none!important}.preview #stage{min-height:0;height:100dvh;padding:8px}.preview #layout{display:grid;min-height:0}.preview #left{display:flex}.preview #videoBox{min-height:0;flex:1}.preview #side{height:auto;min-height:0}.preview h1{font-size:14px}.preview header .actions{display:none}.preview footer{display:none}

.panel-status:not(:empty){position:fixed;bottom:12px;right:12px;max-width:480px;padding:14px;background:#154c3b;border:1px solid #6ed1aa;border-radius:8px;z-index:50}