:root,[data-theme=dark]{--surface-0: #0C0E14;--surface-1: #12151E;--surface-2: #1A1E2A;--surface-3: #222736;--surface-4: #2B3042;--signal-start: #00E5C0;--signal-end: #8B6CFF;--signal: linear-gradient(135deg, var(--signal-start), var(--signal-end));--signal-solid: #00D4AA;--signal-solid-hover: #00C09A;--signal-dim: rgba(0, 229, 192, .08);--online: #34D399;--idle: #FBBF24;--dnd: #F87171;--offline: #4B5563;--error: #EF4444;--success: #10B981;--warning: #F59E0B;--text-1: rgba(240, 244, 255, .96);--text-2: rgba(195, 205, 230, .75);--text-3: rgba(140, 152, 185, .52);--text-inverse: #0C0E14;--border-1: rgba(140, 160, 255, .07);--border-2: rgba(140, 160, 255, .12);--border-3: rgba(140, 160, 255, .2);--glow-signal: 0 0 24px rgba(0, 229, 192, .15), 0 0 64px rgba(139, 108, 255, .08);--glow-focus: 0 0 0 2px rgba(0, 212, 170, .3), 0 0 16px rgba(0, 212, 170, .1);--glow-unread: 0 0 10px rgba(0, 229, 192, .35);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .55);--atmos-1: rgba(0, 229, 192, .03);--atmos-2: rgba(139, 108, 255, .04);--atmos-3: rgba(30, 60, 120, .06);--signal-glow: rgba(0, 212, 170, .35);--hover-tint: rgba(255, 255, 255, .04);--active-tint: rgba(255, 255, 255, .07);color-scheme:dark}[data-theme=light]{--surface-0: #F4F6FA;--surface-1: #FFFFFF;--surface-2: #EDF0F5;--surface-3: #FFFFFF;--surface-4: #FFFFFF;--signal-start: #00B896;--signal-end: #6C4FE0;--signal: linear-gradient(135deg, var(--signal-start), var(--signal-end));--signal-solid: #00A88A;--signal-solid-hover: #009478;--signal-dim: rgba(0, 168, 138, .06);--text-1: rgba(12, 15, 24, .94);--text-2: rgba(45, 55, 80, .74);--text-3: rgba(90, 100, 130, .52);--text-inverse: #FFFFFF;--border-1: rgba(60, 80, 160, .08);--border-2: rgba(60, 80, 160, .14);--border-3: rgba(60, 80, 160, .22);--glow-signal: 0 0 20px rgba(0, 168, 138, .08), 0 0 48px rgba(108, 79, 224, .04);--glow-focus: 0 0 0 2px rgba(0, 168, 138, .22), 0 0 12px rgba(0, 168, 138, .06);--glow-unread: 0 0 8px rgba(0, 168, 138, .25);--shadow-sm: 0 1px 3px rgba(30, 40, 80, .06), 0 1px 2px rgba(30, 40, 80, .04);--shadow-md: 0 4px 16px rgba(30, 40, 80, .08), 0 2px 4px rgba(30, 40, 80, .04);--shadow-lg: 0 12px 40px rgba(30, 40, 80, .12), 0 4px 12px rgba(30, 40, 80, .06);--atmos-1: rgba(0, 168, 138, .02);--atmos-2: rgba(108, 79, 224, .02);--atmos-3: rgba(60, 100, 200, .03);--signal-glow: rgba(0, 168, 138, .3);--hover-tint: rgba(0, 0, 0, .03);--active-tint: rgba(0, 0, 0, .05);color-scheme:light}:root{--font-display: "Space Grotesk", var(--font-sans);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--duration-instant: .1s;--duration-fast: .18s;--duration-base: .26s;--duration-slow: .4s;--duration-deliberate: .52s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-spring-gentle: cubic-bezier(.34, 1.3, .68, 1);--stagger: 24ms;--avatar-sm: 32px;--avatar-md: 40px;--avatar-lg: 48px;--avatar-xl: 64px;--control-h: 36px;--control-radius: var(--radius-md);--field-bg: var(--surface-1);--field-border: var(--border-2);--row-pad: 10px 12px;--row-gap: 4px;--dot: 9px;--bubble-self-bg: var(--surface-2);--bubble-self-color: var(--text-1);--bubble-self-border: 2px solid var(--signal-solid);--bubble-self-shadow: none;--bubble-peer-bg: var(--surface-2);--bubble-peer-color: var(--text-1);--bubble-peer-shadow: none;--bubble-peer-border: none;--canvas-bg: var(--surface-0);--panel-bg: var(--surface-1);--panel-blur: none;--panel-border: none;--shell-padding: 0;--shell-gap: 0;--panel-radius: 0;--panel-shadow: none;--rim-light: transparent;--rim-shadow: transparent;--panel-grain-opacity: 0;--accent: var(--signal-solid);--signal-50: color-mix(in srgb, var(--signal-solid) 6%, var(--surface-1));--signal-100: color-mix(in srgb, var(--signal-solid) 12%, var(--surface-1));--signal-200: color-mix(in srgb, var(--signal-solid) 22%, var(--surface-1));--signal-400: var(--signal-start);--signal-500: var(--signal-solid);--signal-600: var(--signal-solid-hover);--signal-700: color-mix(in srgb, var(--signal-solid) 82%, #000);--text-4: var(--text-3);--error-dim: color-mix(in srgb, var(--error) 10%, transparent);--e0: none;--e1: var(--shadow-sm);--e2: var(--shadow-md);--e3: var(--shadow-md);--e4: var(--shadow-lg)}[data-theme=beeper]{--surface-0: #F6F4FB;--surface-1: #FFFFFF;--surface-2: #F1EEF9;--surface-3: #E9E4F5;--surface-4: #FFFFFF;--signal-start: #A78BFA;--signal-end: #F472B6;--signal: linear-gradient(135deg, var(--signal-start), var(--signal-end));--signal-solid: #8B5CF6;--signal-solid-hover: #7C3AED;--signal-dim: rgba(139, 92, 246, .08);--online: #22C55E;--idle: #FACC15;--dnd: #EF4444;--offline: #A1A1AA;--error: #EF4444;--success: #10B981;--warning: #F59E0B;--text-1: #2D2440;--text-2: #6B6280;--text-3: #9C94B0;--text-4: #C4BDD6;--text-inverse: #FFFFFF;--border-1: rgba(139, 92, 246, .1);--border-2: rgba(139, 92, 246, .18);--border-3: rgba(139, 92, 246, .28);--glow-signal: 0 0 20px rgba(139, 92, 246, .12), 0 0 48px rgba(244, 114, 182, .06);--glow-focus: 0 0 0 2px rgba(139, 92, 246, .25), 0 0 12px rgba(139, 92, 246, .08);--glow-unread: 0 0 8px rgba(139, 92, 246, .3);--e1: 0 1px 2px rgba(43, 35, 64, .04), 0 2px 6px rgba(109, 79, 190, .06);--e2: 0 2px 4px rgba(43, 35, 64, .04), 0 6px 16px rgba(109, 79, 190, .1);--e3: 0 4px 8px rgba(43, 35, 64, .05), 0 12px 28px rgba(109, 79, 190, .14);--e4: 0 8px 16px rgba(43, 35, 64, .06), 0 24px 56px rgba(109, 79, 190, .2);--shadow-sm: var(--e1);--shadow-md: var(--e3);--shadow-lg: var(--e4);--atmos-1: rgba(167, 139, 250, .16);--atmos-2: rgba(244, 114, 182, .13);--atmos-3: rgba(96, 165, 250, .11);--signal-vivid: linear-gradient(135deg, #8B5CF6, #A855F7);--bubble-self-bg: var(--signal-vivid);--bubble-self-color: #FFFFFF;--bubble-self-border: none;--bubble-self-shadow: 0 2px 4px rgba(139, 92, 246, .12), 0 8px 20px rgba(139, 92, 246, .28);--bubble-peer-bg: #FFFFFF;--bubble-peer-color: #2D2440;--bubble-peer-shadow: 0 2px 8px rgba(109, 79, 190, .12);--font-display: "Nunito", var(--font-sans);--font-sans: "Nunito", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--signal-glow: rgba(139, 92, 246, .4);--hover-tint: rgba(139, 92, 246, .1);--active-tint: rgba(139, 92, 246, .16);--canvas-bg: radial-gradient(ellipse 92% 72% at 6% -8%, rgba(167, 139, 250, .6), transparent 58%), radial-gradient(ellipse 82% 66% at 104% 106%, rgba(244, 114, 182, .52), transparent 60%), radial-gradient(ellipse 100% 82% at 50% 44%, rgba(96, 165, 250, .38), transparent 72%), #F6F4FB;--panel-bg: linear-gradient(158deg, rgba(255, 255, 255, .54), rgba(255, 255, 255, .38));--panel-blur: blur(24px) saturate(180%) brightness(1.04);--panel-border: none;--panel-radius: var(--radius-xl);--panel-shadow: inset 0 1px 0 rgba(255, 255, 255, .75), 0 1px 2px rgba(43, 35, 64, .05), 0 12px 32px rgba(109, 79, 190, .14);--rim-light: rgba(255, 255, 255, .72);--rim-shadow: rgba(139, 92, 246, .12);--panel-grain-opacity: .04;--shell-padding: var(--sp-4);--shell-gap: var(--sp-4);--bubble-peer-bg: rgba(255, 255, 255, .88);--bubble-peer-border: 1px solid rgba(139, 92, 246, .14);--bubble-peer-shadow: 0 2px 10px rgba(109, 79, 190, .14);color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-sans);font-size:15px;line-height:1.6;color:var(--text-1);background:var(--surface-0);font-feature-settings:"kern" 1,"liga" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}.tnum,.time,.msg-time,.badge,.data-table{font-variant-numeric:tabular-nums}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 70% 50% at 15% 10%,var(--atmos-1),transparent),radial-gradient(ellipse 50% 60% at 85% 85%,var(--atmos-2),transparent),radial-gradient(ellipse 80% 70% at 50% 50%,var(--atmos-3),transparent)}#app{height:100%;position:relative;z-index:1}a{color:var(--signal-solid);text-decoration:none}a:hover{color:var(--signal-solid-hover)}button{cursor:pointer;font:inherit;border:none;background:none;color:inherit}input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea{font:inherit;color:var(--text-1);border:1px solid var(--field-border);border-radius:var(--control-radius);padding:8px 12px;background:var(--field-bg);outline:none;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,textarea:focus{border-color:var(--signal-solid);box-shadow:var(--glow-focus)}input,textarea,select{accent-color:var(--accent)}input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea{caret-color:var(--signal-solid)}input::placeholder,textarea::placeholder{color:var(--text-3)}.section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin:12px 4px 6px}::selection{background:color-mix(in srgb,var(--signal-solid) 24%,transparent);color:var(--text-1)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-3)}body,[class*=surface]{transition:background-color var(--duration-slow) var(--ease-in-out),color var(--duration-slow) var(--ease-in-out),border-color var(--duration-slow) var(--ease-in-out)}.fade-enter-active,.fade-leave-active{transition:opacity var(--duration-fast) var(--ease-out)}.fade-enter-from,.fade-leave-to{opacity:0}.float-enter-active{transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.float-enter-from{opacity:0;transform:translateY(12px)}.slide-left-enter-active,.slide-left-leave-active{transition:transform var(--duration-base) var(--ease-out),opacity var(--duration-base) var(--ease-out)}.slide-left-enter-from{transform:translate(-12px);opacity:0}.slide-left-leave-to{transform:translate(12px);opacity:0}.slide-right-enter-active,.slide-right-leave-active{transition:transform var(--duration-base) var(--ease-out),opacity var(--duration-base) var(--ease-out)}.slide-right-enter-from,.slide-right-leave-to{transform:translate(16px);opacity:0}.message-enter-active{transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.message-enter-from{opacity:0;transform:translateY(8px)}.scale-enter-active{transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.scale-enter-from{opacity:0;transform:scale(.96)}.scale-leave-active{transition:opacity var(--duration-instant) var(--ease-in-out),transform var(--duration-instant) var(--ease-in-out)}.scale-leave-to{opacity:0;transform:scale(.98)}@keyframes signal-pulse{0%{box-shadow:0 0 #00d4aa66}70%{box-shadow:0 0 0 6px #00d4aa00}to{box-shadow:0 0 #00d4aa00}}.signal-pulse{animation:signal-pulse .6s var(--ease-out) 1}@keyframes send-bounce{0%{transform:scale(1)}40%{transform:scale(.92)}to{transform:scale(1)}}.send-bounce{animation:send-bounce .2s var(--ease-spring) 1}@keyframes list-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.stagger-item{animation:list-in var(--duration-base) var(--ease-out) both;animation-delay:calc(var(--stagger-i, 0) * var(--stagger))}@media(prefers-reduced-motion:reduce){.float-enter-active,.slide-left-enter-active,.slide-left-leave-active,.slide-right-enter-active,.slide-right-leave-active,.message-enter-active,.scale-enter-active,.scale-leave-active{transition-property:opacity;transition-duration:var(--duration-fast)}.float-enter-from,.slide-left-enter-from,.slide-left-leave-to,.slide-right-enter-from,.slide-right-leave-to,.message-enter-from,.scale-enter-from,.scale-leave-to{transform:none}.stagger-item,.signal-pulse,.send-bounce{animation:none}}