[data-theme=dark]{--color-bg-page: #07090e;--color-bg-card: #0e1520;--color-bg-elevated: #0e1520;--color-bg-input: #07090e;--color-bg-hover: rgba(255, 255, 255, .04);--color-bg-active: rgba(255, 255, 255, .07);--color-text-primary: #dde4ef;--color-text-secondary: #b0bec5;--color-text-muted: #6b8299;--color-text-inverse: #ffffff;--color-border-default: #14202e;--color-border-emphasis: #243040;--color-border-strong: #1e3040;--color-border-focus: var(--color-accent);--color-accent: #00d4aa;--color-accent-dim: rgba(0, 212, 170, .15);--color-accent-hover: #00e6b8;--color-success: #22c55e;--color-warning: #f59e0b;--color-danger: #ef4444;--color-danger-soft-bg: rgba(239, 68, 68, .094);--color-success-glow: rgba(34, 197, 94, .45);--color-success-glow-mid: rgba(34, 197, 94, .42);--color-success-fill-soft: rgba(34, 197, 94, .16);--color-btn-green: #10b981;--color-btn-green-fill: rgba(16, 185, 129, .082);--color-border-pcard-hover: rgb(40, 68, 96);--color-info: #00d4aa;--color-text-success: var(--color-success);--color-text-danger: var(--color-danger);--color-background-secondary: var(--color-bg-sunken);--color-overlay: rgba(0, 0, 0, .6);--tier-entry: #b0bec5;--tier-entry-dim: rgba(176, 190, 197, .12);--tier-pro: #00d4aa;--tier-pro-dim: rgba(0, 212, 170, .125);--tier-elite: #f59e0b;--tier-elite-dim: rgba(245, 158, 11, .125);--tier-goat: #a855f7;--tier-goat-dim: rgba(168, 85, 247, .125);--tier-entry-border: rgba(176, 190, 197, .25);--tier-pro-border: rgba(0, 212, 170, .19);--tier-elite-border: rgba(245, 158, 11, .19);--tier-goat-border: rgba(168, 85, 247, .19);--color-bg-sunken: #0b0f17;--color-border-hairline: #0e1822;--color-border-tab: #1e2a38;--color-border-pcard-side: #1a2d40;--color-border-pcard-top: rgb(30, 52, 74);--color-nav-tab-inactive-bg: rgba(255, 255, 255, .03);--color-text-placeholder: #a0a0b0;--color-surface-hover: #14202e;--color-border-interactive-hover: #3d5266;--color-upgrade-muted-border: #2e4055;--color-scrollbar-thumb: rgba(0, 212, 170, .19);--color-grid-faint: rgba(0, 212, 170, .025);--color-accent-subtle-14: #00d4aa14;--color-accent-subtle-22: #00d4aa22;--color-accent-subtle-10: #00d4aa10;--color-accent-subtle-0e: #00d4aa0e;--color-accent-subtle-18: #00d4aa18;--color-accent-subtle-30: #00d4aa30;--color-accent-subtle-40: #00d4aa40;--color-accent-subtle-50: #00d4aa50;--color-accent-nav-border: rgba(0, 212, 170, .55);--color-accent-nav-fill: rgba(0, 212, 170, .14);--color-accent-nav-ring: rgba(0, 212, 170, .12);--color-accent-fab-border: rgba(0, 212, 170, .55);--color-accent-fab-fill: rgba(0, 212, 170, .18);--color-accent-fab-ring: rgba(0, 212, 170, .12);--color-guide-toggle-bg: rgba(0, 212, 170, .08);--color-guide-toggle-bg-hover: rgba(0, 212, 170, .12);--color-modal-scrim: rgba(5, 10, 18, .92);--color-shadow-bar: rgba(5, 10, 18, .75);--color-demo-outline: rgba(0, 212, 170, .5);--color-bell-glow: rgba(0, 200, 180, .7);--color-bell-border-unread: rgba(0, 212, 170, .45);--color-protocol-pill-active-1: rgba(0, 212, 170, .5);--color-protocol-pill-active-2: rgba(0, 212, 170, .22);--color-protocol-pill-active-3: rgba(0, 212, 170, .15);--color-demo-pulse-outline-1: rgba(0, 212, 170, .35);--color-demo-pulse-shadow: rgba(0, 212, 170, .08);--color-demo-pulse-outline-2: rgba(0, 212, 170, .9);--color-demo-pulse-shadow-2: rgba(0, 212, 170, .18);--tier-goat-text-strong: #d8b4fe;--tier-goat-bg-active: rgba(168, 85, 247, .22);--color-shadow-50: rgba(0, 0, 0, .5);--color-shadow-25: rgba(0, 0, 0, .25);--color-shadow-30: rgba(0, 0, 0, .3);--color-shadow-45: rgba(0, 0, 0, .45);--color-text-on-dark-muted: rgba(255, 255, 255, .55);--color-bell-glow-transparent: rgba(0, 200, 180, 0)}[data-theme=light]{--color-bg-page: #faf8f3;--color-bg-card: #ffffff;--color-bg-elevated: #f5f1ea;--color-bg-input: #f8f6f2;--color-bg-hover: rgba(26, 26, 46, .04);--color-bg-active: rgba(26, 26, 46, .07);--color-text-primary: #1a1a2e;--color-text-secondary: #5a5a7a;--color-text-muted: #9a95a8;--color-text-inverse: #ffffff;--color-border-default: #ede8dd;--color-border-emphasis: #d8d2c4;--color-border-strong: #b8b0a0;--color-border-focus: #2b4eaf;--color-accent: #2b4eaf;--color-accent-dim: rgba(43, 78, 175, .1);--color-accent-hover: #1e3d9a;--color-success: #16a34a;--color-warning: #d97706;--color-danger: #dc2626;--color-danger-soft-bg: rgba(220, 38, 38, .1);--color-success-glow: rgba(22, 163, 74, .4);--color-success-glow-mid: rgba(22, 163, 74, .38);--color-success-fill-soft: rgba(22, 163, 74, .14);--color-btn-green: #059669;--color-btn-green-fill: rgba(5, 150, 105, .1);--color-border-pcard-hover: rgb(180, 175, 168);--color-info: #2b4eaf;--color-text-success: var(--color-success);--color-text-danger: var(--color-danger);--color-background-secondary: var(--color-bg-sunken);--color-overlay: rgba(26, 26, 46, .45);--tier-entry: #475569;--tier-entry-dim: #f1f5f9;--tier-pro: #0891b2;--tier-pro-dim: #ecfeff;--tier-elite: #d97706;--tier-elite-dim: #fffbeb;--tier-goat: #7c3aed;--tier-goat-dim: #f5f3ff;--tier-entry-border: #cbd5e1;--tier-pro-border: #a5f3fc;--tier-elite-border: #fed7aa;--tier-goat-border: #ddd6fe;--color-bg-sunken: #ece7dd;--color-border-hairline: #e4dfd3;--color-border-tab: #d5cfc2;--color-border-pcard-side: #d8d2c4;--color-border-pcard-top: rgb(210, 204, 192);--color-nav-tab-inactive-bg: rgba(26, 26, 46, .04);--color-text-placeholder: #9a95a8;--color-surface-hover: #ece8df;--color-border-interactive-hover: #9aa3b2;--color-upgrade-muted-border: #cbd5e1;--color-scrollbar-thumb: rgba(43, 78, 175, .22);--color-grid-faint: rgba(43, 78, 175, .04);--color-accent-subtle-14: rgba(43, 78, 175, .1);--color-accent-subtle-22: rgba(43, 78, 175, .16);--color-accent-subtle-10: rgba(43, 78, 175, .08);--color-accent-subtle-0e: rgba(43, 78, 175, .06);--color-accent-subtle-18: rgba(43, 78, 175, .12);--color-accent-subtle-30: rgba(43, 78, 175, .22);--color-accent-subtle-40: rgba(43, 78, 175, .28);--color-accent-subtle-50: rgba(43, 78, 175, .35);--color-accent-nav-border: rgba(43, 78, 175, .5);--color-accent-nav-fill: rgba(43, 78, 175, .12);--color-accent-nav-ring: rgba(43, 78, 175, .12);--color-accent-fab-fill: rgba(43, 78, 175, .82);--color-accent-fab-border: rgba(43, 78, 175, .9);--color-accent-fab-ring: rgba(43, 78, 175, .22);--color-guide-toggle-bg: rgba(43, 78, 175, .08);--color-guide-toggle-bg-hover: rgba(43, 78, 175, .12);--color-modal-scrim: rgba(26, 26, 46, .55);--color-shadow-bar: rgba(26, 26, 46, .12);--color-demo-outline: rgba(43, 78, 175, .45);--color-bell-glow: rgba(43, 78, 175, .45);--color-bell-border-unread: rgba(43, 78, 175, .45);--color-protocol-pill-active-1: rgba(43, 78, 175, .45);--color-protocol-pill-active-2: rgba(43, 78, 175, .18);--color-protocol-pill-active-3: rgba(43, 78, 175, .12);--color-demo-pulse-outline-1: rgba(43, 78, 175, .3);--color-demo-pulse-shadow: rgba(43, 78, 175, .08);--color-demo-pulse-outline-2: rgba(43, 78, 175, .55);--color-demo-pulse-shadow-2: rgba(43, 78, 175, .15);--tier-goat-text-strong: #6b21a8;--tier-goat-bg-active: rgba(124, 58, 237, .15);--color-shadow-50: rgba(26, 26, 46, .12);--color-shadow-25: rgba(26, 26, 46, .06);--color-shadow-30: rgba(26, 26, 46, .08);--color-shadow-45: rgba(26, 26, 46, .1);--color-text-on-dark-muted: rgba(26, 26, 46, .45);--color-bell-glow-transparent: rgba(43, 78, 175, 0)}