:root{--bg: #070708;--ink: #f4f5f7;--muted: #9ea4ae;--red: #e1241b;--screen-bg: #0d1521;--screen-ink: #e8eef7;--spot: 255, 224, 170;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#000;color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}#app{position:relative;height:100dvh;width:100vw;overflow:hidden}.broadcast{position:absolute;inset:0;background:var(--bg)}.broadcast:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:28;box-shadow:inset 0 0 240px 30px #000000e6}.stage{position:absolute;inset:0;background:radial-gradient(140% 90% at 50% 22%,#15171c,#0a0b0e 46%,#060607);transition:filter .5s ease;animation:camera-drift 34s ease-in-out infinite alternate}@keyframes camera-drift{0%{transform:scale(1.025) translate(-.5%,.25%)}to{transform:scale(1.035) translate(.6%,-.35%)}}.floor{position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.55));border-top:1px solid rgba(255,255,255,.04)}.screen{position:absolute;top:8%;left:50%;transform:translate(-50%);width:min(60vw,820px);aspect-ratio:16 / 8.6;overflow:hidden;background:var(--screen-bg);border:1px solid rgba(255,255,255,.06);box-shadow:0 0 90px #96b4e61a,0 24px 70px #0000008c}.screen:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 100% at 50% 0%,rgba(120,150,210,.1),transparent 58%),linear-gradient(180deg,#080c1647,#04060c8c);box-shadow:inset 0 0 70px #0009}.screen-media{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s ease;filter:brightness(.7) contrast(1.04) saturate(.9)}.screen.show-media .screen-media{opacity:1}.screen-text{position:absolute;inset:0;z-index:2;padding:clamp(16px,3vw,44px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.35em;text-align:left;transition:opacity .6s ease}.screen.show-media .screen-text{opacity:0}.slide-badge{position:absolute;left:clamp(14px,2.4vw,28px);bottom:clamp(12px,2vw,22px);z-index:3;font-size:clamp(.56rem,1.2vw,.82rem);letter-spacing:.3em;color:#dce6f5d9;text-shadow:0 1px 8px rgba(0,0,0,.8);opacity:0;transition:opacity .6s ease}.screen.show-media .slide-badge{opacity:1}.slide-company{font-size:clamp(.58rem,1.3vw,.9rem);letter-spacing:.34em;color:#7e93b8}.slide-product{font-size:clamp(1.6rem,4.6vw,3.4rem);font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--screen-ink)}.slide-rule{width:46px;height:3px;background:var(--red);margin:.35em 0 .1em}.slide-tagline{font-size:clamp(.8rem,1.8vw,1.2rem);color:#aab6cc}.spotlight{position:absolute;bottom:5%;left:50%;transform:translate(-50%);width:30vw;height:26%;background:radial-gradient(50% 85% at 50% 78%,rgba(var(--spot),.13),transparent 70%);filter:blur(8px);pointer-events:none}.presenter-canvas{position:absolute;left:0;bottom:2%;width:100%;height:clamp(280px,56vh,500px);pointer-events:none;filter:drop-shadow(0 22px 34px rgba(0,0,0,.55))}.haze{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(56% 46% at 50% 30%,rgba(120,150,210,.05),transparent 70%),radial-gradient(44% 60% at 50% 96%,rgba(255,224,170,.06),transparent 72%)}.podium{position:absolute;bottom:5.5%;left:50%;transform:translate(-50%);width:clamp(58px,6.5vw,88px);height:clamp(48px,8vh,104px);background:#0a0f18;border-radius:4px 4px 1px 1px}.broadcast.is-applause .stage{filter:brightness(1.14) contrast(1.02)}.grain{position:absolute;inset:0;z-index:30;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .6s steps(3) infinite}@keyframes grain{0%{transform:translate(0)}50%{transform:translate(-3%,2%)}to{transform:translate(2%,-2%)}}.scanlines{position:absolute;inset:0;z-index:29;pointer-events:none;opacity:.4;mix-blend-mode:multiply;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.14) 0 1px,transparent 1px 3px)}.chrome{position:absolute;z-index:40;display:flex;align-items:flex-start}.chrome-top{top:clamp(14px,3vh,26px);left:clamp(14px,3vw,30px);right:clamp(14px,3vw,30px);justify-content:space-between}.bug{display:inline-flex;align-items:center;gap:10px}.bug-mark{font-weight:800;letter-spacing:.34em;font-size:.84rem;padding-left:.34em}.bug-live{display:inline-flex;align-items:center;gap:6px;background:var(--red);color:#fff;font-weight:800;font-size:.64rem;letter-spacing:.16em;padding:3px 7px 3px 16px;border-radius:2px;position:relative}.bug-live:before{content:"";position:absolute;left:6px;width:6px;height:6px;border-radius:50%;background:#fff;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.status{text-align:right;font-variant-numeric:tabular-nums}.viewers{font-size:.76rem;color:var(--muted)}.viewers:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--red);margin-right:6px;vertical-align:middle}.timecode{font-size:.72rem;color:#5d646f;letter-spacing:.08em;margin-top:2px}.lower-third{position:absolute;z-index:40;left:clamp(14px,3.2vw,44px);bottom:clamp(116px,22vh,188px);padding:11px 22px 12px 17px;border-left:4px solid var(--red);background:#090a0df0;max-width:min(90vw,560px);animation:lt-in .5s cubic-bezier(.2,.8,.2,1) both}@keyframes lt-in{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:none}}.lt-name{font-size:clamp(1.15rem,3.2vw,1.95rem);font-weight:800;line-height:1.08}.lt-title{font-size:clamp(.72rem,1.7vw,.98rem);color:var(--muted);margin-top:3px}.caption{position:absolute;z-index:40;left:50%;transform:translate(-50%);bottom:clamp(40px,8vh,66px);width:min(86vw,980px);text-align:center}.caption-text{display:inline;margin:0;font-size:clamp(1.05rem,2.7vw,1.7rem);font-weight:600;line-height:1.5;color:#fff;background:#0000008c;box-shadow:.35em 0 #0000008c,-.35em 0 #0000008c;box-decoration-break:clone;-webkit-box-decoration-break:clone}.caption.hidden{opacity:0}.sound{position:absolute;z-index:50;right:clamp(14px,3vw,30px);bottom:clamp(40px,8vh,66px);width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#090a0dcc;border:1px solid rgba(255,255,255,.16);color:var(--ink);cursor:pointer;padding:0}.sound svg{width:20px;height:20px}.sound:hover{border-color:var(--red)}.sound.is-on{color:#fff;border-color:var(--red)}.hidden{display:none!important}@media(max-width:640px){.screen{width:92vw;top:14%}.presenter-canvas{height:clamp(260px,54vh,460px);bottom:9%}.lower-third{bottom:150px}.caption{bottom:48px;width:92vw}.caption-text{font-size:1.02rem}.sound{bottom:112px}}@media(prefers-reduced-motion:reduce){.grain,.bug-live:before,.stage{animation:none}}