:root{font-family:'Segoe UI',Arial,sans-serif;background:#0c1324;color:#ecf1fc;font-synthesis:none;--muted:#9eafc8;--accent:#b0e7d7;--border:rgba(201,219,255,.13);--panel:rgba(203,222,255,.045)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 16% -5%,#24385880,transparent 55%),radial-gradient(ellipse at 97% 85%,#1e43443b,transparent 50%),#0c1324}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #b2d5fa}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}[hidden]{display:none!important}.topbar{height:94px;max-width:1510px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:700;letter-spacing:3px}.brand small{display:block;font-size:9px;letter-spacing:5px;color:#92a9c9;margin-top:4px}.brand-icon{position:relative;width:39px;height:43px;display:grid;place-items:center;font-family:Georgia,serif;font-size:29px;letter-spacing:0;color:#c3e8de;border:1px solid #66857d;border-radius:12px;background:#aacddb0d}.brand-icon>span{position:absolute;width:7px;height:7px;border-radius:50%;background:#b3e9d6;right:-3px;top:1px}.header-note{font-size:12px;color:var(--muted);display:flex;gap:9px;align-items:center}.header-note i{width:5px;height:5px;background:#a1d8c5;border-radius:100%}.quiet-link{font-size:12px;color:#b6c7e0}.quiet-link span{margin-left:12px;color:var(--accent)}main{max-width:1400px;margin:auto;padding:55px 5% 35px}footer{text-align:center;color:#6f829f;font-size:10px;letter-spacing:.5px;padding:25px 15px}footer span{margin:0 13px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;color:#9eb4d2;display:inline-flex;align-items:center;gap:12px}.line{width:25px;height:1px;background:var(--accent)}h1,h2,h3,p{margin:0}h1{font-size:clamp(36px,4.6vw,65px);line-height:1.12;letter-spacing:-2.6px;font-weight:620}h1 em{font-style:normal;color:var(--accent)}h2{font-size:24px;letter-spacing:-.7px;font-weight:600}h3{font-size:17px;font-weight:600}p{color:var(--muted);font-size:14px;line-height:1.85}.landing{display:grid;grid-template-columns:1.35fr 1fr;gap:8%;align-items:center;padding:55px 0 65px}.hero h1{margin:26px 0}.hero p{margin:0 0 32px;font-size:16px}.feature-row{display:flex;gap:18px;margin-top:44px;flex-wrap:wrap;color:#98abc6;font-size:11px}.glass{background:linear-gradient(135deg,rgba(195,217,255,.075),rgba(208,246,235,.025));border:1px solid var(--border);box-shadow:0 14px 60px #02071728,inset 0 1px #d3e2ff08;border-radius:22px;backdrop-filter:blur(24px)}.welcome-card{padding:32px}.welcome-card h2{margin:25px 0 15px}.tip{border-top:1px solid var(--border);color:#7f95b5;margin-top:23px;padding-top:20px;font-size:12px;line-height:1.8}.orbit-art{height:180px;position:relative;display:grid;place-items:center;margin-top:26px;background:radial-gradient(ellipse,#a7dfd414,transparent 65%)}.orbit-art:before,.orbit-art:after{content:'';width:145px;height:145px;border:1px solid #9ec3d028;border-radius:50%;position:absolute;transform:rotate(-30deg) scaleX(1.6)}.orbit-art:after{transform:rotate(25deg) scaleX(1.6)}.orbit-art>span{font-size:64px;color:#b2e4d4;font-weight:200}.orbit-art i{width:8px;height:8px;border-radius:100%;position:absolute;top:40px;right:20%;background:#b2d3f9;box-shadow:0 0 25px #b2d3f999}.orbit-art b{position:absolute;bottom:9px;left:15%;font-size:9px;letter-spacing:2px;border:1px solid #88b6a755;border-radius:20px;padding:7px 10px;color:#b2e4d4;background:#182a35}.button{border:1px solid var(--border);background:#cfe1ff0b;color:#e8f1ff;border-radius:11px;padding:13px 18px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:12px;font-weight:600;min-height:44px;white-space:nowrap;transition:background .18s,transform .18s}.button:hover{background:#cfe1ff19}.button.primary{background:linear-gradient(110deg,#bdd0f6,#a9e4cf);color:#142c39;border:0}.button.primary:hover{background:#d1f0e3;transform:translateY(-1px)}.button.danger{color:#ffb5c4;background:#f38eaa0b;border-color:#f38eaa33}.button.small{padding:8px 12px;min-height:36px;font-size:11px}.button.subtle{background:transparent}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.auth{max-width:470px;padding:36px;margin:16px auto 50px}.auth h1{font-size:35px;letter-spacing:-1px;margin:22px 0 14px}.auth p{margin-bottom:24px}.field{margin:17px 0}.field label{display:block;font-size:11px;color:#b2c4dc;margin:0 0 9px}input,textarea,select{color:#edf3ff;background:#09122299;border:1px solid #b3cbee22;border-radius:9px;width:100%;padding:13px;font-size:14px}input::placeholder,textarea::placeholder{color:#6e829f}input[type=checkbox]{width:auto;accent-color:#a5ddca}.full{width:100%}.auth .button{margin-top:8px}.error{color:#ffb6c4;font-size:12px;line-height:1.6;margin:12px 0;min-height:18px}.helper{font-size:11px;color:#8398b6;line-height:1.7}.back{font-size:12px;color:#a4b8d7;display:inline-block;margin-bottom:12px}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.page-heading h1{font-size:38px;letter-spacing:-1.3px;margin:13px 0 10px}.dashboard{display:grid;grid-template-columns:340px 1fr;gap:24px;align-items:start}.new-room{padding:26px}.new-room h2{margin-bottom:20px}.room-list{display:grid;gap:14px}.room-card{padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.room-card h3{margin:10px 0}.room-card p{font-size:12px}.pill{font-size:9px;letter-spacing:1px;color:#a8e4cf;background:#91d8bf0c;border:1px solid #91d8bf33;padding:6px 9px;border-radius:20px;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}.pill.ended{color:#91a3bd;border-color:#91a3bd33;background:#91a3bd0c}.empty-card{text-align:center;padding:52px 25px}.empty-card .big-symbol{display:block;font-size:40px;color:#b6d5e3;margin-bottom:18px}.empty-card p{margin-top:12px}.room-header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.room-header h1{font-size:29px;letter-spacing:-.8px;margin-top:10px}.room-header p{font-size:12px;margin-top:5px}.session-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}.stage{min-width:0}.screen{background:#050b17;border:1px solid var(--border);border-radius:17px;position:relative;aspect-ratio:16/9;overflow:hidden;display:flex;justify-content:center;align-items:center;isolation:isolate}.screen video{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;background:#030711}.screen .placeholder{text-align:center;padding:24px}.screen .placeholder>span{display:inline-grid;place-items:center;width:58px;height:58px;background:#b6dcf00a;border:1px solid #b6dcf028;border-radius:17px;font-size:26px;color:#b1c8e6;margin-bottom:20px}.screen .placeholder p{font-size:12px;max-width:300px;margin:10px auto 0}.screen h2{font-size:20px}.screen:fullscreen{border-radius:0;aspect-ratio:auto;width:100%;height:100%}.stage-controls{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 0}.audio-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sound-overlay{position:absolute;z-index:3;bottom:16px;left:16px;background:#bedbd2;color:#142c39}.session-tip{font-size:11px;line-height:1.7;color:#8ba2c2;margin:8px 0 18px}.invite-card{padding:19px 22px}.invite-card h3{font-size:14px;margin-bottom:13px}.invite-fields{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.invite-fields .link-area{flex:1;min-width:180px}.invite-fields label{display:block;font-size:10px;color:var(--muted);margin-bottom:6px}.invite-fields input{padding:10px;font-size:12px}.invite-actions{margin-top:13px;display:flex;gap:8px;flex-wrap:wrap}.invite-actions .button{padding:9px 13px;min-height:38px;font-size:11px}.code{font-family:Consolas,monospace;font-size:16px;letter-spacing:2px}.side-panel{overflow:hidden;display:flex;flex-direction:column;min-height:520px;height:min(76vh,760px)}.chat-top{padding:20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.chat-top h2{font-size:17px}.chat-tabs{display:flex;gap:16px;padding:0 20px;border-bottom:1px solid var(--border)}.tab{border:0;color:#8ea7c8;background:transparent;font-size:11px;padding:14px 0;border-bottom:2px solid transparent}.tab.active{border-color:var(--accent);color:#d8ebe5}.chat-messages{overflow-y:auto;flex:1;padding:20px;scroll-behavior:smooth;display:flex;flex-direction:column;gap:18px}.chat-intro{text-align:center;margin:auto;font-size:12px;color:#7e95b8;line-height:1.8}.message{font-size:12px;overflow-wrap:anywhere}.message-meta{display:flex;align-items:center;gap:7px;font-size:10px;color:#819bbf;margin-bottom:6px}.message-meta strong{color:#c4d7ee;font-size:11px}.message-meta .host-tag{font-size:8px;padding:3px 5px;background:#9cddc819;color:#a9e7ce;border-radius:4px}.message-text{line-height:1.65;white-space:pre-wrap;color:#b4c5dd}.message-meta time{margin-left:auto;font-size:9px}.chat-form{padding:15px;border-top:1px solid var(--border)}.chat-form>div{display:flex;gap:7px}.chat-form input{min-width:0;font-size:12px}.chat-form button{padding:10px 13px;background:#b0e7d7;color:#1c3641}.chat-form .helper{margin:8px 0 0;font-size:9px}.participants{overflow-y:auto;flex:1;padding:20px}.participant{display:flex;gap:10px;align-items:center;margin-bottom:16px}.avatar{display:grid;place-items:center;border:1px solid #b3ccee28;border-radius:50%;background:#afd5ed09;width:34px;height:34px;font-size:11px;color:#bed4ef}.participant strong{font-size:12px}.participant small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.connection{font-size:11px;color:#9bb4d4;display:flex;align-items:center;gap:7px}.connection:before{content:'';width:6px;height:6px;background:#8299bc;border-radius:50%}.connection.online:before{background:#a8e4c9;box-shadow:0 0 9px #a8e4c930}.toast{position:fixed;z-index:10;bottom:25px;left:50%;transform:translateX(-50%);background:#d1eee5;color:#163839;padding:13px 22px;border-radius:12px;font-size:12px;box-shadow:0 10px 40px #0005;max-width:90vw;width:max-content}dialog{background:#17243b;color:#eaf0fc;border:1px solid #829ec544;border-radius:20px;max-width:450px;padding:28px}dialog::backdrop{background:#020715ba;backdrop-filter:blur(8px)}dialog h2{margin:16px 0}dialog .actions{margin-top:24px;justify-content:end}.mobile-chat-toggle{display:none}.alert{padding:12px 16px;border:1px solid #dfbf6b33;border-radius:10px;color:#e2cd9c;background:#dfbf6b09;font-size:12px;line-height:1.7;margin:10px 0}.closed{text-align:center;max-width:550px;padding:55px 30px;margin:30px auto}.closed h1{font-size:34px;letter-spacing:-1px;margin:25px 0 15px}.closed a{margin-top:26px}.button.live-active{color:#b9f1db;border-color:#8cd9be77}.busy{opacity:.6;pointer-events:none}
@media(min-width:1600px){main{padding-top:70px}}@media(max-width:1100px){.session-layout{grid-template-columns:minmax(0,1fr) 290px}.dashboard{grid-template-columns:300px 1fr}.room-card{align-items:start;flex-direction:column}.hero h1{font-size:48px}}@media(max-width:800px){.topbar{height:78px;padding:0 5%}.header-note{display:none}main{padding:30px 5%}.landing{grid-template-columns:1fr;gap:35px;padding:30px 0}.hero h1{font-size:53px}.welcome-card{max-width:500px}.orbit-art{height:140px}.feature-row{gap:15px;margin-top:28px}.dashboard{grid-template-columns:1fr}.new-room{max-width:none}.room-card{flex-direction:row;align-items:center}.session-layout{grid-template-columns:1fr}.side-panel{height:460px;min-height:400px}.room-header{align-items:start}.room-header h1{font-size:25px}.room-header>.actions{justify-content:end}.screen{border-radius:13px}.stage-controls .button{font-size:11px;padding:11px 13px}.page-heading{align-items:start}.page-heading h1{font-size:33px}.auth{margin:0 auto 25px}.room-header .pill{font-size:8px}.session-tip{font-size:11px}}@media(max-width:450px){.hero h1{font-size:43px}.hero p{font-size:14px}.auth{padding:25px}.quiet-link{font-size:10px}.brand{font-size:16px}.brand small{font-size:8px}.welcome-card{padding:25px}.feature-row{flex-direction:column;gap:12px}.room-header{flex-wrap:wrap}.room-header>.actions{justify-content:start}.room-card{flex-direction:column;align-items:start}.page-heading h1{font-size:29px}.screen .placeholder>span{width:38px;height:38px;font-size:20px;margin-bottom:10px}.screen h2{font-size:16px}.screen .placeholder p{font-size:11px}.screen .placeholder{padding:15px}.stage-controls{gap:10px}.side-panel{height:440px}.sound-overlay{bottom:10px;left:10px;padding:9px 11px;font-size:11px}.invite-fields{align-items:start;flex-direction:column}.invite-fields .link-area{width:100%}.room-header .actions{gap:8px}footer{font-size:9px;line-height:1.8}.invite-card{padding:18px}}