:root{color:#e7eaf0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--line:#ffffff0d;--muted:#959daa;--accent:#879dff;background:#1a1c22;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:15px;line-height:1.45}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit;border:1px solid #414652;border-radius:8px;min-width:0;padding:10px 12px}input,select{background:#20232b;width:100%}button{cursor:pointer;background:#586bd8;transition:background .12s}button:hover:not(:disabled){background:#687ce9}button:disabled{opacity:.45;cursor:not-allowed}:focus-visible{outline-offset:2px;outline:2px solid #a5b5ff}input[type=checkbox],input[type=range]{accent-color:var(--accent)}input[type=checkbox]{width:auto}small{color:var(--muted);font-size:.78rem}h1,h2,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:6px;font-size:1.8rem}form,label{gap:8px;min-width:0;display:grid}form{gap:16px}.check{align-items:flex-start;gap:10px;display:flex}.check input{margin-top:5px}.secondary{background:#30343e;border-color:#464b58}.secondary:hover:not(:disabled){background:#3c424e}.danger{color:#ffb8c0;background:#492d34;border-color:#72434e}.danger:hover:not(:disabled){background:#62353f}.icon-button{color:#b9c1d0;background:0 0;border:0;flex:0 0 36px;place-items:center;width:36px;height:36px;padding:0;font-size:1.35rem;display:grid}.icon-button:hover:not(:disabled){color:#fff;background:#ffffff10}.status{color:var(--muted)}.error{color:#ffb3b9;overflow-wrap:anywhere}.login-page{place-items:center;min-height:100dvh;padding:24px;display:grid}.panel{background:#24272f;border:1px solid #353a45;border-radius:16px;width:min(440px,100%);padding:28px}.app-header{padding-bottom:20px}.tabs{grid-template-columns:1fr 1fr;gap:8px;display:grid}.workspace{height:100dvh;padding:0;overflow:hidden}.app-panel{background:#23262e;border:0;border-radius:0;width:100%;height:100%;padding:0}.community,.community-grid{height:100%;min-height:0}.community-grid{grid-template-columns:272px minmax(0,1fr);display:grid;position:relative}.channel-list{background:#1c1f26;border-right:1px solid #11141a;flex-direction:column;min-height:0;display:flex}.server-title{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:76px;padding:16px 20px;display:flex}.server-title div{gap:2px;display:grid}.server-title strong{font-size:1rem}.server-title small{font-size:.72rem}.server-icon{color:#fff;background:#687ddd;border-radius:11px;place-items:center;width:36px;height:36px;font-size:1.15rem;font-weight:800;display:grid}.channel-scroll{flex:1;min-height:0;padding:16px 12px;overflow-y:auto}.channel-scroll>strong{letter-spacing:.09em;text-transform:uppercase;color:#8993a5;margin:20px 10px 8px;font-size:.7rem;display:block}.channel-scroll>strong:first-child{margin-top:4px}.channel{text-align:left;color:#aeb7c7;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:1px solid #0000;width:100%;margin-bottom:4px;padding:10px 12px;display:block;overflow:hidden}.channel:hover:not(:disabled){color:#fff;background:#292e39}.channel.active{color:#eff2ff;background:#343d5a;border-color:#637cc82b}.voice-channel{min-width:0}.present-user{color:#aab4c5;text-overflow:ellipsis;white-space:nowrap;padding:3px 12px 5px 30px;font-size:.8rem;display:block;overflow:hidden}.channel-management{border-top:1px solid var(--line);margin:22px 0 0;padding-top:12px}.channel-management summary{cursor:pointer;color:#9da8bc;padding:8px 10px;font-size:.8rem}.channel-create{grid-template-columns:minmax(0,1fr) 38px;gap:6px;padding:8px}.channel-create input{grid-column:1/-1}.channel-create input,.channel-create select{padding:8px;font-size:.85rem}.channel-create button{padding:0}.sidebar-footer{border-top:1px solid var(--line);background:#191c23;flex-shrink:0;max-height:55%;overflow:auto}.account-dock{border-top:1px solid var(--line);align-items:center;gap:10px;padding:14px 16px;display:flex}.account-name{flex:1;min-width:0;display:grid}.account-name strong,.account-name small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-name strong{font-size:.87rem}.avatar{color:#d7e2ff;-webkit-user-select:none;user-select:none;background:#394660;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:.85rem;font-weight:650;display:grid}.voice-idle{color:#b4bdcc;padding:14px 18px;font-size:.8rem}.voice-idle small{margin-top:4px;font-size:.72rem;display:block}.voice-session{padding:14px}.voice-session-title{color:#8bd4b3;overflow-wrap:anywhere;font-size:.85rem;font-weight:600}.live-dot,.connection-dot{vertical-align:middle;background:#8993a5;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-right:7px;display:inline-block}.live-dot,.online .connection-dot{background:#79cda7}.voice-participants{gap:5px;margin:12px 0;padding:0;list-style:none;display:grid}.voice-participants li{border-left:2px solid #0000;border-radius:6px;gap:3px;padding:6px 8px;font-size:.82rem;display:grid}.voice-participants li.speaking{background:#294237;border-color:#79cda7}.voice-participants small{font-size:.7rem}.volume{grid-template-columns:40px minmax(0,1fr);align-items:center;font-size:.72rem;display:grid}.volume input{padding:0}.voice-controls{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px;display:grid}.voice-controls button{padding:9px 4px;font-size:.75rem}.voice-controls .danger{grid-column:1/-1}.voice-session>small{font-size:.7rem;display:block}.chat-pane{background:#23262e;flex-direction:column;min-width:0;min-height:0;display:flex}.chat-title{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;min-height:76px;padding:14px 28px;display:flex}.chat-heading{align-items:center;gap:12px;min-width:0;display:flex}.chat-heading>div{min-width:0;display:grid}.chat-heading strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.channel-symbol{color:#8791a5;font-size:1.8rem;font-weight:400}.chat-connection{flex-shrink:0;align-items:center;font-size:.72rem;display:flex}.online{color:#9db5ab}.chat-error{background:#42292f;margin:0;padding:10px 28px;font-size:.85rem}.messages{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#464c59 transparent;flex-direction:column;flex:1;min-height:0;padding:24px 28px 12px;display:flex;overflow-y:auto}.message-stack{flex-shrink:0;margin-top:auto}.message{grid-template-columns:36px minmax(0,1fr);gap:12px;padding:10px 0;display:grid}.message-content{min-width:0}.message strong{color:#eceef6;font-size:.9rem}.message time{color:#919bab;margin-left:8px;font-size:.7rem}.message p{color:#cfd5df;white-space:pre-wrap;overflow-wrap:anywhere;margin:3px 0 0;line-height:1.55}.empty{color:#a6b0c1;padding:24px 0}.empty-symbol{color:#d1dbf0;background:#333b4c;border-radius:18px;place-items:center;width:56px;height:56px;margin-bottom:18px;font-size:2rem;display:grid}.empty h2{color:#e7eaf0;overflow-wrap:anywhere;margin-bottom:8px;font-size:1.5rem}.empty p{font-size:.9rem}.message-form{flex-shrink:0;gap:8px;padding:12px 28px 24px;display:flex}.message-form input{background:#303540;border-color:#ffffff08;flex:1;padding:14px 16px}.message-form button{padding-inline:18px;font-size:.85rem}.screen-share{border-bottom:1px solid var(--line);background:#20242c;flex-shrink:0;max-height:50%;padding:12px 28px;overflow:auto}.screen-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.screen-toolbar strong{color:#adb8cb;margin-right:auto;font-size:.8rem}.screen-toolbar select{width:auto;max-width:100%;padding:7px 10px;font-size:.8rem}.screen-toolbar button{padding:7px 12px;font-size:.8rem}.screen-stage{background:#101218;border:1px solid #414754;border-radius:10px;margin-top:12px;overflow:hidden}.screen-caption{justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:.8rem;display:flex}.screen-caption button{background:0 0;border:0;padding:4px;font-size:.75rem}.screen-video{aspect-ratio:16/9;place-items:center;max-height:32dvh;display:grid}.screen-video video{object-fit:contain;width:100%;height:100%;display:block}.audio-settings{color:#e7eaf0;background:#242831;border:1px solid #454c59;border-radius:14px;width:min(560px,100% - 32px);max-height:calc(100dvh - 48px);padding:24px;box-shadow:0 24px 80px #0008}.audio-settings::backdrop{background:#090c13b8}.audio-settings[open]{gap:20px;display:grid}.settings-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-heading h2{margin:0;font-size:1.2rem}.controls{flex-wrap:wrap;gap:8px;display:flex}.channel-toggle,.sidebar-close,.sidebar-scrim{display:none}@media (width>=1600px){.messages,.message-form{padding-inline:max(28px,50% - 540px)}}@media (width<=700px){.community-grid{grid-template-columns:minmax(0,1fr)}.channel-list{display:none}.channels-open .channel-list{z-index:3;width:min(304px,100% - 40px);display:flex;position:absolute;inset:0 auto 0 0;box-shadow:16px 0 48px #0006}.channels-open .sidebar-scrim{z-index:2;background:#090c1399;border:0;border-radius:0;width:100%;height:100%;display:block;position:absolute;inset:0}.channel-toggle,.sidebar-close{display:grid}.sidebar-close{margin-left:auto}.chat-title{gap:8px;min-height:68px;padding:12px}.chat-heading{gap:8px}.chat-heading small{display:none}.chat-connection{max-width:110px;font-size:.65rem}.messages{padding:16px 16px 8px}.message-form{gap:6px;padding:8px 12px 16px}.message-form input{padding:12px}.message-form button{padding:10px;font-size:.75rem}.screen-share{padding:10px 16px}.screen-toolbar select{flex:120px}.screen-toolbar strong{flex-basis:100%}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}