@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap";:root{color:#e7edf6;font-synthesis:none;text-rendering:optimizelegibility;background:#0f1218;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#0f1218;min-width:0;margin:0}.app-shell{background:#11151d;grid-template-columns:256px minmax(600px,1fr) 286px;height:100vh;display:grid;overflow:hidden}.sidebar{background:#151922;border-right:1px solid #262c39;flex-direction:column;min-height:0;padding:26px 16px 14px;display:flex;overflow:hidden}.brand{align-items:center;gap:11px;padding:0 10px 26px;display:flex}.brand-name{letter-spacing:.04em;font-family:Manrope;font-size:18px;font-weight:700}.section-title{color:#778196;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 10px 9px;font-size:11px;display:flex}.icon-button{color:#8590a4;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.icon-button:hover{color:#e7edf6;background:#212735}.nav-list{flex-direction:column;gap:3px;display:flex}.nav-item,.dm-item{color:#8993a6;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;display:flex}.nav-item{padding:10px 11px;font-size:13px}.channel-copy{flex-direction:column;min-width:0;display:flex}.channel-preview{display:none}.nav-item.active,.dm-item.active{color:#f4f7fb;background:#242b3a}.count{color:#fff;background:#e53955;border:0;border-radius:50%;flex:none;place-items:center;min-width:23px;height:23px;margin-left:auto;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:inline-grid;box-shadow:0 0 0 1px #e5395559,0 2px 6px #e5395566}.section-title{margin-top:29px}.section-action,.small-icon-button{color:#8491a6;cursor:pointer;background:0 0;border:0;place-items:center;padding:3px;display:grid}.section-action:hover,.small-icon-button:hover{color:#e7edf6}.dm-list{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;gap:2px;min-height:0;display:flex;overflow:hidden auto}.dm-list::-webkit-scrollbar{width:0;height:0;display:none}.dm-item{min-height:48px;padding:8px 46px 8px 8px;position:relative}.dm-copy{flex:1;min-width:0}.dm-name{color:#dbe1ea;align-items:center;gap:6px;font-size:13px;display:flex}.dm-name-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dm-role{color:#d9b56d;white-space:nowrap;flex:none;align-items:center;gap:3px;font-size:10px;display:inline-flex}.dm-preview{color:#70798a;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.dm-preview .draft-preview,.channel-preview .draft-preview{color:#e3bd50;font-weight:600}.dm-time{color:#697387;white-space:nowrap;font-size:10px;line-height:1;position:absolute;top:7px;right:8px}.dm-item>.count{margin:0;position:absolute;bottom:6px;right:7px}.avatar{color:#edf2fa;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;font-size:11px;font-weight:600;display:grid;position:relative}.avatar.small{border-radius:9px;width:30px;height:30px;font-size:10px}.avatar i{background:#566174;border:2px solid #151922;border-radius:50%;width:8px;height:8px;position:absolute;bottom:-1px;right:-2px}.avatar i.online{background:#48cf8e}.dm-item .avatar i{border-color:#151922;width:10px;height:10px;bottom:-2px;left:-2px;right:auto}.avatar.blue{background:#3f5f9c}.avatar.orange{background:#986545}.avatar.purple{background:#69548e}.avatar.green{background:#377a68}.avatar.slate{background:#4e596b}.avatar.admin-avatar{background:#786039;box-shadow:0 0 0 1px #d9b56d80}.sidebar-footer{border-top:1px solid #282e3b;align-items:center;gap:10px;margin-top:auto;padding:14px 8px 0;display:flex}.me-copy{flex-direction:column;flex:1;gap:2px;display:flex}.me-copy strong{font-size:12px}.me-copy span{color:#7d8798;font-size:10px}.chat-panel{background:#11151d;flex-direction:column;min-width:0;height:100vh;display:flex;overflow:hidden}.chat-header{border-bottom:1px solid #262c39;flex-shrink:0;justify-content:space-between;align-items:center;height:76px;padding:0 28px;display:flex}.mobile-unread-count{display:none}.chat-title-wrap{align-items:center;gap:12px;display:flex}.channel-icon{color:#94a0b5;background:#222938;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.chat-header h1{letter-spacing:-.02em;margin:0;font-family:Manrope;font-size:18px}.chat-header p{color:#747f92;margin:4px 0 0;font-size:11px}.header-actions{gap:3px;display:flex}.messages{flex:1;min-height:0;padding:26px 8% 24px;position:relative;overflow:hidden auto}.history-loading{z-index:1;color:#7d899d;text-align:center;pointer-events:none;font-size:11px;position:absolute;top:7px;left:0;right:0}.message-row{gap:12px;margin:0 0 23px;display:flex}.message-row.mine .message-text{background:#273957;border-color:#34486d}.message-content{min-width:0;max-width:72%}.message-meta{color:#69768a;align-items:center;gap:8px;margin:1px 0 6px;font-size:11px;display:flex}.message-meta strong{color:#e1e7f0;font-size:12px}.role-tag{color:#d9b56d;align-items:center;gap:3px;font-size:10px;display:inline-flex}.message-text{white-space:pre-wrap;overflow-wrap:anywhere;color:#cbd3e0;background:#1c222e;border:1px solid #29303e;border-radius:0 10px 10px;width:fit-content;max-width:100%;padding:11px 13px;font-size:13px;line-height:1.6;display:inline-block}.message-bubble-wrap{max-width:100%;display:inline-block;position:relative}.message-action{color:#aab7ca;cursor:pointer;opacity:0;pointer-events:none;background:#181e28;border:1px solid #343d4e;border-radius:8px;place-items:center;width:28px;height:28px;padding:0;transition:opacity .14s,background .14s,color .14s;display:grid;position:absolute;top:50%;left:calc(100% + 7px);transform:translateY(-50%)}.message-row.mine .message-action{left:auto;right:calc(100% + 7px)}.message-row:hover .message-action,.message-action:focus-visible{opacity:1;pointer-events:auto}.message-action:hover{color:#fff;background:#263f68;border-color:#496da9}.message-actions{gap:3px;display:flex;position:absolute;top:50%;left:calc(100% + 7px);transform:translateY(-50%)}.message-row.mine .message-actions{left:auto;right:calc(100% + 7px)}.message-actions .message-action{opacity:0;position:relative;inset:auto;transform:none}.message-row:hover .message-actions .message-action,.message-actions .message-action:focus-visible{opacity:1}.message-row.recalled{justify-content:center;margin:10px 0 18px}.recalled-notice{color:#7d899d;padding:5px 12px;font-size:11px;font-style:italic}.mobile-message-actions{display:none}.send-state{flex:none;align-self:center;place-items:center;display:grid}.send-spinner{border:2px solid #8d9bb24d;border-top-color:#8fa3bf;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite send-state-spin}.send-failed{color:#e25c68;cursor:pointer;background:0 0;border:0;width:18px;height:18px;padding:0}.send-failed:hover{color:#f06a7a}@keyframes send-state-spin{to{transform:rotate(360deg)}}.composer-wrap{flex-shrink:0;padding:0 8% 21px}.composer{background:#181e28;border:1px solid #303848;border-radius:11px;padding:10px 10px 8px;position:relative}.composer:focus-within{border-color:#496da9;box-shadow:0 0 0 3px #4365a024}.composer textarea{resize:none;color:#e4eaf3;background:0 0;border:0;outline:0;width:100%;height:150px;font:13px inherit;display:block}.composer textarea::placeholder{color:#647085}.composer-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.composer-actions>div{align-items:center;gap:7px;display:flex}.composer-tools{min-width:0}.emoji-button{color:#8998b1;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.emoji-button:hover{color:#e7edf6;background:#242b3a}.emoji-button:disabled{opacity:.35;cursor:not-allowed}.emoji-button svg{width:22px;height:22px}.emoji-picker{z-index:4;background:#181e28;border:1px solid #343d4e;border-radius:8px;max-height:246px;padding:8px;display:block;position:absolute;bottom:48px;left:10px;overflow-y:auto;box-shadow:0 14px 35px #00000059}.emoji-picker-title{color:#7d899d;margin:2px 2px 7px;font-size:10px;line-height:1}.emoji-grid{grid-template-columns:repeat(8,32px);gap:3px;display:grid}.emoji-divider{background:#303848;height:1px;margin:9px 0}.emoji-option{cursor:pointer;background:0 0;border:0;border-radius:6px;width:32px;height:32px;font-size:19px;line-height:1}.emoji-option:hover{background:#242b3a}.send-button{color:#172033;cursor:pointer;background:#dfe8f7;border:0;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 2px 6px #1720332e}.send-button:hover{background:#fff}.clear-composer-button{color:#aab7ca;cursor:pointer;background:0 0;border:1px solid #3a4353;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;margin-left:auto;transition:background .15s,border-color .15s,color .15s;display:grid}.clear-composer-button:hover:not(:disabled){color:#f0a0ab;background:#33252c;border-color:#7c4550}.clear-composer-button:focus-visible{border-color:#c07a86;outline:none;box-shadow:0 0 0 3px #c07a8640}.clear-composer-button:disabled{opacity:.4;cursor:not-allowed}.clear-composer-button svg{flex:none}.composer-hint{color:#59657a;text-align:right;margin-top:1px;font-size:13px}@media (width<=1200px){.app-shell{grid-template-columns:230px minmax(550px,1fr) 260px}.messages,.composer-wrap{padding-left:5%;padding-right:5%}}.api-notice{color:#d9aeb5;background:#271d24;border:1px solid #55414a;border-radius:8px;margin:0 0 16px;padding:8px 10px;font-size:11px}.auth-page{background:#11151d;place-items:center;min-height:100vh;display:grid}.auth-card{background:#181e28;border:1px solid #303848;border-radius:14px;width:min(390px,100vw - 40px);padding:38px 34px;box-shadow:0 22px 70px #00000047}.auth-card h1{text-align:center;margin:0 0 7px;font-family:Manrope;font-size:24px}.auth-subtitle{text-align:center;color:#7f8b9f;margin:0 0 26px;font-size:12px}.auth-card label{color:#aeb8c9;flex-direction:column;gap:7px;margin-top:15px;font-size:11px;display:flex}.auth-card input{color:#e7edf6;background:#11151d;border:1px solid #343d4e;border-radius:8px;outline:none;height:42px;padding:0 12px;font:13px inherit}.auth-card input:focus{border-color:#668bc9}.auth-submit{color:#172033;cursor:pointer;background:#dfe8f7;border:0;border-radius:8px;width:100%;height:42px;margin-top:23px;font-weight:600}.auth-submit:disabled{opacity:.55;cursor:wait}.auth-switch{color:#91a8d8;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:17px;font-size:11px;display:flex}.auth-error{color:#e1a8ae;background:#2a2027;border:1px solid #5b3e48;border-radius:7px;margin:15px 0 0;padding:8px 10px;font-size:11px}.empty-state{text-align:center;color:#6f7b8f;margin-top:70px;font-size:12px}.composer-hint{color:#59657a;font-size:13px}.send-button:disabled{opacity:.4;cursor:not-allowed}.sidebar-empty{color:#667287;margin:0;padding:10px;font-size:11px}.modal-backdrop{z-index:10;background:#04070cab;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.user-manager{background:#181e28;border:1px solid #343d4e;border-radius:8px;width:min(760px,100vw - 48px);height:min(620px,100vh - 48px);overflow:hidden;box-shadow:0 28px 80px #00000073}.manager-header{border-bottom:1px solid #303848;justify-content:space-between;align-items:center;height:64px;padding:14px 18px 14px 22px;display:flex}.manager-header h2{margin:0;font-family:Manrope;font-size:17px}.manager-content{grid-template-columns:280px minmax(0,1fr);height:calc(100% - 64px);min-height:0;display:grid}.manager-users{border-right:1px solid #303848;flex-direction:column;min-height:0;display:flex;overflow:hidden}.manager-section-head{color:#7d899d;letter-spacing:.08em;background:#181e28;flex:none;padding:13px 18px 11px;font-size:11px}.manager-section-title-row{justify-content:space-between;align-items:center;display:flex}.manager-search{color:#7f8ba0;background:#11151d;border:1px solid #343d4e;border-radius:7px;align-items:center;gap:6px;height:32px;margin-top:9px;padding:0 9px;display:flex}.manager-search:focus-within{border-color:#668bc9}.manager-search input{color:#e7edf6;background:0 0;border:0;outline:0;width:100%;min-width:0;font:11px inherit}.manager-search input::placeholder{color:#667287}.manager-empty{color:#778397;text-align:center;margin:18px 8px;font-size:11px}.manager-user-list{scrollbar-width:none;-ms-overflow-style:none;flex:1;min-height:0;padding:0 10px 15px;overflow:hidden auto}.manager-user-list::-webkit-scrollbar{width:0;height:0;display:none}.manager-user{align-items:center;gap:2px;display:flex}.manager-user-main{color:#dbe1ea;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;flex:1;align-items:center;gap:9px;min-width:0;padding:9px 8px;display:flex}.manager-user-main:hover,.manager-user.selected .manager-user-main{background:#242b3a}.manager-user-main>span{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.manager-user strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.manager-user small{color:#778397;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.manager-user-main>svg{color:#7f8ba0;flex:none}.manager-user-actions{opacity:0;transition:opacity .15s;display:flex}.manager-user:hover .manager-user-actions,.manager-user.selected .manager-user-actions{opacity:1}.small-icon-button:disabled{opacity:.4;cursor:wait}.danger-action:hover{color:#df8692}.user-form{padding:26px 28px;overflow:auto}.form-heading{color:#91a9d8;align-items:flex-start;gap:10px;margin-bottom:22px;display:flex}.form-heading h3{color:#e7edf6;margin:0 0 3px;font-size:15px}.form-heading p{color:#7d899d;margin:0;font-size:11px;line-height:1.45}.user-form label{color:#aeb8c9;flex-direction:column;gap:7px;margin-top:15px;font-size:11px;display:flex}.user-form input{color:#e7edf6;background:#11151d;border:1px solid #343d4e;border-radius:7px;outline:none;height:40px;padding:0 11px;font:13px inherit}.user-form input:focus{border-color:#668bc9}.form-actions{justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.form-actions .auth-submit{width:auto;min-width:96px;margin:0;padding:0 16px}.cancel-button{color:#aeb8c9;cursor:pointer;background:0 0;border:1px solid #3a4353;border-radius:8px;height:42px;padding:0 15px}.user-chat-button{color:#a5bce8;cursor:pointer;background:0 0;border:1px solid #46659b;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:42px;margin-right:auto;padding:0 15px;font-size:13px;font-weight:600;display:inline-flex}.user-chat-button:hover{color:#fff;background:#263f68;border-color:#668bc9}.user-chat-button:focus-visible{border-color:#668bc9;outline:none;box-shadow:0 0 0 3px #668bc940}.user-chat-button svg{flex:none}.confirm-dialog{background:#181e28;border:1px solid #343d4e;border-radius:8px;width:min(380px,100vw - 48px);overflow:hidden;box-shadow:0 28px 80px #00000073}.confirm-dialog-header{border-bottom:1px solid #303848;justify-content:space-between;align-items:center;height:58px;padding:12px 14px 12px 18px;display:flex}.confirm-dialog-header h2{margin:0;font-family:Manrope;font-size:16px}.confirm-dialog-content{color:#aeb8c9;align-items:center;gap:11px;padding:25px 22px 20px;display:flex}.confirm-dialog-content svg{color:#91a9d8;flex:none}.confirm-dialog-content p{margin:0;font-size:13px}.confirm-dialog-actions{justify-content:flex-end;gap:9px;padding:0 22px 22px;display:flex}.confirm-logout-button{background:#b94356;width:auto;min-width:96px;margin:0;padding:0 16px}.confirm-logout-button:hover{background:#d15266}.quick-remark-dialog{background:#181e28;border:1px solid #343d4e;border-radius:8px;width:min(380px,100vw - 48px);overflow:hidden;box-shadow:0 28px 80px #00000073}.quick-remark-person{align-items:center;gap:10px;padding:20px 22px 3px;display:flex}.quick-remark-person>div:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.quick-remark-person strong{color:#e7edf6;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.quick-remark-person span{color:#778397;font-size:11px}.quick-remark-field{padding:17px 22px 0}.quick-remark-field label{color:#aeb8c9;align-items:center;gap:6px;margin-bottom:7px;font-size:11px;display:flex}.quick-remark-field label svg{color:#91a9d8}.quick-remark-field input{color:#e7edf6;background:#11151d;border:1px solid #343d4e;border-radius:7px;outline:none;width:100%;height:40px;padding:0 11px;font:13px inherit}.quick-remark-field input:focus{border-color:#668bc9}.quick-remark-error{margin:10px 22px 0}.quick-remark-submit{width:auto;min-width:96px;margin:0;padding:0 16px}.remark-trigger{cursor:pointer}.remark-trigger:hover{box-shadow:0 0 0 2px #668bc973}.light-theme .quick-remark-dialog{background:#fff;border-color:#d4ddea;box-shadow:0 28px 80px #1f304933}.light-theme .quick-remark-person strong{color:#26354a}.light-theme .quick-remark-person span{color:#8a96a8}.light-theme .quick-remark-field label{color:#52627a}.light-theme .quick-remark-field input{color:#26354a;background:#f7f9fc;border-color:#d4ddea}.light-theme .quick-remark-field input:focus{border-color:#9eb5d6}@media (width<=700px){.user-manager{width:calc(100vw - 24px);height:calc(100vh - 24px)}.manager-header{height:52px;padding:10px 14px 10px 16px}.manager-content{grid-template-rows:minmax(0,1.7fr) minmax(0,1fr);grid-template-columns:1fr;overflow:hidden}.manager-users{border-bottom:1px solid #303848;border-right:0;min-height:0}.manager-section-head{padding:8px 12px 7px}.manager-search{height:30px;margin-top:6px}.manager-user-list{padding:0 6px 6px}.manager-user-main{padding:6px 8px}.user-form{min-height:0;padding:14px 16px}}.light-theme .manager-section-head{color:#7b8799;background:#fff}.light-theme .manager-search{color:#7b8799;background:#f7f9fc;border-color:#d4ddea}.light-theme .manager-search:focus-within{border-color:#668bc9}.light-theme .manager-search input{color:#1c2635}.light-theme .manager-search input::placeholder{color:#91a0b2}.message-row.mine{flex-direction:row-reverse;justify-content:flex-start}.message-row.mine .message-content{flex-direction:column;align-items:flex-end;display:flex}.message-row.mine .message-meta{flex-direction:row-reverse;justify-content:flex-end}.message-row.mine .message-text{border-radius:10px 0 10px 10px}.message-row .message-content,.message-row .message-bubble-wrap{min-width:0}.message-row .message-text{box-sizing:border-box;overflow-wrap:anywhere;word-break:break-word;min-width:0}.message-row.mine .message-bubble-wrap{flex-direction:row-reverse;align-items:center;gap:2px;width:fit-content;max-width:100%;display:flex}.message-row.mine .message-actions{flex:none;position:static;transform:none}.message-row.mine .message-actions .message-action{left:auto;right:auto;inset:auto}.message-row.recalled,.message-row.mine.recalled{flex-direction:row;justify-content:center;width:100%}.theme-toggle{color:#aab7ca;cursor:pointer;background:0 0;border:1px solid #394456;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.theme-toggle:hover{color:#fff;background:#242b3a}.auth-theme-toggle{position:fixed;top:24px;right:24px}.light-theme{color:#1c2635;background:#f5f7fb}.light-theme .sidebar{background:#fff;border-color:#dfe5ee}.light-theme .chat-panel{background:#f7f9fc}.light-theme .brand-name,.light-theme .chat-header h1{color:#1c2635}.light-theme .section-title,.light-theme .chat-header p,.light-theme .sidebar-empty{color:#7b8799}.light-theme .nav-item,.light-theme .dm-item{color:#69778c}.light-theme .nav-item.active,.light-theme .dm-item.active{color:#1d2b42;background:#e9eef7}.light-theme .dm-name,.light-theme .message-meta strong,.light-theme .me-copy strong{color:#26354a}.light-theme .avatar.admin-avatar{background:#b5863c;box-shadow:0 0 0 1px #9b6f2873}.light-theme .dm-preview,.light-theme .me-copy span{color:#8190a4}.light-theme .dm-preview .draft-preview,.light-theme .channel-preview .draft-preview{color:#9b6f28}.light-theme .sidebar-footer,.light-theme .chat-header{border-color:#e0e6ef}.light-theme .channel-icon{color:#52627a;background:#e9eef7}.light-theme .message-text{color:#334256;background:#fff;border-color:#dce3ec}.light-theme .message-row.mine .message-text{background:#dbe8fb;border-color:#bfd2ef}.light-theme .message-action{color:#62738b;background:#fff;border-color:#d5deea;box-shadow:0 3px 10px #2235521f}.light-theme .message-action:hover{color:#fff;background:#263f68;border-color:#496da9}.light-theme .message-meta{color:#7d8ba0}.light-theme .role-tag{color:#9b6f28}.light-theme .composer{background:#fff;border-color:#d5deea}.light-theme .composer textarea{color:#25344a}.light-theme .composer textarea::placeholder{color:#91a0b2}.light-theme .composer-hint{color:#8290a2}.light-theme .send-button{color:#fff;background:#263f68}.light-theme .clear-composer-button{color:#62738b;background:0 0;border-color:#c9d4e2}.light-theme .clear-composer-button:hover:not(:disabled){color:#bd5262;background:#fdf0f2;border-color:#e0aab4}.light-theme .auth-card{background:#fff;border-color:#dce3ec;box-shadow:0 22px 70px #22355224}.light-theme .auth-card h1{color:#1c2635}.light-theme .auth-subtitle{color:#7b8799}.light-theme .auth-card label{color:#52627a}.light-theme .auth-card input{color:#1c2635;background:#f7f9fc;border-color:#d4ddea}.light-theme .auth-submit{color:#fff;background:#243e68}.light-theme .auth-switch{color:#416aa7}.app-shell{grid-template-columns:256px minmax(0,1fr)}@media (width<=1200px) and (width>=701px){.app-shell{grid-template-columns:230px minmax(0,1fr)}}.mobile-back-button,.mobile-menu-button{display:none}@media (width<=700px){html,body,#app{-webkit-text-size-adjust:100%;width:100%;min-width:0;height:100%;min-height:100%}body{overscroll-behavior:none;position:fixed;inset:0;overflow:hidden}.app-shell{background:#f7f9fc;width:100%;height:100%;min-height:0;display:block;position:fixed;inset:0;overflow:hidden}.sidebar{width:100%;height:100%;max-height:none;padding:calc(12px + env(safe-area-inset-top)) 0 0;background:#fff;border:0;display:flex;overflow:hidden}.brand{border-bottom:1px solid #e8edf4;flex:none;gap:10px;min-height:58px;padding:0 18px;position:relative}.brand-name{font-size:17px}.mobile-menu-button{color:#52627a;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:38px;height:38px;margin-left:auto;display:grid}.mobile-menu-button:active{background:#edf2f8}.mobile-menu{z-index:8;top:calc(60px + env(safe-area-inset-top));background:#fff;border:1px solid #dce3ec;border-radius:10px;width:min(230px,100vw - 24px);padding:8px;position:absolute;right:12px;box-shadow:0 14px 34px #1c2d4629}.mobile-menu-user{align-items:center;gap:10px;padding:9px 8px 10px;display:flex}.mobile-menu-user .avatar{border-radius:9px;width:36px;height:36px}.mobile-menu-user>div:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.mobile-menu-user strong{color:#26354a;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.mobile-menu-user span{color:#8a96a8;font-size:10px}.mobile-menu-divider{background:#edf1f5;height:1px;margin:2px 4px 5px}.mobile-menu-item{color:#52627a;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;width:100%;min-height:42px;padding:9px 8px;font-size:13px;display:flex}.mobile-menu-item:active{background:#edf2f8}.mobile-menu-item.danger{color:#bd5262}.nav-list{border-bottom:1px solid #eef1f5;flex:none;padding:10px 12px 6px;display:block}.nav-item{border-radius:8px;align-items:flex-start;width:100%;min-height:58px;padding:9px 12px;font-size:14px}.channel-copy{gap:3px;padding-top:1px}.channel-name{line-height:20px}.channel-preview{color:#8a96a8;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;line-height:17px;display:block;overflow:hidden}.section-title{color:#8a96a8;letter-spacing:.08em;flex:none;margin:0;padding:17px 18px 8px;font-size:11px}.dm-list{flex-direction:column;gap:0;min-height:0;padding:0 8px;display:flex;overflow:hidden auto}.dm-item{border-radius:8px;flex:none;gap:11px;width:100%;min-height:68px;padding:10px}.dm-item.active{background:#edf2f8}.dm-item .avatar{border-radius:10px;width:44px;height:44px;font-size:12px}.dm-item .avatar i{width:10px;height:10px}.dm-copy{min-width:0}.dm-name{color:#26354a;font-size:14px}.dm-role{color:#9b6f28}.dm-preview{color:#8a96a8;margin-top:4px;font-size:12px}.dm-time{color:#9aa5b4;font-size:10px;top:13px;right:12px}.dm-item>.count{min-width:20px;height:20px;font-size:10px;bottom:10px;right:10px}.sidebar-empty{padding:18px 10px}.sidebar-footer{padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #e8edf4;flex:none;gap:9px;margin-top:0}.sidebar-footer .me-copy{display:flex}.sidebar-footer .avatar{border-radius:9px;width:32px;height:32px}.me-copy strong{color:#26354a;font-size:12px}.me-copy span{color:#8a96a8;font-size:10px}.sidebar-footer{display:none}.chat-panel{background:#f7f9fc;width:100%;height:100%;min-height:0;display:none}.app-shell.mobile-chat-open .sidebar{display:none}.app-shell.mobile-chat-open .chat-panel{display:flex}.mobile-back-button{color:#53647a;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;width:38px;height:38px;margin-right:2px;display:grid}.mobile-back-button:active{background:#e8edf4}.mobile-unread-count{color:#c54859;white-space:nowrap;background:#fff0f1;border-radius:11px;flex:none;align-items:center;height:22px;margin-right:5px;padding:0 7px;font-size:10px;line-height:1;display:inline-flex}.chat-header{flex:0 0 calc(60px + env(safe-area-inset-top));height:calc(60px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0 8px;background:#fff;border-bottom:1px solid #e4e9f0;justify-content:flex-start;position:relative}.chat-title-wrap{gap:9px;width:max-content;min-width:0;max-width:calc(100% - 150px);position:absolute;left:50%;transform:translate(-50%)}.channel-icon{border-radius:10px;width:36px;height:36px}.chat-header h1{font-size:16px}.chat-header p{text-overflow:ellipsis;white-space:nowrap;max-width:210px;font-size:11px;overflow:hidden}.messages{background:#f7f9fc;min-height:0;padding:18px 12px 12px}.message-row{gap:8px;margin-bottom:16px}.message-content{max-width:calc(100% - 42px)}.message-action{opacity:0;pointer-events:none;width:30px;height:30px}.message-actions{display:none}.mobile-message-actions{gap:8px;margin-top:7px;display:flex}.mobile-message-actions button{color:#52627a;background:#fff;border:1px solid #d5deea;border-radius:8px;min-width:62px;height:32px;padding:0 12px;font-size:12px}.mobile-message-actions button:first-child,.mobile-message-actions .mobile-resend{color:#b94356;border-color:#e4b6bf}.app-shell:not(.light-theme) .mobile-message-actions button{color:#aeb8c9;background:#181e28;border-color:#343d4e}.app-shell:not(.light-theme) .mobile-message-actions button:first-child,.app-shell:not(.light-theme) .mobile-message-actions .mobile-resend{color:#df8692;border-color:#6c3c48}.message-meta{flex-wrap:wrap;gap:5px;max-width:100%;font-size:10px}.message-meta strong{text-overflow:ellipsis;white-space:nowrap;max-width:130px;overflow:hidden}.message-text{max-width:100%;padding:9px 11px;font-size:13px;line-height:1.55}.message-row .avatar{border-radius:9px;width:34px;height:34px}.composer-wrap{padding:8px 10px calc(10px + env(safe-area-inset-bottom));transform:translateY(calc(-1 * var(--keyboard-offset,0px)));background:#f7f9fc;border-top:1px solid #e8edf4;flex:none;transition:transform .12s ease-out}.composer{box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:36px minmax(0,1fr) 38px;align-items:end;gap:8px;padding:0;display:grid}.composer:focus-within{box-shadow:none;border-color:#0000}.composer textarea{color:#26354a;-webkit-appearance:none;background:#ffffffc7;border:1px solid #dce3ec;border-radius:11px;grid-area:1/2;width:100%;height:42px;min-height:42px;max-height:120px;padding:10px 12px;font-size:16px;line-height:1.4;box-shadow:0 1px 2px #1f304908}.composer textarea:focus{border-color:#9eb5d6;box-shadow:0 0 0 3px #4a70ad1f}.composer textarea::placeholder{color:#a0a9b6}.composer-actions,.composer-actions>.composer-tools{display:contents}.emoji-button{color:#7b8798;background:0 0;border:0;border-radius:50%;grid-area:1/1;width:36px;height:36px;margin-bottom:3px}.emoji-button svg{width:18px;height:18px}.emoji-button:active{background:#e1e5eb}.send-button{color:#fff;background:#263f68;border-radius:50%;grid-area:1/3;width:38px;height:38px;margin-bottom:2px;box-shadow:0 2px 5px #263f682e}.send-button:hover{background:#315486}.send-button:disabled{color:#a3adbb;box-shadow:none;background:#d5dce6}.composer-hint,.clear-composer-button{display:none}.emoji-picker{background:#fff;border-color:#d9e0e9;max-height:220px;bottom:50px;left:0;right:0;box-shadow:0 12px 28px #1f304929}.emoji-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.emoji-option{width:100%}.auth-page{min-height:100%;padding:20px 14px}.auth-theme-toggle{top:max(14px, env(safe-area-inset-top));right:14px}.auth-card{width:min(100%,390px);padding:30px 22px 24px}.auth-card input{font-size:16px}.auth-card h1{font-size:22px}.app-shell:not(.light-theme){background:#11151d}.app-shell:not(.light-theme) .sidebar,.app-shell:not(.light-theme) .chat-header{background:#151922;border-color:#262c39}.app-shell:not(.light-theme) .nav-item,.app-shell:not(.light-theme) .dm-item{color:#8993a6}.app-shell:not(.light-theme) .dm-item.active{background:#242b3a}.app-shell:not(.light-theme) .dm-name{color:#dbe1ea}.app-shell:not(.light-theme) .dm-preview,.app-shell:not(.light-theme) .dm-time,.app-shell:not(.light-theme) .me-copy span{color:#70798a}.app-shell:not(.light-theme) .chat-panel,.app-shell:not(.light-theme) .messages{background:#11151d}.app-shell:not(.light-theme) .composer-wrap{background:#11151d;border-color:#262c39}.app-shell:not(.light-theme) .mobile-back-button{color:#aab7ca}.app-shell:not(.light-theme) .mobile-unread-count{color:#ef9aa5;background:#39222a}.app-shell:not(.light-theme) .composer{background:0 0}.app-shell:not(.light-theme) .composer textarea{color:#e7edf6;box-shadow:none;background:#181e28e6;border-color:#343d4e}.app-shell:not(.light-theme) .composer textarea:focus{border-color:#668bc9;box-shadow:0 0 0 3px #4365a024}.app-shell:not(.light-theme) .composer textarea::placeholder{color:#647085}.app-shell:not(.light-theme) .emoji-button{color:#8998b1}.app-shell:not(.light-theme) .emoji-button:active{background:#242b3a}.app-shell:not(.light-theme) .emoji-picker{background:#181e28;border-color:#343d4e;box-shadow:0 12px 28px #00000059}.app-shell:not(.light-theme) .mobile-menu-button{color:#aab7ca}.app-shell:not(.light-theme) .mobile-menu{background:#181e28;border-color:#343d4e;box-shadow:0 14px 34px #00000059}.app-shell:not(.light-theme) .mobile-menu-user strong{color:#e7edf6}.app-shell:not(.light-theme) .mobile-menu-user span,.app-shell:not(.light-theme) .mobile-menu-item{color:#aeb8c9}.app-shell:not(.light-theme) .mobile-menu-divider{background:#303848}}