:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#ededf5;background:#10131b;font-synthesis:none;font-size:14px;--muted: #8990a5;--line: #2a2e3e;--accent: #a393ff;--green: #69d7b1}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{border:0;border-radius:9px;cursor:pointer;background:#292d3d;color:#e3e4ed;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:background .18s,transform .18s}button:hover{background:#353a50}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #ac9eff;outline-offset:3px}input,select{background:#171b27;border:1px solid #35394c;border-radius:8px;color:#f2f0fa;padding:13px;min-width:0;width:100%}input::placeholder{color:#747b91}input[type=checkbox]{width:auto;accent-color:#9885f5}input[type=range]{padding:0;accent-color:#a393ff}label{display:flex;flex-direction:column;gap:10px;font-size:12px;font-weight:600;color:#bbbfd0;margin-bottom:20px}p{line-height:1.65;color:var(--muted)}h1,h2,h3,h4,p{margin-top:0}h1{letter-spacing:-1.1px}h2{font-size:22px;letter-spacing:-.45px}small{color:var(--muted)}.primary{background:#907aee;color:#fff;font-weight:650}.primary:hover{background:#a08cf5}.compact{padding:10px 15px;font-size:13px}.danger{background:#b95063;color:#fff}.danger:hover{background:#cd5e71}.danger-text{color:#ee8c9c!important}.text-button{background:transparent;color:var(--accent);font-size:12px}.accent{color:var(--accent)}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.6px;color:#a6a0c7}.avatar{flex-shrink:0;width:38px;height:38px;border-radius:13px;background:#6e61a6;color:#ece8ff;display:inline-flex;justify-content:center;align-items:center;font-size:12px;font-weight:750;position:relative}.avatar.teal{background:#346e68;color:#c9f7e9}.avatar.rose{background:#905b76;color:#ffe1ef}.avatar.amber{background:#8b6d42;color:#fff0d6}.avatar.blue{background:#426c9b;color:#d7edff}.avatar.big{width:78px;height:78px;border-radius:25px;font-size:24px}.profile-avatar-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}.room-avatar{position:relative;display:grid;place-items:center;flex-shrink:0;overflow:hidden;background:#302b43;color:#d2c5ff;font-weight:750}.room-avatar strong{font-size:inherit;line-height:1;z-index:0}.room-avatar img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover}.room-heading{min-width:0;display:flex;align-items:center;gap:11px}.call-room-avatar,.room-avatar-edit .room-avatar{width:42px;height:42px;border-radius:13px;font-size:13px}.room-avatar-edit{position:relative;flex-shrink:0;padding:0;border-radius:13px;background:transparent}.room-avatar-edit:hover{background:transparent}.room-avatar-edit>svg{position:absolute;right:-4px;bottom:-4px;width:20px;height:20px;padding:3px;border:2px solid #202432;border-radius:50%;background:#8c77e9;color:#fff}.avatar i{position:absolute;bottom:-2px;right:-2px;border:3px solid #1c202d;width:13px;height:13px}.online,.offline,.connection i{display:inline-block;border-radius:50%;width:7px;height:7px;background:var(--green);flex-shrink:0}.offline{background:#676c80}.loading{height:100dvh;display:grid;place-content:center;text-align:center;justify-items:center;gap:20px}.auth{min-height:100dvh;display:grid;grid-template-columns:1.1fr 1fr;background:radial-gradient(ellipse at 10% 25%,#30294c 0,transparent 48%),#131620}.auth-story{padding:55px 7vw;display:flex;flex-direction:column;justify-content:space-between;min-height:100dvh}.brand{font-size:36px;font-weight:750;display:flex;align-items:center;gap:12px;letter-spacing:-2px}.brand img{width:43px}.brand img.brand-full{width:205px;height:auto}.brand span{font-size:9px;letter-spacing:1.8px;color:#a29bb8;margin-left:13px}.pill{display:inline-block;font-size:10px;letter-spacing:1.6px;border:1px solid #51456c;border-radius:30px;padding:10px 15px;color:#c9b9f8}.auth-story h1{font-size:clamp(40px,4.4vw,72px);line-height:1.09;margin:25px 0}.auth-story h1 em{font-style:normal;color:#b39bff}.auth-story p{font-size:16px;line-height:1.9}.auth-story small{font-size:11px}.feature-chips{display:flex;gap:18px;flex-wrap:wrap;margin-top:35px;color:#c2b9d5;font-size:11px}.feature-chips span{display:flex;align-items:center;gap:8px}.feature-chips svg{width:16px}.auth-form{align-self:center;width:calc(100% - 80px);max-width:410px;margin:65px auto;padding:30px 0}.auth-form h2{font-size:27px}.auth-form>p{margin-bottom:32px}.auth-form label{font-size:10px;letter-spacing:1px;margin-bottom:23px}.auth-form input{padding:16px;font-size:14px;letter-spacing:0}.auth-form>.primary{width:100%;padding:16px;justify-content:space-between}.auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:#777e94;font-size:11px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#35394c}.google-login{width:100%;min-height:49px;background:#f7f7fa;color:#252734;font-weight:650}.google-login:hover{background:#fff}.google-mark{font-size:19px;line-height:1;font-weight:800;background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 25% 48%,#fbbc05 48% 70%,#ea4335 70% 86%,#4285f4 86%);color:transparent;background-clip:text;-webkit-background-clip:text}.google-setup-note{display:block;margin:9px 0 0;color:#9299ad;font-size:10px;line-height:1.5;text-align:center}.auth-switch{font-size:12px;text-align:center;margin:25px 0!important}.auth-switch button{background:none;padding:0;color:#b3a1ff}.auth-form>small{display:block;text-align:center;font-size:10px}.auth-logo{display:none;width:175px;margin-bottom:20px}.form-error{color:#ffa7b0!important;font-size:12px}.app{height:100dvh;display:flex;overflow:hidden}.sidebar{width:278px;flex-shrink:0;background:#181c28;display:flex;flex-direction:column;border-right:1px solid var(--line)}.sidebar-heading{min-height:76px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #262b3a;font-size:15px}.sidebar-brand{padding:0;background:transparent;color:#f1effa;font-size:20px;letter-spacing:-.6px}.sidebar-brand:hover{background:transparent}.sidebar-brand img{width:38px;height:38px;border-radius:11px}.private-tag{font-size:8px;letter-spacing:1px;color:#8c849f;border:1px solid #3a344b;border-radius:4px;padding:4px 5px}.friend-nav{width:calc(100% - 28px);margin:15px 14px 9px;justify-content:flex-start;color:#c3b4ff;background:#322b49;padding:13px}.create-room-nav{width:calc(100% - 28px);margin:0 14px 12px;justify-content:flex-start;padding:11px 13px;background:#242838;color:#c9c3e5;font-size:12px}.create-room-nav:hover{background:#302c42}.friend-nav span{margin-left:auto;background:#4c3e6c;color:#cabcff;padding:2px 6px;border-radius:4px;font-size:10px}.sidebar-content{flex:1;min-height:0;overflow-y:auto;padding-bottom:8px}.section-label{display:flex;align-items:center;justify-content:space-between;margin:0 21px 14px;color:#878da4;font-size:9px;font-weight:700;letter-spacing:1.2px}.room-section-label,.dm-section-label{margin-top:8px}.room-section-label>div{display:flex;gap:5px}.section-label button{padding:0;background:none;color:#878da4}.room-list{padding:0 10px}.room-entry-wrap{position:relative;display:flex;align-items:center;margin-bottom:3px;border-radius:9px}.room-entry-wrap:hover .room-entry-more,.room-entry-wrap:focus-within .room-entry-more{opacity:1}.room-entry{width:calc(100% - 30px);display:flex;justify-content:flex-start;gap:9px;padding:9px 10px;margin:0;background:transparent;text-align:left}.room-entry:hover,.room-entry.selected{background:#292d3e}.room-entry-more{width:29px;height:36px;padding:0;flex-shrink:0;background:transparent;color:#9299ad;opacity:0}.room-entry-more:hover{background:#363a4c;color:#fff}.room-entry-icon{width:29px;height:29px;display:grid;place-items:center;flex-shrink:0;border-radius:9px;background:#302b43;color:#bca9f2}.room-entry-info{min-width:0;flex:1}.room-entry-info strong,.room-entry-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-entry-info strong{font-size:11px}.room-entry-info small{margin-top:4px;font-size:9px;color:#8c94a9}.room-presence{align-self:center;min-width:20px;padding:3px 5px;border-radius:10px;background:#263c38;color:#85dfbd;text-align:center;font-size:9px}.private-call-indicator{width:100%;justify-content:flex-start;margin-bottom:7px;padding:10px;background:#2d2941;color:#cfc2ff;font-size:10px}.private-call-indicator span{flex:1;text-align:left}.private-call-indicator i{width:7px;height:7px;border-radius:50%;background:var(--green)}.room-menu-overlay{position:fixed;inset:0;z-index:60}.room-context-menu{position:fixed;width:212px;padding:7px;background:#171b28;border:1px solid #414459;border-radius:10px;box-shadow:0 15px 40px #0009}.room-context-menu>strong{display:block;padding:7px 9px 9px;border-bottom:1px solid #303446;color:#d8d4e8;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-context-menu>button{width:100%;justify-content:flex-start;padding:9px;margin-top:2px;background:transparent;color:#c0c4d2;font-size:10px;text-align:left}.room-context-menu>button:hover{background:#2d3244;color:#fff}.room-context-menu>button.room-context-danger{color:#ef9aa8}.room-context-menu>button.room-context-danger:hover{background:#462a36}.dm-list{flex:none;padding:0 10px}.dm{display:flex;gap:11px;text-align:left;justify-content:flex-start;width:100%;padding:11px 10px;background:transparent;margin-bottom:3px}.dm.selected{background:#292d3e}.dm div{overflow:hidden;flex:1}.dm strong{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm small{display:block;font-size:10px;margin-top:5px;color:#82899f}.sidebar-empty{font-size:12px;padding:10px 13px}.sidebar-card{margin:18px 15px;padding:18px;border:1px solid #363146;border-radius:12px;background:linear-gradient(145deg,#292338,#1e202e)}.sidebar-card>svg{color:#a994ed;margin-bottom:12px}.sidebar-card strong{font-size:12px;display:block}.sidebar-card p{font-size:11px;margin:7px 0 13px}.sidebar-card button{width:100%;padding:9px 10px;justify-content:space-between;background:#383048;color:#cbbcf4;font-size:11px}.user-bar{min-height:77px;width:100%;padding:13px 14px;background:#141823;display:flex;gap:10px;align-items:center;justify-content:flex-start;border-radius:0;border-top:1px solid #303545;text-align:left}.user-bar:hover{background:#202535}.user-bar>div{flex:1;min-width:0}.user-bar strong{font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-bar small{font-size:9px;display:block;margin-top:5px}.user-bar button{background:none;color:#8a8fa4;padding:4px}.user-bar>svg{color:#858ca1;flex-shrink:0}.main{flex:1;min-width:0;display:flex;flex-direction:column;background:#202432}.topbar{min-height:77px;padding:18px 29px;border-bottom:1px solid #323645;display:flex;align-items:center;gap:25px;justify-content:space-between}.topbar h2{font-size:16px;display:flex;align-items:center;gap:12px;margin:0;white-space:nowrap}.topbar h2 svg{color:#999eb3}.friends-top{gap:20px}.tabs{display:flex;align-items:center;gap:8px;flex:1}.tabs button{font-size:12px;padding:7px 11px;background:transparent;color:#a3a8bd}.tabs .active{background:#363748;color:#eeebf7}.friends-content{flex:1;display:flex;min-height:0}.friends-main{flex:1;padding:37px 32px;overflow-y:auto;min-width:0}.welcome{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px;background:linear-gradient(115deg,#302c44,#292939);border:1px solid #403852;padding:25px 27px;border-radius:14px;position:relative;overflow:hidden}.welcome h1{font-size:24px;margin:12px 0 9px;font-weight:650;letter-spacing:-.6px}.welcome p{font-size:12px;margin:0}.welcome-mark{color:#a393d6;margin-left:20px;transform:rotate(-10deg);opacity:.8;position:relative}.welcome-mark span{position:absolute;top:-12px;right:-8px;color:#e3d2ff;font-size:24px}.list-heading{font-size:10px;letter-spacing:1.3px;color:#9198b0;font-weight:700;display:flex;gap:9px;margin:22px 0 12px}.list-heading span{color:#b4b7c7}.friend-row{display:flex;align-items:center;gap:13px;padding:17px 3px;border-top:1px solid #303545}.friend-row>div:not(.row-actions){flex:1}.friend-row strong{font-size:13px}.friend-row small{display:block;font-size:10px;margin-top:6px}.row-actions{display:flex;gap:8px}.row-actions>button,.row-actions summary{border-radius:50%;width:34px;height:34px;background:#191e2b;color:#a7adc2;padding:8px}.row-actions details{position:relative}.row-actions summary{list-style:none;cursor:pointer;font-weight:700;line-height:18px}.dropdown{position:absolute;right:0;top:38px;z-index:5;background:#111622;padding:7px;border:1px solid #36394c;box-shadow:0 8px 20px #0005;border-radius:9px;width:160px}.dropdown button{width:100%;font-size:11px;background:none;justify-content:flex-start}.activity{width:280px;border-left:1px solid #303545;padding:36px 25px;background:#1d212e}.activity-art{height:162px;display:flex;align-items:center;justify-content:center;color:#a18ecb;position:relative;margin-top:12px}.activity-art:before{content:"";width:110px;height:110px;border:1px solid #454057;border-radius:35px;position:absolute;transform:rotate(-15deg);background:#2a273b}.activity-art svg{z-index:1;transform:rotate(-10deg)}.activity-art i{position:absolute;width:7px;height:7px;border-radius:50%;background:#8f7fac;left:25px;top:50px}.activity-art i:nth-of-type(2){left:auto;right:20px;top:100px;width:5px;height:5px}.activity-art i:nth-of-type(3){left:auto;right:40px;top:25px;width:4px;height:4px}.activity h2{font-size:20px;line-height:1.45;font-weight:600}.activity p{font-size:12px;line-height:1.85}.activity>button{padding:11px 13px;justify-content:space-between;background:#302b43;color:#bca9f2;width:100%;font-size:11px;margin:6px 0 32px}.privacy-note{display:flex;gap:10px;border-top:1px solid #343444;padding-top:23px;color:#787e95}.privacy-note p{font-size:10px;line-height:1.8;margin:0}.privacy-note small{font-size:9px}.app-footer{min-height:43px;border-top:1px solid #303545;display:flex;align-items:center;gap:8px;font-size:9px;color:#8d94aa;padding:0 29px}.app-footer i{width:5px;height:5px}.app-footer span{margin-left:auto;font-size:8px;letter-spacing:1.1px;color:#6f768d}.empty-state{text-align:center;display:flex;flex-direction:column;align-items:center;padding:45px 15px}.empty-icon{width:74px;height:74px;background:#2d2b41;border-radius:25px;display:grid;place-items:center;color:#a793d7;margin-bottom:23px}.empty-state h2{font-size:19px}.empty-state p{font-size:12px;max-width:310px}.empty-state button{margin-top:7px}.badge{border-radius:12px;background:#8e78e8;padding:2px 6px;font-size:10px;color:#fff}.add-friend{max-width:700px;padding-top:12px}.add-friend h1{font-size:27px;margin-top:20px}.add-friend p{font-size:13px}.search-box{display:flex;gap:12px;align-items:center;background:#171b28;border:1px solid #3c3a50;padding:8px 10px;border-radius:10px;margin:25px 0;color:#9d94b8}.search-box input{border:0;padding:7px;background:none;flex:1}.chat-person{display:flex;gap:12px;align-items:center}.chat-person small{font-size:10px;display:block;margin-top:5px}.message-scroll{flex:1;overflow-y:auto;padding:25px 30px}.conversation-start{padding:35px 0 25px;border-bottom:1px solid #343747;margin-bottom:20px}.conversation-start h1{font-size:28px;margin:18px 0 10px}.conversation-start p{font-size:13px}.subtle-pill{display:inline-flex;gap:7px;align-items:center;color:#a49ab9;font-size:10px}.message{display:flex;gap:13px;padding:13px 0}.message>div{min-width:0}.message-meta{display:flex;align-items:baseline;gap:12px}.message-meta strong{font-size:13px}.message-meta time{font-size:9px;color:#7e869e}.message p{color:#c8cbda;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0}.composer{display:flex;gap:14px;align-items:center;margin:14px 29px 0;padding:9px 13px;background:#2d3244;border:1px solid #3c4054;border-radius:11px;color:#9fa6be}.composer input{background:none;border:0;padding:7px 0;flex:1}.composer button{padding:8px;background:#7362b8;color:#eee5ff}.composer-note{font-size:9px;color:#788097;text-align:center;padding:11px 0 17px}.settings-page{overflow-y:auto;padding:36px;max-width:700px}.settings-page form{max-width:370px}.profile-photo-actions{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:12px 0 24px}.profile-photo-actions button{font-size:11px}.profile-photo-actions small{max-width:300px;font-size:10px;line-height:1.5}.profile-handle{max-width:370px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 23px;padding:12px 14px;border:1px solid #393c50;border-radius:10px;background:#191d2a}.profile-handle small,.profile-handle strong{display:block}.profile-handle small{color:#9299ad;font-size:10px}.profile-handle strong{margin-top:5px;color:#d9ccff;font-size:13px}.profile-handle button{padding:8px 10px;color:#d3c6ff;font-size:10px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.settings-page h2{margin-top:20px}.settings-section{border-top:1px solid #35394c;margin-top:30px;padding-top:25px;display:flex;flex-direction:column;gap:15px}.settings-section>button{align-self:flex-start}.settings-section label{margin:0}.mic-test{width:min(100%,380px);padding:14px;border:1px solid #363b4f;border-radius:11px;background:#191e2b}.mic-test h4{margin:0 0 6px;font-size:12px}.mic-test p{margin:0 0 11px;font-size:10px}.mic-test button{font-size:11px}.mic-meter{height:8px;margin-top:12px;overflow:hidden;border-radius:10px;background:#2b3040}.mic-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#58d2a8,#b2e46f 72%,#ffb65e);transition:width 80ms linear}.mic-test .form-error{display:block;margin-top:10px}.settings-section p{font-size:12px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#403651;color:#f2e9ff;box-shadow:0 8px 35px #0005;max-width:90vw;padding:15px 17px;display:flex;align-items:center;gap:20px;border:1px solid #79608e;border-radius:10px;font-size:13px;z-index:100}.toast button{background:transparent;padding:0}.modal-backdrop{position:fixed;inset:0;background:#080b15bb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px;z-index:50}.modal{width:100%;max-width:440px;background:#242737;padding:34px;border:1px solid #4b435d;border-radius:20px;box-shadow:0 25px 80px #0005;position:relative}.modal h2{margin-top:22px;font-size:25px}.modal p{font-size:13px}.modal>.primary{width:100%;margin-top:5px;justify-content:space-between}.modal>small{font-size:10px;text-align:center;display:block;margin-top:18px}.close-modal{position:absolute;right:15px;top:15px;padding:3px;background:none;color:#aaa0ba}.incoming{text-align:center}.ring-icon{width:85px;height:85px;border-radius:50%;background:#443b62;color:#c8b0ff;display:grid;place-items:center;margin:0 auto 27px;animation:pulse 2s infinite}.modal-actions{display:flex;justify-content:center;gap:15px;margin-top:27px}.call-layout{flex:1;display:flex;min-height:0}.call-main{min-width:0;flex:1;display:flex;flex-direction:column}.call-main .topbar{flex-wrap:wrap;gap:8px}.call-main .topbar h2{margin-top:7px}.minimize-call{padding:8px;background:transparent;color:#a8afc2}.minimize-call:hover{background:#343849;color:#f0ecff}.connection{font-size:10px;color:#9cbaa9;display:flex;align-items:center;gap:7px}.stage{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:150px;overflow:auto;padding:25px}.voice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:15px}.voice-tile{background:#292d3e;min-height:180px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;border:2px solid transparent;border-radius:15px;position:relative}.voice-tile.speaking{border-color:#70d9b4;box-shadow:0 0 20px #70d9b418}.voice-tile strong{font-size:12px}.voice-tile>span{position:absolute;right:13px;bottom:13px;color:#8d94ab}.large-avatar{width:70px;height:70px;border-radius:25px;display:grid;place-items:center;background:#79649e;font-size:22px;font-weight:700}.stage-note{font-size:10px;text-align:center;margin:23px 0 0}.call-controls{display:flex;justify-content:center;gap:9px;padding:15px;flex-wrap:wrap}.call-controls button{flex-direction:column;font-size:9px;padding:12px 15px}.call-controls .muted{background:#473441;color:#f5b1bd}.screen-stage{width:100%;height:100%;min-height:200px}.screen-frame{width:100%;height:100%;min-height:220px;position:relative;background:#090b10;border-radius:12px;overflow:hidden}.screen-stage video{width:100%;height:100%;max-height:72vh;object-fit:contain}.screen-frame:fullscreen{width:100vw;height:100vh;min-height:0;border-radius:0}.screen-frame:fullscreen .screen-stage video{max-height:100vh}.screen-fullscreen{position:absolute;right:12px;top:12px;z-index:2;padding:9px;background:#111522d9;color:#fff}.call-minimized{position:fixed;z-index:40;right:18px;bottom:18px;display:block;width:min(560px,calc(100vw - 36px));height:auto;overflow:visible;border:1px solid #57506b;border-radius:13px;background:#1d2130;box-shadow:0 14px 44px #0008}.call-minimized .call-main,.call-minimized .participants{display:none}.call-dock{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px}.call-dock .connection{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.call-dock button{flex-shrink:0;font-size:11px;padding:9px 11px}.participants{width:250px;background:#191e2b;border-left:1px solid #303545;padding:25px 18px;overflow-y:auto}.participants h3{font-size:13px;display:flex;align-items:center;gap:10px}.participants h3 small{margin-left:auto}.participant{padding:16px 0;border-bottom:1px solid #2d3244}.participant strong{display:flex;gap:8px;align-items:center;font-size:12px}.volume{flex-direction:row;align-items:center;gap:12px;margin:14px 0 0}.mini-actions{display:flex;gap:5px;margin-top:10px;flex-wrap:wrap}.mini-actions button{font-size:9px;padding:6px}.host-tools{display:flex;flex-direction:column;gap:10px;padding:20px 0;border-bottom:1px solid #343849}.host-tools h4{display:flex;align-items:center;gap:8px;font-size:11px;color:#b8a6d5;margin:0 0 6px}.host-tools button{font-size:10px;justify-content:flex-start}.host-tools label{flex-direction:row;font-size:10px;align-items:center;line-height:1.5;margin:4px 0}.invite-label{margin-top:20px;font-size:10px}.invite-label select{font-size:11px;padding:10px}.room-chat h4{font-size:11px}.room-chat small{font-size:9px;font-weight:400}.room-messages{max-height:160px;overflow-y:auto}.room-messages p{font-size:11px;overflow-wrap:anywhere}.room-messages b{color:#bfa5dc}.room-chat input{font-size:11px}.mobile-only{display:none}@keyframes pulse{50%{box-shadow:0 0 0 16px #a88add0d}}@media(min-width:1600px){.friends-main{padding:45px 55px}.activity{width:330px;padding:40px}.sidebar{width:275px}}@media(max-width:1200px){.activity{display:none}.friends-top{flex-wrap:wrap;padding:15px 23px;gap:14px}.tabs{order:3;flex-basis:100%}.welcome{padding:23px}.participants{width:220px}.call-controls button span{max-width:75px}}@media(max-width:900px){.sidebar{width:250px}.friends-main{padding:25px 22px}.auth-story{padding:40px}.auth-story .brand span{display:none}.auth-form{width:calc(100% - 45px)}.call-layout{flex-direction:column;overflow:auto}.participants{width:100%;border-left:0;border-top:1px solid #333;overflow:visible}.call-main{min-height:65vh}.call-main .topbar{padding:18px}.voice-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.voice-tile{min-height:145px}}@media(max-width:650px){.auth{display:block}.auth-story{display:none}.auth-logo{display:block}.auth-form{max-width:400px;margin:0 auto;padding:50px 0}.auth-form h2{font-size:25px}.sidebar{display:none;position:fixed;left:0;top:0;bottom:0;width:min(320px,calc(100vw - 28px));max-width:320px;z-index:20;box-shadow:15px 0 40px #0007}.sidebar.mobile-open{display:flex}.mobile-only{display:inline-flex}.mobile-toggle{align-self:flex-start;background:none;font-size:11px;padding:12px 16px;color:#a2a7ba}.mobile-toggle svg{width:16px}.topbar{min-height:65px;padding:13px 17px;gap:12px}.topbar h2{font-size:14px}.friends-top>.primary{font-size:10px;padding:8px}.tabs{gap:2px}.tabs button{padding:7px;font-size:10px}.friends-main{padding:20px 15px}.welcome{padding:20px 17px;margin-bottom:25px}.welcome h1{font-size:20px}.welcome-mark{display:none}.welcome p{font-size:11px}.eyebrow{font-size:8px}.friend-row{gap:9px}.friend-row strong{font-size:12px}.row-actions{gap:4px}.row-actions button,.row-actions summary{width:29px;height:29px;padding:6px}.app-footer{padding:0 15px;font-size:8px}.app-footer span{display:none}.empty-state{padding:30px 0}.empty-state h2{font-size:17px}.empty-state p{font-size:11px}.message-scroll{padding:15px}.message{gap:9px}.message-meta{gap:7px;flex-wrap:wrap}.message-meta time{font-size:8px}.composer{margin:10px 12px 0;padding:8px;gap:8px}.composer input{font-size:12px}.composer-note{font-size:8px}.settings-page{padding:23px 18px}.settings-section>button{font-size:11px}.modal{padding:28px 24px}.modal h2{font-size:22px}.toast{font-size:11px;width:90vw;bottom:14px}.search-box{flex-wrap:wrap}.search-box input{width:100px}.search-box button{font-size:11px}.add-friend h1{font-size:22px}.stage{padding:15px}.call-controls{padding:10px;gap:6px}.call-controls button{padding:10px;font-size:8px}.call-controls svg{width:19px}.call-main .topbar h2{white-space:normal}.call-minimized{right:8px;bottom:8px;width:calc(100vw - 16px)}.call-dock{gap:6px;padding:8px}.call-dock button{font-size:9px;padding:8px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}@media(min-width:651px){.sidebar{width:78px}.sidebar-heading{min-height:67px;justify-content:center;padding:7px 0}.sidebar-brand{justify-content:center;padding:0}.sidebar-brand img{width:46px;height:46px}.sidebar-brand strong,.user-bar>div,.user-bar>svg,.room-entry-info,.dm>div,.private-call-indicator span,.section-caption,.sidebar-content .sidebar-empty{display:none}.friend-nav{position:relative;width:46px;height:46px;margin:9px auto 7px;padding:0;justify-content:center;font-size:0}.friend-nav>svg{width:20px;height:20px}.friend-nav span{position:absolute;top:-3px;right:-4px;margin:0;padding:2px 5px;font-size:9px}.create-room-nav{width:46px;height:46px;margin:0 auto 10px;padding:0;justify-content:center;border-radius:14px;font-size:0}.create-room-nav>svg{width:21px;height:21px}.sidebar-content{overflow-x:hidden}.section-label{display:none}.room-section-label>div{gap:0}.section-label button{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center}.room-list{padding:0 6px}.room-entry-wrap{display:block;width:64px;height:52px;margin:2px 0}.room-entry{position:relative;width:46px;height:46px;margin:3px auto;padding:0;justify-content:center;border-radius:14px}.room-entry-icon{width:38px;height:38px;border-radius:12px;font-size:13px}.room-entry-icon svg{width:19px;height:19px}.room-presence{position:absolute;top:-3px;right:-4px;min-width:17px;padding:2px 4px;border:1px solid #181c28;font-size:8px;line-height:1.1}.room-entry-more{position:absolute;top:1px;right:0;z-index:2;width:20px;height:20px;padding:1px;opacity:0;background:#34394a;border-radius:7px}.room-entry-wrap:hover .room-entry-more,.room-entry-wrap:focus-within .room-entry-more{opacity:1}.private-call-indicator{width:46px;height:46px;margin:3px auto;padding:0;justify-content:center;position:relative;font-size:0;border-radius:14px}.private-call-indicator i{position:absolute;top:1px;right:1px}.dm-section-label{margin-top:8px}.dm-list{display:flex;flex-direction:column;align-items:center;gap:3px;padding:0 5px}.dm{position:relative;width:48px;height:48px;margin:0;padding:4px;justify-content:center;border-radius:14px}.dm.selected{box-shadow:inset 0 0 0 1px #7667aa}.dm .avatar{width:38px;height:38px;border-radius:12px}.dm .badge{position:absolute;top:-3px;right:-3px;min-width:16px;padding:2px 4px;text-align:center;font-size:8px}.user-bar{width:62px;min-height:64px;margin:0 auto;padding:7px;justify-content:center;border-top:1px solid #303545;background:transparent}.user-bar .avatar{width:44px;height:44px;border-radius:14px}.user-bar:hover{background:#242838}}@media(max-width:650px){.sidebar-heading{min-height:76px;justify-content:space-between;padding:0 17px}.sidebar-brand{justify-content:flex-start;gap:10px}.sidebar-brand img{width:38px;height:38px}.sidebar-brand strong,.user-bar>div,.user-bar>svg,.room-entry-info,.dm>div,.private-call-indicator span,.section-caption,.sidebar-content .sidebar-empty{display:revert}.friend-nav{width:calc(100% - 28px);height:auto;margin:15px 14px 9px;padding:13px;justify-content:flex-start;font-size:14px}.friend-nav span{position:static;margin-left:auto;padding:2px 6px;font-size:10px}.create-room-nav{width:calc(100% - 28px);height:auto;margin:0 14px 12px;padding:11px 13px;justify-content:flex-start;font-size:12px}.section-label{justify-content:space-between;gap:8px;margin:0 21px 14px;letter-spacing:1.2px;display:flex}.section-symbol{display:none}.room-section-label>div{gap:5px}.section-label button{width:auto;height:auto}.room-list{padding:0 10px}.room-entry-wrap{display:flex;width:auto;height:auto;margin:0 0 3px}.room-entry{position:static;width:calc(100% - 30px);height:auto;margin:0;padding:9px 10px;justify-content:flex-start;border-radius:9px}.room-entry-icon{width:29px;height:29px;border-radius:9px;font-size:10px}.room-entry-icon svg{width:16px;height:16px}.room-presence{position:static;min-width:20px;padding:3px 5px;border:0;font-size:9px}.room-entry-more{position:static;width:29px;height:36px;padding:0;opacity:1;background:transparent}.private-call-indicator{width:100%;height:auto;margin:0 0 7px;padding:10px;justify-content:flex-start;font-size:10px;border-radius:9px}.private-call-indicator i{position:static}.dm-list{display:block;padding:0 10px}.dm{width:100%;height:auto;margin:0 0 3px;padding:11px 10px;justify-content:flex-start;border-radius:9px}.dm .avatar{width:38px;height:38px;border-radius:13px}.dm .badge{position:static;min-width:0;padding:2px 6px;font-size:10px}.user-bar{width:100%;min-height:77px;margin:0;padding:13px 14px;justify-content:flex-start;border-radius:0;background:#141823}.user-bar .avatar{width:38px;height:38px;border-radius:13px}}