.loader-bg{min-height:100vh;width:100vw;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;z-index:9999}.loader-centered{display:flex;flex-direction:column;align-items:center;justify-content:center}.loader-dots{display:flex;gap:12px;margin-bottom:32px}.loader-dots .dot{width:22px;height:22px;border-radius:50%;background:var(--accent-primary);opacity:.7}@media(prefers-reduced-motion:no-preference){.loader-dots .dot{animation:loader-bounce 1.2s infinite ease-in-out both}}@media(prefers-reduced-motion:no-preference){@keyframes loader-bounce{0%,80%,to{transform:scale(.7);opacity:.7}40%{transform:scale(1.2);opacity:1}}}.loader-title{color:var(--text-primary);font-weight:700;font-size:24px;margin-bottom:8px;letter-spacing:.5px;text-align:center}.loader-retry{color:var(--text-secondary);font-size:16px;margin-bottom:8px;text-align:center}.loader-desc{color:var(--text-secondary);font-size:15px;opacity:.7;text-align:center}.loader-inline{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;min-height:120px}.loader-dots-inline{display:flex;gap:8px;margin-bottom:16px}.loader-dots-inline .dot-inline{width:16px;height:16px;border-radius:50%;background:var(--accent-primary);opacity:.7}@media(prefers-reduced-motion:no-preference){.loader-dots-inline .dot-inline{animation:loader-bounce 1.2s infinite ease-in-out both}}.loader-title-inline{color:var(--text-primary);font-weight:600;font-size:16px;text-align:center}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);padding:2rem}.error-boundary__card{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:3rem;max-width:520px;width:100%;text-align:center}.error-boundary__title{font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.error-boundary__message{color:var(--text-muted);margin-bottom:1.5rem;line-height:1.6}.error-boundary__detail{background-color:var(--bg-tertiary);border-radius:8px;padding:1rem;font-size:.8125rem;color:var(--error);text-align:left;overflow-x:auto;margin-bottom:1.5rem;white-space:pre-wrap;word-break:break-word}.error-boundary__retry{background-color:var(--accent-primary);color:#fff;border:none;border-radius:8px;padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .2s ease}.error-boundary__retry:hover{opacity:.85}:root{--color-surface-0: oklch(.985 .003 290);--color-surface-1: oklch(1 0 0);--color-surface-2: oklch(.96 .008 290);--color-surface-3: oklch(.92 .015 290);--color-surface-4: oklch(.94 .01 290);--color-text-primary: oklch(.15 .015 290);--color-text-secondary: oklch(.38 .025 290);--color-text-tertiary: oklch(.55 .02 290);--color-text-inverse: oklch(.98 .002 290);--color-accent: oklch(.52 .26 290);--color-accent-hover: oklch(.58 .28 290);--color-accent-muted: oklch(.52 .1 290);--color-accent-glow: oklch(.52 .26 290 / .2);--color-success: oklch(.62 .21 160);--color-success-hover: oklch(.67 .23 160);--color-success-muted: oklch(.62 .08 160);--color-warning: oklch(.72 .17 85);--color-warning-hover: oklch(.77 .19 85);--color-warning-muted: oklch(.72 .07 85);--color-danger: oklch(.52 .24 20);--color-danger-hover: oklch(.57 .26 20);--color-danger-muted: oklch(.52 .09 20);--color-info: oklch(.62 .18 245);--color-info-hover: oklch(.67 .2 245);--color-info-muted: oklch(.62 .07 245);--color-border-subtle: oklch(.52 .1 290 / .12);--color-border-medium: oklch(.52 .1 290 / .22);--color-border-strong: oklch(.52 .1 290 / .4);--color-shadow: oklch(.3 .02 290 / .08);--color-glass-bg: oklch(1 0 0 / .78);--color-glass-border: oklch(.52 .1 290 / .14);--color-glass-hover: oklch(.52 .1 290 / .08);--color-glass-active: oklch(.52 .26 290 / .12);--color-widget-poll: oklch(.58 .23 340);--color-widget-poll-muted: oklch(.58 .08 340);--color-widget-timer: oklch(.58 .2 200);--color-widget-timer-muted: oklch(.58 .07 200);--color-widget-counter: oklch(.62 .22 85);--color-widget-counter-muted: oklch(.62 .08 85);--color-widget-kanban: oklch(.55 .2 140);--color-widget-kanban-muted: oklch(.55 .07 140);--color-widget-calendar: oklch(.58 .23 35);--color-widget-calendar-muted: oklch(.58 .08 35);--color-widget-chart: oklch(.55 .22 255);--color-widget-chart-muted: oklch(.55 .08 255);--color-status-online: oklch(.62 .21 160);--color-status-idle: oklch(.72 .17 85);--color-status-dnd: oklch(.52 .24 20);--color-status-offline: oklch(.55 .03 290)}[data-theme=dark]{--color-surface-0: oklch(.14 .018 290);--color-surface-1: oklch(.17 .024 290);--color-surface-2: oklch(.2 .03 290);--color-surface-3: oklch(.24 .035 290);--color-surface-4: oklch(.19 .026 290);--color-text-primary: oklch(.93 .005 290);--color-text-secondary: oklch(.72 .02 290);--color-text-tertiary: oklch(.48 .015 290);--color-text-inverse: oklch(.12 .01 290);--color-accent: oklch(.6 .26 290);--color-accent-hover: oklch(.66 .27 290);--color-accent-muted: oklch(.6 .08 290);--color-accent-glow: oklch(.6 .26 290 / .25);--color-success: oklch(.7 .2 160);--color-success-hover: oklch(.75 .22 160);--color-success-muted: oklch(.7 .06 160);--color-warning: oklch(.78 .16 85);--color-warning-hover: oklch(.82 .17 85);--color-warning-muted: oklch(.78 .05 85);--color-danger: oklch(.6 .22 20);--color-danger-hover: oklch(.65 .24 20);--color-danger-muted: oklch(.6 .07 20);--color-info: oklch(.7 .17 245);--color-info-hover: oklch(.75 .18 245);--color-info-muted: oklch(.7 .05 245);--color-border-subtle: oklch(.6 .1 290 / .1);--color-border-medium: oklch(.6 .1 290 / .18);--color-border-strong: oklch(.6 .1 290 / .35);--color-shadow: oklch(0 0 0 / .4);--color-glass-bg: oklch(.17 .024 290 / .82);--color-glass-border: oklch(.6 .1 290 / .12);--color-glass-hover: oklch(.6 .1 290 / .08);--color-glass-active: oklch(.6 .26 290 / .14);--color-widget-poll: oklch(.65 .24 340);--color-widget-poll-muted: oklch(.65 .06 340);--color-widget-timer: oklch(.65 .2 200);--color-widget-timer-muted: oklch(.65 .06 200);--color-widget-counter: oklch(.7 .22 85);--color-widget-counter-muted: oklch(.7 .06 85);--color-widget-kanban: oklch(.62 .2 140);--color-widget-kanban-muted: oklch(.62 .06 140);--color-widget-calendar: oklch(.65 .23 35);--color-widget-calendar-muted: oklch(.65 .06 35);--color-widget-chart: oklch(.62 .23 255);--color-widget-chart-muted: oklch(.62 .06 255);--color-status-online: oklch(.7 .2 160);--color-status-idle: oklch(.78 .16 85);--color-status-dnd: oklch(.6 .22 20);--color-status-offline: oklch(.4 .02 290)}:root{--font-display: "Cabinet Grotesk", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", "Consolas", "Monaco", "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.563rem;--text-3xl: 1.953rem;--text-4xl: 2.441rem;--text-5xl: 3.052rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--tracking-normal: 0;--tracking-wide: .04em;--tracking-wider: .08em;--tracking-tight: -.02em;--tracking-tighter: -.04em}:root{--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem}:root{--shadow-none: none;--shadow-sm: 0 1px 3px var(--color-shadow, oklch(0 0 0 / .12));--shadow-md: 0 4px 16px var(--color-shadow, oklch(0 0 0 / .16));--shadow-lg: 0 8px 32px var(--color-shadow, oklch(0 0 0 / .22));--shadow-xl: 0 16px 48px var(--color-shadow, oklch(0 0 0 / .3));--shadow-glow: 0 0 20px var(--color-accent-glow, oklch(.52 .26 290 / .25));--z-base: 0;--z-dropdown: 10;--z-sticky: 20;--z-modal: 30;--z-toast: 40;--z-tooltip: 50}:root{--duration-instant: 0ms;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--duration-slower: .6s;--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.22, .61, .36, 1)}@media(prefers-reduced-motion:reduce){:root{--duration-instant: .01ms;--duration-fast: .01ms;--duration-normal: .01ms;--duration-slow: .01ms;--duration-slower: .01ms}}:root{--radius-none: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px}:root{--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px)}*{-webkit-tap-highlight-color:transparent}img,a,button,[role=button]{-webkit-touch-callout:none}@media(hover:none)and (pointer:coarse){input,textarea,select,[contenteditable]{font-size:16px!important}input[type=number].no-ios-zoom,.prop-group__input,html{font-size:16px}}@media(hover:none)and (pointer:coarse){.scroll-container,.chat-messages,.sidebar__content,.friends-page__body,.board-panel-list,.board-panel-body{-webkit-overflow-scrolling:touch}}@media(hover:none)and (pointer:coarse){button,[role=button],a.nav-button,.nav-link,.board-toolbar__btn,input[type=checkbox],input[type=radio]{min-height:44px;min-width:44px}.board-toolbar__btn{padding:8px}.board-panel-item,.channel-row,.dm-row,.friend-row{min-height:48px;padding-top:10px;padding-bottom:10px}}#app{overscroll-behavior:none;-webkit-overflow-scrolling:auto}.chat-messages,.sidebar__content,.board-panel-list{overscroll-behavior:contain}.board-canvas,.board-toolbar,.topbar,.sidebar__header{-webkit-user-select:none;user-select:none}@media(max-width:767px){.hide-mobile{display:none!important}}@media(min-width:768px){.mobile-only{display:none!important}}@media(max-width:767px){.desktop-only{display:none!important}}@media(min-width:768px){.show-mobile{display:none!important}}@supports (height: 100dvh){#app,.dialog-overlay{height:100dvh}}.pt-safe{padding-top:var(--safe-area-top)}.pb-safe{padding-bottom:var(--safe-area-bottom)}.pl-safe{padding-left:var(--safe-area-left)}.pr-safe{padding-right:var(--safe-area-right)}@supports (padding-top: env(safe-area-inset-top)){html{viewport-fit:cover}}@media(hover:none)and (pointer:coarse){.topbar,.sidebar,.right-panel,.dialog-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.topbar{background:rgba(var(--color-surface-0-rgb, 10 10 15),.95)}.sidebar{background:rgba(var(--color-surface-1-rgb, 15 15 22),.98)}}@media(hover:none)and (pointer:coarse){.channel-chips{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.board-canvas__world{touch-action:none}.chat-messages{touch-action:pan-y}}:root{--bg-root: var(--color-surface-0);--bg-surface: var(--color-surface-1);--bg-elevated: var(--color-surface-2);--bg-overlay: var(--color-surface-3);--bg-input: var(--color-surface-4);--bg-hover: oklch(from var(--color-accent) l c h / .1);--glass-bg: var(--color-glass-bg);--glass-border: var(--color-glass-border);--glass-hover: var(--color-glass-hover);--glass-active: var(--color-glass-active);--border-subtle: var(--color-border-subtle);--border-medium: var(--color-border-medium);--border-glow: var(--color-border-strong);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-tertiary: var(--color-text-tertiary);--text-inverse: var(--color-text-inverse);--accent-primary: var(--color-accent);--accent-primary-glow: var(--color-accent-glow);--accent-secondary: var(--color-accent-hover);--accent-gold: var(--color-warning);--accent-gold-glow: oklch(from var(--color-warning) l c h / .18);--accent-danger: var(--color-danger);--accent-success: var(--color-success);--accent-friend: var(--color-success);--accent-info: var(--color-info);--accent-warning: var(--color-warning);--status-online: var(--color-status-online);--status-idle: var(--color-status-idle);--status-dnd: var(--color-status-dnd);--status-offline: var(--color-status-offline);--gradient-brand: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-hover) 50%, oklch(from var(--color-accent) calc(l + .15) c h) 100%);--gradient-cta: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-hover) 100%);--gradient-gold: linear-gradient(135deg, oklch(from var(--color-warning) calc(l - .1) c h) 0%, var(--color-warning) 50%, oklch(from var(--color-warning) calc(l + .08) c h) 100%);--gradient-subtle: linear-gradient(135deg, var(--color-accent), var(--color-accent-hover));--glow-purple: var(--color-accent-glow);--glow-gold: oklch(from var(--color-warning) l c h / .15);--glow-green: oklch(from var(--color-success) l c h / .12);--landing-bg-orb1: oklch(from var(--color-accent) l c h / .15);--landing-bg-orb2: oklch(from var(--color-accent-hover) l c h / .1);--landing-bg-orb3: oklch(from var(--color-warning) l c h / .06);--shadow-sm: var(--shadow-sm);--shadow-md: var(--shadow-md);--shadow-lg: var(--shadow-lg);--shadow-glow: var(--shadow-glow);--radius-sm: var(--radius-sm);--radius-md: var(--radius-md);--radius-lg: var(--radius-lg);--radius-full: var(--radius-full);--font-ui: var(--font-body);--font-mono: var(--font-mono);--transition-fast: var(--duration-fast) var(--ease-in-out);--transition-smooth: var(--duration-normal) var(--ease-in-out);--transition-spring: var(--duration-slow) var(--ease-spring);--transition-panel: var(--duration-normal) var(--ease-in-out);--sidebar-w: 268px;--sidebar-collapsed-w: 60px;--topbar-h: 48px;--tabbar-h: 56px;--bg-primary: var(--bg-root);--bg-secondary: var(--bg-surface);--bg-tertiary: var(--bg-elevated);--border-primary: var(--border-medium);--error: var(--accent-danger);--text-muted: var(--text-tertiary);--warning: var(--accent-warning);--success: var(--accent-success)}.light-theme{--bg-root: var(--color-surface-0);--bg-surface: var(--color-surface-1);--bg-elevated: var(--color-surface-2);--bg-overlay: var(--color-surface-3);--bg-input: var(--color-surface-4);--bg-hover: oklch(from var(--color-accent) l c h / .06);--glass-bg: var(--color-glass-bg);--glass-border: var(--color-glass-border);--glass-hover: var(--color-glass-hover);--glass-active: var(--color-glass-active);--border-subtle: var(--color-border-subtle);--border-medium: var(--color-border-medium);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-tertiary: var(--color-text-tertiary)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-ui);background:var(--bg-root);color:var(--text-primary);line-height:1.5}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font:inherit;color:inherit;border:none;background:none;outline:none}ul,ol{list-style:none}a{color:var(--accent-primary);text-decoration:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-subtle);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-medium)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:2px}:focus:not(:focus-visible){outline:none}input:focus-visible,textarea:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent-primary)}.skip-link{position:absolute;top:-100%;left:var(--space-4);z-index:var(--z-tooltip, 9999);padding:var(--space-2) var(--space-4);background:var(--color-accent);color:#fff;border-radius:var(--radius-md);font-weight:var(--font-medium);transition:top var(--duration-fast) var(--ease-out)}.skip-link:focus{top:var(--space-2)}#app{display:grid;grid-template-rows:var(--topbar-h) 1fr;grid-template-columns:var(--sidebar-w) 1fr;grid-template-areas:"topbar topbar" "sidebar main";height:100vh;width:100vw;overflow:hidden;transition:grid-template-columns var(--transition-smooth)}#app.sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed-w) 1fr}#app.sidebar-hidden{grid-template-columns:0 1fr}#app.sidebar-hidden .sidebar{display:none}#app.no-sidebar{grid-template-columns:0 1fr}.topbar{grid-area:topbar;display:flex;align-items:center;gap:0;height:var(--topbar-h);padding:0 16px;background:var(--glass-bg);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);border-bottom:1px solid var(--border-subtle);z-index:100;position:relative;-webkit-user-select:none;user-select:none}.topbar__logo{width:34px;height:34px;border-radius:var(--radius-md);flex-shrink:0;background:linear-gradient(135deg,var(--accent-primary),var(--color-accent-hover));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.95rem;color:var(--text-inverse);margin-right:12px;cursor:pointer;transition:all var(--transition-fast)}.topbar__logo:hover{box-shadow:0 0 16px var(--accent-primary-glow)}.topbar__server-pick{display:flex;align-items:center;gap:var(--space-2);padding:6px 14px;border-radius:var(--radius-md);font-size:.82rem;font-weight:600;color:var(--text-secondary);background:var(--glass-hover);border:1px solid transparent;transition:all var(--transition-fast);flex-shrink:0;margin-right:12px;position:relative;cursor:pointer}.topbar__server-pick:hover{background:var(--glass-active);color:var(--text-primary);border-color:var(--glass-border)}.topbar__server-pick-chevron{width:14px;height:14px;opacity:.5;transition:transform var(--duration-fast) var(--ease-out)}.topbar__server-pick.open .topbar__server-pick-chevron{transform:rotate(180deg);opacity:.8}.topbar__server-pick-icon{width:22px;height:22px;border-radius:var(--radius-sm);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;color:var(--color-text-inverse)}.topbar__server-pick--dms{background:transparent;border:1px dashed var(--border-medium)}.topbar__server-pick--dms:hover{border-color:var(--accent-primary)}.topbar__server-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:280px;background:var(--glass-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);opacity:0;transform:translateY(-8px);pointer-events:none;transition:all var(--transition-panel);will-change:transform,opacity;z-index:300;overflow:hidden}.topbar__server-pick.open .topbar__server-dropdown{opacity:1;transform:translateY(0);pointer-events:auto}.topbar__server-dropdown-header{padding:12px 16px 6px;font-size:.66rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1.2px}.topbar__server-dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:10px 16px;cursor:pointer;position:relative;transition:background var(--transition-fast)}@media(prefers-reduced-motion:no-preference){.topbar__server-dropdown-item{opacity:0;animation:topbarDropdownItemIn var(--duration-fast) var(--ease-out) forwards}}.topbar__server-dropdown-item:hover{background:var(--glass-hover)}.topbar__server-dropdown-item.active{background:var(--accent-primary-glow)}.topbar__server-dropdown-item.active .topbar__server-dropdown-name{color:var(--accent-primary)}.topbar__server-dropdown-item.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 2px 2px 0;background:var(--accent-primary)}.topbar__server-dropdown-icon{width:34px;height:34px;border-radius:var(--radius-md);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;color:var(--color-text-inverse)}.topbar__server-dropdown-info{flex:1;min-width:0}.topbar__server-dropdown-name{font-size:.85rem;font-weight:600;color:var(--text-primary)}.topbar__server-dropdown-meta{font-size:.7rem;color:var(--text-tertiary)}.topbar__server-dropdown-divider{height:1px;background:var(--glass-border);margin:4px 0}.topbar__server-dropdown-action{display:flex;align-items:center;gap:var(--space-2);padding:10px 16px;cursor:pointer;font-size:.8rem;color:var(--accent-secondary);transition:background var(--transition-fast)}.topbar__server-dropdown-action:hover{background:var(--glass-hover)}.topbar__server-dropdown-dms{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;font-size:.8rem;color:var(--text-secondary);transition:all var(--transition-fast)}.topbar__server-dropdown-dms:hover{background:var(--glass-hover);color:var(--text-primary)}.topbar__server-dropdown-dms svg{width:16px;height:16px;opacity:.5}@media(prefers-reduced-motion:no-preference){@keyframes topbarDropdownItemIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}}.topbar__server-pick-badge{margin-left:2px;background:var(--accent-danger);color:var(--color-text-inverse);font-size:.65rem;font-weight:700;min-width:18px;height:18px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;padding:0 5px}.topbar__server-dropdown-badge{margin-left:auto;background:var(--accent-danger);color:var(--color-text-inverse);font-size:.65rem;font-weight:700;min-width:18px;height:18px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;padding:0 5px}.topbar__search{flex:1;max-width:420px;display:flex;align-items:center;gap:var(--space-2);padding:0;border:none;background:none}.topbar__search-trigger{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:6px 14px;border-radius:var(--radius-full);background:var(--bg-input);border:1px solid var(--border-medium);color:var(--text-tertiary);font-size:.84rem;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-family:inherit}.topbar__search-trigger:hover{background:var(--glass-hover);border-color:var(--border-strong);color:var(--text-secondary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.topbar__search-trigger:active{transform:translateY(0)}.topbar__search-trigger svg{width:16px;height:16px;flex-shrink:0;opacity:.5}.topbar__search-trigger kbd{padding:2px 7px;border-radius:var(--radius-sm);background:var(--border-subtle);border:1px solid var(--border-medium);font-family:var(--font-mono);font-size:.68rem;font-weight:500;color:var(--text-tertiary);letter-spacing:.5px;flex-shrink:0;margin-left:auto}.topbar__actions{display:flex;align-items:center;gap:var(--space-1);margin-left:auto}.topbar__action-btn{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);position:relative;transition:all var(--transition-fast)}.topbar__action-btn:hover{background:var(--glass-hover);color:var(--text-primary)}.topbar__action-btn.active{background:var(--accent-primary-glow);color:var(--accent-primary)}.topbar__action-btn svg{width:20px;height:20px}.topbar__action-btn--notifications{overflow:visible}.topbar__action-btn--notifications:hover svg{transform:rotate(-10deg);transition:transform var(--duration-fast) var(--ease-out)}.topbar__action-btn--notifications svg{transition:transform var(--duration-fast) var(--ease-out)}.topbar__notification-badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-full);background:var(--accent-danger);color:var(--color-text-inverse);font-size:.62rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--glass-bg);pointer-events:none;animation:topbarBadgePulse 2s var(--ease-in-out) infinite}@keyframes topbarBadgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 5px;border-radius:var(--radius-full);background:var(--accent-danger);color:var(--color-text-inverse);font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center}.topbar__user{display:flex;align-items:center;gap:var(--space-2);padding:4px 10px;border-radius:var(--radius-full);margin-left:8px;transition:background var(--transition-fast)}.topbar__user:hover{background:var(--glass-hover)}.topbar__user--active{background:var(--glass-active)}.topbar__user-avatar{width:30px;height:30px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:var(--color-text-inverse);position:relative;flex-shrink:0;overflow:hidden;transition:box-shadow var(--duration-fast) var(--ease-out)}.topbar__user:hover .topbar__user-avatar{box-shadow:0 0 0 3px var(--accent-primary-glow),0 0 16px var(--accent-primary-glow)}.topbar__user-avatar img{width:100%;height:100%;object-fit:cover}.topbar__user-status{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-radius:var(--radius-full);background:var(--status-online);border:2px solid var(--bg-surface)}.topbar__user-status--online{background:var(--status-online)}.topbar__user-status--offline{background:var(--status-offline)}.topbar__user-status--idle{background:var(--status-idle)}.topbar__user-status--dnd{background:var(--status-dnd)}@keyframes badge-bounce-in{0%{transform:translate(8px) scale(0);opacity:0}60%{transform:translate(0) scale(1.2);opacity:1}to{transform:translate(0) scale(1);opacity:1}}@keyframes board-dot-pulse{0%,to{box-shadow:0 0 4px var(--accent-primary-glow)}50%{box-shadow:0 0 12px var(--accent-primary-glow),0 0 20px oklch(from var(--color-accent) l c h / .25)}}@keyframes speaking-ring-outer{0%{transform:scale(1);opacity:.8}to{transform:scale(2.2);opacity:0}}@keyframes speaking-ring-inner{0%{transform:scale(1);opacity:.6}to{transform:scale(1.8);opacity:0}}@keyframes status-dot-pulse{0%,to{box-shadow:0 0 oklch(from var(--color-success) l c h / .5)}50%{box-shadow:0 0 0 4px oklch(from var(--color-success) l c h / 0)}}@keyframes sidebar-item-fade-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sidebar{grid-area:sidebar;display:flex;flex-direction:column;background:var(--bg-surface);border-right:1px solid var(--border-subtle);overflow:hidden;transition:width var(--transition-smooth)}.sidebar__header{display:flex;align-items:center;gap:0;padding:0 8px 0 14px;flex-shrink:0;border-bottom:1px solid var(--border-subtle);min-height:48px}.sidebar__header-label{flex:1 1 auto;min-width:0;font-size:.82rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1;margin:0 4px}.sidebar__icon-btn{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-tertiary);background:transparent;border:none;cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast)}.sidebar__icon-btn:hover{background:var(--glass-hover);color:var(--text-primary)}.sidebar__icon-btn svg{width:18px;height:18px;opacity:.5;transition:opacity var(--duration-fast)}.sidebar__icon-btn:hover svg{opacity:1}.sidebar__header-action{display:flex;align-items:center;gap:var(--space-1);padding:4px 10px;border-radius:var(--radius-sm);font-size:.7rem;font-weight:600;color:var(--text-tertiary);background:transparent;border:none;cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast)}.sidebar__header-action:hover{background:var(--glass-hover);color:var(--text-primary)}.sidebar__header-action svg{width:14px;height:14px;opacity:.55;transition:opacity var(--duration-fast)}.sidebar__header-action:hover svg{opacity:1}.sidebar__content{flex:1;overflow-y:auto;overflow-x:hidden;padding:4px 8px 8px}.sidebar__dm-item{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);min-height:40px;width:100%;text-align:left;position:relative}.sidebar__dm-item:hover{background:var(--glass-hover)}.sidebar__dm-item.active{background:var(--glass-active)}.sidebar__dm-avatar{width:32px;height:32px;border-radius:var(--radius-full);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:var(--color-text-inverse);position:relative;overflow:hidden}.sidebar__dm-avatar img{width:100%;height:100%;object-fit:cover}.sidebar__dm-status{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-radius:var(--radius-full);border:2px solid var(--bg-surface)}.sidebar__dm-status--online{animation:status-dot-pulse 2s ease-in-out infinite}.sidebar__dm-info{flex:1;min-width:0}.sidebar__dm-name{font-size:.85rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__dm-preview{font-size:.72rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.sidebar__dm-meta{text-align:right;flex-shrink:0}.sidebar__dm-time{font-size:.65rem;color:var(--text-tertiary);font-family:var(--font-mono)}.sidebar__dm-voice-state{display:flex;align-items:center;gap:2px;flex-shrink:0;margin-left:auto;padding-right:2px}.sidebar__dm-voice-icon{opacity:.6;flex-shrink:0}.sidebar__dm-voice-icon--muted{color:var(--accent-warning);opacity:.8}.sidebar__dm-voice-icon--deafened{color:var(--accent-danger);opacity:.9}.sidebar__dm-voice-icon--speaking{color:var(--accent-friend)}.sidebar__dm-actions{display:flex;align-items:center;gap:2px;opacity:0;transform:translate(-4px);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);flex-shrink:0}.sidebar__dm-item:hover .sidebar__dm-actions{opacity:1;transform:translate(0)}.sidebar__dm-action-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);background:none;border:none;cursor:pointer;color:var(--text-tertiary);transition:color var(--duration-fast),background var(--duration-fast)}.sidebar__dm-action-btn:hover{color:var(--accent-danger);background:var(--color-danger-muted)}.sidebar__dm-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-text-inverse);font-size:.65rem;font-weight:700;margin-top:2px;animation:badge-bounce-in var(--duration-normal) var(--ease-spring) both}.sidebar__friend-picker{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:8px 0;max-height:200px;overflow-y:auto}.sidebar__friend-picker-header{padding:4px 16px;font-size:.7rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.sidebar__friend-picker-item{display:flex;align-items:center;gap:10px;padding:6px 16px;width:100%;border:none;background:none;cursor:pointer;font-family:inherit;font-size:.85rem;color:var(--text-primary);transition:background var(--duration-fast)}.sidebar__friend-picker-item:hover{background:var(--bg-hover)}.sidebar__friend-picker-empty{padding:8px 16px;font-size:.78rem;color:var(--text-tertiary)}.sidebar__stagger-item{opacity:0;animation:sidebar-item-fade-in var(--duration-normal) var(--ease-out) forwards}.sidebar__section{margin-bottom:4px}.sidebar__section-header{display:flex;align-items:center;gap:var(--space-1);padding:8px 8px 4px;font-size:.7rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast);width:100%;text-align:left}.sidebar__section-header:hover{color:var(--text-secondary)}.sidebar__section-header svg{width:12px;height:12px;transition:transform var(--duration-normal) var(--ease-out)}.sidebar__section.collapsed .sidebar__section-header svg{transform:rotate(-90deg);transition:transform var(--duration-normal) var(--ease-in)}.sidebar__section-items{overflow:hidden;max-height:3000px;opacity:1;transition:max-height var(--duration-normal) var(--ease-out),opacity var(--duration-normal) var(--ease-out)}.sidebar__section.collapsed .sidebar__section-items{max-height:0;opacity:0;transition:max-height var(--duration-normal) var(--ease-in),opacity var(--duration-normal) var(--ease-in)}.sidebar__item{display:flex;align-items:center;gap:var(--space-2);padding:6px 8px;border-radius:var(--radius-sm);font-size:.82rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);position:relative;min-height:34px;width:100%;text-align:left}.sidebar__item:hover{background:var(--glass-hover);color:var(--text-primary);transform:translate(4px)}.sidebar__item.active{background:var(--accent-primary-glow);color:var(--accent-primary);font-weight:600}.sidebar__item.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 2px 2px 0;background:var(--accent-primary);transform:scaleY(1);transition:transform var(--duration-fast) var(--ease-out)}.sidebar__item:not(.active):before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 2px 2px 0;background:var(--accent-primary);transform:scaleY(0);transition:transform var(--duration-fast) var(--ease-in)}.sidebar__item-icon{width:18px;height:18px;flex-shrink:0;opacity:.55;display:flex;align-items:center}.sidebar__item.active .sidebar__item-icon{opacity:1}.sidebar__item-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__item-badge{font-size:.7rem;font-weight:700;color:var(--color-text-inverse);background:var(--color-accent);padding:1px 7px;border-radius:var(--radius-full);animation:badge-bounce-in var(--duration-normal) var(--ease-spring) both}.sidebar__item.active .sidebar__item-badge{background:var(--color-accent-hover);color:var(--color-text-inverse)}.sidebar__item-board-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--accent-primary);flex-shrink:0;margin-left:auto;animation:board-dot-pulse 2s ease-in-out infinite}.sidebar__back{margin-left:-2px}.sidebar__footer{padding:6px 10px;border-top:1px solid var(--border-subtle);display:flex;align-items:center;gap:6px;flex-shrink:0;min-height:40px}.sidebar__footer-user{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0;padding:4px 6px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.sidebar__footer-user:hover{background:var(--glass-hover)}.sidebar__footer-avatar{width:26px;height:26px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;color:var(--color-text-inverse);position:relative;flex-shrink:0;overflow:hidden}.sidebar__footer-avatar img{width:100%;height:100%;object-fit:cover}.sidebar__footer-status{position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-radius:var(--radius-full);background:var(--status-online);border:2px solid var(--bg-surface)}.sidebar__footer-name{font-size:.8rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__collapse-btn,.sidebar__logout-btn{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);flex-shrink:0;transition:all var(--transition-fast)}.sidebar__collapse-btn:hover,.sidebar__logout-btn:hover{background:var(--glass-hover);color:var(--text-primary)}.sidebar__logout-btn:hover{color:var(--accent-danger)}#app.sidebar-collapsed .sidebar__header{justify-content:center;padding:0 8px}#app.sidebar-collapsed .sidebar__header-label,#app.sidebar-collapsed .sidebar__header-action{display:none}#app.sidebar-collapsed .sidebar__back{margin-left:0}#app.sidebar-collapsed .sidebar__dm-name,#app.sidebar-collapsed .sidebar__dm-preview,#app.sidebar-collapsed .sidebar__dm-meta,#app.sidebar-collapsed .sidebar__dm-info{display:none}#app.sidebar-collapsed .sidebar__dm-item{justify-content:center;padding:var(--space-2)}#app.sidebar-collapsed .sidebar__section-header,#app.sidebar-collapsed .sidebar__item-name,#app.sidebar-collapsed .sidebar__item-badge{display:none}#app.sidebar-collapsed .sidebar__item{justify-content:center;padding:var(--space-2)}#app.sidebar-collapsed .sidebar__item.active:before{display:none}#app.sidebar-collapsed .sidebar__footer{justify-content:center}#app.sidebar-collapsed .sidebar__footer-user{display:none}#app.sidebar-collapsed .sidebar__collapse-btn,#app.sidebar-collapsed .sidebar__back{margin:0}.main{grid-area:main;display:flex;flex-direction:column;background:var(--bg-root);position:relative;overflow:hidden;min-width:0}.channel-header{display:flex;align-items:center;gap:var(--space-3);padding:0 20px;height:50px;flex-shrink:0;border-bottom:1px solid var(--border-subtle);background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.channel-header__icon{color:var(--text-tertiary);width:20px;height:20px;flex-shrink:0}.channel-header__name{font-weight:700;font-size:.95rem;color:var(--text-primary);letter-spacing:-.2px}.channel-header__spacer{flex:1}.view-switcher{display:flex;background:var(--bg-input);border-radius:var(--radius-full);padding:3px;border:1px solid var(--border-medium)}.view-switcher__btn{padding:5px 14px;border-radius:var(--radius-full);font-size:.76rem;font-weight:600;color:var(--text-tertiary);transition:all var(--transition-fast);display:flex;align-items:center;gap:6px}.view-switcher__btn:hover{color:var(--text-secondary)}.view-switcher__btn.active{background:var(--accent-primary);color:var(--text-inverse);box-shadow:0 2px 8px var(--color-accent-glow)}.view-switcher__btn svg{width:14px;height:14px}.channel-header__members-btn{display:flex;align-items:center;gap:var(--space-2);padding:6px 14px;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;color:var(--text-secondary);transition:all var(--transition-fast)}.channel-header__members-btn:hover{background:var(--glass-hover);color:var(--text-primary)}.channel-header__member-avatars{display:flex}.channel-header__member-avatars span{width:24px;height:24px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.55rem;font-weight:700;color:var(--color-text-inverse);margin-right:-8px;border:2px solid var(--bg-surface)}.dm-header{display:flex;align-items:center;gap:10px;padding:0 20px;height:50px;flex-shrink:0;border-bottom:1px solid var(--border-subtle);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dm-header__status{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.dm-header__name{font-weight:700;font-size:.95rem;color:var(--text-primary);letter-spacing:-.2px}.dm-header__spacer{flex:1}.friends-page{flex:1;display:flex;flex-direction:column;overflow:hidden}.friends-page__header{padding:20px 24px 0;flex-shrink:0}.friends-page__title{font-size:1.3rem;font-weight:800;color:var(--text-primary);letter-spacing:-.3px;margin-bottom:var(--space-4);display:flex;align-items:center;gap:10px}.friends-page__title svg{width:24px;height:24px;color:var(--accent-friend)}.friends-page__tabs{display:flex;gap:2px;border-bottom:2px solid var(--border-subtle)}.friends-page__tab{padding:10px 20px;font-size:.82rem;font-weight:600;color:var(--text-tertiary);border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:all var(--transition-fast);position:relative}.friends-page__tab:hover{color:var(--text-secondary);background:var(--glass-hover)}.friends-page__tab.active{color:var(--accent-friend)}.friends-page__tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--accent-friend);border-radius:1px}.friends-page__tab .count{font-size:.68rem;margin-left:4px;opacity:.6}.friends-page__tab.active .count{opacity:1}.friends-page__body{flex:1;overflow-y:auto;padding:16px 24px}.friends-page__section-title{font-size:.7rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1.2px;padding:8px 0 12px}.friends-page__row{display:flex;align-items:center;gap:var(--space-3);padding:10px 12px;border-radius:var(--radius-md);transition:background var(--transition-fast);border:1px solid transparent}.friends-page__row:hover{background:var(--glass-hover);border-color:var(--border-subtle)}.friends-page__row-avatar{width:36px;height:36px;border-radius:var(--radius-full);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:var(--color-text-inverse);position:relative;overflow:hidden}.friends-page__row-avatar img{width:100%;height:100%;object-fit:cover}.friends-page__row-status{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:var(--radius-full);border:2px solid var(--bg-root)}.friends-page__row-info{flex:1;min-width:0}.friends-page__row-name{font-size:.88rem;font-weight:600;color:var(--text-primary)}.friends-page__row-sub{font-size:.74rem;color:var(--text-tertiary)}.friends-page__row-actions{display:flex;gap:6px;flex-shrink:0}.friends-page__row-btn{padding:7px 16px;border-radius:var(--radius-full);font-size:.76rem;font-weight:600;transition:all var(--transition-fast)}.friends-page__row-btn--message{background:var(--glass-hover);color:var(--text-secondary)}.friends-page__row-btn--message:hover{background:var(--glass-active);color:var(--text-primary)}.friends-page__row-btn--accept{background:var(--accent-friend);color:var(--color-text-inverse)}.friends-page__row-btn--accept:hover{filter:brightness(1.15)}.friends-page__row-btn--reject{background:transparent;color:var(--text-tertiary)}.friends-page__row-btn--reject:hover{color:var(--accent-danger)}.friends-page__row-btn--unblock{color:var(--accent-danger);background:transparent}.friends-page__row-btn--unblock:hover{background:var(--color-danger-muted)}.friends-page__add{padding:12px 24px;border-top:1px solid var(--border-subtle);flex-shrink:0}.friends-page__add-inner{display:flex;gap:var(--space-2);max-width:480px}.friends-page__add-label{font-size:.72rem;font-weight:700;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.friends-page__add-input{flex:1;padding:10px 14px;border-radius:var(--radius-md);background:var(--bg-input);border:1px solid var(--border-medium);font-size:.85rem;color:var(--text-primary);transition:all var(--transition-fast)}.friends-page__add-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-glow)}.friends-page__add-input::placeholder{color:var(--text-tertiary)}.friends-page__add-btn{padding:10px 22px;border-radius:var(--radius-md);background:var(--accent-primary);color:var(--text-inverse);font-size:.82rem;font-weight:700;transition:all var(--transition-fast)}.friends-page__add-btn:hover{box-shadow:0 4px 16px var(--color-accent-glow);transform:translateY(-1px)}.chat-view{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 0;scroll-behavior:smooth}.message{display:flex;gap:var(--space-3);padding:4px 20px;position:relative}.message--appear{animation:messageSlideUp var(--duration-normal) var(--ease-out)}.message__bubble{background:transparent;border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);transition:background var(--duration-fast) var(--ease-out)}.message:hover .message__bubble{background:var(--color-surface-1)}.message__bubble--continuation{padding-top:var(--space-1)}.message__continuation{position:relative;display:flex;align-items:baseline;gap:var(--space-2);margin-top:var(--space-1);padding:2px 0;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.message__continuation:hover{background:var(--glass-hover)}.message__continuation-content{font-size:.88rem;color:var(--text-primary);line-height:1.6;word-break:break-word;flex:1;min-width:0}.message__continuation-content code{background:var(--bg-input);padding:1px 5px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.8rem;border:1px solid var(--border-subtle)}.message__continuation-timestamp{font-size:var(--text-xs);color:var(--color-text-tertiary);font-family:var(--font-mono);opacity:0;transition:opacity var(--duration-fast);white-space:nowrap;flex-shrink:0}.message__continuation:hover .message__continuation-timestamp{opacity:1}.message__actions{display:flex;align-items:center;gap:var(--space-1);margin-left:auto;opacity:0;transition:opacity var(--duration-fast) var(--ease-out);flex-shrink:0}.message:hover .message__actions,.message__continuation:hover .message__actions{opacity:1}.message__action-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:2px 4px;border-radius:var(--radius-sm);transition:color var(--duration-fast),background var(--duration-fast);flex-shrink:0}.message__action-btn--cont{padding:1px 3px}.message__action-btn:hover{color:var(--color-accent);background:var(--color-glass-hover)}.message__edit{margin-top:2px}.message__edit-input{width:100%;resize:none;min-height:24px;padding:8px 10px;background:var(--bg-input);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.88rem;font-family:inherit;line-height:1.6;word-break:break-word;transition:border-color var(--transition-fast)}.message__edit-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-glow)}.message__edit-hint{font-size:.68rem;color:var(--text-tertiary);margin-top:4px}.message__edited-indicator{margin-left:4px;font-size:var(--text-xs);color:var(--color-text-tertiary);font-style:italic}.message__attachment{margin:4px 0;max-width:420px}.message__attachment img,.message__attachment video{max-width:100%;max-height:320px;border-radius:var(--radius-md);object-fit:contain;display:block}.message__attachment-file{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--color-surface-4);color:var(--color-accent);text-decoration:none}.message__attachment-file:hover{border-color:var(--color-border-medium)}.message__attachment-caption{font-size:.82rem;color:var(--text-secondary);margin-top:4px}.message__media-placeholder{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-md);background:var(--color-surface-4);border:1px solid var(--border-subtle);max-width:420px}.message__media-placeholder-icon{color:var(--color-text-tertiary);flex-shrink:0}.message__media-placeholder-info{min-width:0;flex:1}.message__media-placeholder-name{font-size:.85rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message__media-placeholder-size{font-size:.72rem;color:var(--color-text-tertiary)}.message__media-placeholder-status{font-size:.72rem;color:var(--color-text-tertiary);font-style:italic;flex-shrink:0}.context-menu{position:fixed;z-index:9999;min-width:176px;max-width:220px;padding:6px 8px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);outline:none;animation:contextMenuIn var(--duration-fast) var(--ease-out)}@keyframes contextMenuIn{0%{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.context-menu__item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:6px 8px;border:none;border-radius:var(--radius-sm);background:none;color:var(--text-secondary);font-size:.82rem;font-family:inherit;cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast);text-align:left}.context-menu__item:hover{background:var(--accent-primary);color:var(--color-text-inverse)}.context-menu__item:active{background:var(--accent-primary);opacity:.9}.context-menu__item--danger:hover{background:var(--accent-danger)}.context-menu__item--danger:active{background:var(--accent-danger);opacity:.9}.context-menu__item:disabled{opacity:.4;cursor:not-allowed}.context-menu__icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0}.context-menu__label{flex:1}.message__avatar{width:38px;height:38px;border-radius:var(--radius-full);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--color-text-inverse);margin-top:2px;overflow:hidden;cursor:pointer;transition:box-shadow var(--duration-fast) var(--ease-out)}.message__avatar:hover{box-shadow:0 0 0 3px var(--color-accent-glow)}.message__avatar img{width:100%;height:100%;object-fit:cover}.message__main{flex:1;min-width:0}.message__header{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:2px}.message__username{font-weight:700;font-size:.88rem;color:var(--text-primary)}.message__timestamp{font-size:var(--text-xs);color:var(--color-text-tertiary);font-family:var(--font-mono);white-space:nowrap}.message__content{font-size:.88rem;color:var(--text-primary);line-height:1.6;word-break:break-word}.message__content code{background:var(--bg-input);padding:1px 5px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.8rem;border:1px solid var(--border-subtle)}.message--failed{opacity:.6}.message--failed .message__content{color:var(--accent-danger)}.message__retry-btn{font-size:.72rem;color:var(--accent-danger);cursor:pointer;padding:2px 8px;border-radius:var(--radius-sm);margin-top:2px;transition:background var(--transition-fast)}.message__retry-btn:hover{background:var(--color-danger-muted)}.message__delete-btn{margin-left:auto;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:2px 4px;border-radius:var(--radius-sm);opacity:0;transition:opacity var(--duration-fast),color var(--duration-fast),background var(--duration-fast)}.message:hover .message__delete-btn{opacity:1}.message__delete-btn:hover{color:var(--accent-danger);background:var(--color-danger-muted)}.chat-input{padding:14px 20px;flex-shrink:0;background:var(--bg-surface);border-top:1px solid var(--border-subtle)}.chat-input__wrapper{display:flex;align-items:flex-end;gap:var(--space-2);background:var(--bg-input);border:1px solid var(--border-medium);border-radius:var(--radius-lg);padding:6px 10px;transition:all var(--transition-fast)}.chat-input__wrapper:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-glow)}.chat-input__textarea{flex:1;resize:none;min-height:24px;max-height:160px;padding:6px 4px;background:none;font-size:.88rem;line-height:1.5;color:var(--text-primary)}.chat-input__textarea::placeholder{color:var(--text-tertiary)}.chat-input__btn{width:34px;height:34px;border-radius:var(--radius-full);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:all var(--transition-fast)}.chat-input__btn:hover{background:var(--glass-hover);color:var(--text-primary)}.chat-input__btn--send{background:linear-gradient(135deg,var(--accent-primary),var(--color-accent-hover));color:var(--text-inverse);width:36px;height:36px;box-shadow:0 2px 8px var(--color-accent-glow)}.chat-input__btn--send:hover{box-shadow:0 4px 16px var(--color-accent-glow);transform:scale(1.05);color:var(--text-inverse)}.jump-bottom{position:absolute;bottom:90px;right:28px;width:40px;height:40px;border-radius:var(--radius-full);background:var(--bg-overlay);border:1px solid var(--border-medium);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);z-index:20;transition:all var(--transition-spring);will-change:transform,opacity;opacity:0;transform:translateY(10px);pointer-events:none}.jump-bottom.visible{opacity:1;transform:translateY(0);pointer-events:auto}.jump-bottom:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--accent-primary)}.jump-bottom__badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-full);background:var(--accent-danger);color:var(--color-text-inverse);font-size:.6rem;font-weight:700;display:flex;align-items:center;justify-content:center}.chat-messages__loading{display:flex;justify-content:center;padding:12px}.chat-messages__loading-spinner{width:20px;height:20px;border:2px solid var(--border-medium);border-top-color:var(--accent-primary);border-radius:var(--radius-full);animation:spin var(--duration-slower) linear infinite}.chat-messages__skeleton-list{padding:8px 0}.chat-messages__skeleton-row{display:flex;gap:12px;padding:10px 20px;align-items:flex-start}.chat-messages__skeleton-avatar{width:38px;height:38px;border-radius:var(--radius-full);flex-shrink:0}.chat-messages__skeleton-body{flex:1;display:flex;flex-direction:column;gap:8px;padding-top:4px}.chat-messages__skeleton-name{width:120px;height:12px;border-radius:var(--radius-sm)}.chat-messages__skeleton-text{width:100%;max-width:360px;height:10px;border-radius:var(--radius-sm)}.chat-messages__skeleton-text--short{max-width:220px}.chat-messages__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 16px;text-align:center;gap:10px}.chat-messages__empty-icon{color:var(--text-tertiary);opacity:.35;margin-bottom:4px}.chat-messages__empty-title{font-size:1rem;font-weight:700;color:var(--text-secondary)}.chat-messages__empty-text{font-size:.82rem;color:var(--text-tertiary);max-width:260px;line-height:1.5}.board-view{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.board-view__channel-indicator{display:flex;align-items:center;gap:var(--space-2);padding:4px 12px;font-size:13px;color:var(--text-secondary)}.board-view__back-link{display:flex;align-items:center;gap:var(--space-1);color:var(--text-secondary);text-decoration:none;font-size:13px}.board-view__back-link:hover{color:var(--text-primary)}.board-view__title-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);z-index:11;flex-shrink:0}.board-view__title-bar-left{display:flex;align-items:center;gap:var(--space-2)}.board-view__title{font-size:1rem;font-weight:700;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;gap:6px;margin:0;-webkit-user-select:none;user-select:none}.board-view__title-edit-icon{opacity:0;transition:opacity var(--transition-fast);color:var(--text-muted)}.board-view__title:hover .board-view__title-edit-icon{opacity:1}.board-view__title-input{font-size:1rem;font-weight:700;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--accent-primary);border-radius:var(--radius-sm);padding:4px 8px;outline:none;font-family:inherit;width:300px}.board-view__title-bar-right{display:flex;align-items:center;gap:var(--space-2)}.board-view__delete-warning{font-size:.8rem;color:var(--accent-danger);font-weight:600}.board-view__delete-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-sm);background-color:transparent;color:var(--text-muted);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);font-size:.75rem;font-family:inherit;font-weight:600}.board-view__delete-btn:hover{background-color:var(--accent-danger);color:var(--color-text-inverse)}.board-view__delete-btn--confirm{background-color:var(--accent-danger);color:var(--color-text-inverse);width:auto;padding:0 12px}.board-view__error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:40px;color:var(--text-tertiary);text-align:center}.board-view__error p{font-size:.95rem;color:var(--accent-danger);font-weight:600;max-width:360px;line-height:1.6}.board-view__retry-btn{padding:10px 24px;border:none;border-radius:var(--radius-md);background-color:var(--accent-primary);color:var(--text-inverse);font-size:.85rem;font-weight:600;cursor:pointer;transition:box-shadow var(--transition-fast),filter var(--transition-fast)}.board-view__retry-btn:hover{filter:brightness(1.15);box-shadow:var(--shadow-glow)}.board-view__empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);pointer-events:none;z-index:1;text-align:center;padding:40px}.board-view__empty-icon{color:var(--text-tertiary);opacity:.3}.board-view__empty-title{font-size:1.1rem;font-weight:700;color:var(--text-secondary);margin:0}.board-view__empty-text{font-size:.85rem;color:var(--text-tertiary);max-width:300px;line-height:1.6;margin:0}.board-view__empty-cta{pointer-events:auto;padding:10px 22px;border:none;border-radius:var(--radius-md);background:var(--accent-primary);color:var(--text-inverse);font-size:.84rem;font-weight:600;cursor:pointer;margin-top:var(--space-2);transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.board-view__empty-cta:hover{box-shadow:0 4px 16px var(--accent-primary-glow);transform:translateY(-1px)}.board-view__empty-cta:active{transform:translateY(0)}.board-canvas:focus{outline:2px solid var(--accent-primary);outline-offset:-2px}.board-canvas:focus:not(:focus-visible){outline:none}.board-view .board-presence{position:absolute;top:12px;right:12px;z-index:11}.board-item--sticky.yellow{background:linear-gradient(135deg,var(--color-widget-counter-muted),var(--color-widget-counter))}.board-item--sticky.pink{background:linear-gradient(135deg,var(--color-widget-poll-muted),var(--color-widget-poll))}.board-item--sticky.blue{background:linear-gradient(135deg,var(--color-widget-chart-muted),var(--color-widget-chart))}.board-item--sticky.green{background:linear-gradient(135deg,var(--color-widget-kanban-muted),var(--color-widget-kanban))}.board-item--sticky.purple{background:linear-gradient(135deg,var(--color-accent-muted),var(--color-accent))}.board-item--shape{border-radius:var(--radius-lg);border:2px solid var(--color-border-medium);background:var(--color-glass-hover);min-width:100px;min-height:80px;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--text-secondary);font-weight:600}.board-item__drag-handle{position:absolute;top:6px;left:50%;transform:translate(-50%);width:32px;height:6px;border-radius:var(--radius-sm);cursor:grab}.board-item--sticky .board-item__drag-handle{background:var(--color-shadow)}.board-item--shape .board-item__drag-handle{background:var(--color-glass-hover)}@media(prefers-reduced-motion:no-preference){@keyframes boardSelectionBarSlideDown{0%{opacity:0;transform:translate(-50%) translateY(-12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}}.board-toolbar__selection-bar--visible{animation:boardSelectionBarSlideDown var(--duration-fast) var(--ease-out)}.right-panel-overlay{position:fixed;inset:0;z-index:200;pointer-events:none;transition:background var(--transition-panel)}.right-panel-overlay.open{pointer-events:auto;background:var(--color-shadow);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.right-panel{position:absolute;top:var(--topbar-h);right:0;bottom:0;width:280px;background:var(--glass-bg);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border-left:1px solid var(--glass-border);transform:translate(100%);transition:transform var(--transition-panel);will-change:transform;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.right-panel-overlay.open .right-panel{transform:translate(0)}.right-panel__header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4);border-bottom:1px solid var(--glass-border);flex-shrink:0}.right-panel__title{font-weight:700;font-size:.9rem;flex:1}.right-panel__close{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:all var(--transition-fast)}.right-panel__close:hover{background:var(--glass-hover);color:var(--text-primary)}.right-panel__body{flex:1;overflow-y:auto;padding:var(--space-2)}.right-panel__group{margin-bottom:var(--space-4)}.right-panel__group-title{padding:var(--space-2);font-size:.7rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px}.right-panel__member{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);width:100%;text-align:left}.right-panel__member:hover{background:var(--glass-hover)}.right-panel__member-avatar{width:32px;height:32px;border-radius:var(--radius-full);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:var(--color-text-inverse);overflow:hidden}.right-panel__member-avatar img{width:100%;height:100%;object-fit:cover}.right-panel__member-name{font-size:.82rem;font-weight:500;flex:1}.right-panel__member-role{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.right-panel__invite-section{padding:12px 16px;border-bottom:1px solid var(--glass-border)}.right-panel__section-title{font-size:.7rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;display:block}.right-panel__invite-token{display:flex;align-items:center;gap:6px;padding:8px 10px;background:var(--bg-input);border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-secondary);word-break:break-all;margin-bottom:8px}.right-panel__invite-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 12px;border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;color:var(--text-secondary);transition:all var(--transition-fast)}.right-panel__invite-btn:hover{background:var(--glass-hover);color:var(--text-primary);border-color:var(--accent-primary)}.right-panel__invite-btn--copy{background:var(--accent-primary);color:var(--text-inverse);border-color:transparent}.right-panel__invite-btn--copy:hover{box-shadow:0 4px 16px var(--color-accent-glow);color:var(--text-inverse)}.empty-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);color:var(--text-tertiary);text-align:center;padding:40px}.empty-main__icon{width:56px;height:56px;opacity:.2}.empty-main__title{font-weight:700;font-size:1rem;color:var(--text-secondary)}.empty-main__text{font-size:.82rem;max-width:300px;line-height:1.6}.dialog-overlay{position:fixed;inset:0;z-index:400;background:oklch(from var(--color-shadow) l c h / .6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;will-change:opacity}.dialog{background:var(--glass-bg);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-6);min-width:360px;max-width:480px;animation:popIn var(--duration-normal) var(--ease-out)}.dialog__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-4)}.dialog__title{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.dialog__close{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:color var(--duration-fast),background var(--duration-fast)}.dialog__close:hover{color:var(--text-primary);background:var(--bg-hover)}.dialog__field{margin-bottom:14px}.dialog__label{display:block;font-size:.72rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.dialog__input{width:100%;padding:10px 14px;border-radius:var(--radius-md);background:var(--bg-input);border:1px solid var(--border-medium);font-size:.85rem;color:var(--text-primary);transition:all var(--transition-fast)}.dialog__input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-glow)}.dialog__input::placeholder{color:var(--text-tertiary)}.dialog__actions{display:flex;gap:var(--space-2);justify-content:flex-end;margin-top:20px}.dialog__btn{padding:10px 20px;border-radius:var(--radius-md);font-size:.82rem;font-weight:700;transition:all var(--transition-fast)}.dialog__btn--primary{background:var(--accent-primary);color:var(--text-inverse)}.dialog__btn--primary:hover{box-shadow:0 4px 16px var(--color-accent-glow)}.dialog__btn--secondary{background:var(--glass-hover);color:var(--text-secondary)}.settings-overlay{position:fixed;inset:0;z-index:500;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:stretch;justify-content:center;animation:fadeIn var(--duration-fast) var(--ease-out)}.settings-panel{display:flex;width:min(820px,100vw);height:min(600px,86vh);margin:auto;background:var(--glass-bg);backdrop-filter:blur(28px) saturate(170%);-webkit-backdrop-filter:blur(28px) saturate(170%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:popIn var(--duration-normal) var(--ease-out)}.settings-panel__nav{width:220px;flex-shrink:0;background:var(--bg-surface);border-right:1px solid var(--glass-border);padding:16px 8px;display:flex;flex-direction:column;gap:2px}.settings-panel__nav-header{font-size:.68rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;padding:6px 12px;margin-bottom:8px}.settings-panel__nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-sm);font-size:.84rem;font-weight:500;color:var(--text-secondary);background:none;border:none;cursor:pointer;text-align:left;transition:background var(--duration-fast),color var(--duration-fast);width:100%}.settings-panel__nav-item:hover,.settings-panel__nav-item.active{background:var(--glass-hover);color:var(--text-primary)}.settings-panel__nav-item--danger{color:var(--accent-danger)}.settings-panel__nav-item--danger:hover{background:var(--color-danger-muted)}.settings-panel__nav-divider{height:1px;background:var(--glass-border);margin:8px 0}.settings-panel__content{flex:1;padding:28px 32px;overflow-y:auto;position:relative}.settings-panel__close{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:var(--radius-sm);background:none;border:none;color:var(--text-tertiary);cursor:pointer;transition:color var(--duration-fast),background var(--duration-fast)}.settings-panel__close:hover{color:var(--text-primary);background:var(--bg-hover)}.settings-panel__form{max-width:460px}.settings-panel__title{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-6)}.settings-panel__profile{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);background:var(--bg-surface);margin-bottom:var(--space-6)}.settings-panel__avatar{width:56px;height:56px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;color:var(--color-text-inverse);flex-shrink:0;overflow:hidden}.settings-panel__avatar img{width:100%;height:100%;object-fit:cover}.settings-panel__profile-name{font-weight:700;font-size:.95rem;color:var(--text-primary)}.settings-panel__profile-email{font-size:.8rem;color:var(--text-tertiary);margin-top:2px}.settings-panel__field{margin-bottom:var(--space-4)}.settings-panel__field label{display:block;font-size:.72rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.settings-panel__field input{width:100%;padding:10px 14px;border-radius:var(--radius-md);background:var(--bg-input);border:1px solid var(--border-medium);font-size:.85rem;color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.settings-panel__field input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-glow);outline:none}.settings-panel__save-btn{padding:10px 24px;border-radius:var(--radius-md);background:var(--accent-primary);color:var(--text-inverse);font-size:.84rem;font-weight:700;border:none;cursor:pointer;margin-top:8px;transition:box-shadow var(--transition-fast)}.settings-panel__save-btn:hover{box-shadow:0 4px 16px var(--color-accent-glow)}.settings-panel__save-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.settings-panel__error{color:var(--accent-danger);font-size:.8rem;margin-bottom:8px}.settings-panel__success{color:var(--accent-success);font-size:.8rem;margin-bottom:8px}.settings-panel__theme-toggle{display:flex;gap:var(--space-2)}.settings-panel__theme-btn{display:flex;align-items:center;gap:var(--space-2);padding:10px 18px;border-radius:var(--radius-md);border:1px solid var(--border-medium);background:var(--bg-input);color:var(--text-secondary);font-size:.84rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.settings-panel__theme-btn:hover{border-color:var(--accent-primary);color:var(--text-primary)}.settings-panel__theme-btn.active{border-color:var(--accent-primary);background:var(--accent-primary-glow);color:var(--accent-primary);font-weight:700}.dialog__btn--secondary:hover{background:var(--glass-active);color:var(--text-primary)}.dialog__btn--danger{color:var(--accent-danger);background:transparent}.dialog__btn--danger:hover{background:var(--color-danger-muted)}.dialog__error{font-size:.78rem;color:var(--accent-danger);margin-top:8px}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-root)}.auth-card{background:var(--glass-bg);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-8);width:400px;max-width:90vw}.auth-card__title{font-size:1.3rem;font-weight:800;color:var(--text-primary);letter-spacing:-.3px;margin-bottom:20px;text-align:center}@media(prefers-reduced-motion:no-preference){@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes messageSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.invite-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-root)}.invite-card{background:var(--glass-bg);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-8);width:400px;max-width:90vw;text-align:center}.invite-card__icon{width:64px;height:64px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-weight:800;font-size:1.2rem;color:var(--color-text-inverse)}.invite-card__name{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.invite-card__meta{font-size:.82rem;color:var(--text-tertiary);margin-bottom:20px}.invite-card__btn{padding:12px 32px;border-radius:var(--radius-md);background:var(--accent-primary);color:var(--text-inverse);font-size:.9rem;font-weight:700;transition:all var(--transition-fast)}.invite-card__btn:hover{box-shadow:0 4px 16px var(--color-accent-glow);transform:translateY(-1px)}.invite-card__btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.invite-card__link{font-size:.85rem;color:var(--accent-secondary);display:block;margin-top:12px}.invite-card__error{font-size:.82rem;color:var(--accent-danger);margin-top:12px}.media-channel-view{flex:1;display:flex;flex-direction:column;overflow:hidden}.media-channel-view--connected{background:var(--bg-root)}.media-channel-join{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.media-channel-join__card{display:flex;flex-direction:column;align-items:center;gap:20px;padding:48px 56px;background:var(--color-glass-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center;max-width:400px;width:100%}@media(prefers-reduced-motion:no-preference){.media-channel-join__card{animation:anim-scaleIn var(--duration-normal) var(--ease-out) both}}.media-channel-join__icon{color:var(--text-tertiary);opacity:.45}.media-channel-join__title{font-size:1.25rem;font-weight:700;color:var(--text-primary);letter-spacing:-.2px}.media-channel-join__participants{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--text-tertiary);font-weight:500}.media-channel-join__participants svg{width:16px;height:16px;opacity:.55}.media-channel-join__subtitle{font-size:.85rem;color:var(--text-tertiary);line-height:1.5;max-width:280px}.media-channel-join__error{display:flex;align-items:center;gap:var(--space-2);padding:10px 16px;background:var(--color-danger-muted);border:1px solid oklch(from var(--color-danger) l c h / .25);border-radius:var(--radius-md);font-size:.82rem;color:var(--color-danger);width:100%}.media-channel-join__error-dismiss{color:var(--color-danger);font-weight:700;font-size:.85rem;margin-left:auto;flex-shrink:0;padding:2px 6px;border-radius:var(--radius-sm);transition:background var(--duration-fast)}.media-channel-join__error-dismiss:hover{background:oklch(from var(--color-danger) l c h / .12)}.media-channel-join__button{padding:14px 48px;border-radius:var(--radius-full);background:var(--color-success);color:var(--color-text-inverse);font-size:.95rem;font-weight:700;transition:all var(--duration-normal) var(--ease-out);position:relative;box-shadow:0 0 20px oklch(from var(--color-success) l c h / .3)}.media-channel-join__button:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-2px);box-shadow:0 0 32px oklch(from var(--color-success) l c h / .45),0 0 64px oklch(from var(--color-success) l c h / .2)}.media-channel-join__button:active:not(:disabled){transform:translateY(0)}.media-channel-join__button:disabled{opacity:.5;cursor:not-allowed}@media(prefers-reduced-motion:no-preference){.media-channel-join__button:not(:disabled){animation:mc-join-pulse 2.5s var(--ease-in-out) infinite}}@keyframes mc-join-pulse{0%,to{box-shadow:0 0 20px oklch(from var(--color-success) l c h / .3)}50%{box-shadow:0 0 36px oklch(from var(--color-success) l c h / .5),0 0 64px oklch(from var(--color-success) l c h / .25)}}.media-channel-connected{flex:1;display:flex;flex-direction:column;overflow:hidden}.media-channel-connected__header{display:flex;align-items:center;gap:var(--space-3);padding:10px 20px;border-bottom:1px solid var(--color-glass-border);flex-shrink:0;background:var(--color-glass-bg);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%)}.media-channel-connected__minimize{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:all var(--duration-fast) var(--ease-out)}.media-channel-connected__minimize:hover{background:var(--color-glass-hover);color:var(--text-primary)}.media-channel-connected__count{font-size:.78rem;font-weight:600;color:var(--text-tertiary)}.media-channel-connected__spacer{flex:1}.media-channel-connected__hide{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:all var(--duration-fast) var(--ease-out)}.media-channel-connected__hide:hover{background:var(--color-danger-muted);color:var(--color-danger)}.media-channel-connected__hand-badge{display:flex;align-items:center;justify-content:center;color:var(--color-warning)}@media(prefers-reduced-motion:no-preference){.media-channel-connected__hand-badge{animation:anim-bounceIn var(--duration-normal) var(--ease-spring) both}}.media-channel-connected__grid{flex:1;display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center;gap:20px;padding:var(--space-6);overflow-y:auto}.media-channel-connected--minimized .media-channel-connected__grid{display:none}.mc-tile{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:130px;padding:18px 12px 14px;border-radius:var(--radius-lg);background:var(--color-glass-bg);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);border:1px solid var(--color-glass-border);transition:all var(--duration-normal) var(--ease-out)}.mc-tile:hover{background:var(--color-glass-hover);border-color:var(--color-border-medium);transform:translateY(-2px);box-shadow:var(--shadow-md)}.mc-tile--speaking{border-color:oklch(from var(--color-success) l c h / .35);box-shadow:0 0 24px oklch(from var(--color-success) l c h / .12)}.mc-tile__avatar{width:64px;height:64px;border-radius:var(--radius-full);position:relative;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;color:var(--color-text-inverse);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));overflow:visible;flex-shrink:0}.mc-tile__avatar-img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full)}.mc-tile__avatar-fallback{font-size:1.3rem}.mc-tile__speaking-ring{position:absolute;inset:-4px;border-radius:var(--radius-full);border:3px solid transparent;pointer-events:none;transition:border-color var(--duration-normal) var(--ease-out)}.mc-tile__speaking-ring--active{border-color:var(--color-success)!important;animation:speaking-ring-outer 1.4s ease-out infinite}.mc-tile__speaking-ring--active:after{content:"";position:absolute;inset:-4px;border-radius:var(--radius-full);border:3px solid var(--color-success);animation:speaking-ring-inner 1.4s ease-out .4s infinite}.mc-tile__status-icon{position:absolute;bottom:-2px;right:-2px;width:22px;height:22px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-text-inverse);border:2px solid var(--bg-primary, var(--color-surface-0))}.mc-tile__status-icon--muted{background:var(--color-danger)}.mc-tile__status-icon--deafened{background:var(--color-warning);inset:-2px auto auto -2px}.mc-tile__hand-icon{position:absolute;top:-6px;left:-6px;width:24px;height:24px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:var(--color-warning);color:var(--color-text-inverse);border:2px solid var(--bg-primary, var(--color-surface-0));box-shadow:0 0 8px oklch(from var(--color-warning) l c h / .35)}@media(prefers-reduced-motion:no-preference){.mc-tile__hand-icon{animation:anim-bounceIn var(--duration-normal) var(--ease-spring) both}}.mc-tile__name-row{display:flex;align-items:center;gap:5px;max-width:100%}.mc-tile__name{font-size:.78rem;font-weight:600;color:var(--text-secondary);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-tile__hand-badge{color:var(--color-warning);flex-shrink:0}.mc-tile__quality-dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0;transition:background var(--duration-fast)}.mc-tile__quality-dot--good{background:var(--color-success);box-shadow:0 0 5px oklch(from var(--color-success) l c h / .45)}.mc-tile__quality-dot--fair{background:var(--color-warning);box-shadow:0 0 5px oklch(from var(--color-warning) l c h / .4)}.mc-tile__quality-dot--poor{background:var(--color-danger);box-shadow:0 0 5px oklch(from var(--color-danger) l c h / .4)}.mc-tile__quality-dot--unknown{background:var(--color-text-tertiary);opacity:.4}.media-channel-controls{display:flex;justify-content:center;gap:28px;padding:16px 24px;border-top:1px solid var(--color-glass-border);flex-shrink:0;background:var(--color-glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.media-channel-controls__group{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.media-channel-controls__btn{width:44px;height:44px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);background:var(--color-glass-hover);border:1px solid transparent;transition:all var(--duration-fast) var(--ease-out)}.media-channel-controls__btn:hover{background:var(--color-glass-active);color:var(--text-primary);border-color:var(--color-glass-border);transform:translateY(-1px)}.media-channel-controls__btn:active{transform:translateY(0)}.media-channel-controls__btn--danger{background:var(--color-danger-muted);color:var(--color-danger);border-color:oklch(from var(--color-danger) l c h / .2)}.media-channel-controls__btn--danger:hover{background:var(--color-danger-muted);color:var(--color-danger-hover);border-color:oklch(from var(--color-danger) l c h / .3)}.media-channel-controls__btn--active{background:var(--color-accent-glow);color:var(--color-accent);border-color:oklch(from var(--color-accent) l c h / .25)}.media-channel-controls__btn--active:hover{background:var(--color-accent-muted);color:var(--color-accent-hover)}.media-channel-controls__btn--leave{background:var(--color-danger);color:var(--color-text-inverse);box-shadow:0 0 12px oklch(from var(--color-danger) l c h / .25)}.media-channel-controls__btn--leave:hover{background:var(--color-danger-hover);box-shadow:0 0 22px oklch(from var(--color-danger) l c h / .4);transform:translateY(-2px);color:var(--color-text-inverse)}.media-channel-controls__label{font-size:.65rem;font-weight:600;color:var(--text-tertiary);-webkit-user-select:none;user-select:none}.mc-self-video{position:relative;width:176px;height:100px;border-radius:var(--radius-md);overflow:hidden;margin:14px auto 0;border:2px solid var(--color-glass-border);background:var(--bg-root);box-shadow:var(--shadow-sm)}.mc-self-video__vid{width:100%;height:100%;object-fit:cover;border-radius:calc(var(--radius-md) - 2px)}.mc-self-video__label{position:absolute;bottom:5px;left:8px;font-size:.65rem;font-weight:700;color:var(--color-text-inverse);text-shadow:0 1px 3px rgba(0,0,0,.85);pointer-events:none;background:#00000059;padding:2px 6px;border-radius:var(--radius-sm);line-height:1.3}.mini-media-bar{display:flex;align-items:center;gap:var(--space-3);padding:8px 16px;background:var(--color-glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid var(--color-glass-border);flex-shrink:0;min-height:46px;transition:min-height var(--duration-normal) var(--ease-out),padding var(--duration-normal) var(--ease-out)}.mini-media-bar--expanded{min-height:56px;padding:12px 16px}.mini-media-bar__expand{width:30px;height:30px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.mini-media-bar__expand:hover{background:var(--color-glass-hover);color:var(--text-primary)}.mini-media-bar__info{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0}.mini-media-bar__channel{font-size:.82rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-media-bar__count{display:flex;align-items:center;gap:4px;font-size:.72rem;color:var(--text-tertiary);white-space:nowrap}.mini-media-bar__controls{display:flex;align-items:center;gap:8px}.mini-media-bar__btn{width:34px;height:34px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:var(--color-glass-hover);color:var(--text-secondary);cursor:pointer;border:1px solid transparent;transition:all var(--duration-fast) var(--ease-out)}.mini-media-bar__btn:hover{background:var(--color-glass-active);color:var(--text-primary);border-color:var(--color-glass-border)}.mini-media-bar__btn--danger{background:var(--color-danger-muted);color:var(--color-danger);border-color:oklch(from var(--color-danger) l c h / .18)}.mini-media-bar__btn--danger:hover{background:var(--color-danger-muted);color:var(--color-danger-hover)}.mini-media-bar__btn--leave{background:var(--color-danger);color:var(--color-text-inverse);box-shadow:0 0 10px oklch(from var(--color-danger) l c h / .22)}.mini-media-bar__btn--leave:hover{background:var(--color-danger-hover);box-shadow:0 0 18px oklch(from var(--color-danger) l c h / .35);color:var(--color-text-inverse)}.member-list{display:flex;flex-direction:column;height:100%;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.member-list__header{padding:16px 14px 10px;font-size:.75rem;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1.2px;border-bottom:2px solid var(--border-medium);flex-shrink:0}.member-list__section-header{display:flex;align-items:center;gap:8px;padding:16px 14px 4px;font-size:.65rem;font-weight:700;color:var(--text-muted, var(--color-text-tertiary));text-transform:uppercase;letter-spacing:1.2px;-webkit-user-select:none;user-select:none}.member-list__online-count,.member-list__offline-count{font-size:.6rem;font-weight:600;color:var(--text-muted, var(--color-text-tertiary));opacity:.7}.member-list__item{display:flex;align-items:center;gap:10px;padding:6px 14px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast);min-height:36px}.member-list__item:hover,.member-list__item--offline:hover{background:var(--glass-hover);transform:translate(3px)}.member-list__item-avatar{width:30px;height:30px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:700;color:var(--color-text-inverse);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));position:relative;flex-shrink:0;overflow:hidden}.member-list__item-avatar img{width:100%;height:100%;object-fit:cover}.member-list__item-avatar--offline{opacity:.45}.member-list__item-status{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-radius:var(--radius-full);border:2px solid var(--bg-surface)}.member-list__item-status--online{background:var(--status-online)}.member-list__item-name{font-size:.82rem;font-weight:500;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-list__crown{flex-shrink:0;color:var(--color-warning);display:flex;align-items:center}.member-list__crown svg{filter:drop-shadow(0 0 3px var(--glow-gold, oklch(from var(--color-warning) l c h / .3)))}.member-list__crown--offline{opacity:.45}.member-list__divider{height:1px;background:var(--border-subtle);margin:6px 14px}.member-list__empty{padding:8px 14px;color:var(--text-tertiary);font-size:.78rem;text-align:center}.member-list__skeleton-group{padding:4px 0}.member-list__skeleton{display:flex;align-items:center;gap:10px;padding:8px 14px;min-height:36px}.member-list__skeleton-avatar{width:30px;height:30px;border-radius:var(--radius-full);flex-shrink:0}.member-list__skeleton-name{flex:1;height:12px;border-radius:var(--radius-sm)}.server-layout{flex:1;display:flex;overflow:hidden;position:relative}.server-layout__banner{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.12;filter:blur(60px) saturate(2);transform:scale(1.3);pointer-events:none;z-index:0}.server-layout__content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;position:relative;z-index:1}.server-layout__members{width:220px;flex-shrink:0;border-left:1px solid var(--border-subtle);background:var(--glass-bg);overflow-y:auto;position:relative;z-index:1}.topbar__profile-wrap{position:relative}.profile-popup{position:absolute;top:calc(100% + 8px);right:0;width:240px;background:var(--glass-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:300;overflow:hidden;animation:profilePopupIn var(--duration-normal) var(--ease-spring);transform-origin:top right}@keyframes profilePopupIn{0%{opacity:0;transform:scale(.92) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}.profile-popup__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4)}.profile-popup__avatar{width:44px;height:44px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:var(--color-text-inverse);overflow:hidden;flex-shrink:0}.profile-popup__avatar img{width:100%;height:100%;object-fit:cover}.profile-popup__user-info{flex:1;min-width:0}.profile-popup__username{font-weight:700;font-size:.9rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-popup__status{font-size:.74rem;color:var(--text-tertiary);display:flex;align-items:center;gap:5px;margin-top:1px}.profile-popup__status-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--status-online);flex-shrink:0}.profile-popup__status-dot--online{background:var(--status-online)}.profile-popup__status-dot--offline{background:var(--status-offline)}.profile-popup__status-dot--idle{background:var(--status-idle)}.profile-popup__status-dot--dnd{background:var(--status-dnd)}.profile-popup__divider{height:1px;background:var(--glass-border);margin:0}.profile-popup__item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;font-size:.82rem;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast)}.profile-popup__item:hover{background:var(--glass-hover);color:var(--text-primary)}.profile-popup__item svg{width:16px;height:16px;opacity:.6;flex-shrink:0}.profile-popup__item--danger{color:var(--accent-danger)}.profile-popup__item--danger:hover{background:var(--color-danger-muted)}.server-menu{position:relative;flex-shrink:0}.server-settings__trigger{color:var(--text-secondary)}.server-settings__trigger svg{opacity:.65!important}.server-settings__trigger:hover{background:var(--glass-active);color:var(--text-primary)}.server-settings__trigger:hover svg{opacity:1!important}.server-settings__dropdown{position:absolute;top:calc(100% + 6px);right:0;width:220px;background:var(--bg-overlay);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:500;overflow:hidden;animation:popIn var(--duration-fast) var(--ease-out)}.server-settings__dropdown-header{padding:10px 14px 6px;font-size:.66rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px}.server-settings__dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 14px;font-size:.8rem;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast);text-align:left}.server-settings__dropdown-item:hover{background:var(--glass-hover);color:var(--text-primary)}.server-settings__dropdown-item svg{width:14px;height:14px;opacity:.5;flex-shrink:0}.server-settings__dropdown-item--danger{color:var(--accent-danger)}.server-settings__dropdown-item--danger:hover{background:var(--color-danger-muted)}.server-settings__dropdown-divider{height:1px;background:var(--glass-border);margin:4px 0}.server-settings__invite-row{display:flex;align-items:center;gap:6px;padding:6px 14px}.server-settings__invite-code{flex:1;font-size:.66rem;color:var(--text-tertiary);background:var(--bg-input);padding:4px 8px;border-radius:var(--radius-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono)}.server-settings__invite-copy{padding:4px 10px;border-radius:var(--radius-sm);font-size:.68rem;font-weight:600;color:var(--accent-primary);background:var(--accent-primary-glow);transition:all var(--transition-fast);white-space:nowrap}.server-settings__invite-copy:hover{background:var(--accent-primary);color:var(--color-text-inverse)}.topbar__voice{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);background:var(--color-success-muted);border:1px solid var(--color-success-muted);margin-left:6px}.topbar__voice-info{display:flex;align-items:center;gap:6px;margin-right:6px}.topbar__voice-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--accent-friend);flex-shrink:0;box-shadow:0 0 6px var(--color-success-muted);animation:pulse-dot 2s ease-in-out infinite}.topbar__voice-channel{font-size:.78rem;font-weight:600;color:var(--text-primary);white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.topbar__voice-btn{width:28px;height:28px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-fast)}.topbar__voice-btn:hover{background:var(--glass-hover);color:var(--text-primary)}.topbar__voice-btn--danger,.topbar__voice-btn--leave{color:var(--accent-danger)}.topbar__voice-btn--leave:hover{background:var(--color-danger-muted)}@media(prefers-reduced-motion:no-preference){@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}}.sidebar__item--connected .sidebar__item-icon{color:var(--accent-friend);opacity:1}.sidebar__item-connected-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--accent-friend);flex-shrink:0;margin-left:auto;box-shadow:0 0 6px var(--color-success-muted)}.sidebar__item-voice-count{display:flex;align-items:center;gap:3px;margin-left:auto;padding:1px 6px;border-radius:var(--radius-full);background:var(--color-success-muted);color:var(--accent-friend);font-size:.65rem;font-weight:700;white-space:nowrap;flex-shrink:0}.sidebar__voice-participants{padding:0 0 4px 28px}.sidebar__voice-participant{display:flex;align-items:center;gap:var(--space-2);padding:3px 8px;border-radius:var(--radius-sm)}.sidebar__voice-participant-avatar{width:22px;height:22px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.55rem;font-weight:700;color:var(--color-text-inverse);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));position:relative;flex-shrink:0;overflow:visible}.sidebar__voice-participant-avatar img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full)}.sidebar__voice-participant-speaking{position:absolute;inset:-3px;border-radius:var(--radius-full);border:2px solid transparent;transition:border-color var(--transition-fast);pointer-events:none}.sidebar__voice-participant--speaking .sidebar__voice-participant-avatar{box-shadow:0 0 6px oklch(from var(--color-success) l c h / .6)}.sidebar__voice-participant--speaking .sidebar__voice-participant-speaking{border-color:var(--color-success);animation:speaking-ring-outer 1.2s ease-out infinite}.sidebar__voice-participant--speaking .sidebar__voice-participant-speaking:after{content:"";position:absolute;inset:-3px;border-radius:var(--radius-full);border:2px solid var(--color-success);animation:speaking-ring-inner 1.2s ease-out .3s infinite}.sidebar__item-voice-speaking .sidebar__item-voice-ring{border-color:var(--accent-primary);opacity:1}.sidebar__voice-participant:hover .sidebar__voice-participant-speaking{border-color:var(--accent-friend)}.sidebar__voice-participant-name{font-size:.72rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__item-board-btn,.sidebar__item-delete-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:2px 4px;border-radius:var(--radius-sm);color:var(--text-tertiary);transition:color var(--duration-fast),background var(--duration-fast);flex-shrink:0}.sidebar__item-board-btn:hover{color:var(--accent-primary);background:var(--color-accent-muted)}.sidebar__item-delete-btn:hover{color:var(--accent-danger);background:var(--color-danger-muted)}.sidebar__quick-create-actions{display:flex;gap:var(--space-1);padding:8px 16px;border-top:1px solid var(--border-subtle)}.sidebar__quick-create-action{display:flex;align-items:center;gap:var(--space-1);padding:4px 8px;border:none;border-radius:var(--radius-sm);background:none;color:var(--text-tertiary);font-family:inherit;font-size:.72rem;cursor:pointer;transition:color var(--duration-fast),background var(--duration-fast)}.sidebar__quick-create-action:hover{color:var(--accent-primary);background:var(--bg-hover)}.sidebar__quick-create{display:flex;align-items:center;gap:var(--space-1);padding:6px 16px}.sidebar__quick-create-input{flex:1;min-width:0;padding:5px 8px;border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border-medium);font-size:.78rem;color:var(--text-primary);font-family:inherit}.sidebar__quick-create-input:focus{border-color:var(--accent-primary);outline:none}.sidebar__quick-create-input::placeholder{color:var(--text-tertiary)}.sidebar__quick-create-btn{padding:5px 10px;border:none;border-radius:var(--radius-sm);background:var(--accent-primary);color:var(--text-inverse);font-size:.72rem;font-family:inherit;cursor:pointer;white-space:nowrap}.sidebar__quick-create-cancel{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:2px;border-radius:var(--radius-sm)}@media(max-width:1023px){#app{grid-template-columns:var(--sidebar-collapsed-w) 1fr}.server-layout__members{width:180px}.topbar__action-btn[aria-label="AI Create"]{display:none}.topbar__search{max-width:220px}.topbar__voice-channel{max-width:80px}}@media(max-width:767px){#app{grid-template-rows:var(--topbar-h) 1fr;grid-template-columns:1fr;grid-template-areas:"topbar" "main"}.sidebar{display:none}.right-panel{width:100%}.server-layout__members{display:none}.topbar{padding:0 var(--space-2);gap:var(--space-1)}.topbar__logo{width:30px;height:30px;margin-right:var(--space-2)}.topbar__logo svg{width:16px;height:16px}.topbar__server-pick{padding:6px 8px}.topbar__server-pick span,.topbar__server-pick-chevron{display:none}.topbar__search{flex:0;max-width:36px}.topbar__search-trigger{padding:6px;justify-content:center}.topbar__search-trigger kbd,.topbar__search-trigger span,.topbar__action-btn[aria-label="AI Create"]{display:none}.topbar__user{padding:4px 6px;gap:0}.topbar__user-name{display:none}.topbar__user-avatar{width:28px;height:28px}.topbar__voice{display:none}.topbar__voice--active{display:flex}.topbar__server-dropdown{width:min(280px,calc(100vw - 32px));max-height:60vh;overflow-y:auto}}@media(max-width:639px){#app{grid-template-rows:var(--topbar-h) 1fr;grid-template-columns:1fr;grid-template-areas:"topbar" "main";height:100dvh;height:100vh}#app.has-mobile-nav{grid-template-rows:var(--topbar-h) 1fr var(--tabbar-h, 56px);grid-template-areas:"topbar" "main" "tabbar"}.main{grid-area:main;overflow-y:auto;overflow-x:hidden}.topbar{height:auto;padding:var(--safe-area-top) var(--space-2) 0;gap:var(--space-1);justify-content:flex-start;overflow:hidden;min-height:calc(var(--topbar-h) + var(--safe-area-top))}#app{grid-template-rows:calc(var(--topbar-h) + var(--safe-area-top)) 1fr}#app.has-mobile-nav{grid-template-rows:calc(var(--topbar-h) + var(--safe-area-top)) 1fr var(--tabbar-h, 56px)}.topbar__logo{display:none}.topbar__mobile-menu{display:flex!important;flex-shrink:0}.topbar__server-pick{flex-shrink:1;min-width:0;overflow:hidden}.topbar__server-pick span,.topbar__server-pick-chevron{display:none}.topbar__server-pick-icon{flex-shrink:0}.topbar__search{max-width:36px;flex-shrink:0}.topbar__search-trigger{padding:6px!important;justify-content:center}.topbar__search-trigger kbd,.topbar__search-trigger span:not(.topbar__search-icon){display:none}.topbar__actions{flex-shrink:0;gap:0}.topbar__action-btn--notifications,.topbar__action-btn[aria-label="AI Create"]{display:none}.topbar__user{padding:4px!important;gap:0}.topbar__user-name,.topbar__user-status,.topbar__voice{display:none}.topbar__voice--active{display:flex;flex-shrink:0}.dialog{min-width:unset!important;width:calc(100vw - var(--space-4) * 2)!important;max-width:480px!important;max-height:calc(100dvh - var(--space-8) * 2)!important;max-height:calc(100vh - var(--space-8) * 2)!important;overflow-y:auto;border-radius:var(--radius-lg);padding:var(--space-4)}.dialog-overlay{align-items:flex-end;padding-bottom:var(--safe-area-bottom)}.settings-overlay{width:100vw!important;height:100dvh!important;height:100vh!important;border-radius:0;grid-template-columns:1fr;grid-template-rows:auto 1fr}.settings-overlay__nav{flex-direction:row!important;overflow-x:auto;width:100%!important;padding:var(--space-2)!important;gap:var(--space-1)}.settings-overlay__nav button{white-space:nowrap;flex-shrink:0}.settings-overlay__content{padding:var(--space-3)!important}.server-layout__content{flex:1;overflow-y:auto}.right-panel{position:fixed!important;inset:0!important;width:100vw!important;z-index:250!important;padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom)}.profile-popup{right:0;left:auto;width:min(280px,calc(100vw - 32px));position:fixed;top:calc(var(--topbar-h) + 8px);max-height:calc(100dvh - var(--topbar-h) - var(--tabbar-h, 56px) - 16px);max-height:calc(100vh - var(--topbar-h) - var(--tabbar-h, 56px) - 16px);overflow-y:auto}.topbar__server-dropdown{width:min(280px,calc(100vw - 32px));max-height:60vh;overflow-y:auto}.toast-stack{bottom:calc(var(--tabbar-h, 56px) + var(--safe-area-bottom) + 12px);top:auto;right:8px;left:8px;max-width:none}}.mobile-nav{grid-area:tabbar;display:flex;align-items:center;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;height:var(--tabbar-h);z-index:300;background:var(--color-surface-1);border-top:1px solid var(--color-border-subtle);padding-bottom:var(--safe-area-bottom)}.mobile-nav__tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:20%;height:100%;color:var(--text-tertiary);text-decoration:none;font-size:.62rem;font-weight:500;padding:0 4px;transition:color var(--duration-fast) var(--ease-out);position:relative}.mobile-nav__tab:hover{color:var(--text-secondary)}.mobile-nav__tab--active{color:var(--color-accent)}.mobile-nav__icon-wrap{position:relative;display:flex;align-items:center;justify-content:center}.mobile-nav__badge{position:absolute;top:-4px;right:-10px;min-width:16px;height:16px;padding:0 4px;border-radius:var(--radius-full);background:var(--color-danger);color:var(--color-text-inverse);font-size:.58rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-surface-1);pointer-events:none}.mobile-nav__label{white-space:nowrap}.topbar__mobile-menu{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--text-secondary);margin-right:8px;flex-shrink:0;transition:background var(--duration-fast),color var(--duration-fast)}.topbar__mobile-menu:hover{background:var(--glass-hover);color:var(--text-primary)}.sidebar-overlay-backdrop{position:fixed;inset:0;z-index:250;background:#00000080;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.sidebar--mobile-overlay{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:260;grid-area:unset;border-right:1px solid var(--color-border-subtle);padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom)}