:root{color-scheme:dark;font-family:Manrope,Arial,sans-serif;--bg: #050506;--surface: #0d0e12;--surface-raised: #15171e;--border: rgba(255, 255, 255, .09);--text: #f5f7fb;--muted: #969daa;--accent: #6674ff;--accent-hover: #7784ff;--danger: #ed4245;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{min-width:320px;margin:0;background:var(--bg)}button,input{font:inherit}button{border:0;color:inherit;cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #aeb7ff;outline-offset:3px}.hidden{display:none!important}.app-shell{width:min(1080px,100%);min-height:100vh;margin:0 auto;padding:0 clamp(18px,4vw,48px) 44px}.topbar{height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;border-bottom:1px solid var(--border)}.brand{display:inline-flex;align-items:center;gap:9px;width:fit-content;color:var(--text);font-size:18px;font-weight:800;letter-spacing:-.04em;text-decoration:none}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--accent);color:#fff;font:800 15px/1 Arial}.room-badge{display:grid;justify-items:center;gap:4px}.room-badge span,.micro-label,.login-link-label,.stream-room-label span{color:var(--muted);font:700 10px/1 DM Mono,monospace;letter-spacing:.12em}.room-badge strong,.stream-room-label strong{color:#fff;font:700 clamp(20px,2.4vw,25px)/1 "DM Mono",monospace;letter-spacing:.12em}.header-actions{display:flex;justify-content:flex-end;align-items:center;gap:11px;min-width:0}.status-label{overflow:hidden;max-width:180px;color:#aeb6c8;font:700 10px/1 DM Mono,monospace;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap}.user-label{overflow:hidden;max-width:130px;color:var(--muted);font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.avatar{width:31px;height:31px;display:grid;flex:0 0 auto;place-items:center;border-radius:50%;background:#2c3151;color:#d9ddff;font-size:12px;font-weight:800}.auth-screen,.lobby-card{width:min(500px,100%);margin:clamp(48px,12vh,124px) auto 0;padding:34px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.auth-screen{display:grid;justify-items:center;text-align:center}.auth-orb{width:52px;height:52px;display:grid;place-items:center;margin-bottom:21px;border-radius:15px;background:var(--accent);color:#fff;font-size:22px;font-weight:800}.micro-label{margin:0 0 10px}.auth-screen h1,.lobby-card h1,.room-stage h1,.stream-empty h1{margin:0;color:var(--text);font-size:clamp(23px,3vw,30px);letter-spacing:-.045em}.auth-screen>p:not(.micro-label),.lobby-card>p:not(.micro-label),.room-stage>p,.stream-empty p{margin:10px 0 24px;color:var(--muted);font-size:13px;line-height:1.6}.login-link-label{display:block;width:100%;margin-bottom:8px;text-align:left}.login-link-row,.share-link-row,.join-row{display:flex;width:100%;gap:8px}.login-link-row input,.share-link-row input,.join-row input{min-width:0;flex:1;height:42px;padding:0 12px;border:1px solid var(--border);border-radius:9px;outline:0;background:#07080a;color:#dbe0ec;font:500 11px/1 DM Mono,monospace}.auth-screen small{margin-top:13px;color:var(--muted);font-size:11px;line-height:1.45}.primary-button,.secondary-button{min-height:42px;border-radius:9px;padding:0 15px;font-size:12px;font-weight:800;letter-spacing:.02em;transition:background .16s ease,transform .16s ease}.primary-button{background:var(--accent);color:#fff}.primary-button:not(:disabled):hover{background:var(--accent-hover);transform:translateY(-1px)}.secondary-button{background:#282b35;color:#f2f4fa}.secondary-button:not(:disabled):hover{background:#343844}.login-link-row .primary-button{flex:0 0 auto}.lobby-card{margin-top:clamp(56px,14vh,138px)}.lobby-card>.primary-button{width:100%}.or-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:21px 0;color:#747b89;font-size:11px}.or-divider:before,.or-divider:after{height:1px;content:"";background:var(--border)}.join-row input{text-align:center;font-size:13px;letter-spacing:.14em}.room-screen{margin-top:clamp(40px,9vh,88px)}.room-stage{display:grid;min-height:clamp(330px,57vh,610px);place-content:center;justify-items:center;padding:34px;border:1px solid var(--border);border-radius:16px;background:var(--surface);text-align:center}.stage-icon{width:52px;height:52px;display:grid;place-items:center;margin-bottom:19px;border-radius:14px;background:#1b1e2a;color:#aeb7ff}.stage-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.room-stage .primary-button{min-width:215px}.share-area{width:min(100%,540px)}.share-link-row{margin-top:15px}.share-note{margin:10px 0 0;color:#808897;font-size:11px;line-height:1.5}.stream-page{background:var(--bg)}.stream-shell{width:min(1360px,100%);min-height:100vh;margin:0 auto;padding:0 clamp(16px,3vw,42px) 26px}.stream-topbar{height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;border-bottom:1px solid var(--border)}.stream-topbar>.status-label{justify-self:end}.stream-room-label{display:grid;justify-items:center;gap:4px}.stream-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:clamp(330px,68vh,780px);margin-top:22px}.stream-grid-empty{display:grid;place-items:center;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.stream-empty{display:grid;justify-items:center;max-width:380px;padding:30px;text-align:center}.stream-empty .stage-icon{margin-bottom:18px}.stream-empty p{margin-bottom:0}.stream-tile{position:relative;aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:#090a0d}.stream-tile:only-child{grid-column:1 / -1;min-height:min(68vh,780px);aspect-ratio:auto}.stream-tile video{position:absolute;inset:0;width:100%;height:100%;background:#000;object-fit:contain}.tile-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(0,0,0,.67),transparent 42%)}.tile-meta{position:absolute;z-index:1;right:12px;bottom:12px;left:12px;display:flex;align-items:center;gap:8px}.participant-name{margin-right:auto;color:#fff;font-size:12px}.focus-button,.close-focus{border-radius:7px;padding:7px 9px;background:#121318e0;color:#fff;font-size:11px;font-weight:700}.focus-button{font-size:16px;line-height:13px}.close-focus{display:none}.stream-tile.is-focused{position:fixed;z-index:30;inset:18px;aspect-ratio:auto;border-color:#6875ff;border-radius:15px;box-shadow:0 28px 100px #000000d1}.stream-tile.is-focused .close-focus{display:block}.stream-tile.is-focused .focus-button{display:none}.host-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin:16px auto 0;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.quality-control{display:flex;align-items:center;gap:10px}.quality-control .micro-label{margin:0}.inline-options{display:flex;gap:5px}.inline-options button{min-height:34px;padding:0 10px;border:1px solid var(--border);border-radius:7px;background:#171920;color:#b9c0ce;font-size:11px;font-weight:700}.inline-options button.active{border-color:#6674ff;background:#273063;color:#fff}.fps-note{color:#8991a0;font:500 10px/1 DM Mono,monospace}.host-controls .primary-button{min-width:205px}@media(max-width:700px){.topbar,.stream-topbar{grid-template-columns:1fr auto}.room-badge,.stream-room-label{grid-row:2;grid-column:1 / -1;margin-bottom:9px}.topbar,.stream-topbar{height:auto;min-height:64px;padding:13px 0}.status-label{max-width:110px}.user-label{display:none}.header-actions{gap:8px}.auth-screen,.lobby-card{margin-top:42px;padding:27px 20px}.login-link-row,.share-link-row{flex-direction:column}.login-link-row .primary-button,.share-link-row .secondary-button{width:100%}.room-screen{margin-top:36px}.room-stage{min-height:420px}.stream-grid{grid-template-columns:1fr}.stream-tile:only-child{min-height:0;aspect-ratio:16 / 9}.host-controls{align-items:stretch;flex-direction:column}.quality-control{justify-content:space-between}.host-controls .primary-button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}body.page-home{--home-panel: #22262c;--home-card: rgba(255, 255, 255, .045);--home-card-hover: rgba(255, 255, 255, .085);--home-line: rgba(255, 255, 255, .095);--home-text: #f2f3f5;--home-muted: #a7abb1;min-height:100svh;overflow-x:hidden;background:radial-gradient(circle at 12% -8%,rgba(255,248,237,.92),transparent 34rem),radial-gradient(circle at 95% 8%,rgba(247,212,184,.88),transparent 32rem),linear-gradient(180deg,#ead2bf,#d8c8be 52%,#a6aab0);color:var(--home-text)}.page-home:before,.page-home:after{position:fixed;z-index:-1;width:34rem;height:34rem;border-radius:50%;content:"";filter:blur(28px);pointer-events:none}.page-home:before{right:-17rem;bottom:-18rem;background:#56606d30}.page-home:after{top:23%;left:-22rem;background:#ffedda5c}.page-home .home-shell{position:relative;isolation:isolate;display:flex;flex-direction:column;width:min(1050px,calc(100% - 40px));min-height:min(640px,calc(100svh - 96px));margin:clamp(24px,8vh,110px) auto;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:34px;background:linear-gradient(130deg,rgba(255,255,255,.035),transparent 42%),var(--home-panel);box-shadow:0 28px 85px #2324264d,inset 0 1px #ffffff0a}.page-home .home-shell:before,.page-home .home-shell:after{position:absolute;z-index:-1;border-radius:50%;content:"";pointer-events:none}.page-home .home-shell:before{top:-24rem;right:-16rem;width:43rem;height:43rem;border:1px solid rgba(255,255,255,.035);box-shadow:0 0 0 86px #ffffff04,0 0 0 188px #ffffff03}.page-home .home-shell:after{bottom:-34rem;left:-27rem;width:52rem;height:52rem;border:1px solid rgba(255,255,255,.025);box-shadow:0 0 0 96px #ffffff03}.page-home .home-header{display:flex;align-items:center;justify-content:space-between;min-height:78px;padding:0 clamp(22px,4.8vw,52px);border-bottom:1px solid var(--home-line)}.page-home .home-brand{display:inline-flex;align-items:center;gap:10px;color:var(--home-text);font-size:18px;font-weight:800;letter-spacing:-.055em;text-decoration:none}.page-home .home-brand-mark{display:grid;width:31px;height:31px;place-items:center;border-radius:10px;background:linear-gradient(145deg,#e9bb96,#b78367);box-shadow:inset 0 1px #ffffff52;color:#272229;font:800 15px/1 Arial,sans-serif;letter-spacing:0}.page-home .home-header-note{display:inline-flex;align-items:center;gap:7px;margin:0;color:var(--home-muted);font:500 10px/1 DM Mono,monospace;letter-spacing:.055em;text-transform:uppercase}.page-home .home-header-note span{width:7px;height:7px;border-radius:50%;background:#65d49b;box-shadow:0 0 0 4px #65d49b1a}.page-home .home-hero{display:grid;width:min(780px,100%);flex:1;align-content:center;justify-items:center;margin:0 auto;padding:clamp(55px,9vh,90px) clamp(22px,7vw,72px) clamp(42px,7vh,72px);text-align:center}.page-home .home-eyebrow{margin:0 0 15px;color:#e5b998;font:700 10px/1 DM Mono,monospace;letter-spacing:.17em}.page-home .home-hero h1{max-width:700px;margin:0;color:var(--home-text);font-size:clamp(37px,5.6vw,66px);font-weight:700;letter-spacing:-.073em;line-height:.99}.page-home .home-intro{max-width:470px;margin:19px auto 36px;color:var(--home-muted);font-size:14px;line-height:1.65}.page-home .home-action-grid{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.page-home .home-action-card{position:relative;display:flex;min-height:176px;flex-direction:column;align-items:flex-start;padding:20px;overflow:hidden;border:1px solid var(--home-line);border-radius:17px;background:var(--home-card);color:var(--home-text);text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.page-home .home-action-card:hover{border-color:#fff3;background:var(--home-card-hover);box-shadow:0 14px 28px #0000001f;transform:translateY(-3px)}.page-home .home-action-card--primary{border-color:#f5caa58a;background:linear-gradient(142deg,#efc39f,#d69f7f);color:#262127}.page-home .home-action-card--primary:hover{border-color:#ffebd8d9;background:linear-gradient(142deg,#f6cfac,#dba585)}.page-home .home-action-icon{display:grid;width:37px;height:37px;place-items:center;border:1px solid rgba(255,255,255,.11);border-radius:11px;background:#00000021;color:#dde0e5}.page-home .home-action-card--primary .home-action-icon{border-color:#27212724;background:#2b22281a;color:#342b31}.page-home .home-action-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65}.page-home .home-action-copy{display:grid;gap:7px;margin-top:auto;padding-top:20px}.page-home .home-action-copy strong{font-size:14px;font-weight:800;letter-spacing:-.025em}.page-home .home-action-copy small{color:var(--home-muted);font-size:11px;font-weight:500;letter-spacing:-.01em;line-height:1.45}.page-home .home-action-card--primary .home-action-copy small{color:#272127a3}.page-home .home-card-arrow{position:absolute;top:17px;right:18px;opacity:.76;font:500 19px/1 DM Mono,monospace}.page-home .home-join-panel{display:grid;width:min(510px,100%);gap:9px;margin-top:17px;padding:16px;border:1px solid var(--home-line);border-radius:14px;background:#090b0e3b;text-align:left}.page-home .home-join-panel[hidden]{display:none}.page-home .home-join-panel label{color:var(--home-muted);font:700 10px/1 DM Mono,monospace;letter-spacing:.13em}.page-home .home-join-row{display:flex;gap:8px}.page-home .home-join-row input{width:100%;min-width:0;height:43px;padding:0 14px;border:1px solid rgba(255,255,255,.11);border-radius:9px;outline:none;background:#0a0c0fa8;color:var(--home-text);font:700 15px/1 DM Mono,monospace;letter-spacing:.2em;text-align:center}.page-home .home-join-row input::placeholder{color:#636873}.page-home .home-join-row input:focus{border-color:#efc39fd1;box-shadow:0 0 0 3px #efc39f1f}.page-home .home-join-row input[aria-invalid=true]{border-color:#eb8d89}.page-home .home-join-row button{flex:0 0 auto;height:43px;padding:0 19px;border-radius:9px;background:#ebeef3;color:#262b33;font-size:12px;font-weight:800;transition:transform .18s ease,background .18s ease}.page-home .home-join-row button:hover{background:#fff;transform:translateY(-1px)}.page-home .home-form-message{min-height:16px;margin:0;color:var(--home-muted);font-size:11px}.page-home .home-footer{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:18px clamp(22px,4.8vw,52px) 22px;border-top:1px solid var(--home-line);color:#858a92;font:500 10px/1 DM Mono,monospace;letter-spacing:.045em;text-transform:uppercase}.page-home .home-footer nav{display:flex;gap:16px}.page-home .home-footer a{color:#b7bac1;text-decoration:none;transition:color .15s ease}.page-home .home-footer a:hover{color:#fff}@media(max-width:730px){.page-home .home-shell{width:min(100% - 24px,560px);min-height:calc(100svh - 24px);margin:12px auto;border-radius:25px}.page-home .home-header{min-height:67px;padding:0 20px}.page-home .home-header-note{font-size:8px}.page-home .home-hero{align-content:center;padding:52px 19px 35px}.page-home .home-hero h1{font-size:clamp(36px,12vw,51px)}.page-home .home-intro{max-width:385px;margin-bottom:27px}.page-home .home-action-grid{grid-template-columns:1fr;gap:8px}.page-home .home-action-card{min-height:110px;flex-direction:row;align-items:center;padding:16px}.page-home .home-action-copy{gap:5px;margin:0;padding:0 28px 0 13px}.page-home .home-card-arrow{top:50%;right:17px;transform:translateY(-50%)}.page-home .home-join-panel{margin-top:10px}.page-home .home-footer{padding:17px 20px}}@media(max-width:420px){.page-home .home-header-note{display:none}.page-home .home-footer{align-items:flex-start;flex-direction:column}.page-home .home-join-row{flex-direction:column}.page-home .home-join-row button{width:100%}}