:root{color-scheme:dark;--bg:#101214;--panel:#181b1e;--panel-2:#1d2125;--line:#2b3034;--text:#f4f5f3;--muted:#929a9e;--accent:#a7ee70;--accent-dark:#192c10;--red:#ff6b73;--sidebar:236px;font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}a{color:inherit;text-decoration:none}button{color:inherit}svg{flex-shrink:0;vertical-align:middle}button{border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}button,input,a{touch-action:manipulation}h1,h2,h3{font-weight:620;letter-spacing:-.035em}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#141719;border-right:1px solid var(--line);padding:35px 21px 0;z-index:20;display:flex;flex-direction:column}.brand{display:flex;align-items:center;font-size:28px;font-weight:750;letter-spacing:-1.8px;padding-left:7px;width:max-content}.brand>span:not(.brand-icon):not(.brand-dot){font-weight:400}.brand-icon{background:var(--accent);color:#182613;width:35px;height:35px;border-radius:10px;display:grid;place-items:center;margin-right:10px}.brand-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);align-self:center;margin:13px 0 0 5px}.workspace-label{color:#687276;font-size:10px;letter-spacing:1.8px;margin:55px 0 16px 14px;font-weight:650}.nav-item{display:flex;align-items:center;gap:13px;width:100%;padding:12px 14px;margin-bottom:6px;border-radius:8px;color:#9fa7aa;font-size:13px;text-align:left;position:relative}.nav-item.active{color:var(--accent);background:#24311d}.nav-item.active:before{content:"";position:absolute;left:-21px;top:13px;bottom:13px;width:3px;background:var(--accent);border-radius:0 2px 2px 0}.nav-item:hover{background:#202628;color:var(--text)}.nav-count{font-size:10px;margin-left:auto;border:1px solid #3b4447;min-width:20px;line-height:20px;text-align:center;border-radius:5px;color:#b4bcbd}.nav-divider{border-top:1px solid var(--line);margin:24px 12px}.sidebar-bottom{margin-top:auto}.local-card{margin:40px 2px 24px;background:#1a1f20;border:1px solid #2b3332;border-radius:10px;padding:18px 15px}.local-mark{display:block;color:var(--accent);margin-bottom:12px}.local-card strong{font-size:13px}.local-card p{color:var(--muted);font-size:12px;line-height:1.8;margin-top:6px}.version{display:inline-flex;font-size:9px;letter-spacing:1.3px;border:1px solid #3a4542;padding:4px 7px;border-radius:4px;color:#aab6ae}.local-card .version{margin-top:17px}.profile{display:flex;align-items:center;gap:11px;width:calc(100% + 42px);margin-left:-21px;padding:21px;border-top:1px solid var(--line);text-align:left}.profile>span:nth-child(2){min-width:0;flex:1}.profile strong{font-size:12px;font-weight:550;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.profile>svg{color:#7d898a}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#333c33;color:#d3e6c8;font-weight:650;flex-shrink:0;letter-spacing:0}.avatar.small{width:34px;height:34px;font-size:11px}.avatar.tiny{width:32px;height:32px;font-size:11px;background:#303531}.avatar.mini{width:26px;height:26px;font-size:9px}.app-shell{margin-left:var(--sidebar);min-height:100vh;display:flex;flex-direction:column}.topbar{height:83px;display:flex;align-items:center;justify-content:space-between;padding:0 45px;border-bottom:1px solid var(--line);gap:20px}.breadcrumb{display:flex;gap:15px;font-size:11px;color:#727d81;align-items:center}.breadcrumb strong{font-weight:500;color:#c8cecc;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-right{display:flex;align-items:center;gap:23px}.connection{display:flex;gap:7px;align-items:center;font-size:10px;letter-spacing:.1px;color:#a1aba2}.connection i,.mini-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px #a7ee701c;flex-shrink:0}.connection.offline{color:#d5b97c}.connection.offline i{background:#d5b97c}.icon-button{width:34px;height:34px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:#a3adaf}.icon-button:hover{background:#2b3235;color:var(--text)}.icon-button.outlined{border:1px solid #343d3f;color:#ced4d1}.help-button{border-left:1px solid var(--line);border-radius:0;padding-left:15px;width:45px}
#content{padding:38px 45px 0;width:100%;max-width:1600px;margin:0 auto;flex:1}.page-heading{margin-bottom:30px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2px;color:#7f8e85;display:block;margin-bottom:10px}.page-heading h1{font-size:34px;line-height:1.2;letter-spacing:-1.25px;font-weight:600}.accent-dot{color:var(--accent);font-size:13px;margin-left:7px}.page-heading p{color:var(--muted);font-size:12px;margin-top:11px}.hero{background:#20291f;border:1px solid #354331;border-radius:14px;min-height:296px;display:flex;position:relative;overflow:hidden;margin-bottom:37px}.hero-copy{padding:30px 33px;flex:1;position:relative;z-index:2}.hero-tag{display:flex;align-items:center;gap:6px;font-size:8px;font-weight:600;letter-spacing:1.4px;color:#acc899}.hero-tag i{width:4px;height:4px;background:var(--accent);border-radius:50%}.hero h2{font-size:39px;line-height:1.08;letter-spacing:-1.5px;color:#eef6e9;margin-top:17px}.hero-copy>p{color:#a4b19f;font-size:11px;line-height:1.8;margin-top:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:39px;padding:10px 16px;border-radius:7px;font-size:11px;font-weight:600;letter-spacing:.05px;transition:background .15s,transform .15s;white-space:nowrap}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--accent);color:#192710}.button.primary:hover{background:#b9fa8c}.button.secondary{background:#242a2c;border:1px solid #3c4547;color:#e0e6e2}.button.secondary:hover{background:#303837}.hero .button{margin-top:22px;min-width:173px;justify-content:space-between}.hero-footnote{display:block;font-size:9px;color:#778b71;margin-top:10px}.hero-art{width:47%;min-width:320px;position:relative;display:flex;align-items:center;justify-content:center;margin-right:15px}.art-screen{width:256px;height:181px;border-radius:9px;background:#121b15;border:1px solid #607455;transform:rotate(-7deg) translateY(-5px);box-shadow:14px 17px 0 -2px #141d14,14px 17px 0 -1px #394b31;z-index:1;position:relative}.art-top{height:24px;border-bottom:1px solid #324330;display:flex;gap:4px;align-items:center;padding:0 9px}.art-top>span{height:4px;width:4px;background:#4b6147;border-radius:50%}.art-top>span:first-child{background:#9ad16c}.art-top i{font-style:normal;font-size:6px;color:#5c7657;margin-left:auto}.art-visual{height:119px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:repeating-linear-gradient(0deg,transparent,transparent 19px,#7898640a 20px),repeating-linear-gradient(90deg,transparent,transparent 19px,#7898640a 20px)}.art-play{color:#b4e688;padding:18px;background:#283f26;border:1px solid #5b764a;border-radius:15px;z-index:1}.wave-bars{display:flex;gap:4px;position:absolute;bottom:14px;left:15px;right:15px;align-items:center;justify-content:space-between;opacity:.55}.wave-bars i{display:block;width:4px;border-radius:3px;background:#608a45}.wave-bars .bar-14{height:14px}.wave-bars .bar-24{height:24px}.wave-bars .bar-18{height:18px}.wave-bars .bar-36{height:36px}.wave-bars .bar-48{height:48px}.wave-bars .bar-27{height:27px}.wave-bars .bar-39{height:39px}.wave-bars .bar-21{height:21px}.wave-bars .bar-33{height:33px}.wave-bars .bar-28{height:28px}.wave-bars .bar-13{height:13px}.art-bottom{display:flex;align-items:center;justify-content:center;height:33px;border-top:1px solid #324330;gap:7px}.art-bottom b{width:14px;height:14px;background:#283c27;border-radius:4px}.art-bottom b:first-child{background:#a1d77c}.art-bottom em{background:#75413f;width:22px;height:14px;border-radius:4px}.art-bubble{position:absolute;display:flex;align-items:center;gap:8px;background:#2f3c2c;border:1px solid #4a5e40;border-radius:8px;box-shadow:0 7px 20px #0003;font-size:9px;color:#d8e6cf;z-index:3;white-space:nowrap}.bubble-a{bottom:64px;left:0;transform:rotate(-4deg);padding:11px 13px}.bubble-a svg{color:#b4e388}.bubble-b{top:46px;right:12px;padding:10px 13px;transform:rotate(5deg)}.bubble-b i{width:6px;height:6px;border-radius:50%;background:#b6ec8c}.art-line{position:absolute;width:270px;height:270px;border:1px solid #8ba66b12;border-radius:50%;transform:rotate(-20deg)}.line-b{width:350px;height:350px}.art-star{position:absolute;color:#a9d988}.star-a{font-size:37px;right:17px;bottom:75px;transform:rotate(10deg)}.star-b{font-size:29px;left:10px;top:47px;font-weight:200}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:30px}.dashboard-main{min-width:0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.section-title h2{font-size:15px;letter-spacing:-.35px;display:flex;align-items:center;gap:9px}.section-title p{font-size:10px;color:#768287;margin-top:5px}.count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:19px;background:#272d30;border:1px solid #394044;border-radius:5px;color:#b4bcbb;font-size:9px;letter-spacing:0}.rooms-actions{display:flex;gap:9px;align-items:center}.search-box{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:6px;padding:7px 9px;color:#727e83;width:151px}.search-box input{background:none;border:0;outline:none;color:#d4ddd7;width:100%;font-size:10px;min-width:0}.search-box input::placeholder{color:#718086}.empty-rooms{border:1px dashed #343d3d;border-radius:11px;min-height:225px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#15191b;text-align:center;padding:25px}.empty-room-icon{display:grid;place-items:center;color:#8b9d91;width:52px;height:52px;background:#242d26;border:1px solid #374238;border-radius:14px;margin-bottom:15px}.empty-rooms h3{font-size:14px;letter-spacing:-.2px;font-weight:550}.empty-rooms p{font-size:10px;color:#7d8a8e;margin-top:7px}.empty-rooms .button{margin-top:21px;padding:8px 12px;min-height:32px;font-size:10px;background:#242b28;border-color:#3b4940}.bottom-note{display:flex;align-items:center;gap:7px;font-size:9px;color:#68777b;margin-top:17px}.ready-card{border:1px solid var(--line);border-radius:10px;background:#191e20;padding:20px}.aside-heading{display:flex;align-items:center;gap:9px}.aside-heading h2{font-size:13px;letter-spacing:-.3px}.ready-symbol{width:26px;height:26px;border-radius:7px;color:var(--accent);display:grid;place-items:center;background:#293325}.ready-card>p{font-size:10px;color:#8c9a98;margin-top:12px;line-height:1.8}.capability-list{list-style:none;padding:0;margin:18px 0 0}.capability-list li{display:flex;gap:9px;align-items:center;font-size:10px;color:#adb8b2;margin:12px 0}.capability-list li>span{width:16px;height:16px;display:grid;place-items:center;background:#293326;border-radius:50%;color:#a5ca89}.local-status{border-top:1px solid var(--line);padding-top:15px;margin-top:19px;color:#748379;font-size:9px;display:flex;gap:7px;align-items:center}.recent-section{margin-top:27px}.recent-section .section-title{color:#899490;margin-bottom:14px}.recent-section h2{font-size:12px;color:#c4cec7;letter-spacing:-.1px}.recent-empty{color:#637272;font-size:11px;line-height:1.9;border-left:2px solid #2d3832;padding-left:13px;margin:12px 0}.recent-room{display:flex;gap:10px;align-items:center;width:100%;padding:11px 0;text-align:left}.recent-room>span:nth-child(2){flex:1;min-width:0}.recent-room strong{font-size:10px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-room small{font-size:9px;color:#6d7f75;display:block;margin-top:3px}.recent-room>svg{color:#6e7d73}.recent-icon{display:grid;place-items:center;width:31px;height:31px;background:#242d28;border:1px solid #344238;border-radius:8px;color:#b3c3af}.recent-room:hover strong{color:var(--accent)}.shortcut-note{font-size:9px;color:#63736b;display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);margin-top:23px;padding-top:17px}kbd{font:9px inherit;border:1px solid #414b43;border-radius:4px;width:20px;height:20px;display:grid;place-items:center;color:#9da99c;background:#232a25}.app-footer{display:flex;justify-content:space-between;padding:27px 45px 22px;gap:10px;color:#59666b;font-size:9px;margin-top:auto}.app-footer>span:first-child{display:flex;align-items:center;gap:6px}.app-footer .mini-dot{background:#53684b;box-shadow:none;width:4px;height:4px}.footer-version{color:#435157;margin-left:6px}.room-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.room-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel)}.room-cover{height:124px;background:#26372b;position:relative;overflow:hidden}.cover-1{background:#303045}.cover-2{background:#44312b}.room-cover-art{position:absolute;inset:0;display:grid;place-items:center;color:#a0c08c}.cover-1 .room-cover-art{color:#b5afd9}.cover-2 .room-cover-art{color:#d9b4a0}.room-cover-art>svg{z-index:1;transform:rotate(-8deg)}.orbit{position:absolute;border:1px solid #d6eccb12;border-radius:50%;width:120px;height:120px;transform:rotate(-20deg)}.orbit.two{width:200px;height:200px}.live-tag{position:absolute;top:12px;left:12px;display:flex;gap:5px;align-items:center;background:#111b15bd;border:1px solid #839c6e4d;border-radius:4px;padding:3px 6px;color:#d7e9c8;font-size:7px;font-weight:600;letter-spacing:1px}.live-tag i{width:4px;height:4px;border-radius:50%;background:var(--accent)}.room-members{position:absolute;bottom:10px;right:11px;font-size:10px;display:flex;align-items:center;gap:5px;padding:3px 7px;background:#10171499;border-radius:4px;color:#d3dfd0}.room-card-body{padding:15px}.room-card-title{display:flex;align-items:center;justify-content:space-between;gap:9px}.room-card h3{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-indicator{width:5px;height:5px;background:var(--accent);border-radius:50%}.room-card p{font-size:9px;color:#778b7e;margin-top:5px}.room-enter{font-size:10px;color:#c1d7b5;border-top:1px solid var(--line);padding:12px 0 0;margin-top:15px;display:flex;width:100%;justify-content:space-between;align-items:center}.room-enter:hover{color:var(--accent)}
.settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.settings-card{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:12px;max-width:850px}.settings-card .section-title{margin-bottom:22px}.settings-card input{width:100%}.settings-card label{font-size:11px;color:#b5c0b7;display:block;margin-bottom:9px}.settings-card .form-note{margin:12px 0 22px}.settings-card .info-row{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--line);font-size:11px}.info-row>span{color:var(--muted)}.info-row strong{font-size:10px;font-weight:500;text-align:right}.text-button{font-size:10px;color:#9bb38b;display:inline-flex;align-items:center;gap:6px}.text-button:hover{color:var(--accent)}.large .recent-room{padding:16px 0;border-bottom:1px solid var(--line)}.large .recent-room strong{font-size:13px}.large .recent-room small{font-size:10px}
dialog{border:1px solid #424c40;background:#1a201b;color:var(--text);border-radius:16px;padding:30px;width:460px;max-width:calc(100vw - 30px);box-shadow:0 30px 100px #0008}dialog::backdrop{background:#070b0bcc;backdrop-filter:blur(6px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head .eyebrow{margin:0;color:#9cb68c;font-size:8px}.dialog-head .icon-button{font-size:24px;margin:-8px -8px -5px 0}dialog h2{font-size:27px;margin:14px 0 8px;line-height:1.2}.muted{color:var(--muted);font-size:12px}dialog label{display:block;font-size:11px;color:#b9c6b6;margin:25px 0 8px}input{background:#111713;border:1px solid #3d483b;border-radius:7px;padding:12px 13px;color:var(--text);font-size:12px}input::placeholder{color:#687b69}dialog input{width:100%}input:read-only{color:#94aa8d;background:#222b21}.form-note{color:#7e907e;font-size:10px;line-height:1.8;margin:16px 0 20px}.button.wide{width:100%;justify-content:space-between}.error{color:#ff9aa2;font-size:11px;margin-top:10px}#notifications{position:fixed;bottom:25px;left:calc(var(--sidebar) + 25px);z-index:100;display:flex;flex-direction:column;align-items:flex-start;gap:8px;pointer-events:none;max-width:calc(100vw - var(--sidebar) - 50px)}.toast{background:#2a3529;border:1px solid #506448;color:#e5eedf;padding:13px 17px;border-radius:9px;font-size:12px;box-shadow:0 8px 30px #0005;animation:toast-in .2s ease-out}.app-shell:has(#call-dock:not([hidden])){padding-bottom:85px}#call-dock{position:fixed;bottom:22px;left:calc(var(--sidebar) + 45px);right:45px;max-width:1100px;background:#222b23;border:1px solid #576b4c;border-radius:12px;padding:12px 18px;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 10px 35px #0004}.dock-room{display:flex;align-items:center;gap:13px;text-align:left}.dock-icon{color:var(--accent);background:#344730;width:38px;height:38px;display:grid;place-items:center;border-radius:10px}.dock-room strong{display:block;font-size:12px}.dock-room small{display:flex;align-items:center;gap:4px;color:#9db091;font-size:10px;margin-top:3px}.dock-controls{display:flex;gap:8px}.dock-controls .control{width:38px;height:38px;border-radius:8px}.dock-controls .control svg{width:17px}
#room-view{padding:31px 35px 0;flex:1}.room-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:15px}.room-header h1{font-size:27px;line-height:1.3;overflow-wrap:anywhere}.room-header .eyebrow{margin-bottom:6px;font-size:8px}.room-meta{display:flex;align-items:center;gap:8px;font-size:10px;color:#7f9384;margin-top:8px}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}.call-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:22px;min-height:520px}.call-main{min-width:0;display:flex;flex-direction:column}.stage{display:grid;grid-template-columns:1fr;gap:12px;flex:1;min-height:340px;background:#0c100e;border:1px solid #29372c;border-radius:13px;overflow:hidden}.stage.multi{grid-template-columns:repeat(2,minmax(0,1fr))}.video-tile{min-height:240px;position:relative;background:#172019;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;padding:25px}.video-tile:nth-child(even){background:#1b211e}.video-tile video{width:100%;height:100%;max-height:65vh;object-fit:contain;position:absolute;inset:0;background:#090c0a}.tile-decoration{position:absolute;width:320px;height:320px;border:1px solid #b2d39e08;border-radius:50%;z-index:-1;box-shadow:0 0 0 60px #b2d39e03,0 0 0 120px #b2d39e02}.stage-avatar{width:84px;height:84px;display:grid;place-items:center;background:#384c32;color:#d0e9be;border:1px solid #5e7651;border-radius:27px;font-size:27px;font-weight:600;margin-bottom:17px}.stage-person-name{font-size:16px;font-weight:500}.stage-person-note{font-size:10px;color:#74906f;margin-top:8px;text-align:center}.tile-label{position:absolute;left:13px;bottom:13px;display:flex;align-items:center;gap:6px;font-size:10px;border:1px solid #46573d;background:#1d2a1cd9;padding:5px 9px;border-radius:5px;color:#bfd1b6}.stage-invite{font-size:10px;margin-top:22px;min-height:30px;padding:7px 12px;background:#2a3925!important;border-color:#455f3b!important;color:#d2e7c1!important}.stage-hint{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;color:#71816f;padding:12px 2px}.stage-hint>span{display:flex;align-items:center;gap:5px}.stage-hint .text-button{font-size:9px}.call-controls{display:flex;align-items:center;justify-content:center;gap:9px;padding:20px 0 4px}.control{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;background:#262e29;border:1px solid #39453a;border-radius:10px;width:66px;height:60px;position:relative;color:#acbfa4;flex-shrink:0}.control span{font-size:8px;font-weight:500}.control:hover{background:#34432f}.control.enabled{background:#a7ee70;color:#1b2e11;border-color:#b5f18b}.control.leave-control{background:#482b2e;border-color:#654046;color:#ff9098}.control.leave-control:hover{background:#64373e}.control-divider{height:31px;border-left:1px solid #313d31;margin:0 8px}.off-slash{position:absolute;width:25px;border-top:2px solid #a0b39a;transform:rotate(45deg);top:22px;box-shadow:0 0 0 1px #262e29}.dock-controls .off-slash{top:17px;width:21px}.call-sidebar{border:1px solid var(--line);background:#171c19;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;max-height:650px}.people-section{padding:20px;border-bottom:1px solid var(--line)}.people-section .section-title{margin-bottom:13px}.people-section h2,.chat-section h2{font-size:12px}.person{display:flex;gap:9px;align-items:center;padding:9px 0}.person>span:nth-child(2){flex:1;min-width:0}.person strong{font-size:11px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person strong small{font-size:9px;color:#809078}.person>span>small{font-size:8px;color:#647d61;display:block;margin-top:2px}.person-mic{color:#4b5e49}.person-mic.on{color:var(--accent)}.chat-section{padding:19px 17px 15px;flex:1;min-height:250px;display:flex;flex-direction:column;overflow:hidden}.chat-section .section-title{margin-bottom:5px}.chat-live{color:#657a5d;font-size:9px}.messages{flex:1;min-height:180px;max-height:350px;overflow:auto;scrollbar-width:thin;scrollbar-color:#384b33 transparent;padding:10px 0 20px}.chat-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;min-height:170px;text-align:center;color:#52734c;gap:10px}.chat-empty strong{font-size:11px;font-weight:500;color:#8aa780}.chat-empty span{font-size:9px;color:#607b59}.message{display:flex;gap:8px;margin:14px 0}.message>div{min-width:0;flex:1}.message header{display:flex;align-items:center;gap:7px;justify-content:space-between}.message header strong{font-size:10px;color:#aac49e;max-width:145px;overflow:hidden;text-overflow:ellipsis}.message time{font-size:7px;color:#63715e;white-space:nowrap}.message p{font-size:11px;line-height:1.7;color:#bfcbbb;margin-top:3px;overflow-wrap:anywhere;white-space:pre-wrap}.message.mine header strong{color:var(--accent)}.chat-compose{display:flex;border:1px solid #344530;border-radius:7px;gap:5px;background:#10190f;padding:3px}.chat-compose input{border:0;min-width:0;flex:1;padding:8px;background:none;font-size:10px}.chat-compose .send-button{color:var(--accent);width:30px;height:32px}.stage:fullscreen{background:#080d07;padding:20px}.stage:fullscreen .video-tile{min-height:unset}.stage:fullscreen video{max-height:100vh}
.download-app{font-size:10px;color:#b1cf9d;white-space:nowrap}.download-app:hover{color:#a7ee70}@media(max-width:940px){.download-app{display:none}}
@keyframes toast-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero{min-height:325px}.hero-copy{padding:38px 42px}.hero h2{font-size:47px}.hero-art{margin-right:80px}.dashboard-columns{grid-template-columns:minmax(0,1fr) 290px}.room-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1180px){:root{--sidebar:200px}.sidebar{padding-left:15px;padding-right:15px}.nav-item.active:before{left:-15px}.profile{margin-left:-15px;width:calc(100% + 30px);padding:20px 15px}.topbar{padding:0 28px}#content{padding:30px 28px 0}.hero-art{min-width:240px;width:43%;margin-right:10px}.art-screen{width:210px;height:167px}.art-visual{height:105px}.hero-copy{padding-left:25px}.hero h2{font-size:36px}.art-bubble{font-size:8px}.bubble-a{left:-5px;bottom:56px;padding:9px}.bubble-b{top:51px;right:-5px;padding:8px}.star-a{right:-3px;font-size:29px}.star-b{left:-5px}.dashboard-columns{grid-template-columns:minmax(0,1fr) 220px;gap:22px}.rooms-section>.section-title{align-items:flex-start;flex-wrap:wrap;gap:14px}.ready-card{padding:17px}.app-footer{padding-left:28px;padding-right:28px}.call-layout{grid-template-columns:minmax(0,1fr) 245px;gap:16px}#room-view{padding:27px 24px 0}.call-controls{gap:7px}.control{width:55px;height:55px}.control-divider{margin:0 2px}.stage.multi{grid-template-columns:1fr}.stage.multi .video-tile{min-height:200px}.topbar-right{gap:14px}}
@media(max-width:940px){.dashboard-columns{grid-template-columns:minmax(0,1fr)}.dashboard-aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.recent-section{margin-top:5px}.shortcut-note{display:none}.hero-art{min-width:230px}.page-heading h1{font-size:31px}.hero h2{font-size:34px}.hero-copy{padding:28px 21px}.hero-tag{font-size:7px;letter-spacing:1px}.call-layout{grid-template-columns:1fr}.call-sidebar{max-height:420px;flex-direction:row}.people-section{width:38%;border-bottom:0;border-right:1px solid var(--line);max-height:400px;overflow:auto}.chat-section{width:62%;min-height:300px}.stage{min-height:360px}.stage.multi{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-layout{grid-template-columns:1fr}.local-card{padding:16px 12px}.connection{font-size:9px}}
@media(max-width:720px){:root{--sidebar:0px}.sidebar{width:100%;height:61px;inset:auto 0 0;padding:0 12px;border-right:0;border-top:1px solid #354331;background:#151c16f5;backdrop-filter:blur(15px);display:block;z-index:30}.sidebar .brand,.workspace-label,.sidebar-bottom,.nav-divider,.nav-count{display:none}.sidebar nav{display:flex;justify-content:space-around;height:100%}.nav-item{width:auto;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;margin:0;padding:8px 11px;border-radius:0;font-size:8px;min-width:54px}.nav-item.active{background:none}.nav-item.active:before{left:18px;right:18px;top:0;bottom:auto;height:2px;width:auto;border-radius:0 0 2px 2px}.nav-item svg{width:19px;height:19px}.app-shell{margin:0;padding-bottom:61px}.topbar{height:64px;padding:0 20px}.breadcrumb{font-size:10px;gap:11px}.topbar-right{gap:11px}.help-button{display:none}.connection{font-size:8px}.avatar.tiny{width:27px;height:27px;font-size:9px}#content{padding:27px 20px 0}.page-heading{margin-bottom:24px}.page-heading h1{font-size:29px;letter-spacing:-1px}.page-heading p{font-size:11px}.eyebrow{font-size:8px;letter-spacing:1.6px}.hero{min-height:300px;margin-bottom:29px}.hero-copy{padding:27px 23px;flex:1}.hero h2{font-size:36px}.hero-copy>p{font-size:11px}.hero-art{display:none}.hero-tag{font-size:7px;letter-spacing:1.5px}.hero .button{margin-top:22px}.hero-footnote{font-size:9px}.rooms-section>.section-title{flex-wrap:nowrap;align-items:center}.rooms-actions .search-box{width:135px}.rooms-actions>.icon-button{display:none}.section-title h2{font-size:14px}.section-title p{font-size:9px}.dashboard-aside{gap:15px}.ready-card{padding:18px 15px}.aside-heading{gap:7px}.aside-heading h2{font-size:12px}.capability-list li{font-size:9px;gap:6px}.local-status{font-size:8px}.recent-section h2{font-size:12px}.app-footer{padding:28px 20px 24px;font-size:8px}.footer-version{display:none}.empty-rooms{min-height:235px}.empty-rooms p{font-size:10px;max-width:230px;line-height:1.8}.room-grid{gap:12px}.room-card-body{padding:12px}.room-card h3{font-size:12px}.room-card p{font-size:8px}.room-cover{height:112px}.room-cover-art>svg{width:35px}.room-enter{font-size:9px}dialog{padding:25px}dialog h2{font-size:25px}#notifications{left:15px;bottom:78px;max-width:calc(100vw - 30px)}.toast{font-size:11px}.settings-card{padding:20px}.settings-layout{gap:18px}.settings-card .section-title h2{font-size:14px}.settings-card .info-row{font-size:10px}.info-row strong{font-size:9px}#room-view{padding:24px 16px 0}.room-header{margin-bottom:20px;align-items:flex-start}.room-header h1{font-size:23px}.room-header .button{font-size:0;min-height:36px;padding:9px}.room-header .button svg{width:17px}.room-header .eyebrow{font-size:7px}.room-meta{font-size:9px}.stage{min-height:350px}.stage.multi{grid-template-columns:1fr}.video-tile{min-height:280px}.stage.multi .video-tile{min-height:220px}.stage-hint{font-size:8px}.stage-hint .text-button{font-size:8px}.call-controls{gap:9px;padding:14px 0 22px}.control{width:54px;height:55px}.control span{font-size:7px}.control-divider{margin:0}.call-sidebar{flex-direction:column;max-height:none}.people-section{width:100%;max-height:230px;border-right:0;border-bottom:1px solid var(--line)}.chat-section{width:100%;height:370px;min-height:370px}.messages{max-height:280px}.call-layout{gap:15px}.call-sidebar .person{padding:8px 0}.person>span>small{font-size:9px}.chat-compose input{font-size:12px}#call-dock{bottom:75px;left:14px;right:14px;padding:10px 12px;gap:10px}.dock-icon{width:32px;height:32px}.dock-room{gap:8px;min-width:0}.dock-room strong{font-size:10px;max-width:140px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.dock-room small{font-size:8px}.dock-controls{gap:5px}.dock-controls .control{width:31px;height:32px}.dock-controls .control svg{width:15px}.dock-controls .off-slash{top:14px;width:17px}.app-shell:has(#call-dock:not([hidden])){padding-bottom:150px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}