:root{color-scheme:dark;--bg: #090b10;--bg-soft: #0e111a;--panel: #141925;--panel-2: #1a2130;--line: #2b364b;--text: #e8edf7;--muted: #a3b0c4;--hover: #202a3c;--active: #26344d;--accent: #6b8cff;--accent-strong: #88a3ff;--accent-contrast: #0a1327;--success: #2fb16a;--danger: #d94c45;--warning: #d8a12f;--error: #ffb3aa;--focus-ring: #9cb4ff;--surface-1: color-mix(in srgb, var(--panel) 90%, var(--bg-soft));--surface-2: color-mix(in srgb, var(--panel) 86%, var(--bg-soft));--surface-3: color-mix(in srgb, var(--panel-2) 72%, var(--panel));--surface-input: color-mix(in srgb, var(--panel-2) 84%, var(--panel));--surface-overlay: color-mix(in srgb, var(--panel) 92%, var(--bg-soft));--surface-panel: color-mix(in srgb, var(--panel) 88%, var(--bg-soft));--surface-panel-border: color-mix(in srgb, var(--line) 86%, transparent);--surface-list-item: color-mix(in srgb, var(--panel-2) 72%, var(--panel));--surface-list-group: color-mix(in srgb, var(--panel-2) 65%, var(--panel));--surface-chat-bubble: color-mix(in srgb, var(--panel-2) 90%, var(--panel));--surface-chat-bubble-own: color-mix(in srgb, var(--accent) 16%, var(--panel-2));--surface-divider: color-mix(in srgb, var(--line) 80%, transparent);--surface-button: color-mix(in srgb, var(--accent) 18%, var(--panel));--surface-button-border: color-mix(in srgb, var(--accent) 50%, var(--line));--surface-button-active: color-mix(in srgb, var(--accent) 24%, var(--panel));--surface-highlight: color-mix(in srgb, var(--accent) 28%, transparent);--surface-backdrop: color-mix(in srgb, var(--bg) 70%, transparent);--status-weak: color-mix(in srgb, var(--danger) 84%, var(--panel));--status-strong: color-mix(in srgb, var(--success) 84%, var(--panel));--control-bg: var(--surface-input);--control-border: var(--line);--control-bg-hover: var(--hover);--control-bg-active: var(--surface-button-active);--button-bg: var(--surface-button);--button-border: var(--surface-button-border);--panel-bg: var(--surface-panel);--panel-border: var(--surface-panel-border);--card-bg: var(--surface-overlay);--modal-bg: var(--surface-overlay);--modal-border: var(--surface-panel-border);--list-item-bg: var(--surface-list-item);--list-group-bg: var(--surface-list-group);--bubble-bg: var(--surface-chat-bubble);--bubble-own-bg: var(--surface-chat-bubble-own);--toast-bg: var(--surface-overlay);--radius-sm: 10px;--radius-md: 12px;--radius-lg: 16px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--motion-fast: .12s;--motion-med: .16s;--easing-standard: ease;--shadow: 0 10px 30px rgba(0, 0, 0, .28);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}:root[data-theme=light]{color-scheme:light;--bg: #f6f8fc;--bg-soft: #f1f5fb;--panel: #ffffff;--panel-2: #f8faff;--line: #b8c7e2;--text: #0f172a;--muted: #334767;--hover: #e6efff;--active: #d5e2ff;--accent: #4a67db;--accent-strong: #324ec2;--accent-contrast: #ffffff;--shadow: 0 10px 30px rgba(44, 71, 138, .14);--warning: #9a6400;--error: #9e2218;--focus-ring: #324ec2;--surface-input: #f6f9ff;--surface-overlay: #ffffff;--surface-panel: #ffffff;--surface-panel-border: #c1d0ea;--surface-list-item: #f6f8fd;--surface-list-group: #eff4fd;--surface-chat-bubble: #f3f7ff;--surface-chat-bubble-own: #e2ecff;--surface-divider: #c4d3ee;--surface-button: #e3ecff;--surface-button-border: #7f97e4;--surface-button-active: #cddcff;--surface-highlight: rgba(74, 103, 219, .2);--surface-backdrop: rgba(15, 23, 42, .35);--status-weak: #ffe0db;--status-strong: #dcf4e7;--control-bg: var(--surface-input);--control-border: #a9bddf;--control-bg-hover: #e5eeff;--control-bg-active: var(--surface-button-active);--button-bg: var(--surface-button);--button-border: var(--surface-button-border);--panel-bg: var(--surface-panel);--panel-border: var(--surface-panel-border);--card-bg: var(--surface-overlay);--modal-bg: var(--surface-overlay);--modal-border: var(--surface-panel-border);--list-item-bg: var(--surface-list-item);--list-group-bg: var(--surface-list-group);--bubble-bg: var(--surface-chat-bubble);--bubble-own-bg: var(--surface-chat-bubble-own);--toast-bg: var(--surface-overlay)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(circle at top left,color-mix(in srgb,var(--accent) 12%,transparent),transparent 40%),radial-gradient(circle at bottom right,color-mix(in srgb,var(--accent) 10%,transparent),transparent 45%),var(--bg);color:var(--text);line-height:1.45}button,input{font:inherit;color:inherit}button,input{border:1px solid var(--control-border);background:var(--control-bg)}input{width:100%;padding:10px 11px;border-radius:10px;background:var(--control-bg);box-shadow:inset 0 1px color-mix(in srgb,var(--text) 6%,transparent)}input::placeholder{color:var(--muted)}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 12px;border-radius:var(--radius-sm);font-weight:570;letter-spacing:.01em;cursor:pointer;transition:background-color var(--motion-fast) var(--easing-standard),border-color var(--motion-fast) var(--easing-standard),transform var(--motion-fast) var(--easing-standard),box-shadow var(--motion-fast) var(--easing-standard)}button:hover{background:var(--control-bg-hover);transform:translateY(-1px);box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 24%,transparent)}button.active{background:var(--control-bg-active);border-color:var(--button-border)}button:focus-visible,input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}button:disabled,input:disabled{opacity:.6;cursor:not-allowed}[hidden]{display:none!important}.ui-card{border:1px solid color-mix(in srgb,var(--line) 86%,transparent);background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.ui-button{border-radius:var(--radius-sm);transition:background-color var(--motion-fast) var(--easing-standard),border-color var(--motion-fast) var(--easing-standard),transform var(--motion-fast) var(--easing-standard),box-shadow var(--motion-fast) var(--easing-standard)}.ui-button-primary{background:var(--button-bg);border-color:var(--button-border)}.ui-badge{border-radius:999px;font-size:.68rem;line-height:1;padding:4px 7px}.icon{width:16px;height:16px;flex:0 0 auto}.icon-button{width:40px;height:40px;padding:0}.primary-button{width:100%;justify-content:center}.primary-button,.action-button,.icon-button{border-radius:var(--radius-sm)}.primary-button{background:var(--button-bg);border-color:var(--button-border);font-weight:620}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(560px,100%);background:var(--card-bg);border:1px solid var(--panel-border);border-radius:18px;box-shadow:var(--shadow);padding:24px;display:grid;gap:16px}.auth-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.auth-header h1{margin:0;font-size:2.1rem;letter-spacing:-.02em}.auth-header p{margin:6px 0 0;color:var(--muted)}.theme-control{display:grid;gap:6px;justify-items:end}.theme-status{margin:0;font-size:.76rem;color:var(--muted)}.auth-form,.auth-method-shell,.passkey-actions{display:grid;gap:10px}label{display:grid;gap:6px;font-size:.95rem}.password-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.password-toggle{min-width:84px;justify-content:center;font-size:.82rem;padding-inline:10px}.field-hint{color:var(--muted);font-size:.82rem;margin-top:-4px}.field-hint.invalid{color:color-mix(in srgb,var(--danger) 80%,var(--text))}.password-checklist{margin:0;padding:0;list-style:none;display:grid;gap:5px;font-size:.8rem}.password-checklist li{display:inline-flex;align-items:center;gap:7px}.password-checklist li.unmet{color:var(--muted)}.password-checklist li.met{color:color-mix(in srgb,var(--success) 82%,var(--text))}.password-checklist li span{display:inline-grid;place-items:center;width:14px;font-weight:700}.password-strength{display:grid;gap:6px}.password-strength-label{font-size:.8rem;text-transform:capitalize;color:var(--muted)}.password-strength-label.weak{color:color-mix(in srgb,var(--danger) 80%,var(--text))}.password-strength-label.okay{color:var(--warning)}.password-strength-label.strong{color:color-mix(in srgb,var(--success) 84%,var(--text))}.password-strength-track{position:relative;display:block;width:100%;height:6px;border-radius:999px;background:color-mix(in srgb,var(--line) 70%,transparent);overflow:hidden}.password-strength-fill{display:block;height:100%;border-radius:inherit;transition:width var(--motion-med) var(--easing-standard),background-color var(--motion-med) var(--easing-standard)}.password-strength-fill.weak{width:33%;background:var(--status-weak)}.password-strength-fill.okay{width:66%;background:var(--warning)}.password-strength-fill.strong{width:100%;background:var(--status-strong)}.capslock-warning{margin:0;font-size:.8rem;color:color-mix(in srgb,var(--danger) 78%,var(--text))}.link-button{justify-content:flex-start;width:fit-content}.method-toggle,.intent-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:4px;border:1px solid var(--surface-divider);border-radius:12px;background:var(--list-group-bg)}.method-toggle button,.intent-toggle button{justify-content:center;border-color:transparent;background:transparent}.error{margin:0;color:var(--error)}.app-shell{min-height:100vh;height:100vh;display:grid;grid-template-columns:minmax(220px,248px) minmax(270px,340px) minmax(0,1fr);gap:clamp(10px,1.5vh,16px);padding:clamp(10px,1.5vh,16px);overflow:hidden}.mobile-pane-tabs{display:none}.sidebar,.chat-pane{border:1px solid color-mix(in srgb,var(--panel-border) 88%,transparent);background:var(--panel-bg);border-radius:18px;min-height:0;overflow:hidden;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color var(--motion-med) var(--easing-standard),background-color var(--motion-med) var(--easing-standard)}.sidebar{padding:12px;display:grid;gap:10px}.sidebar.servers{grid-template-rows:auto minmax(0,1fr) auto}.sidebar.channels{grid-template-rows:auto auto minmax(0,1fr) auto}.conversations-scroll{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);gap:10px;padding-bottom:4px}.conversations-scroll .list{min-height:0;overflow:auto;overscroll-behavior:contain}.channels-footer{display:grid;gap:8px;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--surface-divider) 72%,transparent);min-height:0}.panel-header h2{margin:0;display:flex;align-items:center;gap:8px;font-size:.86rem;font-weight:640;text-transform:uppercase;letter-spacing:.08em;color:color-mix(in srgb,var(--muted) 92%,var(--text))}.panel-header.with-actions{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.panel-subtitle{margin:6px 0 0;color:color-mix(in srgb,var(--muted) 88%,var(--text));font-size:.8rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.conversation-filter-row{position:sticky;top:0;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px 0;background:var(--panel-bg);border-bottom:1px solid color-mix(in srgb,var(--surface-divider) 72%,transparent)}.conversation-filter-row input{padding-block:8px}.conversation-filter-clear{padding-inline:10px;font-size:.78rem}.conversation-filter-shortcut{display:inline-flex;align-items:center;gap:6px;margin:0;border:1px solid color-mix(in srgb,var(--line) 72%,transparent);border-radius:999px;padding:4px 8px;color:var(--muted);font-size:.72rem;white-space:nowrap;background:color-mix(in srgb,var(--panel-2) 62%,transparent)}.conversation-filter-shortcut:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:color-mix(in srgb,var(--panel-2) 75%,var(--panel))}.conversation-filter-shortcut:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 45%,white 55%);outline-offset:2px}.conversation-filter-shortcut kbd{border:1px solid color-mix(in srgb,var(--line) 85%,transparent);border-bottom-width:2px;border-radius:6px;padding:1px 5px;font:inherit;background:color-mix(in srgb,var(--panel-2) 84%,transparent);color:var(--text)}.list{display:grid;align-content:start;gap:7px;min-height:0;overflow:auto;padding-right:2px}.sidebar.channels .list{overflow:auto}.list button{justify-content:flex-start;text-align:left;font-weight:520;border-radius:12px;background:var(--list-item-bg);border-color:color-mix(in srgb,var(--line) 76%,transparent)}.list button.active{border-color:color-mix(in srgb,var(--accent) 58%,var(--line));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent)}.list button.conversation-item{border-color:color-mix(in srgb,var(--line) 82%,transparent)}.list button.conversation-item.active{background:color-mix(in srgb,var(--active) 90%,var(--panel));border-color:color-mix(in srgb,var(--accent) 50%,var(--line));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent)}.conversation-row{width:100%;min-width:0;display:grid;gap:3px}.conversation-head{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.9rem}.conversation-title{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-meta{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;min-width:fit-content}.conversation-time{color:var(--muted);font-size:.74rem;font-weight:500;flex:0 0 auto}.conversation-preview{min-width:0;display:block;color:var(--muted);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-filter-match{color:inherit;background:var(--surface-highlight);border-radius:4px;padding-inline:2px}.voice-channel-card{padding:10px;display:grid;gap:8px;border-radius:12px}.voice-channel-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.voice-controls-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.voice-control-button,.voice-join-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;border-radius:10px}.voice-control-button.leave{border-color:color-mix(in srgb,var(--danger) 42%,var(--line))}.voice-list{align-content:start}.voice-meta{margin:0;font-size:.76rem;color:var(--muted)}.unread-badge{justify-self:end;font-size:.68rem;line-height:1;padding:4px 7px;border-radius:999px;background:var(--accent-strong);color:var(--accent-contrast)}.unread-badge.mention{background:color-mix(in srgb,var(--danger) 84%,white)}.sidebar form,.inline-form{display:grid;grid-template-columns:1fr auto;gap:8px}.typing-indicator{margin:0;min-height:1rem;font-size:.78rem;color:var(--muted)}.composer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:end}.composer-input-wrap{display:grid;gap:5px}.composer-meta-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.composer-shortcuts{font-size:.7rem;color:var(--muted);white-space:nowrap}.composer textarea{width:100%;min-height:42px;max-height:132px;resize:none;overflow-y:hidden;border:1px solid var(--control-border);border-radius:12px;background:var(--control-bg);color:var(--text);padding:10px 11px;font:inherit;line-height:1.35;transition:height var(--motion-fast) var(--easing-standard)}.composer-meta{justify-self:end;font-size:.7rem;color:var(--muted)}.composer-meta.notice{color:var(--warning)}.composer-meta.warning{color:color-mix(in srgb,var(--danger) 82%,var(--text));font-weight:600}.action-button{width:100%;justify-content:flex-start}.panel-block{border:1px dashed color-mix(in srgb,var(--accent) 35%,var(--line));background:var(--control-bg);border-radius:12px;padding:10px;display:grid;gap:8px}.panel-header.compact h2{font-size:.95rem}.chat-pane{padding:14px;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:12px}.chat-pane.mobile-chat{grid-template-rows:auto minmax(0,1fr) auto}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--surface-divider);padding-bottom:10px}.chat-title-row{display:inline-flex;align-items:center;gap:8px;min-width:0}.chat-header h2{margin:0;font-size:1.12rem;font-weight:640;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions{display:inline-flex;gap:8px}.message-search-panel{padding:10px;display:grid;gap:8px}.message-search-row{display:flex;gap:8px;align-items:end}.message-search-row input,.message-search-row select{height:36px}.message-search-row input{flex:1}.message-search-row label{display:grid;gap:4px;font-size:.76rem;color:var(--muted)}.message-search-results{display:grid;gap:6px;max-height:180px;overflow:auto}.search-meta{margin:0;color:var(--muted);font-size:.78rem}.search-hit{border:1px solid var(--panel-border);border-radius:10px;background:var(--panel-bg);color:var(--text);display:grid;gap:2px;padding:7px 9px;text-align:left}.search-hit:hover{border-color:color-mix(in srgb,var(--accent) 48%,var(--line))}.search-hit span,.search-hit small{color:var(--muted);font-size:.76rem}.messages{min-height:0;overflow:auto;display:grid;align-content:start;gap:10px;padding-right:2px}.jump-to-latest{justify-self:end;margin-right:8px;margin-top:-2px;font-size:.8rem;padding:7px 11px;background:var(--button-bg);border-color:var(--button-border);box-shadow:0 10px 24px color-mix(in srgb,var(--bg) 48%,transparent)}.jump-to-latest.has-pending{border-color:color-mix(in srgb,var(--accent) 62%,var(--button-border));background:color-mix(in srgb,var(--button-bg) 88%,var(--accent) 12%)}.jump-to-latest .icon{transform:rotate(90deg)}.empty-state-block{display:grid;justify-items:start;gap:10px}.empty-state{margin:0;color:var(--muted)}.empty-action{width:auto}.day-separator{display:grid;place-items:center;margin:2px 0}.day-separator span{font-size:.72rem;color:var(--muted);padding:3px 9px;border-radius:999px;border:1px solid var(--panel-border);background:var(--card-bg)}.unread-separator{display:flex;align-items:center;justify-content:center;margin:4px 0}.unread-separator span{font-size:.72rem;font-weight:600;letter-spacing:.01em;color:color-mix(in srgb,var(--accent) 65%,var(--text));padding:3px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--card-bg) 76%,var(--accent) 24%)}.message-bubble{border:1px solid var(--panel-border);background:var(--bubble-bg);border-radius:14px;padding:10px 12px;max-width:min(82%,680px);transition:border-color var(--motion-fast) var(--easing-standard),background-color var(--motion-fast) var(--easing-standard)}.message-bubble:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.message-bubble.other{justify-self:start}.message-bubble.own{justify-self:end;background:var(--bubble-own-bg);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.message-bubble.grouped{margin-top:-3px;position:relative}.message-bubble.grouped:hover,.message-bubble.grouped:focus-visible{border-color:color-mix(in srgb,var(--accent) 54%,var(--line));background:color-mix(in srgb,var(--bubble-bg) 88%,var(--accent) 12%)}.message-bubble.grouped:focus-visible{outline:2px solid color-mix(in srgb,var(--focus-ring) 72%,transparent);outline-offset:2px}.message-bubble header{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:.82rem}.message-bubble p{margin:6px 0 0;white-space:pre-wrap;word-break:break-word}.message-bubble.grouped p{margin-top:0}.attachment-card{margin-top:8px;border:1px solid var(--panel-border);border-radius:10px;padding:8px;display:grid;gap:8px;background:color-mix(in srgb,var(--panel-bg) 78%,transparent);text-decoration:none;color:inherit}.attachment-card:hover{border-color:color-mix(in srgb,var(--accent) 48%,var(--line))}.attachment-card img{width:100%;max-height:220px;object-fit:cover;border-radius:8px;border:1px solid color-mix(in srgb,var(--panel-border) 80%,transparent);background:var(--panel-bg)}.attachment-card audio{width:100%}.attachment-meta{display:grid;gap:2px}.attachment-meta strong{font-size:.8rem}.attachment-meta span{font-size:.76rem;color:var(--muted);word-break:break-word}.thread-panel{display:grid;gap:8px;margin:0 14px 10px;padding:10px}.thread-panel-header{display:flex;align-items:center;justify-content:space-between}.thread-root-preview{margin:0;font-size:.84rem;color:var(--muted)}.thread-replies{display:grid;gap:6px}.thread-reply{display:grid;gap:2px;border:1px solid var(--panel-border);border-radius:8px;padding:6px 8px;background:color-mix(in srgb,var(--panel-bg) 80%,transparent)}.thread-parent-hint{margin:6px 0 0;font-size:.72rem;color:var(--muted)}.message-reactions{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.reaction-chip{border:1px solid var(--panel-border);background:color-mix(in srgb,var(--panel-bg) 82%,transparent);color:var(--text);border-radius:999px;padding:2px 8px;font-size:.78rem;display:inline-flex;align-items:center;gap:4px;cursor:pointer}.reaction-chip small{color:var(--muted);font-size:.74rem}.reaction-chip:hover{border-color:color-mix(in srgb,var(--accent) 48%,var(--line))}.reaction-chip.active{border-color:color-mix(in srgb,var(--accent) 62%,var(--line));background:color-mix(in srgb,var(--accent) 18%,var(--panel-bg))}.thread-chip{margin-left:auto}.composer-thread-clear{margin-right:auto}.message-inline-time{display:block;margin-top:4px;font-size:.68rem;color:var(--muted);opacity:0;transform:translateY(2px);transition:opacity var(--motion-fast) var(--easing-standard),transform var(--motion-fast) var(--easing-standard)}.message-inline-time.is-trailing{opacity:.62;transform:translateY(0)}.message-bubble.grouped:hover .message-inline-time,.message-bubble.grouped:focus-visible .message-inline-time,.message-bubble.grouped:focus-within .message-inline-time{opacity:1;transform:translateY(0)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--surface-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:40;padding:16px}.modal-card{width:min(460px,100%);border:1px solid var(--modal-border);background:var(--modal-bg);border-radius:16px;box-shadow:var(--shadow);padding:14px;display:grid;gap:12px}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.modal-header h3{margin:0;font-size:1.05rem}.modal-form{display:grid;gap:10px}.modal-helper{margin:0;color:var(--muted);font-size:.86rem}.server-settings-modal{gap:12px}.server-settings-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.server-settings-sections button{border:1px solid var(--button-border);background:var(--button-bg);color:var(--text);border-radius:9px;padding:8px;font:inherit}.server-settings-sections button.active{border-color:color-mix(in srgb,var(--accent) 58%,var(--line));background:color-mix(in srgb,var(--accent) 14%,var(--button-bg))}.server-settings-panel{display:grid;gap:8px}.server-settings-panel p{margin:0}.server-members-list{display:grid;gap:6px;max-height:180px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:8px}.server-member-row{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:.9rem}.server-member-role{color:var(--muted);text-transform:capitalize}.permission-simulator{display:grid;gap:8px;padding:10px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel-bg) 80%,transparent)}.permission-simulator-summary{display:flex;flex-wrap:wrap;gap:10px;font-size:.85rem}.permission-simulator-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.9rem}.permission-simulator-capabilities{display:inline-flex;gap:6px}.capability{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--line);border-radius:999px;padding:2px 7px;color:var(--muted)}.capability-on{color:var(--accent-ink);border-color:color-mix(in srgb,var(--accent) 65%,var(--line));background:color-mix(in srgb,var(--accent) 18%,transparent)}.settings-section{display:grid;gap:8px;padding:10px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel-bg) 80%,transparent)}.settings-title{margin:0;font-size:.9rem;font-weight:600}.settings-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.settings-choice-grid button{border:1px solid var(--button-border);background:var(--button-bg);color:var(--text);border-radius:9px;padding:8px;font:inherit}.settings-choice-grid button.active{border-color:color-mix(in srgb,var(--accent) 58%,var(--line));background:color-mix(in srgb,var(--accent) 14%,var(--button-bg))}.secondary-button{border:1px solid var(--button-border);background:transparent;color:var(--muted);border-radius:9px;padding:8px 10px;font:inherit}.secondary-button:disabled{opacity:.5}.missed-activity-list{display:grid;gap:6px}.missed-activity-item{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line);border-radius:8px;padding:6px 8px;background:color-mix(in srgb,var(--surface-raised) 86%,transparent)}.missed-activity-label{font-weight:600;font-size:.86rem}.missed-activity-counts{font-size:.8rem;color:var(--muted);white-space:nowrap}.toast{position:fixed;right:14px;bottom:14px;z-index:45;min-width:210px;max-width:min(92vw,360px);border:1px solid var(--panel-border);border-radius:12px;background:var(--toast-bg);box-shadow:var(--shadow);padding:10px 12px;font-size:.86rem}.toast.success{border-color:color-mix(in srgb,var(--success) 45%,var(--line))}.toast.error{border-color:color-mix(in srgb,var(--danger) 52%,var(--line))}@media(max-height:760px){.app-shell{gap:8px;padding:8px}.sidebar{padding:10px;gap:8px}.conversations-scroll{gap:8px}.channels-footer{gap:6px;padding-top:6px}.channels-footer .panel-block{gap:6px;padding:8px}.channels-footer .panel-subtitle{margin-top:2px;font-size:.75rem}}@media(max-width:980px){.app-shell{height:100dvh;min-height:100dvh;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:6px;padding:6px;overflow:hidden}.mobile-pane-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px;border:1px solid var(--surface-divider);border-radius:12px;background:var(--panel-bg);box-shadow:var(--shadow)}.mobile-pane-tabs button{min-height:40px;justify-content:center;font-size:.82rem;padding-inline:6px;border-color:transparent;background:transparent}.sidebar,.chat-pane{padding:8px;border-radius:10px}.sidebar.servers{grid-template-rows:auto minmax(0,1fr) auto}.sidebar.channels{grid-template-rows:auto auto minmax(0,1fr) auto}.chat-pane{grid-template-rows:auto minmax(0,1fr) auto}.chat-header h2{font-size:.98rem}.message-search-row{flex-wrap:wrap}.message-search-row label,.message-search-row select{width:100%}.message-bubble{max-width:92%;padding:7px 9px}.composer{gap:6px;position:sticky;bottom:0;padding:6px;margin:0 -2px;border-top:1px solid var(--surface-divider);background:var(--card-bg);padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));z-index:2}.composer textarea{min-height:40px;max-height:112px}.composer-shortcuts{display:none}.composer-meta{font-size:.66rem}.icon-button{width:36px;height:36px}.composer .icon-button{width:40px;height:40px}.toast{left:8px;right:8px;bottom:8px;max-width:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.command-palette{width:min(640px,92vw);max-height:min(76vh,640px);display:grid;gap:10px}.command-palette>input{width:100%;font-size:.95rem;padding:11px 12px}.command-palette-list{display:grid;align-content:start;gap:6px;max-height:52vh;overflow:auto}.command-palette-list button{width:100%;text-align:left;display:grid;gap:2px;border-radius:10px;padding:10px 11px}.command-palette-list button small{color:var(--muted);font-size:.74rem}.command-palette-list button.active{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 26%,transparent);background:color-mix(in srgb,var(--active) 82%,var(--panel))}
