.webinar-demo{--ink:#edf7f8;--muted:#97b3bf;--mint:#91eadb;background:#07151d;color:var(--ink);font-family:system-ui,-apple-system,sans-serif}.webinar-demo #stage{padding:22px 28px 14px;gap:12px;background:radial-gradient(ellipse at 85% 0,#123443 0,transparent 60%),#07151d;height:100dvh;min-height:680px}.webinar-demo header{flex-shrink:0}.webinar-demo header small{color:var(--mint);font-size:9px;letter-spacing:3px;font-weight:700}.webinar-demo h1{font-size:29px;line-height:1.1;letter-spacing:-.8px;margin:6px 0}.webinar-demo #demoSubtitle{font-size:11px;color:var(--muted);margin:6px 0 0}.webinar-demo button{font-size:11px;border-color:#345563;background:#13313e;padding:8px 12px}.webinar-demo button:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.webinar-demo button:hover{background:#254e5e}.webinar-demo #fullscreen,.webinar-demo #play{background:var(--mint);color:#0a2b32;font-weight:750;border-color:var(--mint)}.webinar-demo #play{font-size:14px;padding:13px 22px;margin-top:14px}.webinar-demo #closeSide{background:#dbc39b;color:#182a30;border-color:#dbc39b}.webinar-demo #materials{border-top:1px solid #27404b;padding-top:12px;gap:7px}.webinar-demo #materials button{border-radius:30px;white-space:nowrap;font-size:11px;color:#bbd0da;background:transparent}.webinar-demo #materials button[aria-pressed=true]{border-color:var(--mint);color:var(--mint);background:#173d46}.webinar-demo #layout{gap:16px}.webinar-demo #videoBox{border:1px solid #34515b;border-radius:12px}.webinar-demo #side{border-color:#34515b;border-radius:12px;background:#0a1d28}.webinar-demo .sidebar{padding:12px 16px;color:#cbe2e9;border-bottom:1px solid #27404b;font-size:12px}.webinar-demo #sideContent{background:#091722}.webinar-demo #questions{border-color:#294551;border-radius:12px;background:#102733;padding:16px 18px}.webinar-demo #questions h2{font-size:17px;margin-bottom:6px;letter-spacing:-.3px}.webinar-demo #questions p{font-size:11px;line-height:1.5}.webinar-demo #questionForm label{font-size:11px;color:#c0d4dd}.webinar-demo input,.webinar-demo textarea{background:#091b25;border-color:#34515e;font-size:12px;padding:8px}.webinar-demo textarea{min-height:64px;resize:vertical}.webinar-demo #questionForm button{background:#2d756f;border-color:#4c9990}.webinar-demo #publishedHeading{font-size:10px;text-transform:uppercase;letter-spacing:1px;margin:22px 0 0;color:var(--mint)}.webinar-demo #published p{background:#132e3a;padding:10px;border:1px solid #294753;border-radius:7px;font-size:11px}.webinar-demo #board{background:linear-gradient(90deg,#06151def,#071720b8);padding:22px}.webinar-demo #board h2{font-size:clamp(20px,2.6vw,40px);letter-spacing:-1px;margin:0 0 10px}.webinar-demo #board p{color:#bbd0da;font-size:12px;max-width:330px}.webinar-demo #audio{font-size:10px;background:#153d49ee}.webinar-demo footer{font-size:9px;min-height:14px;flex-shrink:0;color:#829eaa}.webinar-demo #demoGuide{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px 15px;border:1px solid #2c4b57;border-radius:10px;background:#102c38;flex-shrink:0}.webinar-demo #demoGuide[hidden]{display:none}.webinar-demo #demoGuide small{display:block;font-size:8px;letter-spacing:1.7px;color:var(--mint)}.webinar-demo #demoGuide strong{display:block;font-size:14px;margin:3px 0}.webinar-demo #demoGuide p{color:#b2cbd4;font-size:10px;margin:0}.webinar-demo .guide-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.webinar-demo #demoTime{font:10px ui-monospace,monospace;color:#b9d1d9}.webinar-demo .guide-progress{position:absolute;height:2px;bottom:0;left:10px;right:10px;background:#274956}.webinar-demo .guide-progress i{display:block;width:0;height:100%;background:var(--mint);transition:width .3s linear}.webinar-demo #demoGuide.compact #demoDescription,.webinar-demo #demoGuide.compact #demoTitle{display:none}.webinar-demo #demoGuide.compact{padding-top:8px;padding-bottom:10px}.webinar-demo #layout.no-side #videoBox{max-width:100%;min-height:210px}.webinar-demo.preview #demoSubtitle,.webinar-demo.preview #demoGuide{display:none!important}.webinar-demo.preview #stage{padding:8px;min-height:0}.webinar-demo.preview header h1{font-size:14px}.webinar-demo.preview #layout.no-side #videoBox{min-height:0}
.admin{background:radial-gradient(ellipse at 80% 0,#143746,transparent 60%),#081923}.admin .card{background:#102b38;border-color:#2d4c5b}.admin .save-button{background:#91eadb;border-color:#b9fff1;color:#082c32}.admin .selected .material-pick{border-color:#91eadb}.admin .thumb{height:160px}.admin .material-pick{border-radius:10px}.admin .webinar-preview{max-width:720px;height:400px}
@media(min-width:761px) and (max-height:820px){.webinar-demo #stage{padding:14px 20px 10px;min-height:600px}.webinar-demo #demoSubtitle{display:none}.webinar-demo #demoGuide{padding-top:8px;padding-bottom:10px}.webinar-demo h1{font-size:24px}.webinar-demo #questions{min-height:145px}.webinar-demo #materials{padding-top:9px}}
@media(max-width:1000px){.webinar-demo .guide-actions{flex-wrap:wrap;justify-content:flex-end;max-width:240px}.webinar-demo .actions{max-width:420px}.webinar-demo #demoGuide{gap:12px}}
@media(max-width:760px){.webinar-demo #stage{height:auto;min-height:100dvh;padding:16px 12px;gap:12px}.webinar-demo header{gap:12px}.webinar-demo h1{font-size:29px}.webinar-demo .actions{max-width:none;gap:6px}.webinar-demo button{font-size:10px;padding:7px 9px}.webinar-demo #materials button{font-size:10px}.webinar-demo #demoGuide{display:block;padding:12px 13px 15px}.webinar-demo .guide-actions{max-width:none;justify-content:flex-start;margin-top:9px}.webinar-demo #demoGuide p{font-size:11px}.webinar-demo #demoGuide small{font-size:8px;letter-spacing:1px}.webinar-demo #side{height:360px;min-height:280px}.webinar-demo #questions{max-height:460px}.webinar-demo #layout.no-side #videoBox{min-height:0}.webinar-demo #board h2{font-size:24px}.webinar-demo #board p{font-size:10px}.webinar-demo #play{font-size:11px;padding:9px 16px}.webinar-demo footer{display:block;line-height:1.6}.webinar-demo.preview #stage{height:100dvh;min-height:0}.webinar-demo.preview #side{height:auto;min-height:0}}
@media(min-width:761px){.webinar-demo #layout.swapped{grid-template-columns:minmax(0,1fr) var(--ratio)}.webinar-demo #layout.no-side.swapped{grid-template-columns:1fr}.webinar-demo #layout.no-side.swapped #left{grid-column:1;grid-row:auto}}
.webinar-demo [hidden]{display:none!important}
.webinar-demo #questionCompose{border:1px solid #345b68;border-radius:8px;margin-top:13px;padding:0 12px;background:#13323e}.webinar-demo #questionCompose summary{cursor:pointer;padding:11px 0;color:#a3ecdd;font-size:12px;font-weight:650}.webinar-demo #questionCompose[open]{padding-bottom:12px}.webinar-demo #questionCompose summary:focus-visible{outline:2px solid #91eadb}.webinar-demo #questionCompose #privacyNotice{font-size:10px}
@media(max-width:760px){.webinar-demo #side{height:560px;min-height:320px;max-height:80dvh}.webinar-demo.preview #side{height:auto;min-height:0;max-height:none}}