@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap";:root{color:#f4f6f8;font-synthesis:none;text-rendering:optimizelegibility;background:#080a0e;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 18%,#30608229,#0000 32rem),#080a0e;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.page-shell{flex-direction:column;min-height:100vh;padding:0 clamp(1.25rem,4vw,4rem);display:flex}.topbar{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;width:min(1120px,100%);min-height:84px;margin:0 auto;display:flex}.brand{align-items:center;gap:.7rem;font:700 1rem Manrope,sans-serif;display:inline-flex}.brand-mark,.action-icon{color:#70d7ff;background:#37b1e01a;place-items:center;display:grid}.brand-mark{border:1px solid #70d7ff3d;border-radius:10px;width:34px;height:34px}.brand svg{width:19px}.service-status{color:#8f98a5;align-items:center;gap:.55rem;font-size:.8rem;display:inline-flex}.status-dot{background:#d5a146;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #d5a1461a}.service-status--online .status-dot{background:#55d694;box-shadow:0 0 0 4px #55d6941a}.service-status--offline .status-dot{background:#ef7272;box-shadow:0 0 0 4px #ef72721a}.hero{text-align:center;width:min(820px,100%);margin:auto;padding:5rem 0 4rem}.eyebrow{color:#73d2f7;letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:.5rem;margin:0 0 1.5rem;font-size:.75rem;font-weight:700;display:inline-flex}.eyebrow span{background:currentColor;width:18px;height:1px}h1{letter-spacing:-.065em;margin:0;font:600 clamp(2.9rem,8vw,5.7rem)/.98 Manrope,sans-serif}.lead{color:#9ba4af;max-width:590px;margin:1.75rem auto 2.75rem;font-size:clamp(1rem,2vw,1.15rem);line-height:1.65}.action-card{text-align:left;background:linear-gradient(130deg,#171b22f2,#0e1116f2);border:1px solid #ffffff17;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:1.25rem;padding:1.35rem;display:grid;box-shadow:0 22px 60px #00000047}.action-icon{border-radius:14px;width:52px;height:52px}.action-icon svg{width:25px}.action-copy h2{margin:0 0 .25rem;font:600 1rem Manrope,sans-serif}.action-copy p,.coming-soon{color:#858e99;margin:0;font-size:.84rem}.action-card button{padding:.85rem 1.15rem}.action-card button:disabled{cursor:not-allowed;opacity:.45}.coming-soon{grid-column:2/-1;display:none}.quality-panel{text-align:left;background:#11151bc7;border:1px solid #ffffff14;border-radius:12px;grid-template-columns:auto minmax(240px,1fr);align-items:center;gap:.55rem 1rem;max-width:660px;margin:1.15rem auto 0;padding:1rem 1.1rem;display:grid}.quality-panel label{color:#dce3e9;font-size:.84rem;font-weight:700}.quality-panel select,.quality-panel input{color:#eef3f7;background:#090c10;border:1px solid #ffffff21;border-radius:8px;outline:none;min-width:0;padding:.7rem .8rem}.quality-panel select{padding-right:2.2rem}.quality-panel input::placeholder{color:#59636e}.quality-panel select:focus,.quality-panel input:focus{border-color:#74d8ffa6}.quality-panel select:disabled,.quality-panel input:disabled{opacity:.55}.quality-panel p{color:#737d88;grid-column:1/-1;margin:-.1rem 0 .25rem;font-size:.75rem;line-height:1.45}.primary-button,.danger-button,.audio-button{cursor:pointer;border:0;border-radius:10px;font-weight:700;transition:transform .16s,background .16s,opacity .16s}.primary-button{color:#111519;background:#74d8ff}.primary-button:hover:not(:disabled){background:#9ae3ff;transform:translateY(-1px)}.danger-button{color:#ffadad;background:#ef5e5e17;border:1px solid #ef5e5e40;padding:.72rem 1rem}.danger-button:hover{background:#ef5e5e29}.audio-note{color:#6f7883;max-width:620px;margin:1.2rem auto 0;font-size:.78rem;line-height:1.55}.notice{text-align:left;border-radius:10px;margin:0 auto 1.25rem;padding:.9rem 1rem;font-size:.84rem;line-height:1.5}.notice--warning{color:#e9c982;background:#d8a43a17;border:1px solid #d8a43a38}.notice--error{color:#faa;background:#ef5e5e17;border:1px solid #ef5e5e38}.notice--success{color:#91dfb7;background:#55d69414;border:1px solid #55d69433}.broadcast-layout,.viewer-layout{width:min(1080px,100%);margin:auto;padding:3.5rem 0 4rem}.broadcast-heading,.viewer-heading{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:1.4rem;display:flex}.broadcast-heading .eyebrow,.viewer-heading .eyebrow{margin-bottom:.65rem}.broadcast-heading h1,.viewer-heading h1{letter-spacing:-.05em;font-size:clamp(2rem,5vw,3.5rem)}.live-label{color:#f77}.live-label.is-recovering{color:#e8bd69}.presenter-actions{align-items:center;gap:.8rem;display:flex}.viewer-count{color:#8c96a1;white-space:nowrap;font-size:.78rem}.video-stage{aspect-ratio:16/9;background:#030405;border:1px solid #ffffff17;border-radius:16px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:0 25px 70px #0000004d}.video-stage video{object-fit:contain;background:#030405;width:100%;height:100%;display:block}.live-chip{color:#fff;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0d10c7;border:1px solid #ffffff1f;border-radius:7px;align-items:center;gap:.45rem;padding:.42rem .62rem;font-size:.68rem;font-weight:700;display:flex;position:absolute;top:1rem;left:1rem}.live-chip span,.viewer-status--watching span{background:#ff6565;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #ff65651f}.share-panel{background:#11151b;border:1px solid #ffffff14;border-radius:14px;grid-template-columns:.8fr 1.2fr;align-items:center;gap:2rem;margin-top:1.25rem;padding:1.3rem;display:grid}.share-panel h2{margin:0 0 .25rem;font:600 .95rem Manrope,sans-serif}.share-panel p{color:#7e8793;margin:0;font-size:.78rem;line-height:1.5}.link-row{gap:.6rem;display:flex}.link-row input{color:#b4bec9;background:#090c10;border:1px solid #ffffff1a;border-radius:9px;outline:none;flex:1;min-width:0;padding:.8rem .9rem}.link-row input:focus{border-color:#74d8ff8c}.copy-button{white-space:nowrap;align-items:center;gap:.45rem;padding:.8rem 1rem;display:inline-flex}.copy-button svg,.audio-button svg{width:18px}.viewer-status{color:#8c96a1;background:#11151b;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:.5rem;padding:.55rem .7rem;font-size:.72rem;font-weight:600;display:flex}.viewer-status span{background:#d6a655;border-radius:50%;width:7px;height:7px}.viewer-status--ended span,.viewer-status--error span{background:#65707c}.stage-placeholder{text-align:center;place-content:center;justify-items:center;padding:2rem;display:grid;position:absolute;inset:0}.stage-placeholder .action-icon{margin-bottom:1rem}.stage-placeholder h2{margin:0 0 .4rem;font:600 1rem Manrope,sans-serif}.stage-placeholder p,.viewer-help{color:#707985;margin:0;font-size:.8rem}.viewer-help{text-align:center;margin-top:1rem}.audio-button{z-index:10;color:#0b1115;background:#8ddfff;align-items:center;gap:.55rem;padding:.85rem 1rem;display:inline-flex;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 12px 35px #00000073}.audio-host{display:none}.voice-layout{text-align:center;width:min(760px,100%);margin:auto;padding:4.5rem 0}.voice-layout h1{font-size:clamp(2.3rem,6vw,4.2rem)}.voice-join-card,.voice-room-card{text-align:left;background:#11151b;border:1px solid #ffffff17;border-radius:16px;margin:0 auto;padding:1.35rem;box-shadow:0 22px 60px #00000040}.voice-join-card{grid-template-columns:1fr auto;align-items:end;gap:.65rem;display:grid}.voice-join-card label{color:#dce3e9;grid-column:1/-1;font-size:.82rem;font-weight:700}.voice-join-card input{color:#eef3f7;background:#090c10;border:1px solid #ffffff21;border-radius:9px;outline:none;min-width:0;padding:.85rem}.voice-join-card input:focus{border-color:#74d8ffa6}.voice-join-card button{padding:.88rem 1.1rem}.voice-join-card p{color:#8c96a1;text-align:center;grid-column:1/-1;margin:0}.voice-room-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.voice-room-heading h2{margin:0 0 .2rem;font:600 1rem Manrope,sans-serif}.voice-room-heading p{color:#7e8793;margin:0;font-size:.78rem}.voice-actions{gap:.6rem;display:flex}.secondary-button{color:#dce3e9;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1f;border-radius:10px;padding:.72rem 1rem;font-weight:700}.voice-actions .primary-button{padding:.72rem 1rem}.voice-participants{gap:.55rem;margin:1.2rem 0 0;padding:0;list-style:none;display:grid}.voice-participants li{color:#c8d0d8;background:#0a0d11;border:1px solid #0000;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:.7rem;display:grid}.voice-participants li.is-speaking{background:#55d6940f;border-color:#55d6947a}.voice-avatar{color:#8ddfff;background:#74d8ff1a;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.speaking-indicator{color:#66d99e;font-size:.7rem;font-weight:700}.voice-video-stage{margin-bottom:.75rem}.screen-audio-warning{color:#747e89;margin:0 0 1rem;font-size:.74rem;line-height:1.45}.participant-mute{color:#aeb8c2;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:7px;padding:.4rem .65rem;font-size:.7rem;font-weight:700}.participant-mute:hover{color:#eef3f7;background:#ffffff1a}.presenter-voice-panel{text-align:left;background:#11151b;border:1px solid #ffffff14;border-radius:14px;margin-top:1.25rem;padding:1.2rem}.viewer-controls{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080a0ecc;border:1px solid #ffffff1a;border-radius:9px;align-items:center;gap:.65rem;padding:.48rem .55rem;display:flex;position:absolute;bottom:.8rem;right:.8rem}.viewer-controls label{align-items:center;gap:.45rem;display:flex}.viewer-controls svg{color:#9ba6b1;width:17px}.viewer-controls input{accent-color:#74d8ff;width:92px}.viewer-controls button{color:#dce3e9;cursor:pointer;background:#ffffff12;border:0;border-radius:6px;padding:.42rem .6rem;font-size:.72rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.trust-row{color:#69727d;justify-content:center;gap:1.5rem;margin-top:1.6rem;font-size:.75rem;display:flex}.trust-row span:before{content:"✓";color:#5da4bf;margin-right:.4rem}footer{color:#505965;border-top:1px solid #ffffff0d;justify-content:center;align-items:center;gap:.5rem;width:min(1120px,100%);min-height:64px;margin:0 auto;font-size:.72rem;display:flex}@media (width<=680px){.service-status{font-size:0}.hero{padding-top:3.5rem}.action-card{grid-template-columns:auto 1fr}.action-card button{grid-column:1/-1;width:100%}.quality-panel{grid-template-columns:1fr}.quality-panel p{grid-column:1}.coming-soon{text-align:center;grid-column:1/-1;display:block}.trust-row{flex-direction:column;gap:.55rem}.broadcast-layout,.viewer-layout{padding-top:2.5rem}.broadcast-heading,.viewer-heading{align-items:center}.broadcast-heading{flex-direction:column;align-items:flex-start;gap:1rem}.presenter-actions{justify-content:space-between;width:100%}.share-panel{grid-template-columns:1fr;gap:1rem}.link-row{flex-direction:column}.video-stage{border-radius:10px}.viewer-controls input{width:70px}.voice-join-card{grid-template-columns:1fr}.voice-room-heading{flex-direction:column;align-items:flex-start}.voice-actions{width:100%}.voice-actions button{flex:1}}@media (prefers-reduced-motion:no-preference){.hero>*{animation:.5s both enter}.hero>:nth-child(2){animation-delay:60ms}.hero>:nth-child(3){animation-delay:.12s}.hero>:nth-child(4){animation-delay:.18s}@keyframes enter{0%{opacity:0;transform:translateY(8px)}}}