:root{--bg: #ffffff;--canvas: #fcf5eb;--panel: #f7f5f3;--raised: #ffffff;--field: #f4f4f4;--hover: rgba(194,189,184,0.15);--selected: rgba(194,189,184,0.15);--pressed: rgba(0,0,0,0.2);--line: rgba(0,0,0,0.2);--outline: #959393;--line-strong: #0a0a0a;--ink: #0a0a0a;--ink-muted: #6a6c6c;--ink-disabled: #bdbdbd;--row-icon: #a2abb2;--brand: #25d366;--brand-strong: #1daa61;--brand-text: #1b8755;--on-brand: #0a0a0a;--button: #17a05d;--button-hover: #128a4f;--on-button: #ffffff;--accent-soft: #d9fdd3;--on-accent-soft: #15603e;--positive-soft: #e7fce3;--bubble-out: #d9fdd3;--bubble-in: #f0f0f0;--bubble-system: rgba(255,255,255,0.9);--bubble-meta: rgba(0,0,0,0.6);--wallpaper: #f5f1eb;--wallpaper-dot: #eae0d3;--tray: #f7f5f3;--composer: #ffffff;--tick-read: #007bfc;--danger: #ea0038;--danger-soft: #fde8eb;--warn-soft: #fff7e5;--on-warn-soft: #5c4300;--inverse: #1f1f1f;--on-inverse: #ffffff;--avatar-bg: #dfe5e7;--avatar-fg: #54656f;--peer-0: #d4513f;--peer-1: #e57a2c;--peer-2: #7a5fd9;--peer-3: #3f9f45;--peer-4: #2a9fbf;--peer-5: #3a84d0;--peer-6: #d1527a;--voice-new: #1daa61;--voice-new-out: #0a0a0a;--wave-unplayed: rgba(0,0,0,0.18);--wave-played: #0a0a0a;--record: #ff3b30;--media-scrim: rgba(11,20,26,0.5);--on-media: #ffffff;--viewer-bg: #f0f2f5;--favorite: #ffb938;--attach-drop: rgba(255,255,255,0.6);--glass: rgba(255,255,255,0.72);--card: #ffffff;--page: #f4f4f5;--fab: #1daa61;--on-fab: #ffffff;--wallpaper-1: #dbddbb;--wallpaper-2: #6ba587;--wallpaper-3: #d5d88d;--wallpaper-4: #88b884;--wallpaper-pattern: #2a3a30;--scrim: rgba(0,0,0,0.3);--tile-blue: #3b82f6;--tile-orange: #c2670a;--tile-red: #ef4444;--tile-gray: #8e8e93;--tile-green: #1f8a45;--tile-purple: #8b5cf6;--tile-pink: #ec4899;--shadow-bubble: 0 1px 0.5px rgba(11,20,26,0.13);--shadow-pop: 0 2px 5px rgba(11,20,26,0.26), 0 2px 10px rgba(11,20,26,0.16);--shadow-modal: 0 17px 50px rgba(11,20,26,0.19), 0 12px 15px rgba(11,20,26,0.24);--shadow-panel: 0 1px 2px rgba(11,20,26,0.06), 0 8px 28px rgba(11,20,26,0.10);--shadow-float: 0 2px 10px rgba(11,20,26,0.12);--space-0: 2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-float: 10px;--radius-sm: 4px;--radius-xs: 6px;--radius-bubble: 12px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-panel: 20px;--radius-xxl: 28px;--radius-pill: 999px;--dur-instant: 120ms;--dur-fast: 160ms;--dur-base: 200ms;--dur-slow: 300ms;--ease-standard: cubic-bezier(0.4, 0, 0.2, 1);--ease-out: cubic-bezier(0.2, 0, 0.2, 1);--ease-in: cubic-bezier(0.69, 0, 0.79, 0.14);--ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);--size-avatar: 48px;--size-avatar-sm: 40px;--size-hit: 40px;--size-rail: 64px;--size-row: 72px;--press-sm: 0.96;--press-lg: 0.92;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--peer-0-bg: color-mix(in srgb, var(--peer-0) 10%, transparent);--peer-0-bg-active: color-mix(in srgb, var(--peer-0) 17%, transparent);--peer-1-bg: color-mix(in srgb, var(--peer-1) 10%, transparent);--peer-1-bg-active: color-mix(in srgb, var(--peer-1) 17%, transparent);--peer-2-bg: color-mix(in srgb, var(--peer-2) 10%, transparent);--peer-2-bg-active: color-mix(in srgb, var(--peer-2) 17%, transparent);--peer-3-bg: color-mix(in srgb, var(--peer-3) 10%, transparent);--peer-3-bg-active: color-mix(in srgb, var(--peer-3) 17%, transparent);--peer-4-bg: color-mix(in srgb, var(--peer-4) 10%, transparent);--peer-4-bg-active: color-mix(in srgb, var(--peer-4) 17%, transparent);--peer-5-bg: color-mix(in srgb, var(--peer-5) 10%, transparent);--peer-5-bg-active: color-mix(in srgb, var(--peer-5) 17%, transparent);--peer-6-bg: color-mix(in srgb, var(--peer-6) 10%, transparent);--peer-6-bg-active: color-mix(in srgb, var(--peer-6) 17%, transparent);--peer-0-fill: #d4513f;--peer-1-fill: #e57a2c;--peer-2-fill: #7a5fd9;--peer-3-fill: #3f9f45;--peer-4-fill: #2a9fbf;--peer-5-fill: #3a84d0;--peer-6-fill: #d1527a;--author-1: var(--peer-5);--author-2: var(--peer-1);--author-3: var(--peer-2);--author-4: var(--peer-3);color-scheme: light}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--bg: #161717;--canvas: #0a1014;--panel: #1d1f1f;--raised: #1d1f1f;--field: #242626;--hover: rgba(255,255,255,0.1);--selected: rgba(255,255,255,0.1);--pressed: rgba(255,255,255,0.2);--line: rgba(255,255,255,0.1);--outline: #757778;--line-strong: #fafafa;--ink: #fafafa;--ink-muted: rgba(255,255,255,0.6);--ink-disabled: #424445;--row-icon: #707579;--brand: #25d366;--brand-strong: #21c063;--brand-text: #21c063;--on-brand: #ffffff;--button: #17a05d;--button-hover: #1bb168;--on-button: #ffffff;--accent-soft: #424445;--on-accent-soft: #f4f4f4;--positive-soft: #103529;--bubble-out: #144d37;--bubble-in: #242626;--bubble-system: #1d1f1f;--bubble-meta: rgba(255,255,255,0.6);--wallpaper: #161717;--wallpaper-dot: rgba(255,255,255,0.1);--tray: #161717;--composer: #242626;--tick-read: #53bdeb;--danger: #fb5061;--danger-soft: #321622;--warn-soft: #362c1f;--on-warn-soft: #ffd279;--inverse: #eeeeee;--on-inverse: #0a0a0a;--avatar-bg: #364147;--avatar-fg: #aebac1;--peer-0: #ff8a7a;--peer-1: #ffa95c;--peer-2: #b49cff;--peer-3: #7fd67a;--peer-4: #6fd0ea;--peer-5: #7ab8f5;--peer-6: #ff8fb0;--voice-new: #fafafa;--voice-new-out: #fafafa;--wave-unplayed: rgba(255,255,255,0.18);--wave-played: #fafafa;--record: #ff3b30;--media-scrim: rgba(11,20,26,0.5);--on-media: #ffffff;--viewer-bg: #111b21;--favorite: #ffd279;--attach-drop: rgba(52,70,81,0.3);--glass: rgba(29,31,31,0.72);--card: #1d1f1f;--page: #111212;--fab: #21c063;--on-fab: #ffffff;--wallpaper-1: #0d3a2b;--wallpaper-2: #1f5e45;--wallpaper-3: #14251f;--wallpaper-4: #2c4f3c;--wallpaper-pattern: #121416;--scrim: rgba(0,0,0,0.32);--tile-blue: #3a6fd8;--tile-orange: #b8700f;--tile-red: #d04545;--tile-gray: #6b6d70;--tile-green: #2b8a4e;--tile-purple: #7a5ad0;--tile-pink: #cc4a8a;--shadow-bubble: 0 1px 0.5px rgba(11,20,26,0.13);--shadow-pop: 0 2px 5px rgba(0,0,0,0.5), 0 2px 10px rgba(0,0,0,0.35);--shadow-modal: 0 17px 50px rgba(0,0,0,0.5), 0 12px 15px rgba(0,0,0,0.4);--shadow-panel: 0 1px 2px rgba(0,0,0,0.5), 0 10px 32px rgba(0,0,0,0.45);--shadow-float: 0 2px 12px rgba(0,0,0,0.5);color-scheme: dark}}:root[data-theme="dark"]{--bg: #161717;--canvas: #0a1014;--panel: #1d1f1f;--raised: #1d1f1f;--field: #242626;--hover: rgba(255,255,255,0.1);--selected: rgba(255,255,255,0.1);--pressed: rgba(255,255,255,0.2);--line: rgba(255,255,255,0.1);--outline: #757778;--line-strong: #fafafa;--ink: #fafafa;--ink-muted: rgba(255,255,255,0.6);--ink-disabled: #424445;--row-icon: #707579;--brand: #25d366;--brand-strong: #21c063;--brand-text: #21c063;--on-brand: #ffffff;--button: #17a05d;--button-hover: #1bb168;--on-button: #ffffff;--accent-soft: #424445;--on-accent-soft: #f4f4f4;--positive-soft: #103529;--bubble-out: #144d37;--bubble-in: #242626;--bubble-system: #1d1f1f;--bubble-meta: rgba(255,255,255,0.6);--wallpaper: #161717;--wallpaper-dot: rgba(255,255,255,0.1);--tray: #161717;--composer: #242626;--tick-read: #53bdeb;--danger: #fb5061;--danger-soft: #321622;--warn-soft: #362c1f;--on-warn-soft: #ffd279;--inverse: #eeeeee;--on-inverse: #0a0a0a;--avatar-bg: #364147;--avatar-fg: #aebac1;--peer-0: #ff8a7a;--peer-1: #ffa95c;--peer-2: #b49cff;--peer-3: #7fd67a;--peer-4: #6fd0ea;--peer-5: #7ab8f5;--peer-6: #ff8fb0;--voice-new: #fafafa;--voice-new-out: #fafafa;--wave-unplayed: rgba(255,255,255,0.18);--wave-played: #fafafa;--record: #ff3b30;--media-scrim: rgba(11,20,26,0.5);--on-media: #ffffff;--viewer-bg: #111b21;--favorite: #ffd279;--attach-drop: rgba(52,70,81,0.3);--glass: rgba(29,31,31,0.72);--card: #1d1f1f;--page: #111212;--fab: #21c063;--on-fab: #ffffff;--wallpaper-1: #0d3a2b;--wallpaper-2: #1f5e45;--wallpaper-3: #14251f;--wallpaper-4: #2c4f3c;--wallpaper-pattern: #121416;--scrim: rgba(0,0,0,0.32);--tile-blue: #3a6fd8;--tile-orange: #b8700f;--tile-red: #d04545;--tile-gray: #6b6d70;--tile-green: #2b8a4e;--tile-purple: #7a5ad0;--tile-pink: #cc4a8a;--shadow-bubble: 0 1px 0.5px rgba(11,20,26,0.13);--shadow-pop: 0 2px 5px rgba(0,0,0,0.5), 0 2px 10px rgba(0,0,0,0.35);--shadow-modal: 0 17px 50px rgba(0,0,0,0.5), 0 12px 15px rgba(0,0,0,0.4);--shadow-panel: 0 1px 2px rgba(0,0,0,0.5), 0 10px 32px rgba(0,0,0,0.45);--shadow-float: 0 2px 12px rgba(0,0,0,0.5);color-scheme: dark}