:root{--primary: #6366f1;--primary-hover: #4f46e5;--primary-on: #ffffff;--success: #10b981;--success-on: #ffffff;--error: #ef4444;--error-on: #ffffff;--warning: #f59e0b;--warning-on: #0b111e;--bg: #0b111e;--bg-on-strong: #ffffff;--bg-on: #f3f4f6;--bg-on-muted: #9ca3af;--bg-on-faint: #7b8391;--bg-surface: #151f32;--bg-surface-hover: #1f2c45;--bg-surface-active: rgba(255, 255, 255, .08);--bg-surface-disabled: rgba(255, 255, 255, .05);--bg-surface-selected: rgba(255, 255, 255, .12);--secondary: var(--bg-surface);--secondary-on: var(--bg-on);--secondary-border: var(--border-color);--secondary-hover: var(--bg-surface-hover);--neutral: transparent;--neutral-on: var(--bg-on-muted);--neutral-border: transparent;--neutral-hover: var(--bg-surface-hover);--border-color: rgba(255, 255, 255, .06);--border-color-muted: rgba(255, 255, 255, .04);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 20px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .5);--z-index-badge: 10;--z-index-dropdown: 100;--z-index-sticky: 200;--z-index-backdrop: 1000;--z-index-modal: 1010;--z-index-toast: 1050;--z-index-tooltip: 1100;--backdrop-bg: rgba(11, 17, 30, .6);--backdrop-blur: blur(8px);--font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "Cascadia Mono", "Segoe UI Mono", Consolas, monospace;--weight--8: 100;--weight--7: 100;--weight--6: 100;--weight--5: 100;--weight--4: 100;--weight--3: 100;--weight--2: 200;--weight--1: 300;--weight-0: 400;--weight-1: 500;--weight-2: 600;--weight-3: 700;--weight-4: 800;--weight-5: 900;--weight-6: 900;--weight-7: 900;--weight-8: 900;--font--8: .375rem;--font--7: .4375rem;--font--6: .5rem;--font--5: .5625rem;--font--4: .625rem;--font--3: .6875rem;--font--2: .75rem;--font--1: .875rem;--font-0: 1rem;--font-1: 1.125rem;--font-2: 1.25rem;--font-3: 1.5rem;--font-4: 1.75rem;--font-5: 2rem;--font-6: 2.5rem;--font-7: 3rem;--font-8: 4rem;--space--8: .03125rem;--space--7: .0625rem;--space--6: .09375rem;--space--5: .125rem;--space--4: .1875rem;--space--3: .25rem;--space--2: .3125rem;--space--1: .375rem;--space-0: .5rem;--space-1: .75rem;--space-2: 1rem;--space-3: 1.25rem;--space-4: 1.5rem;--space-5: 2rem;--space-6: 2.5rem;--space-7: 3rem;--space-8: 4rem;--radius--4: .125rem;--radius--3: .1875rem;--radius--2: .25rem;--radius-2: 1rem;--radius-4: 1.5rem;--transition-fast: .15s ease;--transition-normal: .25s ease;--control-radius: var(--radius--2);--control-border-width: 1px;--control-focus-ring-width: 3px;--control-focus-ring-color: rgba(99, 102, 241, .25);--control-transition: var(--transition-fast);--control-height: 36px;--control-padding: var(--space--2) var(--space--1);--checkbox-box-size: calc(var(--font-0) * 1.5);--button-padding: var(--space--2) var(--space-0);--button-padding-sm: var(--space--3) var(--space--1);--button-padding-xs: var(--space--4) var(--space--2);--button-font-sm: var(--font--1);--button-font-xs: var(--font--2);--button-radius-sm: var(--radius--3);--button-radius-xs: var(--radius--4);--button-height-sm: calc(var(--font--1) + 2 * var(--space--3) + 2 * var(--control-border-width));--button-height-xs: calc(var(--font--2) + 2 * var(--space--4) + 2 * var(--control-border-width));--control-focus-ring-color-error: rgba(239, 68, 68, .25);--control-focus-ring-color-success: rgba(34, 197, 94, .25);--panel-width: 320px;--toast-width: 320px;--dialog-max-width: 540px;--form-page-max-width: 450px;--menu-min-width: 180px;--popover-max-height: 350px;--popover-min-width: 120px;--search-picker-max-height: 220px;--dropdown-min-width: 160px;--dropdown-menu-max-height: min(250px, 50vh);--input-min-height: 24px;--tab-indicator-height: 2px;--action-tile-size: 84px;--nav-icon-size: 40px;--nav-dot-size: 8px;--message-file-icon-size: 3rem;--message-image-size: 220px;--design-border: 1px dashed rgba(255, 255, 255, .12)}@media (prefers-color-scheme: light){:root{--primary: #4f46e5;--primary-hover: #4338ca;--primary-on: #ffffff;--success: #059669;--success-on: #ffffff;--error: #dc2626;--error-on: #ffffff;--warning: #d97706;--warning-on: #111827;--bg: #f8f9fb;--bg-on-strong: #030712;--bg-on: #111827;--bg-on-muted: #4b5563;--bg-on-faint: #6b7280;--bg-surface: #ffffff;--bg-surface-hover: #f1f2f4;--bg-surface-active: rgba(0, 0, 0, .06);--bg-surface-disabled: rgba(0, 0, 0, .05);--bg-surface-selected: rgba(0, 0, 0, .08);--secondary: var(--bg-surface);--secondary-on: var(--bg-on);--secondary-border: var(--border-color);--secondary-hover: var(--bg-surface-hover);--neutral: transparent;--neutral-on: var(--bg-on-muted);--neutral-border: transparent;--neutral-hover: var(--bg-surface-hover);--border-color: rgba(0, 0, 0, .08);--border-color-muted: rgba(0, 0, 0, .05);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 4px 20px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .16);--backdrop-bg: rgba(0, 0, 0, .45);--control-focus-ring-color: rgba(79, 70, 229, .25);--design-border: 1px dashed rgba(0, 0, 0, .12)}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:100%}body{background-color:var(--bg);color:var(--bg-on);font-family:var(--font-body);font-size:var(--font-0);line-height:1.5;overflow:hidden;height:100vh;height:100dvh;width:100vw;transition:background-color var(--transition-normal),color var(--transition-normal)}:not(:defined){opacity:0}*{scrollbar-width:thin;scrollbar-color:var(--bg-surface-hover) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-surface-hover);border-radius:9999px;transition:background-color .2s ease}::-webkit-scrollbar-thumb:hover{background:var(--primary)}