:root{--bg:#fff;--bg-secondary:#f5f5fa;--bg-tertiary:#eaeaf3;--bg-elevated:#fff;--bg-translucent:#ffffffbd;--fill:#5f5f8c14;--fill-strong:#5f5f8c26;--separator:#1e1e4617;--text:#16161f;--text-secondary:#5c5d72;--text-tertiary:#8b8ca2;--accent:#6d4aff;--accent-2:#3f7bff;--accent-hover:#7c5cff;--accent-pressed:#5a37ec;--accent-text:#5a37ec;--accent-soft:#6d4aff17;--accent-soft-strong:#6d4aff29;--accent-gradient:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);--on-accent:#fff;--focus-ring:0 0 0 4px #6d4aff3d;--glow:0 10px 26px -8px #6d4aff8c;--danger:#e5243b;--danger-soft:#e5243b17;--success:#1fa95b;--warning-bg:#fff4e0;--warning-text:#8a4b00;--shadow-sm:0 1px 2px #14143c0f, 0 1px 1px #14143c0a;--shadow-md:0 8px 28px #14143c14, 0 1px 3px #14143c0d;--shadow-lg:0 30px 70px #14143c2e, 0 6px 18px #14143c14;--backdrop:radial-gradient(1200px 600px at 110% -10%, #6d4aff0d, transparent 60%), radial-gradient(900px 500px at -10% 110%, #3f7bff0a, transparent 60%);--radius-sm:10px;--radius:14px;--radius-lg:18px;--radius-xl:26px;--radius-pill:980px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.18s;--dur:.28s;--dur-slow:.42s;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.47}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:#13131b;--bg-secondary:#0e0e15;--bg-tertiary:#09090e;--bg-elevated:#1d1d29;--bg-translucent:#13131bb8;--fill:#a0a0d214;--fill-strong:#a0a0d226;--separator:#fff1;--text:#ededf5;--text-secondary:#a5a5bb;--text-tertiary:#6f6f88;--accent:#7c5cff;--accent-2:#4f8cff;--accent-hover:#8e72ff;--accent-pressed:#6a48f5;--accent-text:#ab9dff;--accent-soft:#7c5cff24;--accent-soft-strong:#7c5cff40;--focus-ring:0 0 0 4px #7c5cff61;--glow:0 10px 30px -6px #7c5cff8c;--danger:#ff5f6d;--danger-soft:#ff5f6d24;--success:#3ddc84;--warning-bg:#3a2a10;--warning-text:#ffcc80;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 8px 28px #00000080, 0 1px 3px #00000059;--shadow-lg:0 30px 70px #000000a6, 0 6px 18px #0006;--backdrop:radial-gradient(1200px 600px at 110% -10%, #7c5cff21, transparent 60%), radial-gradient(900px 500px at -10% 110%, #4f8cff17, transparent 60%)}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#13131b;--bg-secondary:#0e0e15;--bg-tertiary:#09090e;--bg-elevated:#1d1d29;--bg-translucent:#13131bb8;--fill:#a0a0d214;--fill-strong:#a0a0d226;--separator:#fff1;--text:#ededf5;--text-secondary:#a5a5bb;--text-tertiary:#6f6f88;--accent:#7c5cff;--accent-2:#4f8cff;--accent-hover:#8e72ff;--accent-pressed:#6a48f5;--accent-text:#ab9dff;--accent-soft:#7c5cff24;--accent-soft-strong:#7c5cff40;--focus-ring:0 0 0 4px #7c5cff61;--glow:0 10px 30px -6px #7c5cff8c;--danger:#ff5f6d;--danger-soft:#ff5f6d24;--success:#3ddc84;--warning-bg:#3a2a10;--warning-text:#ffcc80;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 8px 28px #00000080, 0 1px 3px #00000059;--shadow-lg:0 30px 70px #000000a6, 0 6px 18px #0006;--backdrop:radial-gradient(1200px 600px at 110% -10%, #7c5cff21, transparent 60%), radial-gradient(900px 500px at -10% 110%, #4f8cff17, transparent 60%)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background-color:var(--bg-secondary);background-image:var(--backdrop);color:var(--text);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;background-attachment:fixed;overflow:hidden}a{color:var(--accent-text);transition:opacity var(--dur-fast) var(--ease-out);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}h1,h2,h3{letter-spacing:-.02em;margin:0}h1{font-size:1.75rem;font-weight:600;line-height:1.14}h2{font-size:1.25rem;font-weight:600;line-height:1.2}p{margin:0}::selection{background:var(--accent-soft-strong)}:focus-visible{box-shadow:var(--focus-ring);outline:none}.muted{color:var(--text-secondary)}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.icon{flex:none;display:block}*{scrollbar-width:thin;scrollbar-color:var(--fill-strong) transparent}.btn{border-radius:var(--radius-pill);background:var(--fill);min-height:44px;color:var(--accent-text);font:inherit;letter-spacing:-.01em;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);border:0;justify-content:center;align-items:center;gap:6px;padding:10px 22px;font-size:1rem;font-weight:500;display:inline-flex}.btn:hover:not(:disabled){background:var(--fill-strong)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:var(--accent-gradient);color:var(--on-accent);box-shadow:var(--glow)}.btn.primary:hover:not(:disabled){background:var(--accent-gradient);filter:brightness(1.08)}.btn.primary:active:not(:disabled){filter:brightness(.95)}.btn.danger{background:var(--danger);color:#fff}.btn.danger:hover:not(:disabled){background:var(--danger);opacity:.88}.btn.danger-outline{background:var(--danger-soft);color:var(--danger)}.btn.danger-outline:hover:not(:disabled){background:var(--danger-soft);opacity:.8}.btn.small{min-height:32px;padding:5px 14px;font-size:.875rem}.icon-btn{border-radius:var(--radius-pill);min-width:36px;min-height:36px;color:var(--text-secondary);font:inherit;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);background:0 0;border:0;justify-content:center;align-items:center;padding:0;font-size:1rem;display:inline-flex}.icon-btn:hover{background:var(--fill);color:var(--text)}.icon-btn:active{transform:scale(.92)}.icon-btn.danger:hover{background:var(--danger-soft);color:var(--danger)}input,textarea{border-radius:var(--radius);background:var(--fill);width:100%;color:var(--text);font:inherit;letter-spacing:-.01em;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);border:1px solid #0000;padding:12px 16px;font-size:1.0625rem}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}input:focus,textarea:focus{border-color:var(--accent);background:var(--bg-elevated);box-shadow:var(--focus-ring);outline:none}label{color:var(--text-secondary);gap:6px;font-size:.875rem;font-weight:500;display:grid}.form-error{border-radius:var(--radius);background:var(--danger-soft);color:var(--danger);animation:fade-in var(--dur) var(--ease-out);padding:10px 14px;font-size:.9375rem}.form-error.small{padding:6px 10px;font-size:.8125rem}.form-info{color:var(--text);font-size:.875rem}.check-inbox{border-radius:var(--radius-lg);background:var(--accent-soft);animation:rise-in var(--dur) var(--ease-out);flex-direction:column;gap:12px;padding:18px;display:flex}.check-inbox strong{color:var(--accent-text);overflow-wrap:anywhere}.center-page,.auth-page{min-height:100%;padding:calc(24px + var(--safe-top)) calc(16px + var(--safe-right)) calc(24px + var(--safe-bottom)) calc(16px + var(--safe-left));-webkit-overflow-scrolling:touch;place-items:center;display:grid;position:relative;overflow-y:auto}.center-page{color:var(--text-secondary);align-content:center;gap:16px}.auth-page{isolation:isolate;grid-template-rows:1fr auto 1fr}.auth-page:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(520px 380px at 22% 18%,#7c5cff47,#0000 70%),radial-gradient(560px 420px at 82% 86%,#3f7bff38,#0000 70%);position:fixed;inset:0}.auth-page:before{content:"disslxt";background:var(--accent-gradient);color:#0000;letter-spacing:-.045em;-webkit-background-clip:text;background-clip:text;align-self:end;margin-bottom:28px;font-size:2.25rem;font-weight:800}.auth-card{border:1px solid var(--separator);border-radius:var(--radius-xl);background:var(--bg-translucent);-webkit-backdrop-filter:saturate(160%)blur(24px);backdrop-filter:saturate(160%)blur(24px);width:100%;max-width:420px;box-shadow:var(--shadow-lg);animation:rise-in var(--dur-slow) var(--ease-out);align-self:start;gap:18px;padding:36px 32px 30px;display:grid}.auth-card>h1{margin-bottom:6px;font-size:1.625rem;font-weight:700}.auth-card .btn.primary{width:100%;margin-top:6px}.auth-switch{color:var(--text-secondary);text-align:center;font-size:.9375rem}.invite-card{text-align:center}.app-layout{height:100dvh;padding-left:var(--safe-left);padding-right:var(--safe-right);background:var(--bg-tertiary);grid-template-columns:auto minmax(0,1fr);display:grid}.app-layout.has-guild{grid-template-columns:auto minmax(0,1fr) 264px}.nav-drawer{min-height:0;display:flex}.server-list{width:76px;padding:calc(14px + var(--safe-top)) 0 calc(14px + var(--safe-bottom));background:var(--bg-tertiary);flex-direction:column;align-items:center;gap:10px;display:flex;overflow-y:auto}.brand-mark{background:var(--accent-gradient);width:48px;height:48px;color:var(--on-accent);box-shadow:var(--glow);letter-spacing:-.05em;-webkit-user-select:none;user-select:none;border-radius:16px;justify-content:center;align-items:center;margin-bottom:4px;font-size:1.5rem;font-weight:800;display:flex}.server-list ul{border-top:1px solid var(--separator);flex-direction:column;gap:10px;margin:0;padding:12px 0 0;list-style:none;display:flex}.server-list li{position:relative}.guild-icon{--hue:262;background:var(--bg-elevated);width:48px;height:48px;color:var(--text);box-shadow:var(--shadow-sm);font:inherit;cursor:pointer;transition:background var(--dur) var(--ease-out), color var(--dur) var(--ease-out), border-radius var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out), transform var(--dur-fast) var(--ease-out);border:0;border-radius:50%;justify-content:center;align-items:center;font-size:.9375rem;font-weight:700;text-decoration:none;display:flex}a.guild-icon{background:linear-gradient(145deg, hsl(var(--hue) 70% 62% / .22), hsl(calc(var(--hue) + 30) 70% 52% / .22));color:hsl(var(--hue) 70% 45%)}:root[data-theme=dark] a.guild-icon{color:hsl(var(--hue) 85% 78%)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) a.guild-icon{color:hsl(var(--hue) 85% 78%)}}.guild-icon:hover{border-radius:16px;text-decoration:none}a.guild-icon:hover,a.guild-icon.active{background:linear-gradient(145deg, hsl(var(--hue) 72% 60%), hsl(calc(var(--hue) + 30) 72% 50%));color:#fff;box-shadow:0 10px 24px -8px hsl(var(--hue) 70% 50% / .7)}.guild-icon:active{transform:scale(.94)}.guild-icon.active{border-radius:16px}.server-list li:before{content:"";background:var(--text);width:4px;height:0;transition:height var(--dur) var(--ease-spring);border-radius:0 4px 4px 0;position:absolute;top:50%;left:-14px;transform:translateY(-50%)}.server-list li:hover:before{height:16px}.server-list li:has(.guild-icon.active):before{height:32px}.guild-icon.add{box-shadow:inset 0 0 0 1.5px var(--fill-strong);color:var(--accent-text);background:0 0}.guild-icon.add:hover{background:var(--accent-gradient);box-shadow:var(--glow);color:var(--on-accent);border-radius:16px}.channel-sidebar{background:var(--bg-secondary);border-radius:20px 0 0;flex-direction:column;width:264px;min-height:0;display:flex;overflow-y:auto}.sidebar-header{min-height:calc(60px + var(--safe-top));padding:var(--safe-top) 10px 0;border-bottom:1px solid var(--separator);align-items:center;display:flex;position:relative}.guild-name{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:1.0625rem;font-weight:700;overflow:hidden}.guild-menu-button{border-radius:var(--radius-sm);min-width:0;min-height:42px;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out);background:0 0;border:0;flex:1;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;display:flex}.guild-menu-button:hover,.guild-menu-button.open{background:var(--fill)}.guild-menu-button .icon{color:var(--text-secondary);transition:transform var(--dur) var(--ease-out)}.guild-menu-button.open .icon{transform:rotate(180deg)}.guild-menu{z-index:25;border:1px solid var(--separator);border-radius:var(--radius-lg);background:var(--bg-elevated);box-shadow:var(--shadow-lg);animation:menu-in var(--dur) var(--ease-out);transform-origin:top;gap:4px;padding:8px;display:grid;position:absolute;top:calc(100% + 6px);left:10px;right:10px}.guild-menu-section{justify-items:start;gap:8px;padding:8px;display:grid}.guild-menu-section+.guild-menu-section{border-top:1px solid var(--separator)}.guild-menu-section.invite .sidebar-heading{color:var(--accent-text);align-items:center;gap:6px;padding:0;display:flex}.guild-menu-section.invite .btn{width:100%}.menu-item{border-radius:var(--radius-sm);width:100%;min-height:38px;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out);background:0 0;border:0;align-items:center;gap:10px;padding:8px 10px;font-size:.9375rem;font-weight:500;display:flex}.menu-item:hover{background:var(--fill)}.menu-item.danger{color:var(--danger)}.menu-item.danger:hover{background:var(--danger-soft)}.sidebar-section{padding:14px 10px 4px}.sidebar-heading-row{justify-content:space-between;align-items:center;display:flex}.sidebar-heading-row .icon-btn{min-width:28px;min-height:28px}.sidebar-heading{color:var(--text-tertiary);letter-spacing:.06em;text-transform:uppercase;padding:0 10px;font-size:.6875rem;font-weight:700}.channels{gap:2px;margin:6px 0 0;padding:0;list-style:none;display:grid}.channel-link{border-radius:var(--radius-sm);min-height:36px;color:var(--text-secondary);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);align-items:center;gap:8px;padding:6px 10px;font-weight:500;text-decoration:none;display:flex;position:relative}.channel-link .icon{opacity:.65}.channel-link:hover{background:var(--fill);color:var(--text);text-decoration:none}.channel-link.active{background:var(--accent-soft-strong);color:var(--text);font-weight:600}.channel-link.active:before{content:"";background:var(--accent-gradient);border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:0}.channel-link.active .icon{color:var(--accent-text);opacity:1}.invite-link{border-radius:var(--radius-sm);background:var(--fill);width:100%;color:var(--text-secondary);word-break:break-all;-webkit-user-select:all;user-select:all;padding:8px 10px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.75rem;display:block}.leave-confirm{animation:fade-in var(--dur) var(--ease-out);flex-wrap:wrap;align-items:center;gap:8px;font-size:.9375rem;display:flex}.user-footer{margin:auto 8px 0;margin-bottom:calc(8px + var(--safe-bottom));border-radius:var(--radius-lg);background:var(--bg-tertiary);justify-content:space-between;align-items:center;gap:10px;padding:8px 6px 8px 10px;display:flex}.user-footer .who{align-items:center;gap:10px;min-width:0;display:flex}.current-user{text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;font-weight:600;overflow:hidden}.avatar{--hue:262;background:linear-gradient(145deg, hsl(var(--hue) 72% 62%), hsl(calc(var(--hue) + 32) 70% 48%));color:#fff;letter-spacing:0;text-shadow:0 1px 1px #00000026;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:.8125rem;font-weight:700;display:inline-flex}.avatar.sm{width:28px;height:28px;font-size:.6875rem}.main-pane{background-color:var(--bg);background-image:var(--backdrop);min-width:0;min-height:0;display:flex}.chat-view{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative}.chat-header{z-index:2;min-height:calc(60px + var(--safe-top));padding:var(--safe-top) 14px 0 22px;border-bottom:1px solid var(--separator);background:var(--bg-translucent);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);align-items:center;gap:8px;display:flex;position:relative}.chat-title{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;font-size:1.0625rem;font-weight:700;display:flex;overflow:hidden}.chat-title .icon{color:var(--accent-text)}.chat-header-actions{gap:4px;margin-left:auto;display:flex}.icon-btn.active{background:var(--accent-soft);color:var(--accent-text)}.mobile-only{display:none}.connection-banner{background:var(--warning-bg);color:var(--warning-text);text-align:center;animation:slide-down var(--dur) var(--ease-out);padding:8px 16px;font-size:.875rem;font-weight:500}.message-list-wrap{flex:1;min-height:0;position:relative}.message-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;height:100%;padding:18px 0 16px;overflow:hidden auto}.load-older-row{justify-content:center;padding:8px;display:flex}.empty-channel{border:1px dashed var(--fill-strong);border-radius:var(--radius-xl);max-width:360px;color:var(--text-secondary);text-align:center;justify-items:center;gap:6px;margin:40px auto;padding:32px 24px;display:grid}.messages{margin:0;padding:0;list-style:none}.message{border-radius:var(--radius);transition:background-color var(--dur-fast) var(--ease-out);animation:message-in var(--dur) var(--ease-out);grid-template-columns:38px minmax(0,1fr);column-gap:14px;margin:10px 10px 0;padding:6px 14px;display:grid;position:relative}.message.grouped{margin-top:0;padding-top:2px;padding-bottom:2px}.message>.avatar{grid-area:span 4/1;margin-top:2px}.message:hover{background:var(--fill)}@media (hover:none){.message:hover{background:0 0}}.message-gutter-time{color:var(--text-tertiary);font-variant-numeric:tabular-nums;text-align:center;opacity:0;transition:opacity var(--dur-fast) var(--ease-out);grid-area:span 3/1;align-self:start;padding-top:3px;font-size:.6875rem}.message:hover .message-gutter-time,.message.selected .message-gutter-time{opacity:1}.day-divider{color:var(--text-tertiary);letter-spacing:.02em;grid-column:1/-1;align-items:center;gap:12px;margin:10px -4px 14px;font-size:.75rem;font-weight:700;display:flex}.day-divider:before,.day-divider:after{content:"";background:var(--separator);flex:1;height:1px}.day-divider span{border-radius:var(--radius-pill);background:var(--fill);padding:3px 10px}.message:has(>.day-divider):hover{background:0 0}.message-meta{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.message-author{letter-spacing:-.01em;font-size:.9375rem;font-weight:700}.message.own .message-author{color:var(--accent-text)}.message-time,.message-edited{color:var(--text-tertiary);font-size:.75rem}.message-content{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.message-actions{z-index:1;border:1px solid var(--separator);border-radius:var(--radius-pill);background:var(--bg-elevated);box-shadow:var(--shadow-md);opacity:0;transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);gap:2px;padding:3px;display:flex;position:absolute;top:-16px;right:14px;transform:translateY(4px)scale(.96)}.message-actions .icon-btn{min-width:30px;min-height:30px}.message-actions{pointer-events:none}.message:hover .message-actions,.message:focus-within .message-actions,.message.selected .message-actions{opacity:1;pointer-events:auto;transform:none}@media (hover:none){.message:hover .message-actions{opacity:0;pointer-events:none}.message.selected .message-actions,.message:focus-within .message-actions{opacity:1;pointer-events:auto}.message.selected{background:var(--fill)}}.message-edit{gap:8px;margin-top:6px;display:grid}.message-edit-input{resize:vertical;min-height:64px}.message-edit-actions,.message-confirm{flex-wrap:wrap;align-items:center;gap:8px;font-size:.8125rem;display:flex}.message-confirm{animation:fade-in var(--dur) var(--ease-out);margin-top:6px}.message>.form-error,.message>.voice-player,.message>.file-image,.message>.file-card,.message>.message-edit,.message>.message-confirm,.message>.message-content,.message>.message-meta,.message>.message-edited.below{grid-column:2}.new-messages-pill{border-radius:var(--radius-pill);background:var(--accent-gradient);color:var(--on-accent);font:inherit;cursor:pointer;box-shadow:var(--glow);animation:pill-in var(--dur) var(--ease-spring);border:0;padding:9px 18px;font-size:.875rem;font-weight:600;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.composer{padding:6px 18px calc(18px + var(--safe-bottom))}.composer-row{border:1px solid var(--separator);background:var(--bg-elevated);box-shadow:var(--shadow-md);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);border-radius:22px;align-items:flex-end;gap:6px;padding:6px 6px 6px 10px;display:flex}.composer-row:focus-within{border-color:var(--accent);box-shadow:var(--shadow-md), var(--focus-ring)}.composer-input,.composer-input:focus{min-height:36px;max-height:200px;box-shadow:none;resize:none;field-sizing:content;background:0 0;border:0;padding:7px 4px;line-height:1.3}.composer-send{border-radius:14px;flex:none;width:38px;min-width:38px;height:38px;min-height:38px;padding:0}.composer-send:disabled{opacity:.3;box-shadow:none}.composer-error{color:var(--danger);margin:0 0 8px;font-size:.8125rem}.composer-counter{color:var(--text-tertiary);text-align:right;margin:6px 4px 0;font-size:.75rem}.composer-counter.over{color:var(--danger)}.empty-state{text-align:center;max-width:440px;animation:rise-in var(--dur-slow) var(--ease-out);flex:1;place-content:center;justify-items:center;gap:14px;margin:0 auto;padding:32px 24px;display:grid}.empty-state h2{letter-spacing:-.035em;background:var(--accent-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.empty-state p{color:var(--text-secondary)}.member-list{min-height:0;padding:calc(20px + var(--safe-top)) 10px calc(16px + var(--safe-bottom));border-left:1px solid var(--separator);background:var(--bg-secondary);animation:fade-in var(--dur) var(--ease-out);overflow-y:auto}.member-list ul{gap:2px;margin:10px 0 0;padding:0;list-style:none;display:grid}.member{border-radius:var(--radius-sm);min-height:42px;color:var(--text-tertiary);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur) var(--ease-out);align-items:center;gap:10px;padding:4px 10px;display:flex}.member:hover{background:var(--fill)}.member .avatar{opacity:.4;filter:grayscale(.6);transition:opacity var(--dur) var(--ease-out), filter var(--dur) var(--ease-out)}.member.online{color:var(--text);font-weight:500}.member.online .avatar{opacity:1;filter:none}.member-avatar{display:inline-flex;position:relative}.presence-dot{border:2.5px solid var(--bg-secondary);background:var(--text-tertiary);width:12px;height:12px;transition:background-color var(--dur) var(--ease-out);border-radius:50%;position:absolute;bottom:-2px;right:-2px}.member.online .presence-dot{background:var(--success);box-shadow:0 0 8px var(--success)}.member-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.modal-backdrop{z-index:50;padding:calc(16px + var(--safe-top)) 16px calc(16px + var(--safe-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fade-in var(--dur) var(--ease-out);background:#05050f73;place-items:center;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--separator);max-height:calc(100dvh - 32px - var(--safe-top) - var(--safe-bottom));overscroll-behavior:contain;border-radius:var(--radius-xl);background:var(--bg-elevated);width:100%;max-width:440px;box-shadow:var(--shadow-lg);animation:modal-in var(--dur) var(--ease-out);gap:18px;padding:28px;display:grid;overflow-y:auto}.dialog-form{gap:14px;display:grid}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.toast{bottom:calc(24px + var(--safe-bottom));z-index:60;border-radius:var(--radius-pill);background:var(--bg-elevated);width:max-content;max-width:min(460px,100vw - 32px);color:var(--text);box-shadow:var(--shadow-lg);animation:toast-in var(--dur) var(--ease-out);align-items:center;gap:10px;padding:10px 10px 10px 16px;font-size:.9375rem;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast>.icon{color:var(--danger)}@keyframes fade-in{0%{opacity:0}}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}}@keyframes message-in{0%{opacity:0;transform:translateY(6px)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-100%)}}@keyframes modal-in{0%{opacity:0;transform:scale(.96)translateY(8px)}}@keyframes menu-in{0%{opacity:0;transform:translateY(-6px)scale(.97)}}@keyframes sheet-in{0%{transform:translateY(100%)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,16px)}}@keyframes pill-in{0%{opacity:0;transform:translate(-50%,8px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (width<=1023px){.app-layout.has-guild{grid-template-columns:auto minmax(0,1fr)}.member-list,.wide-only{display:none}}@media (width<=768px){.app-layout,.app-layout.has-guild{grid-template-columns:minmax(0,1fr);padding-left:0;padding-right:0}.nav-drawer{z-index:40;width:min(340px,88vw);padding-left:var(--safe-left);background:var(--bg-secondary);box-shadow:var(--shadow-lg);visibility:hidden;transition:transform var(--dur) var(--ease-out), visibility 0s linear var(--dur);position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.nav-drawer.open{visibility:visible;transition:transform var(--dur) var(--ease-out), visibility 0s;transform:none}.nav-drawer .channel-sidebar{border-right:0;border-radius:0;flex:1;width:auto;min-width:0}.drawer-backdrop{z-index:30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in var(--dur) var(--ease-out);background:#05050f80;position:fixed;inset:0}.mobile-only{display:inline-flex}.chat-header{padding-left:calc(8px + var(--safe-left));padding-right:calc(16px + var(--safe-right))}.message{margin:8px 4px 0;padding-left:10px;padding-right:10px}.message.grouped{margin-top:0}.composer{padding:6px calc(10px + var(--safe-right)) calc(10px + var(--safe-bottom)) calc(10px + var(--safe-left))}.btn,.icon-btn,.channel-link,.member{min-height:44px}.btn.small{min-height:40px}.icon-btn{min-width:44px}.message-actions .icon-btn{min-width:40px;min-height:40px}.modal-backdrop{place-items:end stretch;padding:0}.modal{max-width:none;padding:24px 20px calc(20px + var(--safe-bottom));border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:sheet-in var(--dur) var(--ease-out)}.auth-card{padding:32px 22px 24px}}.sidebar-header{justify-content:space-between;gap:8px}.icon-btn.muted-on{color:var(--text-tertiary)}.footer-actions{gap:2px;display:flex}.settings-section{border-bottom:1px solid var(--separator);gap:12px;padding-bottom:18px;display:grid}.settings-section:last-of-type{border-bottom:0}.settings-section h3{font-size:1.0625rem;font-weight:600}.settings-section .btn{justify-self:start}.settings-row{flex-wrap:wrap;gap:10px;display:flex}.settings-hint{color:var(--text-tertiary);font-size:.8125rem}.switch-row{color:var(--text);justify-content:space-between;align-items:center;gap:16px;font-size:1rem;font-weight:400;display:flex}.switch-row small{color:var(--text-secondary);font-size:.8125rem;display:block}.switch{appearance:none;border-radius:var(--radius-pill);background:var(--fill-strong);cursor:pointer;width:51px;height:31px;transition:background-color var(--dur-fast) var(--ease-out);border:0;flex:none;margin:0;padding:0;position:relative}.switch:after{content:"";width:27px;height:27px;transition:transform var(--dur) var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 2px 6px #0000002e}.switch:checked{background:var(--accent-gradient)}.switch:checked:after{transform:translate(20px)}.switch:focus,.switch:focus-visible{box-shadow:var(--focus-ring);border:0}input[type=range]{accent-color:var(--accent);background:0 0;border:0;padding:0}input[type=range]:focus{box-shadow:none}.install-guide{border-radius:var(--radius-lg);background:var(--accent-soft);counter-reset:step;gap:12px;margin:0;padding:16px;list-style:none;display:grid}.install-guide li{align-items:center;gap:12px;font-size:.9375rem;display:flex}.step-icon{background:var(--bg-elevated);width:40px;height:40px;color:var(--accent-text);box-shadow:var(--shadow-sm);border-radius:10px;flex:none;justify-content:center;align-items:center;display:inline-flex}.step-icon.app{box-shadow:none;background:0 0}.step-icon img{border-radius:7px}.install-banner{top:calc(66px + var(--safe-top));right:calc(12px + var(--safe-right));left:calc(12px + var(--safe-left));z-index:20;border-radius:var(--radius-lg);background:var(--bg-elevated);max-width:460px;box-shadow:var(--shadow-lg);animation:rise-in var(--dur-slow) var(--ease-out);align-items:center;gap:12px;margin-left:auto;padding:12px 8px 12px 12px;display:flex;position:fixed}.install-banner img{border-radius:9px}.install-banner p{min-width:0;color:var(--text-secondary);flex:1;font-size:.8125rem;display:grid}.install-banner strong{color:var(--text);font-size:.9375rem}.composer-tool{color:var(--text-secondary);flex:none}.composer-tool.recording{background:var(--danger-soft);color:var(--danger);animation:pulse 1.4s var(--ease-out) infinite}@keyframes pulse{50%{box-shadow:0 0 0 6px var(--danger-soft)}}.voice-player{border-radius:var(--radius-pill);background:var(--accent-soft);align-items:center;gap:10px;width:min(320px,100%);margin-top:4px;padding:6px 14px 6px 6px;display:flex}.voice-play{box-shadow:var(--glow);background:var(--accent-gradient);width:36px;height:36px;color:var(--on-accent);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out);border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.voice-play:active{transform:scale(.92)}.voice-player .voice-progress{background:linear-gradient(to right, var(--accent-text) var(--progress,0%), var(--accent-soft-strong) var(--progress,0%));appearance:none;cursor:pointer;border-radius:2px;flex:1;min-width:0;height:4px;padding:0}.voice-player .voice-progress:focus{background:linear-gradient(to right, var(--accent-text) var(--progress,0%), var(--accent-soft-strong) var(--progress,0%))}.voice-progress::-webkit-slider-thumb{background:var(--accent-text);-webkit-appearance:none;border-radius:50%;width:12px;height:12px}.voice-progress::-moz-range-thumb{background:var(--accent-text);border:0;border-radius:50%;width:12px;height:12px}.voice-time{min-width:34px;color:var(--text-secondary);font-variant-numeric:tabular-nums;text-align:right;flex:none;font-size:.8125rem}.voice-failed{color:var(--danger);font-size:.75rem}.recording-bar{align-items:center;padding-left:6px}.rec-dot{background:var(--danger);border-radius:50%;flex:none;width:10px;height:10px;animation:1.2s ease-in-out infinite blink}@keyframes blink{50%{opacity:.25}}.rec-time{color:var(--text);font-variant-numeric:tabular-nums;flex:1}.segmented{border-radius:var(--radius);background:var(--fill);grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.segmented button{border-radius:var(--radius-sm);min-height:40px;color:var(--text-secondary);font:inherit;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;font-weight:500;display:inline-flex}.segmented button[aria-checked=true]{background:var(--bg-elevated);color:var(--accent-text);box-shadow:var(--shadow-sm)}.voice-participants{gap:2px;margin:2px 0 6px 30px;padding:0;list-style:none;display:grid}.voice-participants li{min-height:30px;color:var(--text-secondary);animation:fade-in var(--dur) var(--ease-out);align-items:center;gap:8px;font-size:.875rem;display:flex}.voice-participants .avatar.sm{width:22px;height:22px;font-size:.5625rem}.voice-view{background:var(--bg)}.voice-stage{flex:1;align-content:center;justify-items:center;gap:20px;min-height:0;padding:32px 20px;display:grid;overflow-y:auto}.voice-tiles{grid-template-columns:repeat(auto-fit,minmax(140px,180px));justify-content:center;justify-self:stretch;gap:16px;width:100%;margin:0;padding:0;list-style:none;display:grid}.voice-tile{border-radius:var(--radius-xl);background:var(--bg-secondary);box-shadow:var(--shadow-sm);text-align:center;animation:rise-in var(--dur) var(--ease-out);justify-items:center;gap:6px;padding:24px 14px 18px;display:grid;position:relative}.voice-tile .avatar{width:72px;height:72px;transition:box-shadow var(--dur-fast) var(--ease-out);font-size:1.5rem;box-shadow:0 0 #0000}.voice-tile.speaking .avatar{box-shadow:0 0 0 3px var(--bg-secondary), 0 0 0 6px var(--success)}.voice-tile>.icon{color:var(--danger);position:absolute;top:12px;right:12px}.voice-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:600;overflow:hidden}.voice-sub{color:var(--text-secondary);font-size:.8125rem}.voice-empty{text-align:center;max-width:320px}.voice-controls{padding:16px 16px calc(24px + var(--safe-bottom));justify-content:center;gap:18px;display:flex}.btn.round{background:var(--fill-strong);width:60px;min-width:60px;height:60px;color:var(--text);border-radius:50%;padding:0}.btn.round.active{background:var(--text);color:var(--bg)}.btn.round.danger{background:var(--danger);color:#fff}.voice-bar{border-radius:var(--radius-lg);background:var(--bg-elevated);box-shadow:var(--shadow-sm);animation:rise-in var(--dur) var(--ease-out);align-items:center;gap:4px;margin:8px 12px 0;padding:8px 6px 8px 12px;display:flex}.voice-bar-info{min-width:0;color:var(--text-secondary);flex:1;font-size:.8125rem;display:grid}.voice-bar-info:hover{text-decoration:none}.voice-bar-info strong{color:var(--success);font-size:.875rem}.voice-bar[data-status=joining] .voice-bar-info strong{color:var(--text-secondary)}.voice-bar-info span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.segmented.three{grid-template-columns:repeat(3,1fr)}@media (width<=768px){.voice-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.modal{max-height:calc(100dvh - 24px - var(--safe-top))}}.quota{gap:8px;display:grid}.quota-bar{background:var(--fill);border-radius:3px;height:6px;overflow:hidden}.quota-bar span{background:var(--accent);height:100%;transition:width var(--dur) var(--ease-out);border-radius:3px;display:block}.quota-bar span.full{background:var(--danger)}.sidebar-note{margin-top:6px;padding:0 2px}.pw-check{animation:fade-in var(--dur) var(--ease-out);gap:8px;margin-top:-6px;display:grid}.pw-meter{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.pw-meter span{background:var(--fill-strong);height:4px;transition:background-color var(--dur) var(--ease-out);border-radius:2px}.pw-meter span.on.s1{background:var(--danger)}.pw-meter span.on.s2{background:#c27c0e}.pw-meter span.on.s3,.pw-meter span.on.s4{background:var(--success)}.pw-level{color:var(--text-secondary);font-size:.8125rem}.pw-check ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.pw-check li{color:var(--text-secondary);transition:color var(--dur-fast) var(--ease-out);align-items:flex-start;gap:6px;font-size:.8125rem;line-height:1.35;display:flex}.pw-check li .icon{color:var(--danger);margin-top:1px}.pw-check li.ok{color:var(--text-tertiary)}.pw-check li.ok .icon{color:var(--success)}select{border-radius:var(--radius);background:var(--fill) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 12px center / 18px;width:100%;min-height:44px;color:var(--text);font:inherit;appearance:none;border:1px solid #0000;padding:10px 40px 10px 14px;font-size:1rem}select:focus{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.mic-level{color:var(--text-tertiary);align-items:center;gap:10px;display:flex}.mic-level[data-active=true]{color:var(--success)}.mic-level-bar{background:var(--fill);border-radius:3px;flex:1;height:6px;overflow:hidden}.mic-level-bar span{background:var(--success);transform-origin:0;border-radius:3px;width:100%;height:100%;transition:transform 80ms linear;display:block}.file-image{border-radius:var(--radius-lg);background:var(--fill);width:fit-content;max-width:min(360px,100%);box-shadow:var(--shadow-sm);justify-self:start;margin-top:4px;display:block;overflow:hidden}.file-image img{object-fit:contain;max-width:100%;max-height:320px;display:block}.file-card{border:1px solid var(--separator);border-radius:var(--radius-lg);background:var(--bg-elevated);width:min(340px,100%);color:var(--text);transition:background-color var(--dur-fast) var(--ease-out);justify-self:start;align-items:center;gap:12px;margin-top:4px;padding:10px 14px 10px 10px;text-decoration:none;display:flex}.file-card:hover{background:var(--fill);text-decoration:none}.file-card>.icon{color:var(--accent-text)}.file-icon{border-radius:var(--radius);background:var(--accent-soft);width:42px;height:42px;color:var(--accent-text);flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.file-ext{letter-spacing:.02em;font-size:.5rem;font-weight:700;position:absolute;bottom:6px}.file-meta{flex:1;min-width:0;display:grid}.file-name{text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;font-weight:500;overflow:hidden}.file-size{color:var(--text-tertiary);font-size:.75rem}.upload-queue{gap:6px;margin:0;padding:0 16px;list-style:none;display:grid}.upload-queue li{border-radius:var(--radius);background:var(--fill);color:var(--text-secondary);animation:rise-in var(--dur) var(--ease-out);align-items:center;gap:10px;padding:6px 6px 6px 12px;font-size:.8125rem;display:flex}.upload-queue li.failed{background:var(--danger-soft)}.upload-name{max-width:40%;color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.upload-progress{background:var(--fill-strong);border-radius:2px;flex:1;height:4px;overflow:hidden}.upload-progress span{background:var(--accent);transform-origin:0;height:100%;transition:transform .12s linear;display:block}.upload-error{color:var(--danger);flex:1}.chat-view.dragging .message-list-wrap,.chat-view.dragging .composer{opacity:.4}.drop-overlay{z-index:5;border:2px dashed var(--accent-text);border-radius:var(--radius-xl);background:var(--accent-soft);color:var(--accent-text);pointer-events:none;animation:fade-in var(--dur-fast) var(--ease-out);place-content:center;justify-items:center;gap:10px;font-weight:600;display:grid;position:absolute;inset:12px}img.avatar{object-fit:cover;background:var(--fill)}.avatar.lg{width:72px;height:72px;font-size:1.5rem}.guild-icon img{border-radius:inherit;object-fit:cover;width:100%;height:100%}a.guild-icon.has-image,a.guild-icon.has-image:hover,a.guild-icon.has-image.active{background:var(--bg-elevated);padding:0;overflow:hidden}a.guild-icon.has-image.active{box-shadow:0 0 0 2px var(--bg-tertiary), 0 0 0 4px var(--accent)}a.brand-mark{transition:border-radius var(--dur) var(--ease-out), transform var(--dur-fast) var(--ease-out);text-decoration:none;position:relative}a.brand-mark:hover{border-radius:14px;text-decoration:none}a.brand-mark:active{transform:scale(.94)}a.brand-mark.active{box-shadow:0 0 0 2px var(--bg-tertiary), 0 0 0 4px var(--accent), var(--glow);border-radius:14px}.badge{border:2px solid var(--bg-tertiary);border-radius:var(--radius-pill);background:var(--danger);color:#fff;letter-spacing:0;text-align:center;min-width:20px;height:20px;padding:0 6px;font-size:.6875rem;font-weight:700;line-height:16px;position:absolute;top:-4px;right:-6px}.badge.inline{border:0;margin-left:auto;line-height:20px;position:static}.user-footer button.who{border-radius:var(--radius);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;padding:2px 4px 2px 0}.user-footer button.who:hover{background:var(--fill)}.who-names{min-width:0;line-height:1.2;display:grid}.who-handle{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.profile-row{align-items:center;gap:16px;margin-bottom:14px;display:flex}.profile-actions{flex-wrap:wrap;gap:8px;display:flex}.inline-form{align-items:flex-end;gap:10px;display:flex}.inline-form .field{flex:1;min-width:0}.guild-icon-preview{--hue:262;object-fit:cover;background:linear-gradient(145deg, hsl(var(--hue) 72% 60%), hsl(calc(var(--hue) + 30) 72% 50%));color:#fff;border-radius:22px;flex:none;place-items:center;width:72px;height:72px;font-size:1.5rem;font-weight:700;display:grid}.member-avatar.online .presence-dot{background:var(--success);box-shadow:0 0 8px var(--success)}.dm-link{gap:10px}.dm-link .presence-dot{border-color:var(--bg-secondary)}.dm-link.unread .dm-name{color:var(--text);font-weight:700}.dm-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dm-title{align-items:center;gap:10px;min-width:0;display:inline-flex}.dm-title .presence-dot{border-color:var(--bg)}.dm-title-name{text-overflow:ellipsis;overflow:hidden}.friends-body{width:100%;max-width:760px;padding:22px 20px calc(24px + var(--safe-bottom));align-content:start;gap:16px;margin:0 auto;display:grid;overflow-y:auto}.add-friend{border-radius:var(--radius-xl);background:var(--bg-secondary);box-shadow:var(--shadow-sm);align-items:flex-end;gap:10px;padding:16px;display:flex}.add-friend .field{flex:1;min-width:0}.friend-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.friend-row{border-radius:var(--radius-lg);min-height:64px;animation:rise-in var(--dur) var(--ease-out);align-items:center;gap:12px;padding:8px 10px;display:flex}.friend-row:hover{background:var(--fill)}.friend-row .presence-dot{border-color:var(--bg)}.friend-names{flex:1;min-width:0;line-height:1.3;display:grid}.friend-names>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.friend-names .muted{font-size:.8125rem}.friend-actions{flex:none;align-items:center;gap:6px;display:flex}.call-panel{border-bottom:1px solid var(--separator);background:var(--bg-secondary);animation:fade-in var(--dur) var(--ease-out);gap:10px;padding:16px 16px 0;display:grid}.call-panel .voice-controls{padding:4px 0 14px}.call-note{color:var(--text-secondary);text-align:center;margin:0;padding:10px 16px}.voice-tiles.has-video{grid-template-columns:repeat(auto-fit,minmax(200px,420px))}.call-panel .voice-tiles,.call-panel .voice-tiles.has-video{grid-template-columns:repeat(auto-fit,minmax(140px,240px));gap:10px}.voice-tile.video{aspect-ratio:4/3;color:#fff;background:#000;padding:0;overflow:hidden}.voice-tile.video .call-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.voice-tile.video .voice-name,.voice-tile.video .voice-sub{z-index:1;text-shadow:0 1px 3px #0009;position:absolute;left:12px}.voice-tile.video .voice-name{font-weight:600;bottom:28px}.voice-tile.video .voice-sub{color:#fffc;font-size:.75rem;bottom:10px}.voice-tile.video>.icon{z-index:1}.voice-tile.video.speaking{box-shadow:0 0 0 3px var(--success)}.call-video.mirror{transform:scaleX(-1)}.call-panel .voice-tile:not(.video){padding:16px 10px 12px}.call-panel .voice-tile:not(.video) .avatar{width:56px;height:56px;font-size:1.125rem}.btn.round.on{background:var(--accent-soft-strong);color:var(--accent-text)}.btn.round.accept{background:var(--success);color:#fff}.incoming-call{top:calc(14px + var(--safe-top));z-index:60;border:1px solid var(--separator);border-radius:var(--radius-xl);background:var(--bg-translucent);width:min(440px,100vw - 24px);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:saturate(180%)blur(24px);backdrop-filter:saturate(180%)blur(24px);animation:ring-in var(--dur-slow) var(--ease-spring);align-items:center;gap:14px;padding:14px 14px 14px 16px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.incoming-call .avatar{width:52px;height:52px;animation:ring-pulse 1.6s var(--ease-out) infinite}.incoming-text{flex:1;min-width:0;line-height:1.3;display:grid}.incoming-text strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.incoming-text span{color:var(--text-secondary);font-size:.875rem}.incoming-actions{gap:10px;display:flex}.incoming-actions .btn.round{width:48px;min-width:48px;height:48px}@keyframes ring-in{0%{opacity:0;transform:translate(-50%,-24px)scale(.96)}}@keyframes ring-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--success) 55%, transparent)}to{box-shadow:0 0 0 14px #0000}}@media (prefers-reduced-motion:reduce){.incoming-call,.incoming-call .avatar,.friend-row,.call-panel{animation:none}}@media (width<=768px){.add-friend,.inline-form{flex-direction:column;align-items:stretch}.friend-row{flex-wrap:wrap}.friend-actions{margin-left:auto}.voice-tiles.has-video,.call-panel .voice-tiles,.call-panel .voice-tiles.has-video{grid-template-columns:repeat(2,minmax(0,1fr))}}.settings-subheading{align-items:center;gap:6px;margin:18px 0 10px;font-size:.9375rem;display:flex}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;display:grid}.theme-card-wrap{position:relative}.theme-card{border-radius:var(--radius-lg);background:var(--fill);width:100%;color:var(--text);font:inherit;cursor:pointer;transition:box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border:0;justify-items:center;gap:6px;padding:8px 6px 10px;font-size:.8125rem;font-weight:600;display:grid}.theme-card:hover{background:var(--fill-strong)}.theme-card:active{transform:scale(.97)}.theme-card[aria-checked=true]{box-shadow:0 0 0 2px var(--accent)}.theme-swatch{background:var(--sw-bg);border-radius:12px;width:100%;height:54px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #7f7f7f2e}.theme-swatch i:first-child{background:var(--sw-card);border-radius:6px;width:54%;height:12px;position:absolute;top:9px;left:9px}.theme-swatch i:nth-child(2){background:var(--sw-text);opacity:.45;border-radius:3px;width:34%;height:6px;position:absolute;top:27px;left:9px}.theme-swatch i:nth-child(3){background:linear-gradient(135deg, var(--sw-a), var(--sw-b));border-radius:50%;width:22px;height:22px;position:absolute;bottom:9px;right:9px}.theme-swatch.add{box-shadow:inset 0 0 0 1.5px var(--fill-strong);color:var(--accent-text);background:0 0;place-items:center;display:grid}.theme-edit{background:var(--bg-elevated);width:30px;height:30px;box-shadow:var(--shadow-sm);position:absolute;top:2px;right:2px}.theme-editor{border-radius:var(--radius-lg);background:var(--fill);animation:rise-in var(--dur) var(--ease-out);gap:14px;margin-top:14px;padding:16px;display:grid}.color-row{flex-wrap:wrap;gap:14px;display:flex}.color-field{color:var(--text);align-items:center;gap:8px;display:flex}.color-field input[type=color]{cursor:pointer;background:0 0;border:0;border-radius:50%;width:44px;height:44px;padding:0}.color-field input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-field input[type=color]::-webkit-color-swatch{border:2px solid var(--separator);border-radius:50%}.color-field input[type=color]::-moz-color-swatch{border:2px solid var(--separator);border-radius:50%}.hue-range{background:linear-gradient(90deg,#dd3c3c,#dddd3c,#3cdd3c,#3cdddd,#3c3cdd,#dd3cdd,#dd3c3f);border-radius:999px}.group-avatar{flex:none;width:34px;height:28px;display:inline-block;position:relative}.group-avatar .avatar{width:22px;height:22px;box-shadow:0 0 0 2px var(--bg-secondary);font-size:.5625rem;position:absolute}.group-avatar .avatar:first-child{top:0;left:0}.group-avatar .avatar:nth-child(2){bottom:0;right:0}.group-avatar.single .avatar{width:28px;height:28px;font-size:.6875rem;inset:0}button.group-title{border-radius:var(--radius);color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 8px 4px 4px}button.group-title:hover{background:var(--fill)}.group-count{font-size:.8125rem;font-weight:500}.group-form{gap:14px;display:grid}.pick-list{border:0;gap:2px;max-height:46vh;margin:0;padding:0;display:grid;overflow-y:auto}.pick-list legend{color:var(--text-secondary);margin-bottom:6px;font-size:.875rem;font-weight:500}.pick-row{border-radius:var(--radius);min-height:48px;color:var(--text);cursor:pointer;align-items:center;gap:10px;padding:4px 10px;font-size:.9375rem;display:flex}.pick-row:hover{background:var(--fill)}.pick-row.on{background:var(--accent-soft)}.pick-row input{width:20px;height:20px;accent-color:var(--accent)}.pick-row .muted{margin-left:auto;font-size:.8125rem}select{border:1px solid var(--separator);border-radius:var(--radius-sm);background:var(--bg-elevated);min-height:44px;color:var(--text);font:inherit;padding:0 12px}.composer{position:relative}.gif-button{letter-spacing:.04em;width:auto;min-width:40px;padding:0 8px;font-size:.75rem;font-weight:800}.gif-picker{z-index:20;border:1px solid var(--separator);border-radius:var(--radius-xl);background:var(--bg-elevated);max-width:460px;height:min(440px,60dvh);box-shadow:var(--shadow-lg);animation:rise-in var(--dur) var(--ease-out);grid-template-rows:auto 1fr auto;gap:10px;margin-left:auto;padding:12px;display:grid;position:absolute;bottom:calc(100% - 2px);left:18px;right:18px}.gif-grid{columns:2 140px;column-gap:6px;min-height:0;overflow-y:auto}.gif-tile{break-inside:avoid;border-radius:var(--radius-sm);background:var(--fill);cursor:pointer;border:0;width:100%;margin:0 0 6px;padding:0;display:block;overflow:hidden}.gif-tile img{width:100%;height:auto;display:block}.gif-tile:hover,.gif-tile:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.gif-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.gif-attribution{color:var(--text-tertiary);letter-spacing:.06em;text-transform:uppercase;margin-left:auto;font-size:.6875rem;font-weight:700}.gif-message{justify-items:start;gap:2px;margin:4px 0 0;display:grid;position:relative}.gif-message video{border-radius:var(--radius);background:var(--fill);object-fit:cover;cursor:pointer;width:min(320px,100%);max-height:320px;display:block}.gif-message figcaption{color:var(--text-tertiary);font-size:.6875rem}.gif-badge{border-radius:var(--radius-pill);color:#fff;pointer-events:none;background:#0009;padding:2px 8px;font-size:.75rem;font-weight:700;position:absolute;top:8px;left:8px}@media (width<=768px){.gif-picker{left:8px;right:8px}}