:root{--color-primary: #0b4dba;--color-primary-deep: #050816;--color-primary-mid: #0a3d91;--color-sky: #38bdf8;--color-sky-soft: #bae6fd;--color-sky-bubble: #7dd3fc;--color-sky-muted: #e0f2fe;--color-bg: #f0f4fa;--color-surface: #ffffff;--color-surface-elevated: #f8fafc;--color-border: #dbe4f0;--color-text: #0a1020;--color-text-muted: #5b6b82;--color-icon: #334155;--color-live: #e63946;--color-live-soft: #ffebee;--color-record: #e63946;--color-danger: #dc2626;--color-chat-other: #eef2f8;--color-chat-mine: var(--color-sky-bubble);--color-chat-system: var(--color-primary);--color-forest: var(--color-primary);--color-forest-deep: var(--color-primary-deep);--color-forest-mid: var(--color-primary-mid);--color-mint: var(--color-sky);--color-mint-bubble: var(--color-sky-bubble);--color-mint-soft: var(--color-sky-muted);--font-sans: "DM Sans", system-ui, -apple-system, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-shell: 24px;--shadow-subtle: 0 1px 3px rgba(11, 77, 186, .08);--shadow-card: 0 4px 24px rgba(5, 8, 22, .1);--sidebar-width: 340px;--topbar-height: 64px;--controls-height: 88px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--color-sky);outline-offset:2px}