@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--bg:#070b12;--panel:#0d131e;--panel2:#111a28;--line:#1d2a3b;--muted:#7d8ca1;--text:#edf5ff;--blue:#4f8cff;--cyan:#5ce2ef;--lime:#c9ed82;--danger:#ff6d75}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;font-family:Manrope,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0}.app-shell{background:radial-gradient(circle at 58% -10%,#13243b 0,transparent 30%),var(--bg);min-height:100vh;display:flex}.sidebar{background:#080e17;border-right:1px solid #152233;flex-direction:column;width:255px;min-height:100vh;padding:27px 16px 18px;display:flex}.brand,.mobile-brand{letter-spacing:-.8px;align-items:center;gap:10px;padding:0 12px;font-size:19px;font-weight:800;display:flex}.brand-logo{object-fit:cover;object-position:center 54%;border-radius:8px;width:190px;height:58px;display:block}.brand span span,.mobile-brand span{color:var(--cyan)}.brand-mark{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#07111f;border-radius:9px;place-items:center;width:28px;height:28px;font-size:16px;font-weight:800;display:grid;box-shadow:0 0 24px #53dfea44}.profile-mini{border:1px solid var(--line);background:#0d1623;border-radius:14px;align-items:center;gap:9px;margin:37px 4px 24px;padding:11px;display:flex}.profile-mini strong,.profile-mini small{display:block}.profile-mini strong{font-size:12px}.profile-mini small{color:var(--muted);margin-top:3px;font-size:10px}.profile-mini button{color:#687a90;background:0 0;margin-left:auto}.avatar{color:#08101a;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:11px;font-weight:800;display:grid}.avatar-lime{background:var(--lime)}.avatar-pink{background:#ffa5c5}.avatar-blue{background:#79aaff}.avatar-peach{background:#ffc17b}.avatar-green{background:#86e0a4}.avatar-purple{background:#c7a4fc}.online-dot{background:#72e69a;border-radius:50%;width:6px;height:6px;display:inline-block}.primary-nav{gap:3px;display:grid}.nav-item{text-align:left;color:#8090a5;background:0 0;border-radius:10px;align-items:center;gap:12px;padding:11px 12px;font-size:12px;transition:all .2s;display:flex}.nav-item:hover,.nav-item.active{color:#f5faff;background:#121e2e}.nav-item.active{box-shadow:inset 2px 0 var(--cyan)}.nav-icon{text-align:center;color:#94a9c2;width:18px;font-size:17px}.nav-item.active .nav-icon{color:var(--cyan)}.badge,.inline-badge{color:#a9e8ff;background:#23517c;border-radius:20px;margin-left:auto;padding:2px 6px;font:10px DM Mono}.sidebar-spacer{height:42px}.adult-toggle{background:linear-gradient(135deg,#101a29,#0d141f);border:1px solid #253244;border-radius:13px;grid-template-columns:1fr auto;gap:9px;margin-bottom:12px;padding:14px 12px;display:grid}.eyebrow{letter-spacing:1.5px;color:#8397b0;font:10px DM Mono,monospace}.adult-toggle strong{margin-top:7px;font-size:11px;display:block}.adult-toggle small{color:#65778c;grid-column:1/-1;font-size:9px;line-height:1.4}.switch{background:#273548;border-radius:20px;width:32px;height:18px;padding:2px}.switch span{background:#92a1b3;border-radius:50%;width:14px;height:14px;transition:all .2s;display:block}.switch.on{background:#266a83}.switch.on span{background:var(--cyan);transform:translate(14px)}.sidebar-foot{color:#60738a;align-items:center;gap:6px;margin-top:17px;padding:0 10px;font-size:9px;display:flex}.sidebar-foot span:last-child{margin-left:auto;font-family:DM Mono}.status-dot{background:var(--lime);border-radius:50%;width:5px;height:5px}.main-column{flex:1;min-width:0}.topbar{border-bottom:1px solid #142131;align-items:center;gap:30px;height:78px;padding:0 4.2%;display:flex}.mobile-brand{display:none}.search{color:#637994;background:#0c1420;border:1px solid #1b293a;border-radius:9px;flex:1;align-items:center;gap:8px;max-width:315px;height:36px;padding:0 12px;display:flex}.search input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:11px}.top-actions{align-items:center;gap:17px;margin-left:auto;display:flex}.icon-btn{color:#91a4bb;background:#101a28;border:1px solid #203044;border-radius:9px;width:32px;height:32px;font-size:12px}.page-content{max-width:1190px;margin:0 auto;padding:50px 4.2% 80px}.hero{align-items:center;gap:5%;min-height:468px;padding-bottom:48px;display:flex}.hero-copy{z-index:1;width:48%;position:relative}.eyebrow.cyan{color:var(--cyan)}h1,h2,p{margin:0}.hero h1{letter-spacing:-4px;margin:18px 0 20px;font-size:clamp(42px,5vw,68px);font-weight:700;line-height:1.02}.hero h1 em,h1 em,h2 em{color:var(--cyan);font-style:normal}.hero-copy>p{color:#8fa0b5;max-width:430px;font-size:13px;line-height:1.7}.hero-actions{gap:10px;margin-top:30px;display:flex}.btn{border-radius:9px;padding:11px 16px;font-size:11px;font-weight:700;transition:all .2s}.btn.primary{color:#08111b;background:linear-gradient(100deg,var(--cyan),#82c8ff);box-shadow:0 8px 26px #48dbe233}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 10px 35px #48dbe255}.btn.ghost{color:#b5c4d7;background:#111c2b;border:1px solid #26384e}.btn.small{padding:8px 11px;font-size:10px}.btn.wide{width:100%;margin-top:21px}.btn:disabled{opacity:.35;cursor:not-allowed}.hero-note{color:#778ba4;align-items:center;gap:10px;margin-top:43px;font-size:10px;display:flex}.hero-note strong{color:#d9e8f8}.avatar-stack{display:flex}.avatar-stack .avatar{border:2px solid var(--bg);margin-left:-7px}.avatar-stack .avatar:first-child{margin-left:0}.hero-visual{width:52%;height:398px;position:relative}.orb{filter:blur(1px);border-radius:50%;position:absolute}.orb-a{background:#183b64aa;width:290px;height:290px;top:25px;right:35px}.orb-b{background:#2bb8c755;width:130px;height:130px;bottom:40px;left:13px}.video-tile{background:linear-gradient(135deg,#244e70,#172d4f 54%,#302d66);border:1px solid #5b88ad66;border-radius:18px;position:absolute;overflow:hidden;box-shadow:0 20px 70px #0008}.main-tile{width:264px;height:330px;top:17px;right:18%;transform:rotate(4deg)}.tile-gradient{background:linear-gradient(#0000 42%,#0b1a2cdd);position:absolute;inset:0}.tile-live{letter-spacing:1px;font:9px DM Mono;position:absolute;top:15px;left:15px}.tile-person{color:#bad8e9aa;place-items:center;font-size:88px;font-weight:800;display:grid;position:absolute;inset:0}.tile-label{position:absolute;bottom:15px;left:17px}.tile-label strong,.tile-label small{display:block}.tile-label small{color:#a2bad0;margin-top:3px;font-size:9px}.mini-tile{align-items:flex-end;width:102px;height:126px;padding:11px;font-size:9px;font-weight:700;display:flex}.mini-tile .tile-person{font-size:35px}.mini-tile.one{background:linear-gradient(135deg,#472e50,#2b2346);top:93px;left:4%;transform:rotate(-8deg)}.mini-tile.two{background:linear-gradient(135deg,#28615d,#23435d);bottom:31px;right:1%;transform:rotate(8deg)}.signal-pill{letter-spacing:1px;color:#b5c9dc;background:#111d2de8;border:1px solid #29445c;border-radius:30px;padding:10px 15px;font:9px DM Mono;position:absolute;bottom:8px;left:14%}.signal-pill span{color:var(--cyan);margin-right:5px}.section-block{border-top:1px solid #182534;padding:46px 0}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:23px;display:flex}.section-heading h2,.split-section h2{letter-spacing:-1.3px;margin-top:10px;font-size:27px}.text-btn{color:var(--cyan);background:0 0;font-size:11px}.room-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.room-card{background:var(--panel);cursor:pointer;border:1px solid #1a293b;border-radius:13px;transition:all .2s;overflow:hidden}.room-card:hover{border-color:#3d6f9a;transform:translateY(-3px)}.room-art{background:linear-gradient(135deg,#153f6a,#182033);height:132px;position:relative;overflow:hidden}.room-card.violet .room-art{background:linear-gradient(135deg,#442762,#1c2044)}.room-card.cyan .room-art{background:linear-gradient(135deg,#165564,#182c46)}.room-card.pink .room-art{background:linear-gradient(135deg,#612c56,#2b2448)}.art-orb{background:#68d6ed44;border-radius:50%;width:120px;height:120px;position:absolute;top:-40px;right:15px;box-shadow:0 0 55px #55bce966}.room-symbol{color:#bde9f7aa;font-size:40px;position:absolute;top:36px;left:23px}.room-count{color:#a5bfd2;font:9px DM Mono;position:absolute;bottom:12px;right:13px}.room-info{padding:15px}.room-info strong,.room-info span{display:block}.room-info strong{font-size:12px}.room-info span{color:#72869d;margin-top:5px;font-size:10px}.split-section{border-top:1px solid #182534;grid-template-columns:1fr 1.3fr;gap:12%;padding:60px 0;display:grid}.feature-list{gap:22px;display:grid}.feature-list>div{border-bottom:1px solid #19283a;gap:18px;padding-bottom:20px;display:flex}.feature-list b{color:var(--cyan);font:11px DM Mono}.feature-list strong,.feature-list small{display:block}.feature-list strong{margin-bottom:6px;font-size:12px}.feature-list small{color:#7c8da3;font-size:11px;line-height:1.6}.workspace{min-height:620px}.workspace-head{justify-content:space-between;align-items:flex-end;margin-bottom:33px;display:flex}.random-head-actions{align-items:center;gap:10px;display:flex}.workspace-head h1{letter-spacing:-2px;margin:12px 0 8px;font-size:37px}.workspace-head p{color:#8192a7;font-size:12px}.select-pill,.filter,.room-search{color:#a5bbd0;background:#101b29;border:1px solid #26384c;border-radius:8px;padding:10px 13px;font-size:10px}.select-pill{align-items:center;gap:8px;display:flex}.cam-stage{background:#0d141f;border:1px solid #1b2a3c;border-radius:15px;overflow:hidden}.remote-feed{background:radial-gradient(circle at 50% 42%,#1a3d55,#101a28 38%,#0a111b 70%);place-items:center;height:460px;display:grid;position:relative}.remote-avatar{color:#cbf2fa;background:linear-gradient(135deg,#2b6680,#2a3d76);border-radius:42%;place-items:center;width:145px;height:145px;font-size:68px;font-weight:800;display:grid;box-shadow:0 0 70px #36b5d933}.remote-name{position:absolute;bottom:28px;left:30px}.remote-name strong,.remote-name small{display:block}.remote-name small{color:#92a5ba;margin-top:4px;font-size:10px}.connected-label{color:#b7d0db;font:10px DM Mono;position:absolute;top:20px;left:20px}.queue-state,.empty-cam{text-align:center;gap:10px;display:grid}.queue-state strong,.empty-cam strong{font-size:13px}.queue-state small,.empty-cam small{color:#778ca5;font-size:10px}.loader{border:2px solid #29425d;border-top-color:var(--cyan);border-radius:50%;width:42px;height:42px;margin:auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-icon{width:62px;height:62px;color:var(--cyan);background:#122336;border:1px solid #31526d;border-radius:50%;place-items:center;margin:auto;font-size:22px;display:grid}.local-feed{background:#101f2c;border:1px solid #4c7590;border-radius:9px;place-items:center;width:125px;height:82px;display:grid;position:absolute;bottom:20px;right:20px;overflow:hidden}.local-letter{color:#b7d8dc;font-size:25px;font-weight:800}.local-feed span{color:#9cb2c6;font-size:8px;position:absolute;bottom:6px;left:8px}.cam-controls{border-top:1px solid #1c2b3d;justify-content:center;align-items:center;gap:8px;height:72px;display:flex}.control{color:#b2c2d3;background:#152334;border:1px solid #263b52;border-radius:9px;align-items:center;gap:7px;padding:9px 13px;font-size:11px;display:flex}.control span:last-child{color:#8397ad;font-size:9px}.control.off{color:#ffadb0;background:#38222b}.control.danger{color:#ff8c93;background:#321d25}.match-actions{color:#8ea2b6;border-bottom:1px solid #1a2a3d;align-items:center;gap:8px;padding:14px 0;font-size:10px;display:flex}.match-actions>span{margin-right:auto}.small-action{color:#93a9be;background:#111c2b;border:1px solid #24364b;border-radius:7px;padding:8px 10px;font-size:10px}.small-action.next{color:var(--cyan);border-color:#2d6075}.safety-card,.mode-switch{background:#0d1723;border:1px solid #1b3140;border-radius:10px;align-items:center;gap:13px;margin-top:20px;padding:15px;display:flex}.safety-icon{width:29px;height:29px;color:var(--cyan);background:#133543;border-radius:8px;place-items:center;display:grid}.safety-card strong,.mode-switch strong{font-size:11px}.safety-card p,.mode-switch small{color:#788ca3;margin-top:4px;font-size:10px}.safety-status{color:#85e9b0;margin-left:auto;font:9px DM Mono}.mode-switch{background:0 0;border-color:#1a2a3d}.mode-switch>div{flex:1}.filter-row{border-bottom:1px solid #1a2a3d;align-items:center;gap:8px;padding-bottom:17px;display:flex}.filter{color:#7c91a8;background:0 0}.filter.active{color:var(--cyan);background:#172b40;border-color:#315571}.room-search{color:#657b94;width:210px;margin-left:auto}.room-list{gap:10px;margin-top:18px;display:grid}.room-row{background:#0d141f;border:1px solid #19293a;border-radius:11px;align-items:center;gap:15px;padding:12px;display:flex}.row-art{color:#a9e4f0;background:linear-gradient(135deg,#173e67,#18283d);border-radius:8px;place-items:center;width:67px;height:55px;font-size:24px;display:grid}.row-art.violet{background:linear-gradient(135deg,#442762,#202749)}.row-art.cyan{background:linear-gradient(135deg,#165564,#1a2b43)}.row-art.pink{background:linear-gradient(135deg,#612c56,#2b2448)}.row-copy{flex:1}.row-copy strong,.row-copy small{display:block}.row-copy strong{font-size:12px}.row-copy small{color:#72869d;margin-top:4px;font-size:10px}.row-people{color:#8196aa;font:10px DM Mono}.chat-layout{border:1px solid #1b2b3e;border-radius:12px;grid-template-columns:220px 1fr;height:540px;display:grid;overflow:hidden}.conversation-list{background:#0b131e;border-right:1px solid #1b2b3e;padding:9px}.conversation{border-radius:9px;align-items:center;gap:9px;margin-bottom:4px;padding:12px 9px;display:flex}.conversation.active{background:#142538}.conversation>div:nth-child(2){flex:1;min-width:0}.conversation strong,.conversation small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.conversation strong{font-size:11px}.conversation small{color:#71879f;margin-top:4px;font-size:9px}.conversation time{color:#637891;font:9px DM Mono}.chat-panel{flex-direction:column;display:flex}.chat-head{border-bottom:1px solid #1b2b3e;align-items:center;gap:10px;padding:14px 18px;display:flex}.chat-head strong,.chat-head small{display:block}.chat-head strong{font-size:11px}.chat-head small{color:#7f94ab;margin-top:3px;font-size:9px}.call-lock{color:#d2b97f;background:#2a241a;border:1px solid #614f2a;border-radius:6px;margin-left:auto;padding:7px 9px;font-size:9px}.chat-history{flex-direction:column;flex:1;gap:12px;padding:20px;display:flex;overflow:auto}.date-divider{text-align:center;color:#566c83;letter-spacing:1px;margin-bottom:3px;font:8px DM Mono}.bubble{border-radius:10px;max-width:60%;padding:10px 12px;font-size:11px;line-height:1.45}.bubble small{color:#7991a8;margin-top:6px;font:8px DM Mono;display:block}.received{background:#17283b;align-self:flex-start}.sent{background:#154a61;align-self:flex-end}.sent small{text-align:right}.message-progress{color:#a08f6b;background:#201f19;border:1px solid #3a3a29;border-radius:9px;gap:8px;width:270px;margin:8px auto 0;padding:12px;font-size:9px;display:grid}.message-progress>span{display:inline-block}.message-progress>span:nth-child(2){margin-top:-17px;margin-left:auto}.message-progress b{color:#e2c979}.progress{background:#403d2c;border-radius:4px;height:4px}.progress i{background:#d5ba62;border-radius:4px;height:100%;display:block}.message-progress small{font-size:8px;line-height:1.4}.composer{border-top:1px solid #1b2b3e;gap:8px;padding:14px;display:flex}.composer input{color:var(--text);background:#111d2b;border:1px solid #273a50;border-radius:8px;outline:0;flex:1;padding:10px 12px;font-size:11px}.composer button{background:var(--cyan);color:#07121a;border-radius:8px;width:35px;font-weight:800}.friend-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.friend-card{background:#0d141f;border:1px solid #1a2a3b;border-radius:12px;overflow:hidden}.friend-cover{background:linear-gradient(135deg,#61453b,#27364d);height:74px}.friend-cover.green{background:linear-gradient(135deg,#275750,#222a43)}.friend-cover.purple{background:linear-gradient(135deg,#493a70,#222842)}.friend-avatar{border:4px solid #0d141f;width:56px;height:56px;margin:-28px 0 0 19px;font-size:20px;position:relative}.friend-details{padding:10px 19px 17px}.friend-details>strong,.friend-details>small,.friend-details>span{display:block}.friend-details>strong{font-size:13px}.friend-details>small{color:#71869d;margin-top:4px;font:10px DM Mono}.friend-details>span{color:#81daa3;margin-top:12px;font-size:10px}.friend-progress{margin-top:18px}.friend-progress>div:first-child{color:#73869a;justify-content:space-between;font-size:9px;display:flex}.friend-progress b{color:#d8bf6d;font:10px DM Mono}.friend-progress .progress{margin-top:7px}.friend-buttons{gap:7px;margin-top:16px;display:flex}.friend-buttons .icon-btn{margin-left:auto}.notification-list{gap:8px;display:grid}.notification{background:#0d141f;border:1px solid #192a3b;border-radius:11px;align-items:flex-start;gap:15px;padding:17px;display:flex;position:relative}.notification-icon{width:35px;height:35px;color:var(--cyan);background:#173648;border-radius:10px;place-items:center;display:grid}.notification-icon.peach{color:#ffc17b;background:#3b2b20}.notification-icon.green{color:#90e7ad;background:#1d3b32}.notification-icon.blue{color:#8bbaff;background:#192f4c}.notification strong{font-size:11px}.notification p,.notification small{color:#7f91a6;margin:5px 0;font-size:10px;display:block}.notification small{font:9px DM Mono}.unread{background:var(--cyan);border-radius:50%;width:6px;height:6px;margin-left:auto}.profile-hero{border:1px solid #1b2b3e;border-radius:13px;overflow:hidden}.profile-banner{background:radial-gradient(circle at 73% 20%,#3bc1ca66,#0000 18%),linear-gradient(110deg,#12385d,#182344 48%,#442954);height:160px}.profile-body{align-items:center;gap:17px;padding:0 24px 24px;display:flex}.profile-avatar{border:5px solid #0d141f;width:78px;height:78px;margin-top:-39px;font-size:28px}.profile-copy{flex:1}.profile-copy h1{letter-spacing:-1px;margin:5px 0;font-size:28px}.profile-copy p{color:#8397ad;font-size:11px}.profile-tags{gap:6px;margin-top:13px;display:flex}.profile-tags span{color:#91b6cf;background:#172a3c;border-radius:20px;padding:5px 8px;font-size:9px}.stats-row{gap:65px;padding:30px 4px;display:flex}.stats-row strong,.stats-row small{display:block}.stats-row strong{font-size:24px}.stats-row small{color:#75899f;margin-top:4px;font-size:10px}.settings-list{gap:8px;max-width:730px;display:grid}.setting-row{text-align:left;background:#0d141f;border:1px solid #1a2a3b;border-radius:10px;align-items:center;gap:14px;padding:16px;display:flex}.setting-icon{width:33px;height:33px;color:var(--cyan);background:#15283b;border-radius:8px;place-items:center;display:grid}.setting-row span:nth-child(2){flex:1}.setting-row strong,.setting-row small{display:block}.setting-row strong{font-size:11px}.setting-row small{color:#778ca3;margin-top:4px;font-size:10px}.setting-row>b{color:#7891a8}.notice{color:#b8f2f3;background:#143a48;border:1px solid #2a8090;border-radius:8px;margin-bottom:18px;padding:11px 14px;font-size:11px}.modal-backdrop{z-index:5;background:#03070dcc;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#101a27;border:1px solid #2a4660;border-radius:15px;width:min(420px,100%);padding:28px;box-shadow:0 22px 100px #000}.modal-close{color:#7790a9;background:0 0;margin:-14px 0 0 330px;font-size:25px;position:absolute}.modal h2{letter-spacing:-1px;margin:14px 0 8px;font-size:28px}.modal p{color:#899cb1;margin-bottom:22px;font-size:11px;line-height:1.6}.modal label{color:#9eb0c3;gap:7px;font-size:10px;display:grid}.modal input{color:var(--text);background:#0b131e;border:1px solid #2a3d51;border-radius:8px;outline:0;padding:11px}.choice-row{gap:8px;margin-top:13px;display:flex}.choice{color:#8498ad;background:#0d1622;border:1px solid #26384b;border-radius:8px;flex:1;padding:11px;font:10px DM Mono}.choice.selected{border-color:var(--cyan);color:var(--cyan);background:#123043}.mobile-brand{font-size:16px}.mobile-brand .brand-mark{width:25px;height:25px}@media (max-width:900px){.sidebar{width:210px}.hero{gap:2%}.hero h1{font-size:48px}.main-tile{right:7%}.split-section{gap:5%}}@media (max-width:700px){.app-shell{display:block}.sidebar{display:none}.topbar{gap:12px;height:64px;padding:0 16px}.mobile-brand{white-space:nowrap;padding:0;display:flex}.search{order:2}.top-actions{gap:8px}.top-actions .icon-btn{display:none}.top-actions .avatar{width:28px;height:28px}.page-content{padding:30px 16px 55px}.hero{min-height:0;display:block}.hero-copy{width:100%}.hero h1{letter-spacing:-3px;font-size:49px}.hero-visual{width:100%;height:320px;margin-top:18px;transform:scale(.9)}.main-tile{right:12%}.section-heading{display:block}.section-heading .text-btn{margin-top:15px}.room-grid,.friend-grid{grid-template-columns:1fr}.split-section{display:block}.feature-list{margin-top:32px}.workspace-head{display:block}.workspace-head .btn,.workspace-head .select-pill{margin-top:18px}.workspace-head h1{font-size:34px}.cam-stage{margin-top:14px}.remote-feed{height:360px}.cam-controls{flex-wrap:wrap;height:auto;padding:12px}.control{padding:9px}.control span:last-child{display:none}.match-actions{flex-wrap:wrap}.match-actions>span{width:100%;margin-bottom:4px}.safety-card p{line-height:1.5}.safety-status{display:none}.filter-row{overflow:auto}.room-search{min-width:180px}.chat-layout{height:auto;display:block}.conversation-list{border-bottom:1px solid #1b2b3e;border-right:0;display:flex;overflow:auto}.conversation{min-width:180px}.chat-panel{height:450px}.call-lock{display:none}.profile-body{padding:0 18px 22px;display:block}.profile-copy{margin-top:10px}.profile-body .btn{margin-top:15px}.modal-close{margin-left:calc(100% - 28px)}}.media-manager{padding:22px}.media-preview{background:radial-gradient(circle at 50% 42%,#1a3d55,#101a28 38%,#0a111b 70%);border:1px solid #1c3045;border-radius:12px;place-items:center;height:390px;display:grid;position:relative;overflow:hidden}.media-preview video{object-fit:cover;background:#080e16;width:100%;height:100%;transform:scaleX(-1)}.preview-label{color:#b8d8e4;background:#0c1824d9;border:1px solid #3b6478;border-radius:7px;padding:7px 9px;font:9px DM Mono;position:absolute;top:14px;left:15px}.media-silhouette{text-align:center;color:#8197ad;place-items:center;gap:10px;display:grid}.media-silhouette span{width:70px;height:70px;color:var(--cyan);background:#122336;border:1px solid #31526d;border-radius:50%;place-items:center;font-size:25px;display:grid}.media-silhouette strong{font-size:11px}.media-status-grid{flex-wrap:wrap;gap:9px;margin:13px 0;display:flex}.media-status{color:#889bae;border:1px solid #293849;border-radius:7px;padding:7px 9px;font:9px DM Mono}.media-status i{background:#d4a561;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.media-status.ready{color:#91e2ac;border-color:#285641}.media-status.ready i{background:#72e69a}.media-error{color:#ffb6b9;background:#2b1822;border:1px solid #65363d;border-radius:8px;gap:7px;padding:12px;font-size:10px;line-height:1.5;display:grid}.media-error small{color:#c8949a}.media-setup-copy{gap:9px;max-width:560px;padding:10px 0;display:grid}.media-setup-copy strong{font-size:13px}.media-setup-copy p,.media-honesty{color:#8295aa;font-size:10px;line-height:1.6}.media-setup-copy .btn{justify-self:start;margin-top:7px}.media-controls{flex-wrap:wrap;align-items:flex-end;gap:8px;padding-top:13px;display:flex}.device-select{color:#8297ad;gap:5px;font-size:9px;display:grid}.device-select select{color:#b4c7d8;background:#111d2b;border:1px solid #293c51;border-radius:7px;max-width:170px;padding:8px;font-size:9px}.media-honesty{margin:14px 0 0}.join-bar{border-top:1px solid #1c2b3d;align-items:center;gap:15px;padding:14px 22px;display:flex}.join-bar>div{flex:1}.join-bar strong,.join-bar small{display:block}.join-bar strong{font-size:11px}.join-bar small{color:#7e92a8;margin-top:4px;font-size:9px}.waiting-state{text-align:center;border-top:1px solid #1c2b3d;place-items:center;gap:9px;padding:34px 22px;display:grid}.waiting-state strong{font-size:12px}.waiting-state small{color:#7e92a8;max-width:500px;font-size:10px;line-height:1.5}.empty-surface{text-align:center;align-content:center;place-items:center;gap:14px;min-height:620px;display:grid}.empty-surface h1{letter-spacing:-1.5px;font-size:34px}.empty-surface>p{color:#8192a7;max-width:520px;font-size:12px;line-height:1.7}.empty-state-icon{width:76px;height:76px;color:var(--cyan);background:#122336;border:1px solid #31526d;border-radius:23px;place-items:center;font-size:28px;display:grid}.silhouette{color:#9db6c7;background:#192a3a}.empty-home-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.empty-home-grid>div{background:#0d141f;border:1px solid #1a2a3b;border-radius:11px;padding:20px}.empty-home-grid strong,.empty-home-grid span{display:block}.empty-home-grid strong{color:#8fa5bb;font:26px DM Mono}.empty-home-grid span{color:#71869d;margin-top:7px;font-size:10px}.top-signin{padding:8px 12px;font-size:10px}@media (max-width:700px){.random-head-actions{margin-top:18px}.media-manager{padding:12px}.media-preview{height:310px}.media-controls{align-items:stretch}.device-select{flex:1;min-width:130px}.device-select select{width:100%;max-width:none}.join-bar{padding:14px;display:block}.join-bar .btn{width:100%;margin-top:12px}.empty-home-grid{grid-template-columns:1fr}.top-signin{padding:7px 8px;font-size:9px}.topbar .search{display:none}}