:root{font-family:Segoe UI,Arial,sans-serif;color:#dbdee1;background:#1e1f22;font-synthesis:none;text-rendering:optimizeLegibility;font-size:14px;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0;border-radius:4px;background:none}button:disabled{cursor:default;opacity:.45}button,summary{touch-action:manipulation}input,select{width:100%;color:#dbdee1;background:#1e1f22;border:1px solid transparent;border-radius:4px;padding:11px 12px;outline:none}input:focus,select:focus{border-color:#7289da}input::placeholder{color:#878b95}label{display:block;font-size:12px;font-weight:600;color:#b5bac1}label input,label select{margin-top:8px}h1,h2,p{margin:0}h1,h2{color:#f2f3f5}svg{flex-shrink:0}button:focus-visible,summary:focus-visible{outline:2px solid #7289da;outline-offset:2px}button:hover:not(:disabled){background:#3f4147}.primary,.danger,.secondary{padding:10px 18px;font-weight:600;background:#5865f2;color:#fff;border-radius:4px}.primary:hover:not(:disabled){background:#4752c4}.danger{background:#da373c}.danger:hover:not(:disabled){background:#a1282c}.secondary{display:inline-block;background:#4e5058}.text-button{padding:8px 12px;color:#dbdee1}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:#b5bac1;border-radius:4px;flex-shrink:0}.icon-button:hover:not(:disabled){color:#f2f3f5}.hint{font-size:12px;line-height:1.5;color:#949ba4}.error,.chat-error{font-size:13px;color:#f29b9d;line-height:1.5}.center{min-height:100dvh;display:grid;place-items:center;padding:24px;background:#232428}.entry{width:420px;max-width:100%;padding:30px;background:#313338;border-radius:10px;box-shadow:0 8px 30px #0002}.entry-logo{display:block;width:250px;height:96px;object-fit:contain;margin:0 auto 16px}.entry h1{font-size:23px;text-align:center;font-weight:650}.entry>p{color:#b5bac1;text-align:center;margin-top:12px}.entry form{margin-top:26px}.entry .primary{width:100%;margin:16px 0 8px}.entry .error{margin-top:12px}.shell{height:100dvh;display:grid;grid-template-columns:72px 240px minmax(0,1fr);overflow:hidden}.server-rail{background:#1e1f22;padding:12px;display:flex;flex-direction:column;align-items:center;gap:12px}.server-icon,.server-add{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;position:relative}.server-icon{background:#5865f2;color:#fff}.server-icon span{font-family:Georgia,serif;font-size:32px;font-weight:700;font-style:italic;line-height:1}.server-icon i{position:absolute;bottom:9px;right:8px;width:9px;height:9px;background:#fff;border-radius:50%}.server-icon:before{content:"";position:absolute;left:-15px;width:4px;height:36px;background:#dbdee1;border-radius:0 4px 4px 0}.server-icon:hover:not(:disabled){background:#4752c4}.rail-divider{height:2px;width:32px;background:#35363c}.server-add{background:#313338;color:#6cc595;border-radius:50%}.server-add:hover:not(:disabled){color:#fff;background:#248046;border-radius:16px}.sidebar{min-width:0;background:#2b2d31;display:flex;flex-direction:column}.server-header{height:68px;min-height:68px;display:flex;align-items:center;justify-content:space-between;padding:4px 12px;box-shadow:0 1px 2px #0004;z-index:1}.server-header img{width:170px;height:62px;object-fit:contain}.channel-scroll{flex:1;min-height:0;overflow:auto;padding:14px 8px}.section-title{font-size:11px;font-weight:700;letter-spacing:.35px;color:#949ba4;padding:10px 8px 6px;display:flex;align-items:center;justify-content:space-between}.voice-title{margin-top:16px;padding-top:0}.section-title .icon-button{width:22px;height:22px}.section-title svg{width:16px;height:16px}.channel-button{display:flex;align-items:center;text-align:left;gap:9px;width:100%;height:34px;padding:0 8px;color:#949ba4;font-size:14px;font-weight:500;min-width:0}.channel-button>span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-button>svg:last-child:not(:first-child){width:14px;height:14px}.channel-button.selected{background:#404249;color:#f2f3f5}.channel-row{display:flex;align-items:center;border-radius:4px}.channel-row:hover{background:#35373c}.channel-row.in-call .channel-button{color:#e3e5e8}.channel-row.in-call .channel-button>svg:first-child{color:#73c99b}.channel-row .channel-button:hover{background:none}.channel-delete{width:26px;visibility:hidden}.channel-delete svg{width:15px}.channel-row:hover .channel-delete,.channel-row:focus-within .channel-delete{visibility:visible}.channel-members{padding:3px 4px 7px 30px}.channel-person{display:flex;align-items:center;gap:8px;height:31px;font-size:12px;color:#b5bac1}.channel-person>span:not(.avatar){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.channel-person>.avatar{height:24px;width:24px;font-size:11px}.channel-person>svg{width:14px;height:14px}.avatar{width:40px;height:40px;flex-shrink:0;background:#5b647a;color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;font-weight:600;font-size:17px}.avatar.small{width:32px;height:32px;font-size:14px}.avatar img{width:100%;height:100%;object-fit:cover}.speaking .avatar{outline:2px solid #23a55a;outline-offset:2px}.voice-dock{background:#232428}.call-controls{padding:9px 8px 8px;border-bottom:1px solid #36373d}.call-status{display:flex;align-items:center;gap:7px;padding:0 0 7px}.call-status>svg{width:18px;height:18px;color:#949ba4}.call-status>div{min-width:0;flex:1}.call-status strong{display:block;font-size:12px;line-height:1.5;color:#949ba4}.call-status.connected strong,.call-status.connected>svg{color:#6ac190}.call-status.reconnecting strong,.call-status.connecting strong{color:#f0b232}.call-status.disconnected strong{color:#f29b9d}.call-status small{display:block;font-size:10px;color:#b5bac1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.control-buttons{display:flex;gap:5px}.control-buttons>.icon-button,.control-buttons>details{flex:1}.control-buttons .icon-button{height:31px;background:#2b2d31}.control-buttons .off{color:#f29b9d}.control-buttons .noise-on{color:#80b8fa}.device-settings{position:relative}.device-settings>summary{height:31px;background:#2b2d31;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#b5bac1;list-style:none}.device-settings>summary::-webkit-details-marker{display:none}.device-settings[open]>summary,.device-settings>summary:hover{background:#404249}.settings-popover{position:absolute;z-index:20;bottom:42px;left:-174px;width:286px;padding:16px;background:#111214;border:1px solid #45474f;box-shadow:0 4px 20px #0006;border-radius:6px}.settings-popover>strong{display:block;margin-bottom:16px}.settings-popover>label{margin-top:12px}.settings-popover .hint{display:block;margin-top:12px}.voice-error{font-size:11px;color:#f29b9d;line-height:1.4;margin-top:8px;overflow-wrap:anywhere;max-height:70px;overflow:auto}.reconnect{margin-top:8px;width:100%;font-size:12px;padding:6px;background:#404249}.user-bar{height:56px;min-height:56px;display:flex;align-items:center;padding:6px;gap:1px;background:#232428}.user-profile{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:3px;text-align:left}.user-profile>span:last-child{flex:1;min-width:0}.user-profile strong,.user-profile small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-profile strong{font-size:12px;font-weight:650;color:#f2f3f5}.user-profile small{font-size:10px;color:#b5bac1;margin-top:2px}.user-bar>.icon-button{width:28px}.user-bar>.icon-button>svg{width:18px}.main-panel{display:flex;min-width:0;height:100%;background:#313338;position:relative}.chat-panel{flex:1;display:flex;flex-direction:column;min-width:0;height:100%}.chat-heading{height:68px;min-height:68px;border-bottom:1px solid #292b2f;box-shadow:0 1px 2px #0002;display:flex;align-items:center;gap:10px;padding:0 20px}.chat-heading>svg{color:#949ba4}.chat-heading>strong{color:#f2f3f5;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-divider{height:22px;width:1px;background:#43454c;margin:0 2px}.topic{color:#949ba4;font-size:12px;white-space:nowrap}.header-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.join-call{display:flex;align-items:center;gap:7px;font-size:12px;padding:7px 10px;color:#b5bac1}.chat-messages{flex:1;min-height:0;overflow:auto;padding:20px 0 16px;overscroll-behavior:contain}.chat-welcome{padding:16px 24px 22px;margin-top:clamp(20px,10vh,120px)}.welcome-hash{background:#41434a;border-radius:50%;width:64px;height:64px;display:grid;place-items:center;color:#d1d3d8;margin-bottom:16px}.welcome-hash svg{width:36px;height:36px}.chat-welcome h1{font-size:28px;letter-spacing:-.5px;font-weight:700}.chat-welcome p{margin-top:9px;color:#949ba4;line-height:1.5}.date-divider{margin:12px 24px 8px;display:flex;align-items:center;gap:12px;font-size:11px;font-weight:600;color:#949ba4}.date-divider:before,.date-divider:after{content:"";height:1px;background:#43454b;flex:1}.chat-message{display:flex;gap:16px;padding:8px 24px;line-height:1.45}.chat-message:hover{background:#2e3035}.chat-message>div{min-width:0;flex:1}.chat-meta{display:flex;align-items:baseline;gap:9px}.chat-meta strong{color:#f2f3f5;font-size:14px;font-weight:600;overflow-wrap:anywhere}.chat-meta time{color:#949ba4;font-size:10px;white-space:nowrap}.chat-message p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;margin-top:3px;color:#dbdee1}.chat-compose{margin:0 16px 22px;padding:4px 8px 4px 12px;background:#383a40;border-radius:8px;display:flex;align-items:center;gap:12px;min-height:46px}.chat-compose input{margin:0;padding:9px 0;border:0;background:transparent;font-size:14px;min-width:0}.compose-hash{color:#949ba4;display:flex}.chat-compose .icon-button{color:#b5bac1}.chat-error{padding:0 24px 10px}.members-panel{width:228px;min-width:228px;background:#2b2d31;display:flex;flex-direction:column}.members-header{height:68px;min-height:68px;padding:0 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #26272b;font-size:12px;color:#b5bac1}.members-header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.members-header svg{width:17px}.members-list{overflow:auto;padding:16px 8px;flex:1}.members-heading{padding:5px 8px 12px;color:#949ba4;font-size:11px;font-weight:700}.person{border-radius:4px;margin-bottom:5px}.person>summary{list-style:none;display:flex;align-items:center;gap:10px;padding:8px;cursor:pointer}.person>summary::-webkit-details-marker{display:none}.person>summary:hover,.person[open]{background:#35373c}.person-name{flex:1;min-width:0}.person-name strong,.person-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-name strong{font-size:13px;font-weight:500}.person-name small{font-size:10px;color:#949ba4;margin-top:3px}.person summary>svg{width:14px;color:#949ba4}.person>.hint{padding:0 8px 12px}.volume-control{padding:5px 10px 12px;font-size:11px;font-weight:400}.volume-control>span{display:flex;align-items:center;justify-content:space-between}.volume-control output{color:#dbdee1}.volume-control input{padding:0;width:100%;accent-color:#7289da;cursor:pointer}.members-list>.hint{padding:8px}.audio-host{display:none}.empty{margin:auto;padding:32px;text-align:center}.empty h2{margin-bottom:12px}.empty p{color:#949ba4;margin-bottom:24px}.toast{position:absolute;bottom:80px;left:20px;right:20px;background:#232428;box-shadow:0 8px 30px #0005;border:1px solid #55565d;border-radius:6px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;z-index:10;color:#f29b9d}.modal{padding:0;width:460px;max-width:calc(100% - 32px);max-height:calc(100dvh - 40px);border:0;border-radius:8px;background:#313338;color:#dbdee1;box-shadow:0 12px 50px #0008;overflow:auto}.modal::backdrop{background:#0009}.modal header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.modal h2{font-size:21px}.modal form>label{margin:18px 0}.modal form>.hint{margin-top:16px}.modal p{line-height:1.5}.modal footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.modal .error{margin-top:16px}.checkbox{display:flex;align-items:center;gap:12px;padding:14px;background:#2b2d31;border-radius:5px;cursor:pointer}.checkbox>input{width:18px;height:18px;margin:0;accent-color:#5865f2}.checkbox>span{flex:1}.checkbox strong,.checkbox small{display:block}.checkbox small{color:#949ba4;font-weight:400;margin-top:5px}.profile-avatar{display:flex;align-items:center;gap:20px}.profile-avatar>.avatar{width:80px;height:80px;font-size:32px}.profile-avatar>div{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.upload{cursor:pointer;font-size:12px}.upload input{display:none}.profile-avatar .text-button{font-size:12px;padding:4px 0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#1e1f22;border-radius:6px}::-webkit-scrollbar-track{background:transparent}@media(max-width:1100px){.members-panel{width:190px;min-width:190px}.topic,.header-divider{display:none}.chat-heading{padding:0 16px}.chat-welcome h1{font-size:24px}}@media(max-width:850px){.shell{grid-template-columns:56px 218px minmax(0,1fr)}.server-rail{padding:12px 4px}.server-icon:before{left:-4px}.server-header img{width:151px}.members-panel{display:none}.chat-heading>strong{max-width:130px}.join-call span{display:none}.chat-welcome{padding:16px}.chat-welcome h1{font-size:22px}.chat-message{padding:8px 16px;gap:10px}.channel-delete{visibility:visible;width:23px}}@media(max-width:600px){.shell{grid-template-columns:176px minmax(0,1fr)}.server-rail{display:none}.server-header,.chat-heading{height:56px;min-height:56px}.server-header{padding:0 8px}.server-header img{width:130px;height:52px}.server-header .icon-button{width:24px}.channel-scroll{padding:8px 4px}.section-title{font-size:9px}.channel-button{font-size:12px;gap:6px}.user-bar{flex-wrap:wrap;height:auto;min-height:56px}.user-profile{flex-basis:100%;padding:4px}.user-bar>.icon-button{width:32px;margin-left:2px}.user-bar{justify-content:flex-end}.call-status strong{font-size:10px}.call-status .icon-button{width:22px}.call-status>svg{display:none}.call-status small{font-size:9px}.settings-popover{left:-115px;width:252px}.chat-heading{padding:0 10px;gap:6px}.chat-heading>strong{max-width:84px;font-size:12px}.header-actions{gap:0}.join-call{padding:6px}.chat-welcome{margin-top:10px;padding:12px}.chat-welcome h1{font-size:20px;overflow-wrap:anywhere}.chat-welcome p{font-size:12px}.welcome-hash{width:48px;height:48px}.chat-message{padding:8px 10px;gap:8px}.chat-message .avatar{width:28px;height:28px;font-size:12px}.chat-meta{gap:6px;flex-wrap:wrap}.chat-meta strong{font-size:12px}.chat-message p{font-size:13px}.chat-compose{margin:0 8px 12px;gap:4px;padding:4px 6px}.chat-compose input{font-size:12px}.compose-hash{display:none}.chat-compose .icon-button{width:26px}.date-divider{margin:10px}.voice-error{max-height:48px}.modal>section{padding:20px}}.channel-person{display:block;height:auto;border-radius:4px}.channel-person>summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:31px;cursor:pointer;padding:3px 4px}.channel-person>summary::-webkit-details-marker{display:none}.channel-person>summary:hover,.channel-person[open]{background:#35373c}.channel-person>summary>span:not(.avatar){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.channel-person>summary>.avatar{height:24px;width:24px;font-size:11px}.channel-person>summary>svg{width:14px;height:14px}.channel-person>.hint{padding:4px 8px 8px}.channel-person .volume-control{padding:8px}.channel-members{padding-left:28px}.channel-person>summary>.participant-muted{display:flex;flex:0 0 auto;color:#b5bac1}.participant-muted svg{width:14px;height:14px}.shell{grid-template-rows:minmax(0,1fr)}.sidebar,.main-panel,.chat-panel{min-height:0}.voice-dock{flex-shrink:0}.voice-runtime{display:none}.channel-settings{visibility:visible;width:26px;height:28px;color:#949ba4}.channel-settings svg{width:16px;height:16px}.channel-row.selected-text{background:#404249}.channel-row.selected-text .channel-button{color:#f2f3f5}.channel-description{display:flex;align-items:center;gap:10px;padding:14px;background:#2b2d31;border-radius:6px;margin-bottom:16px}.channel-description>span{margin-left:auto;color:#949ba4;font-size:12px}.modal .danger{display:inline-flex;align-items:center;justify-content:center;gap:8px}.owner-access{padding:16px;margin-top:16px;background:#2b2d31;border-radius:6px}.owner-access .primary{margin-top:12px;width:100%}.manage-channels{margin-top:16px;max-height:340px;overflow:auto}.manage-channels h3{margin:16px 0 8px;font-size:12px;color:#949ba4}.manage-row{display:flex;align-items:center;gap:10px;min-height:38px;padding:2px 8px;border-radius:4px}.manage-row>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manage-row>svg{color:#949ba4;width:18px}.manage-row:hover{background:#383a40}.manage-row button:enabled{color:#f29b9d}.fully-muted{gap:3px}button,summary,.channel-row{transition:background-color .16s ease,color .16s ease,opacity .16s ease,transform .12s ease}button:active:not(:disabled){transform:scale(.97)}.avatar{transition:box-shadow .2s ease,outline-color .2s ease}.control-buttons[aria-busy=true] button:disabled{opacity:1;cursor:wait}.control-buttons[aria-busy=true] select:disabled{opacity:.8}.control-buttons .icon-button svg{animation:icon-arrive .14s ease-out}.settings-popover{animation:popover-arrive .14s ease-out}.modal[open]{animation:modal-arrive .18s ease-out}@keyframes icon-arrive{0%{opacity:.5;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes popover-arrive{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-arrive{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.server-rail{overflow-y:auto;flex-shrink:0}.server-rail>button{flex-shrink:0}.server-icon:before{opacity:0}.server-icon.active:before{opacity:1}.group-icon{width:48px;height:48px;flex-shrink:0;position:relative;background:#313338;border-radius:50%;font-weight:650;font-size:16px;display:grid;place-items:center}.group-icon>svg{position:absolute;right:3px;bottom:3px;width:13px;height:13px;background:#232428;padding:1px;border-radius:3px}.group-icon.active{background:#5865f2;border-radius:16px;color:#fff}.group-icon.active:before{content:"";position:absolute;left:-15px;width:4px;height:30px;background:#dbdee1;border-radius:0 4px 4px 0}.workspace-selector{padding:8px 8px 0;display:flex;gap:4px;align-items:center}.workspace-selector select{font-size:12px;padding:8px;min-width:0;background:#232428}.group-title{display:flex;gap:8px;align-items:center;min-width:0}.group-title strong{font-size:16px;color:#f2f3f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-title>svg{width:16px;color:#949ba4}.group-banner{display:flex;align-items:center;gap:7px;padding:8px 12px 0;color:#949ba4;font-size:11px}.group-banner>svg{width:14px;height:14px}.group-banner>span{flex:1}.group-banner>button{height:24px}.invite-label{margin-top:20px}.invite-label input{font-size:12px}.copy-invite,.invite-manage{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px}.copy-invite{width:100%}.rotate-invite{font-size:12px;margin-top:8px}.group-confirm{margin-top:12px;padding:12px;background:#232428;border-radius:6px;font-size:13px}.group-danger{margin-top:24px;padding-top:16px;border-top:1px solid #45474f}.group-danger>.text-button{color:#f29b9d;display:flex;gap:8px;align-items:center;font-size:12px}.chat-compose input.photo-input{display:none}.photo-preview{display:flex;gap:12px;align-items:center;margin:0 16px 8px;padding:10px;background:#2b2d31;border-radius:8px;color:#b5bac1;font-size:12px}.photo-preview>img{width:64px;height:54px;object-fit:cover;border-radius:4px}.photo-preview>span{flex:1}.photo-progress{padding:0 24px 10px}.message-photo{display:block;max-width:min(460px,100%);padding:0;margin-top:8px;border-radius:8px;overflow:hidden;line-height:0;background:#232428}.message-photo>img{max-width:100%;max-height:360px;display:block;object-fit:contain}.expanded-photo{display:block;max-width:100%;max-height:70dvh;object-fit:contain;margin:auto}.main-panel{flex-direction:column}.chat-panel{height:auto}.video-stage{flex-shrink:0;min-width:0}.video-stage:empty{display:none}.call-video{background:#232428;border-bottom:1px solid #1e1f22}.call-video>header{height:38px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;font-size:12px}.call-video strong{display:flex;gap:7px;align-items:center;color:#b5bac1}.call-video strong>svg{width:16px;height:16px}.call-video .text-button{font-size:11px}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;padding:0 12px 12px;max-height:46dvh;overflow:auto}.video-grid[hidden]{display:none}.video-tile{position:relative;aspect-ratio:16/9;background:#111214;min-width:0;border-radius:7px;overflow:hidden;max-height:300px}.video-tile video{width:100%;height:100%;object-fit:contain;display:block}.local-preview video{transform:scaleX(-1)}.video-caption{position:absolute;bottom:0;left:0;right:0;padding:4px 8px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(transparent,#000b);font-size:11px;color:#f2f3f5}.video-caption>span{display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-caption svg{width:15px;height:15px}.video-caption .icon-button{height:24px;width:24px}.screen-tile{grid-column:1/-1;max-height:38dvh;aspect-ratio:auto;height:36dvh}.video-tile:fullscreen{max-height:none;height:100%;border-radius:0;background:#000}.video-tile:fullscreen video{object-fit:contain}.video-buttons{display:flex;gap:5px;margin-top:5px}.video-buttons>button{flex:1;height:31px;display:flex;align-items:center;justify-content:center;gap:7px;background:#2b2d31;font-size:11px;color:#b5bac1}.video-buttons>button svg{width:16px;height:16px}.video-buttons>button.enabled{color:#73c99b;background:#253b32}.video-buttons[aria-busy=true] button:disabled{opacity:.8}@media(max-width:850px){.group-icon.active:before{left:-4px}.video-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media(max-width:600px){.workspace-selector select{font-size:10px}.video-grid{grid-template-columns:minmax(0,1fr);max-height:36dvh;padding:0 6px 6px}.video-caption{font-size:10px}.video-buttons>button{font-size:10px;gap:4px}.video-buttons>button svg{width:14px;height:14px}.photo-preview{margin:0 8px 8px}.group-title strong{font-size:13px}.screen-tile{height:30dvh}}@media(min-width:601px){.video-grid:has(.screen-tile){grid-template-columns:minmax(0,3fr) minmax(180px,1fr);align-items:start}.video-grid:has(.screen-tile) .screen-tile{grid-column:1;grid-row:span 3;height:30dvh;max-height:320px}}.main-panel:has(.call-video) .chat-welcome{margin-top:0;padding-top:12px;padding-bottom:12px}.main-panel:has(.call-video) .welcome-hash{width:40px;height:40px;margin-bottom:8px}.main-panel:has(.call-video) .welcome-hash svg{width:25px;height:25px}.main-panel:has(.call-video) .chat-welcome h1{font-size:22px}@font-face{font-family:Manrope;src:url(/fonts/Manrope.ttf) format("truetype");font-weight:200 800;font-style:normal;font-display:swap}:root{font-family:Manrope,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}.server-header img{width:184px;height:68px;object-fit:contain}.conversation-actions{display:flex;align-items:center;margin:8px 8px 0;gap:4px;color:#b5bac1}.conversation-actions>button:first-child{display:flex;align-items:center;gap:9px;min-height:36px;flex:1;padding:8px;font-size:12px;font-weight:550;text-align:left}.conversation-actions svg{width:17px;height:17px;color:#aab0bb}.conversation-actions>.icon-button{background:transparent;border:1px solid #44464e;border-radius:7px}.group-banner{font-size:12px;padding-top:6px;line-height:1.5}.group-banner .icon-button{width:30px;height:30px;border:1px solid #44464e;border-radius:7px}.group-icon>svg{background:#313338;border-radius:50%;padding:2px}.workspace-selector select{font-size:12px;font-weight:550}.modal .hint{font-size:13px;line-height:1.65}.modal label{font-size:13px;font-weight:650;letter-spacing:0}.modal h2{font-size:21px;font-weight:750;letter-spacing:-.4px}.security-intro{display:flex;gap:13px;align-items:flex-start;margin-bottom:22px}.security-intro strong{font-size:14px;font-weight:700;color:#e7e9ed}.security-intro p{font-size:13px;color:#aeb3bd;margin-top:6px;line-height:1.65}.security-symbol{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#3b3e47;color:#c9d0de;flex-shrink:0}.invitation-card{padding:16px;border:1px solid #464952;border-radius:10px;background:#2b2d33}.invitation-card input,.invite-label input{font-size:13px;letter-spacing:0}.invitation-card .hint{margin-top:12px;font-size:12px}.copy-invite svg{width:18px;height:18px}.join-invitation{margin-top:24px}.join-invitation .secondary{margin-top:10px;width:100%}.security-note{margin-top:20px}.new-conversation{margin-top:12px;padding:8px 0;font-size:12px;color:#abb3c3}.presence-person{display:flex;gap:8px;align-items:center;min-height:31px;padding:3px 4px;color:#b5bac1;font-size:12px}.presence-person>.avatar{height:24px;width:24px;font-size:11px}.presence-person>span:not(.avatar):not(.participant-muted){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-buttons>button.camera-flip{flex:0 0 32px}.video-gallery>header>div{display:flex;align-items:center;gap:12px}.gallery-body{display:flex;flex-direction:column;gap:10px;padding:0 12px 12px;max-height:52dvh;overflow:auto}.gallery-body[hidden]{display:none}.video-row{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0}.video-gallery .video-tile{flex:0 0 auto;max-width:100%;max-height:none;aspect-ratio:auto;grid-column:auto;border-radius:9px;transition:width .22s ease,height .22s ease;isolation:isolate}.video-gallery .video-tile video{object-fit:cover}.video-gallery .screen-tile video{object-fit:contain}.gallery-expanded .gallery-body{max-height:72dvh}.video-gallery .video-tile:fullscreen{width:100vw!important;height:100dvh!important;border-radius:0}.video-gallery .video-tile:fullscreen video{object-fit:contain}@media(max-width:600px){.video-gallery>header{padding:6px 8px;height:auto;min-height:38px;gap:5px;flex-wrap:wrap}.video-gallery>header>div{gap:4px}.video-gallery .text-button{padding:4px;font-size:10px}.conversation-actions{margin:6px 4px 0}.conversation-actions>button:first-child{font-size:11px;gap:6px;padding:6px 4px}.conversation-actions>.icon-button{width:26px;height:28px}.group-banner,.workspace-selector select{font-size:11px}.video-caption{font-size:10px}.video-caption>span{min-width:0}.video-caption .icon-button{width:20px}.video-buttons>button.camera-flip{flex-basis:26px}}@media(prefers-reduced-motion:reduce){.video-gallery .video-tile{transition:none}}:root{--surface:#292d35;--sidebar:#22262d;--rail:#1b1e24;--field:#353b46;--accent:#a6cee9;--success:#8bc5b0;color:#dce3ee;background:var(--rail)}.shell{grid-template-columns:64px 240px minmax(0,1fr)}.server-rail{background:var(--rail);padding:14px 8px;gap:14px}.server-icon{background:#a6cee9;color:#233244;border-radius:14px;width:44px;height:44px}.server-icon i{background:#233244;width:7px;height:7px;bottom:8px;right:7px}.server-icon:hover:not(:disabled){background:#c5e2f5}.server-icon:before{left:-11px;background:#b6d5eb}.server-add,.group-icon{background:#303641;color:#b8c5d5;width:44px;height:44px}.server-add:hover:not(:disabled){background:#496577;color:#e8f5ff}.group-icon.active{background:#435c70;color:#e0effa}.rail-divider{background:#333c48}.sidebar{background:var(--sidebar)}.server-header{height:76px;min-height:76px;box-shadow:none;border-bottom:1px solid #343c48;padding:4px 12px}.server-header img{width:174px;height:66px}.workspace-selector select{background:#1d222a;color:#b8c5d5;border:1px solid #313b49;border-radius:7px;font-size:12px}.conversation-actions{margin-top:9px}.conversation-actions>button:first-child{font-size:12px;color:#aab8cb;min-height:32px}.conversation-actions>.icon-button,.group-banner .icon-button{border-color:#45515f;color:#bcd2e2}.section-title{font-size:10px;letter-spacing:.85px;color:#8f9eb3;font-weight:750;padding-top:16px}.channel-scroll{padding-top:4px}.channel-row{border-radius:7px;margin-bottom:3px}.channel-button{height:36px;color:#aebbd0;gap:10px;font-size:13px}.channel-row.selected-text{background:#3c4552}.channel-row.selected-text .channel-button{color:#eef4fb}.channel-row:hover{background:#303a47}.channel-row.in-call .channel-button>svg:first-child{color:var(--success)}.channel-settings{opacity:.55}.channel-row:hover .channel-settings,.channel-row:focus-within .channel-settings{opacity:1}.avatar{background:#536b81;color:#eff5fb}.channel-person,.presence-person{color:#b7c3d3}.channel-person>summary:hover,.channel-person[open]{background:#303b49;border-radius:6px}.main-panel,.chat-panel{background:var(--surface)}.chat-heading{height:64px;min-height:64px;border-bottom:1px solid #3a424e;box-shadow:none;padding:0 22px}.chat-heading>strong{font-size:14px}.topic{font-size:11px;color:#95a4ba}.header-actions{gap:6px}.invite-friends{display:flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #525e6e;border-radius:7px;font-size:12px;color:#c4d7e9}.invite-friends>svg{width:17px;height:17px}.chat-welcome{margin-top:clamp(10px,6vh,64px)}.chat-welcome h1{font-size:25px;font-weight:750;letter-spacing:-.65px}.chat-welcome p{font-size:12px;color:#97a6ba}.welcome-hash{background:#39424f;color:#bdd2e4;border-radius:18px}.chat-meta strong{color:#bbd5ea;font-weight:700;font-size:13px}.chat-message p{color:#ced7e5;font-size:13px}.chat-message:hover{background:#2c333e}.chat-compose{background:var(--field);border-radius:9px;border:1px solid #404a58;min-height:48px;margin:0 20px 18px}.chat-compose input{font-size:13px}.chat-compose:focus-within{border-color:#7e9db6}.chat-compose input:focus{border:0}button,input,select,summary{transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,opacity .16s ease}button:hover:not(:disabled){background:#3b4859}button:focus-visible,summary:focus-visible{outline-color:#a6cee9}.primary{background:#a6cee9;color:#233244;border-radius:7px;font-weight:750}.primary:hover:not(:disabled){background:#c2e0f3}.secondary{background:#414d60;border-radius:7px;color:#e2ebf6}.secondary:hover:not(:disabled){background:#526179}input,select{background:#1c232d;color:#d5e2f3;border:1px solid #3a4658;border-radius:7px}input:focus,select:focus{border-color:#8cb2d1}.voice-dock,.user-bar{background:#1e242d}.call-controls{padding:14px 10px 10px;border-top:1px solid #3a424e;border-bottom:1px solid #333d49}.call-status{gap:8px;padding-bottom:3px}.call-status>div{min-width:0}.call-status strong{font-size:12px;color:#9eaabd;font-weight:750;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.call-status.connected strong{color:var(--success)}.call-status small{font-size:10px;color:#92a2b7;margin-top:4px;line-height:1.5}.connection-meter{display:inline-flex;align-items:flex-end;gap:2px;width:14px;height:14px;flex-shrink:0;color:#93a2b6}.connection-meter i{width:3px;background:currentColor;border-radius:2px;height:5px}.connection-meter i:nth-child(2){height:9px}.connection-meter i:nth-child(3){height:13px}.connected .connection-meter{color:var(--success)}.connecting .connection-meter,.reconnecting .connection-meter{color:#d3b379}.disconnected .connection-meter{color:#db9da8}.control-buttons{gap:6px;margin-top:10px}.control-buttons>.icon-button{height:36px;flex:1;background:#363e4a;border-radius:7px;color:#bdcbdc}.control-buttons>.icon-button:hover:not(:disabled){background:#48566a}.control-buttons .off{background:#53373e;color:#eaa8ae}.control-buttons .leave{background:#49363b;color:#ddabb2}.control-buttons .leave:hover:not(:disabled){background:#68404b}.video-buttons{margin-top:7px;gap:6px}.video-buttons>button{height:32px;background:#2b3541;border-radius:7px;color:#b7c7d8;font-size:11px}.video-buttons>button.enabled{background:#34554f;color:#b3ddc9}.user-bar{height:60px;min-height:60px;padding:8px;gap:3px}.user-profile strong{font-size:12px}.user-profile small{font-size:10px;color:#8d9db4}.call-video{background:#20262f;border-bottom:1px solid #3a424e}.call-video>header{height:40px}.call-video strong{font-size:11px;color:#b2c3d8}.modal{background:#262d37;border:1px solid #49576a;border-radius:14px;color:#dce6f3;box-shadow:0 18px 80px #0007}.modal>section{padding:24px}.modal header{margin-bottom:20px}.modal h2{font-size:21px;color:#e9eff8}.modal .hint{color:#9aacc1;font-size:12px}.devices-form>label{margin:16px 0 10px}.devices-form select{padding:11px;font-size:13px}.mic-check{display:flex;flex-direction:column;align-items:stretch;gap:7px;margin-top:12px}.mic-check>.text-button{align-self:flex-start;padding:5px 0;color:#b0d2e8;font-size:12px}.mic-level{display:flex;gap:3px;height:6px}.mic-level i{flex:1;border-radius:2px;background:#415065;transition:background-color .08s ease}.mic-level i.lit{background:#8cc5b3}.device-setting-row{display:flex;align-items:center;gap:12px;margin:20px 0 12px;padding:18px 0;border-top:1px solid #404955;border-bottom:1px solid #404955}.device-setting-row>svg{width:22px;height:22px;color:#a8bacf}.device-setting-row>div{flex:1}.device-setting-row strong{font-size:13px;color:#dce7f5}.device-setting-row p{font-size:11px;color:#9aacc0;margin-top:5px}.setting-switch{padding:3px;flex:0 0 39px;height:23px;width:39px;border-radius:14px;background:#505964!important}.setting-switch>span{display:block;width:17px;height:17px;border-radius:50%;background:#ecf5ff;transition:transform .18s ease}.setting-switch[aria-checked=true]{background:#79adba!important}.setting-switch[aria-checked=true]>span{transform:translate(16px)}.devices-form>.error{margin-top:14px}.invitation-card{background:#222b36;border-color:#455569}.security-symbol{background:#36475b;color:#c2d9ef}@media(max-width:850px){.shell{grid-template-columns:56px 218px minmax(0,1fr)}.server-rail{padding:12px 6px}.server-icon:before{left:-9px}.server-header img{width:155px}.chat-heading{padding:0 14px}.invite-friends{padding:7px}.invite-friends>span{display:none}}@media(max-width:600px){.shell{grid-template-columns:166px minmax(0,1fr)}.server-header{height:62px;min-height:62px;padding:0 7px}.server-header img{width:123px;height:56px}.chat-heading{height:62px;min-height:62px;padding:0 10px}.chat-heading>strong{max-width:80px}.chat-welcome h1{font-size:20px}.section-title{font-size:9px;letter-spacing:.3px}.channel-button{font-size:12px;gap:6px}.call-controls{padding:10px 7px}.call-status strong{font-size:10px}.call-status small{font-size:9px}.control-buttons{gap:4px}.control-buttons>.icon-button{height:34px}.control-buttons svg{width:18px;height:18px}.connection-meter{width:11px;gap:1px}.video-buttons>button{font-size:10px}.user-bar{height:auto}.chat-compose{margin:0 8px 12px;padding-left:7px}.chat-compose input{font-size:12px}.invite-friends{border:0;padding:5px}.header-actions{gap:0}}@media(prefers-reduced-motion:reduce){button,input,select,summary,.setting-switch>span,.mic-level i{transition:none}}.call-status strong{font-size:13px;line-height:1.45;font-weight:700}.call-status small.call-meta{display:flex;flex-wrap:wrap;align-items:center;gap:2px 7px;font-size:11px;line-height:1.5;white-space:normal;overflow:visible;color:#a6b5c8}.call-meta>span{white-space:nowrap}.call-protection:before{content:"·";margin-right:7px;color:#748399}.user-bar{position:relative;flex-shrink:0}.user-bar>.icon-button{width:32px;height:36px}.user-bar>.profile-settings{position:relative;isolation:isolate}.profile-settings>svg{pointer-events:none}@media(max-width:600px){.call-status strong{font-size:11px}.call-status small.call-meta{font-size:10px;gap:1px 5px}.call-protection:before{margin-right:5px}}