:root{--accent: var(--prim-brand-3);--accent-contrast: oklch(0% 0 0);--accent-hover: var(--prim-brand-4);--avatar-bg: var(--accent);--avatar-initials-size: .5rem;--avatar-lg: var(--prim-size-xl);--avatar-md: var(--prim-size-lg);--avatar-sm: var(--prim-size-md);--avatar-stack-overlap: var(--prim-size-stack-overlap);--avatar-text: var(--accent-contrast);--avatar-xs: var(--prim-size-xs);--badge-bg: var(--danger);--badge-highlight-bg: var(--danger);--badge-min-size: var(--prim-size-xs);--badge-text: var(--text-on-danger);--banner-action-hover: var(--surface-hover-contrast);--banner-error-bg: var(--danger);--banner-error-text: var(--text-on-danger);--banner-reconnect-bg: var(--warning);--banner-reconnect-text: var(--text-on-warning);--border-default: var(--prim-neutral-4);--border-width: var(--prim-border-width);--border-width-accent: var(--prim-border-width-accent);--border-width-medium: var(--prim-border-width-medium);--border-width-strong: var(--prim-border-width-strong);--button-danger-bg: var(--danger);--button-danger-bg-hover: var(--danger-hover);--button-danger-text: var(--text-on-danger);--button-primary-bg: var(--accent);--button-primary-bg-hover: var(--accent-hover);--button-primary-text: var(--accent-contrast);--button-secondary-bg: var(--surface-inset);--button-secondary-bg-hover: var(--state-hover);--button-secondary-border: var(--border-default);--button-secondary-text: var(--text-primary);--composer-attachment-thumb-height: 96px;--composer-attachment-width: 160px;--composer-bg: var(--surface-pane);--composer-input-bg: var(--surface-inset);--composer-input-border: var(--border-default);--control-lg: var(--prim-size-xl);--control-md: var(--prim-size-lg);--control-radius: var(--radius-md);--control-sm: var(--prim-size-sm-plus);--danger: var(--prim-red-3);--danger-hover: var(--prim-red-4);--dialog-bg: var(--surface-raised);--dialog-border: var(--border-default);--dialog-gutter: var(--space-6);--dialog-width: var(--layout-dialog-width);--focus-ring: var(--accent);--focus-ring-color: var(--focus-ring);--focus-ring-offset: 2px;--focus-ring-outline: var(--focus-ring-width);--focus-ring-width: var(--prim-border-width-strong);--font-mono: var(--prim-font-mono);--font-sans: var(--prim-font-sans);--hairline: var(--prim-size-hairline);--icon-lg: var(--prim-size-sm-plus);--icon-md: var(--prim-size-sm);--icon-sm: var(--prim-size-xs);--icon-xs: var(--prim-size-2xs);--input-bg: var(--surface-inset);--input-border: var(--border-default);--input-placeholder: var(--text-muted);--input-text: var(--text-primary);--input-textarea-min-height: 4.5rem;--layout-dialog-width: 28rem;--layout-guild-rail-width: var(--prim-layout-rail);--layout-members-width: var(--prim-layout-members);--layout-menu-min-width: var(--prim-layout-menu-min);--layout-roomlist-width: var(--prim-layout-roomlist);--layout-settings-content-min-width: 26rem;--layout-settings-content-width: 46rem;--layout-settings-nav-width: 14rem;--layout-slideover-width: var(--prim-layout-slideover);--layout-timeline-min-width: 24rem;--layout-voice-stage-height: 22rem;--layout-voice-strip-height: 7rem;--leading-none: var(--prim-leading-none);--leading-normal: var(--prim-leading-normal);--leading-tight: var(--prim-leading-tight);--media-audio-max-width: 320px;--media-image-max-height: 240px;--media-image-max-width: 320px;--media-video-max-height: 280px;--media-video-max-width: 360px;--member-badge-radius: var(--radius-full);--member-dot-size: var(--presence-dot-size);--member-item-padding-y: var(--space-1);--member-shield-size: var(--verified-badge-size);--members-bg: var(--surface-pane);--mention: var(--prim-mention-3);--menu-bg: var(--surface-raised);--menu-border: var(--border-default);--menu-item-danger: var(--danger);--menu-min-width: var(--layout-menu-min-width);--motion-base: var(--prim-motion-base);--motion-ease: var(--prim-motion-ease);--motion-fast: var(--prim-motion-fast);--motion-slow: var(--prim-motion-slow);--overlay-bg: var(--surface-overlay);--panel-bg: var(--surface-raised);--panel-border: var(--border-default);--panel-shadow: var(--shadow-panel);--panel-width: var(--layout-slideover-width);--panel-z: var(--z-panel);--picker-results-max-height: 12rem;--popover-bg: var(--surface-raised);--popover-border: var(--border-default);--popover-shadow: var(--shadow-md);--presence-dot-size: var(--prim-size-2xs);--prim-amber-3: #f0b232;--prim-black: #000000;--prim-border-width: 1px;--prim-border-width-accent: 3px;--prim-border-width-medium: 1.5px;--prim-border-width-strong: 2px;--prim-brand-0: oklch(93% .06 165.23);--prim-brand-1: oklch(85% .11 165.23);--prim-brand-2: oklch(78% .15 165.23);--prim-brand-3: oklch(70.4% .191 165.23);--prim-brand-4: oklch(64% .17 165.23);--prim-brand-5: oklch(54% .13 165.23);--prim-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--prim-font-sans: Figtree, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--prim-green-3: #23a55a;--prim-layout-members: 240px;--prim-layout-menu-min: 200px;--prim-layout-rail: 72px;--prim-layout-roomlist: 240px;--prim-layout-slideover: 360px;--prim-leading-none: 1;--prim-leading-normal: 1.5;--prim-leading-tight: 1.25;--prim-mention-3: #f0b232;--prim-motion-base: .2s;--prim-motion-ease: ease-out;--prim-motion-fast: .12s;--prim-motion-slow: 2.4s;--prim-neutral-0: oklch(100% 0 0);--prim-neutral-1: oklch(98% 0 0);--prim-neutral-10: oklch(90% 0 0);--prim-neutral-11: oklch(50% 0 0);--prim-neutral-12: oklch(58% 0 0);--prim-neutral-2: oklch(60% 0 0);--prim-neutral-3: oklch(50% 0 0);--prim-neutral-4: oklch(100% 0 0 / .08);--prim-neutral-5: oklch(12% 0 0);--prim-neutral-6: oklch(0% 0 0);--prim-neutral-7: oklch(16% 0 0);--prim-neutral-8: oklch(100% 0 0);--prim-neutral-9: oklch(96% 0 0);--prim-opacity-disabled: .5;--prim-opacity-muted: .7;--prim-radius-full: 9999px;--prim-radius-lg: .625rem;--prim-radius-md: .5rem;--prim-radius-sm: .375rem;--prim-radius-xs: .125rem;--prim-red-3: #f23f43;--prim-red-4: #c03537;--prim-shadow-md: 0 3px 3px rgba(0, 0, 0, .12);--prim-shadow-panel: -8px 0 24px rgba(0, 0, 0, .25);--prim-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--prim-size-2xs: 8px;--prim-size-hairline: 1px;--prim-size-indicator: 4px;--prim-size-lg: 32px;--prim-size-md: 24px;--prim-size-scrollbar: 6px;--prim-size-sm: 20px;--prim-size-sm-plus: 22px;--prim-size-stack-overlap: -8px;--prim-size-xl: 48px;--prim-size-xs: 16px;--prim-space-0-5: .125rem;--prim-space-1: .25rem;--prim-space-1-5: .375rem;--prim-space-2: .5rem;--prim-space-3: .75rem;--prim-space-4: 1rem;--prim-space-5: 1.5rem;--prim-space-6: 2rem;--prim-space-px: .0625rem;--prim-text-2xs: .5625rem;--prim-text-lg: 1.25rem;--prim-text-md: 1rem;--prim-text-sm: .875rem;--prim-text-xl: 1.5rem;--prim-text-xs: .75rem;--prim-tracking-emoji: .25em;--prim-tracking-emoji-lg: .5em;--prim-tracking-wide: .04em;--prim-tracking-wider: .08em;--prim-weight-bold: 700;--prim-weight-normal: 400;--prim-weight-semibold: 600;--prim-z-dropdown: 50;--prim-z-modal: 110;--prim-z-overlay: 100;--prim-z-panel: 5;--prim-z-toast: 120;--radius-full: var(--prim-radius-full);--radius-lg: var(--prim-radius-lg);--radius-md: var(--prim-radius-md);--radius-sm: var(--prim-radius-sm);--radius-xs: var(--prim-radius-xs);--rail-favourite-min-width: 30px;--rail-indicator: var(--accent);--rail-item-bg-active: var(--state-selected);--rail-item-bg-hover: var(--state-hover);--rail-item-size: var(--prim-size-xl);--rail-pill-width: var(--prim-size-indicator);--roomlist-bg: var(--surface-pane);--roomlist-item-bg-active: var(--state-selected);--roomlist-item-bg-hover: var(--state-hover);--roomlist-item-padding-y: var(--space-1);--roomlist-item-radius: var(--control-radius);--roomlist-item-text: var(--text-secondary);--roomlist-item-text-active: var(--text-primary);--scrollbar-width: var(--prim-size-scrollbar);--settings-bg: var(--surface-base);--settings-content-min-width: var(--layout-settings-content-min-width);--settings-content-width: var(--layout-settings-content-width);--settings-nav-bg: var(--surface-pane);--settings-nav-item-bg-active: var(--state-selected);--settings-nav-item-bg-hover: var(--state-hover);--settings-nav-item-danger: var(--danger);--settings-nav-width: var(--layout-settings-nav-width);--shadow-md: var(--prim-shadow-md);--shadow-panel: var(--prim-shadow-panel);--shadow-sm: var(--prim-shadow-sm);--space-0-5: var(--prim-space-0-5);--space-1: var(--prim-space-1);--space-1-5: var(--prim-space-1-5);--space-2: var(--prim-space-2);--space-3: var(--prim-space-3);--space-4: var(--prim-space-4);--space-5: var(--prim-space-5);--space-6: var(--prim-space-6);--space-px: var(--prim-space-px);--state-disabled-opacity: var(--prim-opacity-disabled);--state-hover: var(--surface-hover);--state-muted-opacity: var(--prim-opacity-muted);--state-selected: var(--surface-active);--success: var(--prim-green-3);--surface-active: rgba(255, 255, 255, .1);--surface-base: var(--prim-neutral-6);--surface-hover: rgba(255, 255, 255, .06);--surface-hover-contrast: rgba(0, 0, 0, .08);--surface-inset: var(--surface-base);--surface-overlay: rgba(0, 0, 0, .6);--surface-pane: var(--prim-neutral-5);--surface-rail: var(--prim-neutral-7);--surface-raised: var(--prim-neutral-7);--text-2xs: var(--prim-text-2xs);--text-lg: var(--prim-text-lg);--text-md: var(--prim-text-md);--text-muted: var(--prim-neutral-3);--text-on-danger: var(--prim-neutral-0);--text-on-warning: var(--prim-neutral-7);--text-primary: var(--prim-neutral-1);--text-secondary: var(--prim-neutral-2);--text-sm: var(--prim-text-sm);--text-xl: var(--prim-text-xl);--text-xs: var(--prim-text-xs);--timeline-bg: var(--surface-base);--timeline-day-divider: var(--text-muted);--timeline-flash-duration: var(--motion-slow);--timeline-gutter-width: var(--prim-size-md);--timeline-mention-bg: var(--mention);--timeline-quote-bar-width: var(--border-width-accent);--timeline-row-gap: var(--space-2);--timeline-row-padding-x: var(--space-3);--timeline-row-padding-y: var(--space-1);--timeline-unread-divider: var(--danger);--tracking-emoji: var(--prim-tracking-emoji);--tracking-emoji-lg: var(--prim-tracking-emoji-lg);--tracking-wide: var(--prim-tracking-wide);--tracking-wider: var(--prim-tracking-wider);--userbar-bg: var(--surface-raised);--userbar-border: var(--border-default);--userbar-gap: var(--space-2);--userbar-height: 56px;--userbar-padding-x: var(--space-2);--verified-badge-size: var(--prim-size-xs);--warning: var(--prim-amber-3);--weight-bold: var(--prim-weight-bold);--weight-normal: var(--prim-weight-normal);--weight-semibold: var(--prim-weight-semibold);--z-dropdown: var(--prim-z-dropdown);--z-modal: var(--prim-z-modal);--z-overlay: var(--prim-z-overlay);--z-panel: var(--prim-z-panel);--z-toast: var(--prim-z-toast)}:root[data-theme][data-mode=light]{--accent: oklch(39.5% .081 206.6);--accent-contrast: oklch(100% 0 0);--accent-hover: oklch(34% .07 206.6);--border-default: var(--prim-neutral-10);--shadow-md: 0 3px 3px rgba(0, 0, 0, .12);--shadow-panel: -8px 0 24px rgba(0, 0, 0, .12);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .12);--surface-active: rgba(0, 0, 0, .09);--surface-base: var(--prim-neutral-9);--surface-hover: rgba(0, 0, 0, .05);--surface-inset: oklch(92% 0 0);--surface-overlay: rgba(0, 0, 0, .4);--surface-pane: var(--prim-neutral-8);--surface-rail: var(--prim-neutral-8);--surface-raised: var(--prim-neutral-8);--text-muted: var(--prim-neutral-12);--text-primary: var(--prim-neutral-7);--text-secondary: var(--prim-neutral-11);--timeline-mention-bg: rgba(240, 178, 50, .25)}:root[data-theme][data-density=compact]{--member-item-padding-y: var(--space-0-5);--roomlist-item-padding-y: var(--space-0-5);--timeline-row-gap: var(--space-1);--timeline-row-padding-y: var(--space-0-5)}:root[data-theme][data-density=spacious]{--member-item-padding-y: var(--space-2);--roomlist-item-padding-y: var(--space-2);--timeline-row-gap: var(--space-3);--timeline-row-padding-y: var(--space-2)}:root[data-theme=default]{--accent: var(--prim-brand-3);--accent-contrast: oklch(0% 0 0);--accent-hover: var(--prim-brand-4);--avatar-bg: var(--accent);--avatar-initials-size: .5rem;--avatar-lg: var(--prim-size-xl);--avatar-md: var(--prim-size-lg);--avatar-sm: var(--prim-size-md);--avatar-stack-overlap: var(--prim-size-stack-overlap);--avatar-text: var(--accent-contrast);--avatar-xs: var(--prim-size-xs);--badge-bg: var(--danger);--badge-highlight-bg: var(--danger);--badge-min-size: var(--prim-size-xs);--badge-text: var(--text-on-danger);--banner-action-hover: var(--surface-hover-contrast);--banner-error-bg: var(--danger);--banner-error-text: var(--text-on-danger);--banner-reconnect-bg: var(--warning);--banner-reconnect-text: var(--text-on-warning);--border-default: var(--prim-neutral-4);--border-width: var(--prim-border-width);--border-width-accent: var(--prim-border-width-accent);--border-width-medium: var(--prim-border-width-medium);--border-width-strong: var(--prim-border-width-strong);--button-danger-bg: var(--danger);--button-danger-bg-hover: var(--danger-hover);--button-danger-text: var(--text-on-danger);--button-primary-bg: var(--accent);--button-primary-bg-hover: var(--accent-hover);--button-primary-text: var(--accent-contrast);--button-secondary-bg: var(--surface-inset);--button-secondary-bg-hover: var(--state-hover);--button-secondary-border: var(--border-default);--button-secondary-text: var(--text-primary);--composer-attachment-thumb-height: 96px;--composer-attachment-width: 160px;--composer-bg: var(--surface-pane);--composer-input-bg: var(--surface-inset);--composer-input-border: var(--border-default);--control-lg: var(--prim-size-xl);--control-md: var(--prim-size-lg);--control-radius: var(--radius-md);--control-sm: var(--prim-size-sm-plus);--danger: var(--prim-red-3);--danger-hover: var(--prim-red-4);--dialog-bg: var(--surface-raised);--dialog-border: var(--border-default);--dialog-gutter: var(--space-6);--dialog-width: var(--layout-dialog-width);--focus-ring: var(--accent);--focus-ring-color: var(--focus-ring);--focus-ring-offset: 2px;--focus-ring-outline: var(--focus-ring-width);--focus-ring-width: var(--prim-border-width-strong);--font-mono: var(--prim-font-mono);--font-sans: var(--prim-font-sans);--hairline: var(--prim-size-hairline);--icon-lg: var(--prim-size-sm-plus);--icon-md: var(--prim-size-sm);--icon-sm: var(--prim-size-xs);--icon-xs: var(--prim-size-2xs);--input-bg: var(--surface-inset);--input-border: var(--border-default);--input-placeholder: var(--text-muted);--input-text: var(--text-primary);--input-textarea-min-height: 4.5rem;--layout-dialog-width: 28rem;--layout-guild-rail-width: var(--prim-layout-rail);--layout-members-width: var(--prim-layout-members);--layout-menu-min-width: var(--prim-layout-menu-min);--layout-roomlist-width: var(--prim-layout-roomlist);--layout-settings-content-min-width: 26rem;--layout-settings-content-width: 46rem;--layout-settings-nav-width: 14rem;--layout-slideover-width: var(--prim-layout-slideover);--layout-timeline-min-width: 24rem;--layout-voice-stage-height: 22rem;--layout-voice-strip-height: 7rem;--leading-none: var(--prim-leading-none);--leading-normal: var(--prim-leading-normal);--leading-tight: var(--prim-leading-tight);--media-audio-max-width: 320px;--media-image-max-height: 240px;--media-image-max-width: 320px;--media-video-max-height: 280px;--media-video-max-width: 360px;--member-badge-radius: var(--radius-full);--member-dot-size: var(--presence-dot-size);--member-item-padding-y: var(--space-1);--member-shield-size: var(--verified-badge-size);--members-bg: var(--surface-pane);--mention: var(--prim-mention-3);--menu-bg: var(--surface-raised);--menu-border: var(--border-default);--menu-item-danger: var(--danger);--menu-min-width: var(--layout-menu-min-width);--motion-base: var(--prim-motion-base);--motion-ease: var(--prim-motion-ease);--motion-fast: var(--prim-motion-fast);--motion-slow: var(--prim-motion-slow);--overlay-bg: var(--surface-overlay);--panel-bg: var(--surface-raised);--panel-border: var(--border-default);--panel-shadow: var(--shadow-panel);--panel-width: var(--layout-slideover-width);--panel-z: var(--z-panel);--picker-results-max-height: 12rem;--popover-bg: var(--surface-raised);--popover-border: var(--border-default);--popover-shadow: var(--shadow-md);--presence-dot-size: var(--prim-size-2xs);--prim-amber-3: #f0b232;--prim-black: #000000;--prim-border-width: 1px;--prim-border-width-accent: 3px;--prim-border-width-medium: 1.5px;--prim-border-width-strong: 2px;--prim-brand-0: oklch(93% .06 165.23);--prim-brand-1: oklch(85% .11 165.23);--prim-brand-2: oklch(78% .15 165.23);--prim-brand-3: oklch(70.4% .191 165.23);--prim-brand-4: oklch(64% .17 165.23);--prim-brand-5: oklch(54% .13 165.23);--prim-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--prim-font-sans: Figtree, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--prim-green-3: #23a55a;--prim-layout-members: 240px;--prim-layout-menu-min: 200px;--prim-layout-rail: 72px;--prim-layout-roomlist: 240px;--prim-layout-slideover: 360px;--prim-leading-none: 1;--prim-leading-normal: 1.5;--prim-leading-tight: 1.25;--prim-mention-3: #f0b232;--prim-motion-base: .2s;--prim-motion-ease: ease-out;--prim-motion-fast: .12s;--prim-motion-slow: 2.4s;--prim-neutral-0: oklch(100% 0 0);--prim-neutral-1: oklch(98% 0 0);--prim-neutral-10: oklch(90% 0 0);--prim-neutral-11: oklch(50% 0 0);--prim-neutral-12: oklch(58% 0 0);--prim-neutral-2: oklch(60% 0 0);--prim-neutral-3: oklch(50% 0 0);--prim-neutral-4: oklch(100% 0 0 / .08);--prim-neutral-5: oklch(12% 0 0);--prim-neutral-6: oklch(0% 0 0);--prim-neutral-7: oklch(16% 0 0);--prim-neutral-8: oklch(100% 0 0);--prim-neutral-9: oklch(96% 0 0);--prim-opacity-disabled: .5;--prim-opacity-muted: .7;--prim-radius-full: 9999px;--prim-radius-lg: .625rem;--prim-radius-md: .5rem;--prim-radius-sm: .375rem;--prim-radius-xs: .125rem;--prim-red-3: #f23f43;--prim-red-4: #c03537;--prim-shadow-md: 0 3px 3px rgba(0, 0, 0, .12);--prim-shadow-panel: -8px 0 24px rgba(0, 0, 0, .25);--prim-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--prim-size-2xs: 8px;--prim-size-hairline: 1px;--prim-size-indicator: 4px;--prim-size-lg: 32px;--prim-size-md: 24px;--prim-size-scrollbar: 6px;--prim-size-sm: 20px;--prim-size-sm-plus: 22px;--prim-size-stack-overlap: -8px;--prim-size-xl: 48px;--prim-size-xs: 16px;--prim-space-0-5: .125rem;--prim-space-1: .25rem;--prim-space-1-5: .375rem;--prim-space-2: .5rem;--prim-space-3: .75rem;--prim-space-4: 1rem;--prim-space-5: 1.5rem;--prim-space-6: 2rem;--prim-space-px: .0625rem;--prim-text-2xs: .5625rem;--prim-text-lg: 1.25rem;--prim-text-md: 1rem;--prim-text-sm: .875rem;--prim-text-xl: 1.5rem;--prim-text-xs: .75rem;--prim-tracking-emoji: .25em;--prim-tracking-emoji-lg: .5em;--prim-tracking-wide: .04em;--prim-tracking-wider: .08em;--prim-weight-bold: 700;--prim-weight-normal: 400;--prim-weight-semibold: 600;--prim-z-dropdown: 50;--prim-z-modal: 110;--prim-z-overlay: 100;--prim-z-panel: 5;--prim-z-toast: 120;--radius-full: var(--prim-radius-full);--radius-lg: var(--prim-radius-lg);--radius-md: var(--prim-radius-md);--radius-sm: var(--prim-radius-sm);--radius-xs: var(--prim-radius-xs);--rail-favourite-min-width: 30px;--rail-indicator: var(--accent);--rail-item-bg-active: var(--state-selected);--rail-item-bg-hover: var(--state-hover);--rail-item-size: var(--prim-size-xl);--rail-pill-width: var(--prim-size-indicator);--roomlist-bg: var(--surface-pane);--roomlist-item-bg-active: var(--state-selected);--roomlist-item-bg-hover: var(--state-hover);--roomlist-item-padding-y: var(--space-1);--roomlist-item-radius: var(--control-radius);--roomlist-item-text: var(--text-secondary);--roomlist-item-text-active: var(--text-primary);--scrollbar-width: var(--prim-size-scrollbar);--settings-bg: var(--surface-base);--settings-content-min-width: var(--layout-settings-content-min-width);--settings-content-width: var(--layout-settings-content-width);--settings-nav-bg: var(--surface-pane);--settings-nav-item-bg-active: var(--state-selected);--settings-nav-item-bg-hover: var(--state-hover);--settings-nav-item-danger: var(--danger);--settings-nav-width: var(--layout-settings-nav-width);--shadow-md: var(--prim-shadow-md);--shadow-panel: var(--prim-shadow-panel);--shadow-sm: var(--prim-shadow-sm);--space-0-5: var(--prim-space-0-5);--space-1: var(--prim-space-1);--space-1-5: var(--prim-space-1-5);--space-2: var(--prim-space-2);--space-3: var(--prim-space-3);--space-4: var(--prim-space-4);--space-5: var(--prim-space-5);--space-6: var(--prim-space-6);--space-px: var(--prim-space-px);--state-disabled-opacity: var(--prim-opacity-disabled);--state-hover: var(--surface-hover);--state-muted-opacity: var(--prim-opacity-muted);--state-selected: var(--surface-active);--success: var(--prim-green-3);--surface-active: rgba(255, 255, 255, .1);--surface-base: var(--prim-neutral-6);--surface-hover: rgba(255, 255, 255, .06);--surface-hover-contrast: rgba(0, 0, 0, .08);--surface-inset: var(--surface-base);--surface-overlay: rgba(0, 0, 0, .6);--surface-pane: var(--prim-neutral-5);--surface-rail: var(--prim-neutral-7);--surface-raised: var(--prim-neutral-7);--text-2xs: var(--prim-text-2xs);--text-lg: var(--prim-text-lg);--text-md: var(--prim-text-md);--text-muted: var(--prim-neutral-3);--text-on-danger: var(--prim-neutral-0);--text-on-warning: var(--prim-neutral-7);--text-primary: var(--prim-neutral-1);--text-secondary: var(--prim-neutral-2);--text-sm: var(--prim-text-sm);--text-xl: var(--prim-text-xl);--text-xs: var(--prim-text-xs);--timeline-bg: var(--surface-base);--timeline-day-divider: var(--text-muted);--timeline-flash-duration: var(--motion-slow);--timeline-gutter-width: var(--prim-size-md);--timeline-mention-bg: var(--mention);--timeline-quote-bar-width: var(--border-width-accent);--timeline-row-gap: var(--space-2);--timeline-row-padding-x: var(--space-3);--timeline-row-padding-y: var(--space-1);--timeline-unread-divider: var(--danger);--tracking-emoji: var(--prim-tracking-emoji);--tracking-emoji-lg: var(--prim-tracking-emoji-lg);--tracking-wide: var(--prim-tracking-wide);--tracking-wider: var(--prim-tracking-wider);--userbar-bg: var(--surface-raised);--userbar-border: var(--border-default);--userbar-gap: var(--space-2);--userbar-height: 56px;--userbar-padding-x: var(--space-2);--verified-badge-size: var(--prim-size-xs);--warning: var(--prim-amber-3);--weight-bold: var(--prim-weight-bold);--weight-normal: var(--prim-weight-normal);--weight-semibold: var(--prim-weight-semibold);--z-dropdown: var(--prim-z-dropdown);--z-modal: var(--prim-z-modal);--z-overlay: var(--prim-z-overlay);--z-panel: var(--prim-z-panel);--z-toast: var(--prim-z-toast)}:root[data-theme=default][data-mode=light]{--accent: oklch(39.5% .081 206.6);--accent-contrast: oklch(100% 0 0);--accent-hover: oklch(34% .07 206.6);--border-default: var(--prim-neutral-10);--shadow-md: 0 3px 3px rgba(0, 0, 0, .12);--shadow-panel: -8px 0 24px rgba(0, 0, 0, .12);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .12);--surface-active: rgba(0, 0, 0, .09);--surface-base: var(--prim-neutral-9);--surface-hover: rgba(0, 0, 0, .05);--surface-inset: oklch(92% 0 0);--surface-overlay: rgba(0, 0, 0, .4);--surface-pane: var(--prim-neutral-8);--surface-rail: var(--prim-neutral-8);--surface-raised: var(--prim-neutral-8);--text-muted: var(--prim-neutral-12);--text-primary: var(--prim-neutral-7);--text-secondary: var(--prim-neutral-11);--timeline-mention-bg: rgba(240, 178, 50, .25)}:root[data-theme=default][data-density=compact]{--member-item-padding-y: var(--space-0-5);--roomlist-item-padding-y: var(--space-0-5);--timeline-row-gap: var(--space-1);--timeline-row-padding-y: var(--space-0-5)}:root[data-theme=default][data-density=spacious]{--member-item-padding-y: var(--space-2);--roomlist-item-padding-y: var(--space-2);--timeline-row-gap: var(--space-3);--timeline-row-padding-y: var(--space-2)}:root{color-scheme:dark;font-family:var(--font-sans);background:var(--surface-base);color:var(--text-primary)}:root[data-mode=light]{color-scheme:light}body{margin:0}*,*:before,*:after{box-sizing:border-box}:focus-visible{outline:var(--focus-ring-outline) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:0ms!important;animation-iteration-count:1!important;transition-duration:0ms!important}}.tumult-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:100dvh;padding:var(--space-5);text-align:center}.tumult-page-card{display:grid;gap:var(--space-4);width:min(var(--layout-dialog-width),100%);padding:var(--space-5);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-md);text-align:left}.tumult-page-title{margin:0;font-size:var(--text-xl);font-weight:var(--weight-semibold)}.tumult-page-muted{margin:0;color:var(--text-muted);font-size:var(--text-sm)}.tumult-page-error{margin:0;color:var(--danger);font-size:var(--text-sm)}.tumult-page-form{display:grid;gap:var(--space-2)}.tumult-page-label{color:var(--text-secondary);font-size:var(--text-sm)}.tumult-page-input{padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--input-border);border-radius:var(--control-radius);background:var(--input-bg);color:var(--input-text);font:inherit;font-size:var(--text-sm)}.tumult-page-input::placeholder{color:var(--input-placeholder)}.tumult-page-input:focus-visible{outline:var(--focus-ring-outline) solid var(--focus-ring-color);outline-offset:calc(var(--hairline) * -1)}.tumult-page-button{padding:var(--space-2) var(--space-3);border:var(--border-width) solid transparent;border-radius:var(--control-radius);background:var(--button-primary-bg);color:var(--button-primary-text);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer}.tumult-page-button:hover:not(:disabled){background:var(--button-primary-bg-hover)}.tumult-page-button:focus-visible{outline:var(--focus-ring-outline) solid var(--focus-ring-color);outline-offset:var(--space-0-5)}.tumult-page-button:disabled{cursor:not-allowed;opacity:var(--state-disabled-opacity)}.tumult-page-link{color:var(--accent);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-decoration:none}.tumult-page-link:hover{color:var(--accent-hover);text-decoration:underline}