:root{color-scheme:dark;--bg: #313338;--panel: #2b2d31;--panel-2: #232428;--hover: #393c43;--text: #f2f3f5;--muted: #b5bac1;--dim: #80848e;--brand: #5865f2;--green: #23a55a;--red: #f23f43;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--text)}button,input{font:inherit}button{border:0;color:inherit;cursor:pointer}.mobile-auth{min-height:100%;display:grid;align-content:center;gap:16px;padding:max(28px,env(safe-area-inset-top)) 22px max(28px,env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 5%,rgba(88,101,242,.24),transparent 34%),var(--bg)}.mobile-auth img{width:88px;height:88px;border-radius:25px;box-shadow:0 18px 70px #00000061}.mobile-auth h1{margin:0;font-size:38px}.mobile-auth p{max-width:320px;margin:0;color:var(--muted)}.mobile-auth form,.mobile-panel,.mobile-call,.mobile-chat{min-width:0;display:grid;gap:10px}.mobile-auth-tabs{max-width:360px;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border-radius:16px;background:#1e1f22}.mobile-auth-tabs button{min-height:42px;border-radius:12px;background:transparent;color:var(--muted)}.mobile-auth-tabs button.active{background:var(--brand);color:#fff}.mobile-auth input,.mobile-composer input{width:100%;min-height:48px;border:1px solid #1e1f22;border-radius:14px;padding:0 14px;background:#1e1f22;color:var(--text);outline:none}.mobile-auth button,.mobile-primary{min-height:48px;border-radius:14px;background:var(--brand);color:#fff;font-weight:900}.mobile-auth-notice{max-width:360px;padding:10px 12px;border:1px solid rgba(242,63,67,.45);border-radius:14px;background:#f23f4324;color:var(--text);font-size:13px}.mobile-shell{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:var(--bg)}.mobile-topbar{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(12px,env(safe-area-inset-top)) 14px 10px;background:var(--panel);border-bottom:1px solid #1f2024}.mobile-topbar strong,.mobile-topbar span{display:block}.mobile-topbar span{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:12px}.mobile-topbar b{padding:7px 10px;border-radius:999px;background:#1e1f22;color:var(--green);font-size:12px}.mobile-sync,.mobile-chat-loading,.mobile-composer-loading{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;font-weight:900}.mobile-sync i,.mobile-chat-loading i,.mobile-composer-loading i{width:13px;height:13px;border:2px solid rgba(148,155,164,.35);border-top-color:var(--brand);border-radius:50%;animation:mobile-spin .8s linear infinite}.mobile-content{min-height:0;overflow:hidden}.mobile-nav{min-height:72px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:7px 8px max(7px,env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid #1f2024}.mobile-nav button{display:grid;place-items:center;gap:3px;border-radius:14px;background:transparent;color:var(--dim);font-size:11px;font-weight:800}.mobile-nav button.active{background:var(--hover);color:var(--text)}.mobile-nav svg{width:21px;height:21px}.mobile-chat,.mobile-chat-stack{height:100%;grid-template-rows:auto minmax(0,1fr) auto}.mobile-chat-stack{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr)}.mobile-server-strip{min-height:0;display:grid;gap:8px;padding:8px 10px;background:var(--panel);border-bottom:1px solid #1f2024}.mobile-server-rail,.mobile-channel-list{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.mobile-server-rail::-webkit-scrollbar,.mobile-channel-list::-webkit-scrollbar{display:none}.mobile-server-rail button{position:relative;min-width:48px;width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:#1e1f22;color:var(--text);font-weight:900}.mobile-server-rail button.active{border-radius:14px;background:var(--brand)}.mobile-server-rail button.create{color:var(--green)}.mobile-server-rail img,.mobile-server-rail span{width:100%;height:100%;display:grid;place-items:center;border-radius:inherit;object-fit:cover}.mobile-server-rail b,.mobile-channel-list b{min-width:18px;height:18px;display:grid;place-items:center;padding:0 5px;border-radius:999px;background:var(--red);color:#fff;font-size:10px}.mobile-server-rail b{position:absolute;right:-2px;bottom:-2px}.mobile-channel-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.mobile-channel-header strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-channel-header span{display:flex;gap:5px;overflow-x:auto}.mobile-channel-header button,.mobile-channel-list button{min-height:34px;border-radius:12px;background:#1e1f22;color:var(--muted);font-size:12px;font-weight:900}.mobile-channel-header button{padding:0 9px;white-space:nowrap}.mobile-channel-list button{min-width:max-content;display:inline-flex;align-items:center;gap:7px;padding:0 11px}.mobile-channel-list button.active{background:var(--hover);color:var(--text)}.mobile-channel-list button.voice{color:#9adbb0}.mobile-chat-title{min-height:46px;display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--panel);border-bottom:1px solid #1f2024}.mobile-chat-title strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-chat-title button{min-height:32px;padding:0 10px;border-radius:10px;background:#1e1f22;color:var(--muted);font-weight:800}.mobile-chat-loading{margin-left:auto}.mobile-timeline{min-height:0;overflow-y:auto;padding:10px 8px 14px}.mobile-message{display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px;padding:3px 6px;border-radius:12px}.mobile-message.compact{grid-template-columns:42px minmax(0,1fr);padding-top:0;padding-bottom:1px}.mobile-message.compact .mobile-avatar,.mobile-message.compact header{display:none}.mobile-message.compact p{line-height:1.22}.mobile-message:not(.compact)+.mobile-message:not(.compact),.mobile-message.compact+.mobile-message:not(.compact){margin-top:13px}.mobile-message:not(.compact)+.mobile-message.compact{margin-top:1px}.mobile-message header{display:flex;align-items:center;gap:8px}.mobile-message header strong{font-size:14px}.mobile-message header span{color:var(--dim);font-size:12px}.mobile-message header button{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:transparent;color:var(--dim)}.mobile-message p,.mobile-formatted-message{margin:1px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.28}.mobile-message.compact .mobile-formatted-message{line-height:1.22}.mobile-md-line{min-height:1.28em}.mobile-md-line.blank{min-height:.58em}.mobile-md-heading{margin:2px 0 4px;color:var(--text);font-weight:900}.mobile-md-heading.large{font-size:22px;line-height:1.12}.mobile-md-heading.medium{font-size:18px;line-height:1.15}.mobile-md-heading.small{font-size:16px}.mobile-md-quote{margin:3px 0;padding-left:9px;border-left:4px solid #4e5058;color:#c8ccd6}.mobile-md-list{display:grid;grid-template-columns:18px minmax(0,1fr)}.mobile-md-code{padding:1px 4px;border-radius:4px;background:#1e1f22;color:#dbdee1;font-family:Cascadia Mono,Consolas,monospace;font-size:.92em}.mobile-md-spoiler{border-radius:4px;background:#111214;color:transparent;-webkit-tap-highlight-color:transparent}.mobile-md-spoiler:active,.mobile-md-spoiler:hover{color:var(--text)}.mobile-md-gradient{color:transparent;background-clip:text;-webkit-background-clip:text;font-weight:800}.mobile-md-color{font-weight:800}.mobile-avatar{width:38px;height:38px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:var(--brand);color:#fff;font-weight:900}.mobile-avatar b{width:100%;height:100%;display:grid;place-items:center;line-height:1;color:#fff}.mobile-avatar img{width:100%;height:100%;object-fit:cover}.mobile-image-card{position:relative;width:fit-content;max-width:100%;margin-top:5px}.mobile-image{max-width:min(100%,340px);max-height:380px;display:block;border-radius:12px;object-fit:contain;background:#111214}.mobile-image-card button,.mobile-file-card button{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#1e1f22;color:var(--text)}.mobile-image-card button{position:absolute;top:8px;right:8px;background:#1e1f22d1}.mobile-file-card{width:min(100%,340px);display:grid;grid-template-columns:28px minmax(0,1fr) 38px;align-items:center;gap:10px;margin-top:5px;padding:10px;border:1px solid #3b3d45;border-radius:12px;background:#2f3136}.mobile-file-card strong,.mobile-file-card span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-file-card span{color:var(--dim);font-size:12px}.mobile-reply,.mobile-reply-draft{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.mobile-reply{max-width:min(100%,330px);margin:4px 0 5px;padding:6px 8px;border-left:4px solid var(--brand);border-radius:9px;background:#1e1f22c7}.mobile-reply span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-reply strong{margin-right:6px;color:var(--text)}.mobile-reactions,.mobile-reaction-summary{display:flex;gap:4px;margin-top:5px;flex-wrap:wrap}.mobile-reactions button,.mobile-reaction-summary button{min-width:34px;height:26px;border-radius:999px;background:#00000024}.mobile-reactions button.active,.mobile-reaction-summary button.active{background:#5865f257}.mobile-reactions button.wide{width:auto;min-width:132px;padding:0 12px;justify-content:center;color:var(--text)}.mobile-edited{display:inline-block;margin-left:6px;color:var(--muted);font-size:11px;font-weight:800}.mobile-message.menu-open{background:#5865f214}.mobile-dm-panel{height:100%;grid-template-rows:auto auto auto minmax(0,1fr);padding:14px;overflow-y:auto}.mobile-dm-search{width:100%;min-height:42px;border:1px solid #1e1f22;border-radius:13px;padding:0 12px;background:#1e1f22;color:var(--text);outline:none}.mobile-dm-list{display:grid;gap:6px}.mobile-dm-list h3{margin:12px 2px 2px;color:var(--dim);text-transform:uppercase;font-size:12px}.mobile-dm-list button{min-width:0;min-height:52px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 9px;border-radius:13px;background:var(--panel);color:var(--text);text-align:left}.mobile-dm-list button:active{background:var(--hover)}.mobile-dm-list strong,.mobile-dm-list span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-dm-list span{color:var(--muted);font-size:12px}.mobile-dm-list b{min-width:22px;height:22px;display:grid;place-items:center;padding:0 6px;border-radius:999px;background:var(--red);color:#fff;font-size:11px}.mobile-composer{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;padding:9px 10px;background:var(--panel);border-top:1px solid #1f2024}.mobile-composer-loading{grid-column:1 / -1;min-height:28px;padding:0 4px}.mobile-reply-draft{grid-column:1 / -1;min-height:30px;justify-content:space-between;padding:0 8px}.mobile-composer label,.mobile-composer button{min-width:44px;min-height:44px;display:grid;place-items:center;border-radius:14px;background:#1e1f22;color:var(--muted)}.mobile-composer button:last-child{background:var(--brand);color:#fff}.mobile-composer label:has(input:disabled),.mobile-composer button:disabled,.mobile-composer input:disabled{opacity:.55;cursor:not-allowed}@keyframes mobile-spin{to{transform:rotate(360deg)}}.mobile-call{height:100%;grid-template-rows:minmax(0,1fr) auto auto auto;padding:12px}.mobile-call-stage{position:relative;min-height:0;overflow:hidden;border-radius:18px;background:#111214}.mobile-video-root,.mobile-screen-video{position:absolute;inset:0;width:100%;height:100%}.mobile-screen-video{object-fit:contain}.mobile-video-root:has(video)+.mobile-call-empty{display:none}.mobile-call-empty{height:100%;display:grid;place-items:center;align-content:center;gap:10px;padding:22px;color:var(--muted);text-align:center}.mobile-call-empty strong{color:var(--text)}.mobile-call-people{display:flex;gap:8px;overflow-x:auto;padding:8px 0}.mobile-call-people>div{min-width:88px;display:grid;justify-items:center;gap:5px;padding:8px;border-radius:14px;background:var(--panel)}.mobile-call-people [data-speaking=true]{outline:2px solid var(--green)}.mobile-meter{height:8px;overflow:hidden;border-radius:999px;background:#1e1f22}.mobile-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--brand))}.mobile-call-controls{display:flex;justify-content:center;gap:10px}.mobile-call-controls button{min-width:58px;height:52px;display:grid;place-items:center;border-radius:18px;background:var(--panel)}.mobile-call-controls .text-control{min-width:78px;padding:0 14px;font-weight:900}.mobile-call-controls .join{width:100%;grid-auto-flow:column;background:var(--green);color:#fff;font-weight:900}.mobile-call-controls .danger{background:var(--red);color:#fff}.mobile-panel{height:100%;overflow-y:auto;padding:16px 12px;align-content:start}.mobile-panel h2{margin:0 0 8px}.mobile-member{min-height:58px;display:grid;grid-template-columns:42px minmax(0,1fr) repeat(4,40px);align-items:center;gap:9px;padding:8px;border-radius:14px;background:var(--panel)}.mobile-member[data-online=false]{opacity:.56}.mobile-member strong,.mobile-member span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-member span{color:var(--muted);font-size:12px}.mobile-member button{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#1e1f22}.mobile-profile-card{min-height:64px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border-radius:16px;background:var(--panel)}.mobile-profile-card strong,.mobile-profile-card span{display:block}.mobile-profile-card span{color:var(--muted);font-size:12px}.mobile-profile-card button{min-height:40px;padding:0 12px;border-radius:12px;background:#1e1f22;color:var(--text);font-weight:900}.mobile-settings-card{display:grid;gap:9px;padding:12px;border-radius:16px;background:var(--panel)}.mobile-settings-card h3{margin:0}.mobile-settings-card input,.mobile-settings-card textarea,.mobile-settings-card select{width:100%;min-height:44px;border:1px solid #1e1f22;border-radius:13px;padding:10px 12px;background:#1e1f22;color:var(--text);outline:none}.mobile-settings-card textarea{min-height:88px;resize:vertical}.mobile-slider{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;color:var(--muted);font-size:13px;font-weight:800}.mobile-slider input[type=range]{grid-column:1 / -1;min-height:26px;padding:0;border:0;background:transparent;accent-color:#f6b72e}.mobile-settings-message{margin:0;color:var(--muted);font-size:12px}.mobile-toggle{min-height:48px;display:flex;align-items:center;gap:10px}.mobile-toggle input{width:22px;height:22px;accent-color:var(--brand)}.mobile-notice{position:fixed;left:14px;right:14px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:30;padding:12px 14px;border-radius:14px;background:#1e1f22;color:var(--text);text-align:center;box-shadow:0 18px 70px #0000006b}.mobile-incoming{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:20px;background:#00000061}.mobile-incoming section{width:min(340px,100%);display:grid;justify-items:center;gap:12px;padding:24px;border-radius:24px;background:var(--panel);box-shadow:0 24px 90px #0000008c}.mobile-incoming img{width:82px;height:82px;border-radius:24px}.mobile-incoming p,.mobile-incoming h2{margin:0}.mobile-incoming section>div{width:100%;display:grid;grid-template-columns:1fr 1fr 34px;gap:6px}.mobile-incoming button{min-height:44px;border-radius:14px;background:#1e1f22;color:#fff}.mobile-incoming .accept{background:var(--green)}.mobile-incoming .reject{background:var(--red)}.mobile-incoming menu{width:100%;display:grid;gap:4px;margin:0;padding:8px;border-radius:14px;background:#1e1f22}.mobile-incoming menu button{justify-content:start;padding:0 10px;background:transparent;color:var(--muted);text-align:left}.mobile-audio-root{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none}