:root{--c-slate-50: #f8fafc;--c-slate-100: #f1f5f9;--c-slate-200: #e5e7eb;--c-slate-300: #cbd5e1;--c-slate-400: #94a3b8;--c-slate-500: #64748b;--c-slate-600: #475569;--c-slate-700: #334155;--c-slate-800: #1e293b;--c-slate-900: #0f172a;--c-blue-50: #eff6ff;--c-blue-100: #dbeafe;--c-blue-500: #3b82f6;--c-blue-600: #2563eb;--c-blue-700: #1d4ed8;--c-green-500: #10b981;--c-amber-500: #f59e0b;--c-red-500: #ef4444;--brand: var(--c-blue-600);--brand-hover: var(--c-blue-700);--brand-soft: var(--c-blue-50);--brand-on: #ffffff;--bg-app: var(--c-slate-100);--bg-panel: #ffffff;--bg-elevated: #ffffff;--bg-hover: var(--c-slate-100);--bg-selected: var(--c-blue-50);--bg-muted: var(--c-slate-50);--fg-primary: var(--c-slate-900);--fg-secondary: var(--c-slate-600);--fg-tertiary: var(--c-slate-400);--fg-inverted: #ffffff;--fg-link: var(--c-blue-600);--border: var(--c-slate-200);--border-strong: var(--c-slate-300);--divider: var(--c-slate-100);--success: var(--c-green-500);--warning: var(--c-amber-500);--danger: var(--c-red-500);--bubble-self: var(--c-blue-600);--bubble-self-fg: #ffffff;--bubble-other: var(--c-slate-100);--bubble-other-fg: var(--c-slate-900);--topbar-h: 56px;--navbar-w: 68px;--sidebar-w: 320px;--bg-navbar: var(--c-slate-200);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--r-xs: 4px;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-full: 9999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 12px rgba(15, 23, 42, .06);--shadow-lg: 0 16px 40px rgba(15, 23, 42, .12);--font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--fs-xs: 12px;--fs-sm: 13px;--fs-base: 14px;--fs-md: 15px;--fs-lg: 16px;--fs-xl: 18px;--fs-2xl: 20px;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--lh-tight: 1.25;--lh-normal: 1.5;--lh-loose: 1.7;--ease: cubic-bezier(.4, 0, .2, 1);--dur-1: .12s;--dur-2: .2s;--primary-color: var(--brand);--primary-color-hover: var(--brand-hover);--primary-color-light: var(--brand-soft);--bg-color-default: var(--bg-panel);--bg-color-secondary: var(--bg-muted);--bg-color-topbar: var(--bg-panel);--bg-color-operate: var(--bg-panel);--bg-color-input: var(--bg-muted);--bg-color-hover: var(--bg-hover);--bg-color-bubble-own: var(--bubble-self);--bg-color-bubble-reciprocal: var(--bubble-other);--text-color-primary: var(--fg-primary);--text-color-secondary: var(--fg-secondary);--text-color-tertiary: var(--fg-tertiary);--text-color-link: var(--fg-link);--border-color: var(--border);--divider-color: var(--divider);--list-color-focused: var(--bg-selected);--list-color-hover: var(--bg-hover)}html,body{font-family:var(--font-sans);font-size:var(--fs-base);color:var(--fg-primary);background:var(--bg-app)}html,body,#app{margin:0;padding:0;height:100vh;width:100vw;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}