.invite-text{resize:vertical;color:#c8c4d1;overflow-wrap:anywhere;background:#0e0e11;border:1px solid #33323c;border-radius:6px;width:100%;min-height:76px;padding:10px;font:11px/1.7 Consolas,monospace;display:block}.invite-text:focus{outline:1px solid #9891a7}@media (width<=600px){main{padding:25px 16px 0!important}.topbar{padding:0 16px!important}.page-heading h1{font-size:23px!important}.details-column{grid-template-columns:1fr!important}.action-grid{gap:10px!important}.action-card{padding:16px!important}.action-card h3{font-size:14px!important}.feature-row{grid-template-columns:1fr!important;gap:18px!important}.feature-row strong{font-size:11px!important}.feature-row p{margin-top:5px!important;font-size:10px!important}.hero-copy h2{line-height:1.4}.hero-scene{height:200px!important}.scene-caption{letter-spacing:1.8px!important;font-size:6px!important}.sharing-controls{flex-wrap:wrap}.sharing-controls .source-button{flex-basis:75%}.sharing-controls>.primary,.sharing-controls>.danger{flex:1}footer{flex-direction:column;gap:15px;align-items:flex-start!important}.player-empty h2{font-size:20px!important}.player-empty p{font-size:10px!important}.player-empty .primary{margin-top:14px!important}.empty-icon{width:48px!important;height:48px!important;margin-bottom:14px!important}.modal-backdrop{padding:15px!important}.modal{padding:28px 22px!important}.modal h2{font-size:24px!important}.breadcrumb{gap:8px!important}.player-bottom{flex-wrap:wrap}.volume{margin-left:auto}}:root{color:#eeeeef;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b0b0d;font-family:Segoe UI,Arial,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0;justify-content:center;align-items:center;gap:9px;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #d6d2e2}a{color:inherit;text-decoration:none}p{color:#87878e;margin:0;line-height:1.65}h1,h2,h3{letter-spacing:-.6px;margin:0;font-weight:560}h3{letter-spacing:-.2px;font-size:15px}code{font-family:Consolas,monospace}svg{flex-shrink:0}button:hover:not(:disabled){background-color:#ffffff09}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:10;background:#101012;border-right:1px solid #222225;flex-direction:column;width:232px;padding:34px 18px 0;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-.7px;align-items:center;gap:10px;padding:0 12px;font-size:22px;font-weight:650;display:flex}.brand>div:last-child>span{letter-spacing:3.1px;color:#81818a;margin-top:3px;font-size:9px;font-weight:500;display:block}.brand-mark{letter-spacing:-4px;justify-content:center;align-items:center;width:35px;height:37px;font-size:37px;font-weight:750;line-height:1;display:flex;position:relative}.brand-mark span{transform:rotate(-12deg)}.brand-mark i{background:#101012;border-left:4px solid #eeeeef;width:10px;height:10px;position:absolute;bottom:0;right:-1px;transform:rotate(-42deg)}.workspace{background:#18181b;border:1px solid #29292e;border-radius:9px;align-items:center;gap:9px;margin:37px 0 30px;padding:12px 10px;font-size:11px;font-weight:600;display:flex}.workspace-avatar{background:#27272d;border:1px solid #38383f;border-radius:7px;place-items:center;width:31px;height:33px;display:grid}.workspace small{color:#777780;white-space:nowrap;margin-top:5px;font-size:8px;font-weight:400;display:block}.workspace>svg{color:#777780;margin-left:auto}.nav-label{letter-spacing:1.4px;color:#65656d;margin-bottom:14px;padding-left:13px;font-size:9px}.nav-item{color:#929299;border-radius:7px;justify-content:flex-start;gap:12px;width:100%;margin-bottom:5px;padding:12px 13px;font-size:12px;display:flex}.nav-item.active{color:#f0f0f1;background:#242427}.nav-item.active svg{color:#dedee1}.nav-dot{background:#ccc9d3;border-radius:50%;width:5px;height:5px;margin-left:auto}.nav-end{margin-left:auto}.sidebar-bottom{margin-top:auto}.private-note{margin-bottom:14px;padding:18px 13px 22px}.private-note>svg{color:#9997a3;margin-bottom:13px}.private-note strong{font-size:12px;font-weight:500;display:block}.private-note p{color:#6d6d77;margin-top:8px;font-size:10px;line-height:1.8}.private-note>span{letter-spacing:1.6px;color:#64646c;align-items:center;gap:9px;margin-top:19px;font-size:8px;display:flex}.sidebar-profile{border-top:1px solid #26262b;align-items:center;gap:11px;margin-top:12px;padding:22px 6px;font-size:12px;display:flex}.profile-avatar{background:#29292e;border:1px solid #3b3b41;border-radius:50%;place-items:center;width:34px;height:34px;font-size:10px;display:grid}.sidebar-profile small{color:#686870;margin-top:5px;font-size:9px;display:block}.sidebar-profile>.online-dot{margin-left:auto}.main-shell{width:calc(100% - 232px);margin-left:232px}.topbar{border-bottom:1px solid #222225;justify-content:space-between;align-items:center;height:70px;padding:0 35px;display:flex}.breadcrumb{color:#686871;align-items:center;gap:14px;font-size:11px;display:flex}.breadcrumb>svg:first-child{color:#9999a2}.breadcrumb strong{color:#c4c4ca;font-weight:400}.topbar-right{align-items:center;gap:20px;display:flex}.topbar-right>span{color:#797981;align-items:center;gap:7px;font-size:10px;display:flex}.icon-button{color:#94949c;border-radius:6px;padding:6px}.icon-button:hover{color:#ededf0}main{max-width:1530px;margin:auto;padding:39px 35px 0}.page-heading{justify-content:space-between;align-items:center;margin-bottom:31px;display:flex}.eyebrow{color:#84848e;letter-spacing:1.8px;align-items:center;gap:7px;margin-bottom:14px;font-size:8px;display:flex}.eyebrow>span{background:#b6b3c3;border-radius:50%;width:4px;height:4px}h1{letter-spacing:-1.15px;font-size:30px}.page-heading p{color:#7b7b85;margin-top:10px;font-size:11px}.private-badge{color:#a9a9b2;background:#141416;border:1px solid #2c2c32;border-radius:7px;align-items:center;gap:7px;margin-top:23px;padding:8px 10px;font-size:9px;display:flex}.content-grid{grid-template-columns:minmax(0,1fr) 270px;gap:23px;display:grid}.primary-column,.details-column{min-width:0}.hero-card{background:#141416;border:1px solid #2d2d33;border-radius:12px;overflow:hidden}.hero-scene{background:radial-gradient(at 50% 125%,#77717f 0%,#302e37 26%,#17171c 58%,#121215 75%);justify-content:center;align-items:center;height:244px;display:flex;position:relative;overflow:hidden}.scene-orbit{border:1px solid #ffffff08;border-radius:50%;width:360px;height:360px;position:absolute;top:51%;left:50%;transform:translate(-50%,-50%)}.scene-orbit.two{width:490px;height:490px}.scene-orbit.three{width:620px;height:620px}.scene-light{filter:blur(49px);background:#d7cedc77;width:290px;height:120px;position:absolute;bottom:-92px;left:50%;transform:translate(-50%)}.screen-frame{color:#dad5df;background:linear-gradient(145deg,#ffffff0e,#ffffff03);border:1px solid #ffffff34;border-radius:9px;place-items:center;width:130px;height:83px;margin-top:-19px;display:grid;position:relative;transform:perspective(700px)rotateY(-11deg)rotateX(7deg);box-shadow:0 9px 60px #0007}.screen-frame:after{content:"";background:#ffffff45;width:1px;height:9px;position:absolute;bottom:-10px;left:50%}.screen-frame:before{content:"";background:#ffffff30;width:44px;height:2px;position:absolute;bottom:-12px;left:calc(50% - 22px)}.screen-frame>svg{margin-left:3px}.scene-caption{color:#b0aab8;letter-spacing:2.7px;align-items:center;gap:8px;font-size:7px;display:flex;position:absolute;bottom:23px}.scene-caption>span{background:#a29aa9;border-radius:50%;width:4px;height:4px}.scene-grain{opacity:.14;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 2px,#ffffff08 3px,#0000 4px);position:absolute;inset:0}.hero-copy{border-top:1px solid #2c2b32;justify-content:space-between;align-items:center;padding:24px 24px 25px;display:flex}.micro{letter-spacing:1.8px;color:#7e7e89;font-size:8px}.hero-copy h2{letter-spacing:-.5px;margin-top:10px;font-size:19px}.hero-copy p{color:#85858e;margin-top:8px;font-size:10px}.hero-symbol{color:#a2a0ac;border:1px solid #303037;border-radius:50%;place-items:center;width:39px;height:39px;display:grid}.action-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:17px;display:grid}.action-card{text-align:left;background:#141416;border:1px solid #2b2b31;border-radius:11px;padding:21px;display:block;position:relative}.action-card:not(:disabled):hover{background:#1a1a1e;border-color:#55515e;transform:translateY(-2px)}.action-icon{color:#d8d6df;background:#26262c;border:1px solid #3c3c44;border-radius:9px;place-items:center;width:38px;height:38px;margin-bottom:19px;display:grid}.action-arrow{color:#797982;position:absolute;top:25px;right:20px}.action-card h3{margin-bottom:9px;font-size:16px}.action-card p{font-size:10px;line-height:1.8}.action-card>span{color:#c4c2cd;align-items:center;gap:9px;margin-top:19px;font-size:10px;display:flex}.panel{background:#131315;border:1px solid #29292f;border-radius:11px;margin-bottom:17px;padding:20px 18px}.panel-title{color:#a5a5b0;align-items:center;gap:9px;margin-bottom:18px;display:flex}.panel-title h3{color:#dedde4;letter-spacing:0;font-size:12px;font-weight:500}.panel-title>.icon-button,.panel-title>.tag{margin-left:auto}.panel-title>.icon-button{padding:0}.panel>p{font-size:10px;line-height:1.9}.network-state{color:#c6bdca;background:#201b22;border:1px solid #39303a;border-radius:6px;align-items:center;gap:8px;margin-bottom:12px;padding:10px;font-size:10px;display:flex}.network-state.connected{color:#b1caba;background:#17221d;border-color:#283c31}.online-dot,.neutral-dot,.live-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.online-dot{background:#8eaf9a;box-shadow:0 0 8px #8eaf9a22}.neutral-dot{background:#72727d}.live-dot{background:#a3c6af;box-shadow:0 0 8px #8eaf9a33}.network-address{background:#0e0e10;border:1px solid #2c2c32;border-radius:6px;margin-top:17px;padding:12px 10px 7px}.network-address>span{letter-spacing:1.4px;color:#777780;font-size:7px}.network-address>div{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.network-address code{letter-spacing:.2px;color:#cbcbd4;font-size:12px}.connection-foot{color:#70707c;align-items:center;gap:6px;padding-top:16px;font-size:9px;display:flex}.getting-started{margin-top:17px;padding-top:23px}.getting-started h3{margin:12px 0 24px;font-size:20px;line-height:1.4}.step{align-items:flex-start;gap:13px;margin-bottom:23px;font-size:11px;display:flex}.step>span{color:#91909d;border:1px solid #303037;border-radius:6px;place-items:center;width:25px;height:25px;font-size:8px;display:grid}.step>div{padding-top:4px}.step p{color:#747480;margin-top:7px;font-size:9px}.text-button{color:#aaa8b6;border-top:1px solid #27272e;justify-content:space-between;width:100%;padding:18px 0 0;font-size:10px}.bottom-heading{margin-top:29px;margin-bottom:20px}.section-heading{align-items:center;gap:9px;display:flex}.heading-line{background:#242429;flex:1;height:1px}.feature-row{grid-template-columns:1fr 1fr 1fr;gap:15px;display:grid}.feature-row>div>div{color:#9d9aa8;align-items:center;gap:8px;display:flex}.feature-row strong{color:#b2afba;font-size:9px;font-weight:500}.feature-row p{color:#686873;white-space:nowrap;margin-top:9px;font-size:9px}footer{color:#62626c;border-top:1px solid #222227;justify-content:space-between;align-items:center;margin-top:34px;padding:20px 0 23px;font-size:9px;display:flex}footer>span:last-child{letter-spacing:1px;align-items:center;gap:7px;font-size:7px;display:flex}footer .neutral-dot{width:4px;height:4px}.footer-separator{color:#393940;margin:0 8px}.primary,.secondary,.danger{white-space:nowrap;border-radius:7px;padding:11px 15px;font-size:11px;font-weight:550}.primary{color:#1b1a20;background:#e4e2e9;border:1px solid #e4e2e9}.primary:hover:not(:disabled){background:#fff}.secondary{color:#c6c3cf;background:#1b1b20;border:1px solid #35353d}.danger{color:#e7b3be;background:#2e2025;border:1px solid #53303a}.full{width:100%;margin-top:14px}.field-label{letter-spacing:1.3px;color:#87848f;margin:17px 0 9px;font-size:8px;display:block}input:not([type=range]),select{color:#d4d1db;background:#0e0e11;border:1px solid #33323c;border-radius:6px;outline:none;width:100%;padding:11px 12px;font-size:12px;display:block}input:focus,select:focus{border-color:#9891a7}input::placeholder{color:#5d5968;font-size:11px}select{padding:10px 8px;font-size:10px}.fineprint{color:#75717e!important;font-size:9px!important;line-height:1.8!important}.tag{letter-spacing:1px;border:1px solid #34313e;border-radius:4px;padding:4px 5px;font-size:7px}.key-field{background:#0c0c0f;border:1px solid #2f2c37;border-radius:5px;align-items:center;gap:5px;padding:5px 7px;display:flex}.key-field code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;color:#b9b4c4;font-size:10px;line-height:1.8}.participant{border-top:1px solid #2a2730;align-items:center;gap:9px;margin-top:18px;padding-top:16px;font-size:10px;display:flex}.participant-icon{color:#a4a0ae;background:#222027;border:1px solid #35323c;border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.participant small{color:#6f6b79;margin-top:6px;font-size:8px;display:block}.participant>.online-dot,.participant>.neutral-dot{margin-left:auto}.profile-details{color:#777180;justify-content:space-between;margin-top:10px;margin-bottom:5px;font-size:8px;display:flex}.panel>.fineprint{margin-top:15px}.test-message{color:#b7b1c5;margin-top:12px;font-size:10px!important}.session-status{align-items:center;gap:7px;display:flex}.leave-button{color:#a5919c;border-top:1px solid #2e2730;width:100%;margin-top:17px;padding-top:16px;font-size:10px}.player-card{background:#111014;border:1px solid #302d38;border-radius:10px;overflow:hidden}.player-top{letter-spacing:1.3px;color:#a5a0ad;justify-content:space-between;align-items:center;padding:15px 17px;font-size:8px;display:flex}.player-top>span:first-child{align-items:center;gap:8px;display:flex}.player-top>span:last-child{letter-spacing:0;color:#797481;font-size:9px}.player{aspect-ratio:16/10;background:radial-gradient(at 50% 90%,#24212c,#0f0e13 70%);place-items:center;display:grid;position:relative;overflow:hidden}.player:fullscreen{aspect-ratio:auto;background:#000;width:100vw;height:100vh}.stream-video{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.player-empty{text-align:center;max-width:90%}.empty-icon{color:#aaa3b5;background:#ffffff03;border:1px solid #3c3745;border-radius:18px;place-items:center;width:73px;height:73px;margin:0 auto 24px;display:grid}.player-empty h2{font-size:23px}.player-empty p{margin-top:10px;font-size:11px}.player-empty button{margin-top:24px}.fullscreen-button{color:#aaa4b5;z-index:2;background:#1a1821a8;border-radius:6px;padding:9px;position:absolute;bottom:12px;right:12px}.player-bottom{border-top:1px solid #2c2834;justify-content:space-between;align-items:center;gap:10px;padding:13px 16px;display:flex}.player-bottom>div{color:#8e8799;align-items:center;gap:8px;font-size:9px;display:flex}.player-bottom>div:first-child{min-width:0}.player-bottom>div:first-child span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.volume{min-width:100px}.volume input{accent-color:#d8d0e3;width:68px;height:3px}.sharing-controls{background:#141218;border:1px solid #2d2935;border-radius:9px;align-items:center;gap:9px;margin-top:13px;padding:13px;display:flex}.source-button{text-align:left;color:#98909f;flex:1;justify-content:flex-start;gap:11px;min-width:0;padding:4px}.source-button>div{min-width:0}.source-button small{letter-spacing:1.2px;color:#716979;font-size:7px;display:block}.source-button strong{text-overflow:ellipsis;white-space:nowrap;color:#c7c1d1;max-width:220px;margin-top:5px;font-size:10px;font-weight:500;display:block;overflow:hidden}.source-button>svg:last-child{margin-left:auto}.audio-button{padding:9px}.capture-notice{color:#766c81;align-items:center;gap:7px;margin-top:12px;font-size:8px;display:flex}.play-overlay{z-index:3}.notice,.error-banner{color:#dcc2ca;background:#251b20;border:1px solid #53454b;border-radius:7px;margin-bottom:20px;padding:12px 16px;font-size:11px;line-height:1.7}.notice{color:#bcb0cb;background:#211b29;border-color:#484052}.error-banner{justify-content:space-between;align-items:center;gap:10px;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;background:#000a;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.modal{background:#17151d;border:1px solid #3c3547;border-radius:16px;width:460px;max-width:100%;max-height:90vh;padding:34px;position:relative;overflow-y:auto;box-shadow:0 35px 110px #0009}.modal-close{position:absolute;top:15px;right:15px}.modal-icon{color:#c4bbd0;background:#28222f;border:1px solid #4d445b;border-radius:12px;place-items:center;width:49px;height:49px;margin-bottom:25px;display:grid}.modal h2{letter-spacing:-.9px;margin:12px 0;font-size:27px}.modal>p{font-size:11px;line-height:1.9}.modal form,.modal form .full{margin-top:24px}.modal>.fineprint{align-items:center;gap:6px;margin-top:20px;display:flex}.source-modal{width:780px}.source-tabs{border-bottom:1px solid #322b3c;gap:8px;margin-top:25px;padding-bottom:13px;display:flex}.source-tabs button{color:#9e92ac;border-radius:6px;padding:9px 14px;font-size:11px}.source-tabs button.selected{color:#e0d8ea;background:#342c3e}.source-tabs .source-refresh{margin-left:auto}.source-grid{grid-template-columns:1fr 1fr;gap:15px;max-height:380px;margin-top:20px;padding:2px;display:grid;overflow:auto}.source-tile{text-align:left;background:#100e15;border:1px solid #3b3346;border-radius:8px;min-width:0;padding:7px;display:block}.source-tile.selected{background:#342a40;border-color:#c0afd3}.source-tile img{aspect-ratio:16/9;object-fit:contain;background:#08070b;border-radius:5px;width:100%;display:block}.source-tile>span{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:7px;padding:11px 4px 5px;font-size:10px;display:flex;overflow:hidden}.source-tile>span>svg:last-child{margin-left:auto}.source-loading{color:#9c90aa;grid-column:1/-1;justify-content:center;align-items:center;gap:10px;min-height:150px;font-size:12px;display:flex}.modal-actions{border-top:1px solid #332c3d;justify-content:flex-end;gap:10px;margin-top:25px;padding-top:22px;display:flex}.help-steps{margin-top:25px}.help-steps p{margin-bottom:20px;font-size:11px;line-height:1.9}.help-steps strong{color:#d7cce2;font-weight:500}.modal>.brand-mark{margin-bottom:25px}.gpu-row{color:#ada0bc;justify-content:space-between;gap:15px;margin-bottom:12px;font-size:10px;display:flex}.gpu-row code{color:#c5b8d5}.spin{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=1450px){main{padding-top:46px}.hero-scene{height:310px}.hero-copy{padding:28px}.action-card{padding:25px}.content-grid{grid-template-columns:minmax(0,1fr) 290px}.hero-copy h2{font-size:22px}.action-card p,.panel>p,.feature-row strong{font-size:11px}.feature-row p{font-size:10px}}@media (width<=1150px){.sidebar{width:200px;padding-left:12px;padding-right:12px}.main-shell{width:calc(100% - 200px);margin-left:200px}.brand{font-size:20px}.workspace{gap:7px;padding:10px 7px}.workspace small{font-size:7px}.workspace>svg{display:none}main{padding:28px 24px 0}.topbar{padding:0 24px}.content-grid{grid-template-columns:minmax(0,1fr) 235px;gap:16px}.page-heading h1{font-size:25px}.private-badge{display:none}.hero-scene{height:220px}.hero-copy{padding:20px}.hero-copy h2{font-size:16px}.hero-symbol{display:none}.action-card{padding:18px}.feature-row{gap:12px}.feature-row>div>div{gap:5px}.feature-row strong{font-size:8px}.feature-row p{white-space:normal;font-size:8px}.panel{padding:17px 14px}.source-button strong{max-width:130px}.sharing-controls{gap:5px;padding:9px}.sharing-controls .primary,.sharing-controls .danger{padding:10px;font-size:10px}.capture-notice{align-items:flex-start;line-height:1.8}}@media (width<=850px){.sidebar{width:74px;padding:25px 10px}.brand{justify-content:center;padding:0}.brand>div:last-child,.workspace,.nav-label,.nav-item:not(.active),.private-note,.sidebar-profile{display:none}.sidebar nav{margin-top:40px}.nav-item.active{justify-content:center;gap:0;padding:12px;font-size:0}.nav-dot{display:none}.main-shell{width:calc(100% - 74px);margin-left:74px}.content-grid{grid-template-columns:minmax(0,1fr)}.details-column{grid-template-columns:1fr 1fr;gap:15px;display:grid}.panel{margin-bottom:0}.topbar-right>span{display:none}.page-heading h1{font-size:25px}.details-column{margin-top:10px}.feature-row p{font-size:9px}.feature-row strong{font-size:10px}.sharing-controls .source-button strong{max-width:220px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.name-entry-shell{background:radial-gradient(at 50% 30%,#1b1a20 0%,#0b0b0d 65%);place-items:center;min-height:100dvh;padding:24px;display:grid}.name-entry-card{background:#131315;border:1px solid #2d2d33;border-radius:16px;width:100%;max-width:420px;margin:0;padding:40px 32px;box-shadow:0 24px 80px #0004}.name-entry-brand{justify-content:center;margin-bottom:40px;padding:0}.name-entry-card h1{text-align:center;letter-spacing:-1px;font-size:29px}.name-entry-card>p{text-align:center;margin-top:12px;font-size:12px}.name-entry-card form{margin-top:32px}.name-entry-card label{color:#c5c3cd;margin-bottom:10px;font-size:12px;display:block}.name-entry-card input:not([type=range]){border-radius:8px;padding:14px;font-size:15px}.name-entry-card input::placeholder{font-size:13px}.name-entry-card .primary{justify-content:space-between;margin-top:18px;padding:14px 16px;font-size:13px}.profile-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (width<=600px){main.name-entry-card{padding:32px 24px!important}.name-entry-card h1{font-size:27px}}.room-lobby-shell{background:radial-gradient(at 50% 20%,#1b1a20,#0b0b0d 65%);flex-direction:column;align-items:center;min-height:100dvh;padding:30px 24px 32px;display:flex}.room-lobby-header{justify-content:space-between;align-items:center;gap:24px;width:100%;max-width:1040px;margin-bottom:54px;display:flex}.room-lobby-header .brand{padding:0}.lobby-user{text-overflow:ellipsis;white-space:nowrap;color:#aaa6b2;border:1px solid #333038;border-radius:30px;max-width:180px;padding:9px 16px;font-size:13px;overflow:hidden}main.room-lobby-card{background:#131315;border:1px solid #2d2d33;border-radius:16px;width:100%;max-width:590px;margin:auto 0;padding:34px}.room-lobby-card h1{overflow-wrap:anywhere;margin-top:12px;font-size:30px}.room-lobby-card>p{margin-top:12px;font-size:13px}.lobby-back{color:#a29cae;padding:0 0 24px;font-size:12px}.lobby-options{grid-template-columns:1fr 1fr;gap:16px;margin-top:32px;display:grid}.lobby-option{text-align:left;background:#1a191e;border:1px solid #36323e;border-radius:11px;flex-direction:column;align-items:flex-start;gap:12px;padding:23px;display:flex;position:relative}.lobby-option:hover:not(:disabled){background:#232027;border-color:#91879f}.lobby-option-icon{color:#dbd4e4;border:1px solid #49424f;border-radius:10px;place-items:center;width:44px;height:44px;margin-bottom:8px;display:grid}.lobby-option>strong{font-size:17px;font-weight:550}.lobby-option>span:not(.lobby-option-icon){color:#928a9d;font-size:11px}.lobby-option>svg{color:#8d819a;position:absolute;top:26px;right:19px}.lobby-footer{color:#69626f;margin-top:34px;font-size:11px}.lobby-error{margin:24px 0 0!important}.visibility-options{border:0;gap:13px;margin:28px 0 0;padding:0;display:grid}.visibility-options legend{color:#9b92a7;margin-bottom:13px;padding:0;font-size:11px}.visibility-option{cursor:pointer;background:#19171d;border:1px solid #39323f;border-radius:10px;align-items:center;gap:14px;padding:18px;display:flex}.visibility-option.selected{background:#25212c;border-color:#a294b0}.visibility-option>input{accent-color:#d1c7dd;height:16px;margin:0;width:16px!important}.visibility-option>svg{color:#b9afc4}.visibility-option strong{font-size:14px;font-weight:550;display:block}.visibility-option small{color:#9a90a5;margin-top:7px;font-size:11px;display:block}.lobby-submit{margin-top:24px;padding:13px;font-size:13px}.private-join{border-bottom:1px solid #302a36;margin-top:30px;padding-bottom:26px}.private-join>label{color:#b6aabe;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;display:flex}.private-join-fields{gap:12px;display:flex}.private-join-fields input:not([type=range]){letter-spacing:9px;text-align:center;flex:1;min-width:0;padding:12px 18px;font:25px/1.2 Consolas,monospace}.private-join-fields input::placeholder{letter-spacing:9px;font-size:25px}.private-join-fields button{padding:12px 22px;font-size:12px}.private-join>p{color:#85778f;margin-top:11px;font-size:10px}.public-room-heading{color:#9c8da9;align-items:center;gap:10px;margin-top:27px;display:flex}.public-room-heading h2{letter-spacing:0;color:#d7ccdf;font-size:14px}.public-room-list{gap:10px;max-height:300px;margin-top:16px;display:grid;overflow:auto}.public-room-row{text-align:left;background:#1a171e;border:1px solid #3a303f;border-radius:9px;justify-content:flex-start;gap:12px;width:100%;padding:15px;display:flex}.public-room-row.invited{border-color:#aa92be}.public-room-row>svg{color:#a18aaf}.public-room-row>span:first-of-type{flex:1;min-width:0}.public-room-row strong{overflow-wrap:anywhere;font-size:12px;font-weight:500;display:block}.public-room-row small{color:#8e7d9a;margin-top:7px;font-size:10px;display:block}.public-room-row>span:last-of-type{color:#b6a4c4;font-size:11px}.public-room-empty{color:#8d7c9a;font-size:12px;margin-top:18px!important}.private-room-code{justify-content:center;gap:9px;margin:21px 0 8px;display:flex}.private-room-code>span{color:#e5d8ef;background:#211b29;border:1px solid #51465d;border-radius:8px;place-items:center;width:43px;height:56px;font:27px/1 Consolas,monospace;display:grid}@media (width<=600px){.room-lobby-shell{padding:24px 16px}.room-lobby-header{margin-bottom:35px}.room-lobby-header .brand{font-size:20px}.lobby-user{max-width:115px;padding:8px 12px;font-size:11px}main.room-lobby-card{padding:26px 20px!important}.room-lobby-card h1{font-size:26px}.lobby-options{gap:11px}.lobby-option{padding:18px 13px}.lobby-option>strong{font-size:15px}.lobby-option>span:not(.lobby-option-icon){font-size:10px}.lobby-option>svg{top:22px;right:12px}.lobby-option-icon{width:36px;height:36px}.private-join-fields{gap:9px}.private-join-fields input:not([type=range]){letter-spacing:8px;padding:12px 8px;font-size:24px}.private-join-fields button{padding:12px 15px}.visibility-option{gap:10px;padding:16px 12px}.visibility-option small{font-size:10px}}.player.player-theater{aspect-ratio:auto;z-index:1000;overscroll-behavior:contain;background:#000;border-radius:0;width:100%;height:100dvh;position:fixed;inset:0}.player:-webkit-any(.player-theater,:fullscreen,:-webkit-full-screen) .stream-video{object-fit:contain;width:100%;height:100%}.player:is(.player-theater,:fullscreen,:fullscreen) .stream-video{object-fit:contain;width:100%;height:100%}.player:-webkit-any(.player-theater,:fullscreen,:-webkit-full-screen) .fullscreen-button{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));color:#fff;touch-action:manipulation;background:#15151bd9;border:1px solid #ffffff30;min-width:44px;min-height:44px;bottom:auto}.player:is(.player-theater,:fullscreen,:fullscreen) .fullscreen-button{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));color:#fff;touch-action:manipulation;background:#15151bd9;border:1px solid #ffffff30;min-width:44px;min-height:44px;bottom:auto}.player:-webkit-full-screen{background:#000;width:100vw;height:100vh}@media (pointer:coarse){.fullscreen-button{touch-action:manipulation;min-width:44px;min-height:44px}}