:root{--page-bg:#0d0d0d;--page-bg-alt:#1a1a1a;--page-bg-gradient:linear-gradient(145deg, rgba(16,16,16,0.97), rgba(22,22,22,0.97));--surface-01:rgba(255, 255, 255, 0.02);--surface-02:rgba(255, 255, 255, 0.03);--surface-03:rgba(255, 255, 255, 0.05);--surface-hover:rgba(255, 255, 255, 0.06);--surface-active:rgba(255, 255, 255, 0.08);--surface-raised:rgba(22, 22, 24, 0.98);--surface-dropdown:rgba(20, 20, 20, 0.98);--surface-toast:rgba(30, 30, 30, 0.95);--surface-input:rgba(255, 255, 255, 0.03);--surface-code:rgba(255, 255, 255, 0.04);--border-faint:rgba(255, 255, 255, 0.04);--border-xlight:rgba(255, 255, 255, 0.05);--border-light:rgba(255, 255, 255, 0.1);--border-subtle:rgba(255, 255, 255, 0.12);--border-medium:rgba(255, 255, 255, 0.15);--border-heavy:rgba(255, 255, 255, 0.2);--border-xheavy:rgba(255, 255, 255, 0.25);--border-dim:rgba(255, 255, 255, 0.3);--border-sharp:rgba(255, 255, 255, 0.08);--border-xfaint:rgba(255, 255, 255, 0.18);--text-primary:#ececec;--text-secondary:#b4b4b4;--text-tertiary:#9b9b9b;--text-quaternary:#676767;--text-xfaint:rgba(255, 255, 255, 0.18);--text-faint:rgba(255, 255, 255, 0.22);--text-dim:rgba(255, 255, 255, 0.3);--text-dimmed:rgba(255, 255, 255, 0.35);--text-icon:rgba(255, 255, 255, 0.4);--text-soft:rgba(255, 255, 255, 0.45);--text-muted:rgba(255, 255, 255, 0.5);--text-mid:rgba(255, 255, 255, 0.55);--text-label:rgba(255, 255, 255, 0.6);--text-body:rgba(255, 255, 255, 0.65);--text-secondary-alt:rgba(255, 255, 255, 0.7);--text-strong:rgba(255, 255, 255, 0.75);--text-high:rgba(255, 255, 255, 0.8);--text-emphasis:rgba(255, 255, 255, 0.85);--text-bright:rgba(255, 255, 255, 0.9);--text-near-white:rgba(255, 255, 255, 0.95);--text-error:#f93a37;--text-placeholder:rgba(255, 255, 255, 0.8);--text-on-accent:#ffffff;--content-primary:#f2f6fa;--content-secondary:#dbe2e8;--gray-50:#f9f9f9;--gray-100:#ececec;--gray-200:#e3e3e3;--gray-300:#cdcdcd;--gray-400:#b4b4b4;--gray-500:#9b9b9b;--gray-550:#555555;--gray-600:#676767;--gray-675:#444444;--gray-700:#424242;--gray-725:#3a3a3a;--gray-750:#2f2f2f;--gray-775:#2a2a2a;--gray-800:#232323;--gray-825:#1c1c1c;--gray-900:#141414;--gray-925:#111111;--gray-950:#0d0d0d;--input-bg:#1c1c1c;--input-border:#303030;--input-border-hover:#444444;--accent-blue:#82B1FF;--accent-blue-muted:rgba(130, 177, 255, 0.8);--accent-blue-bg:rgba(130, 177, 255, 0.1);--accent-blue-border:rgba(130, 177, 255, 0.2);--accent-blue-focus:rgba(130, 177, 255, 0.5);--accent-blue-solid:#0d6efd;--accent-info:#3b82f6;--accent-info-muted:rgba(59, 130, 246, 0.8);--accent-info-bg:rgba(59, 130, 246, 0.08);--accent-info-border:rgba(59, 130, 246, 0.35);--accent-green:rgba(74, 222, 128, 0.9);--accent-green-bg:rgba(74, 222, 128, 0.1);--accent-green-border:rgba(74, 222, 128, 0.2);--accent-green-solid:#4CAF50;--accent-red:rgba(248, 113, 113, 0.9);--accent-red-bg:rgba(248, 113, 113, 0.1);--accent-red-border:rgba(248, 113, 113, 0.2);--accent-red-solid:#f44336;--accent-red-text:#f93a37;--chart-volume-up:rgba(74, 222, 128, 0.9);--chart-volume-down:rgba(248, 113, 113, 0.9);--flat-error-bg:#c9372c;--flat-error-hover:#ae2a24;--flat-error-text:#ffffff;--flat-error-soft-bg:rgba(255, 255, 255, 0.14);--flat-error-soft-border:rgba(255, 255, 255, 0.28);--flat-error-code-bg:rgba(255, 255, 255, 0.12);--flat-error-code-border:rgba(255, 255, 255, 0.22);--flat-error-primary-btn-bg:#ffffff;--flat-error-primary-btn-text:#c9372c;--accent-orange:rgba(251, 146, 60, 0.9);--accent-orange-bg:rgba(251, 146, 60, 0.1);--accent-orange-border:rgba(251, 146, 60, 0.2);--accent-orange-solid:#FB8C00;--brand-claude:#D97757;--accent-yellow:rgba(250, 204, 21, 0.9);--accent-yellow-muted:rgba(250, 204, 21, 0.6);--accent-yellow-solid:#facc15;--accent-yellow-deep:#f59e0b;--plan-pill-bg:transparent;--plan-pill-border:rgba(130, 177, 255, 0.45);--plan-pill-text:var(--text-emphasis);--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.2);--shadow-md:0 4px 24px rgba(0, 0, 0, 0.2);--shadow-lg:0 8px 32px rgba(0, 0, 0, 0.3);--shadow-xl:0 12px 48px rgba(0, 0, 0, 0.4);--shadow-dropdown:0 8px 32px rgba(0, 0, 0, 0.4);--overlay-bg:rgba(0, 0, 0, 0.8);--overlay-mobile-menu:rgba(0, 0, 0, 0.5);--header-bg:#101010;--header-border:rgba(255, 255, 255, 0.04);--link-color:rgba(130, 177, 255, 0.6);--link-hover:rgba(130, 177, 255, 0.85);--nav-pill-bg:rgb(34, 34, 34);--bg-secondary:var(--nav-pill-bg);--scrollbar-track:transparent;--scrollbar-thumb:rgba(255, 255, 255, 0.15);--mobile-menu-bg:rgba(13, 13, 13, 0.98);--public-ink-rgb:255,255,255;--public-bg-rgb:13,13,13;--public-panel-rgb:20,20,20;--public-shadow-rgb:0,0,0;--toggle-off-bg:rgba(255, 255, 255, 0.08);--toggle-off-border:rgba(255, 255, 255, 0.15);--toggle-off-knob:rgba(255, 255, 255, 0.4);--toggle-on-bg:rgba(130, 177, 255, 0.25);--toggle-on-border:rgba(130, 177, 255, 0.35);--toggle-on-knob:rgba(130, 177, 255, 0.85);--range-track-bg:rgba(255, 255, 255, 0.15);--range-thumb-bg:rgba(255, 255, 255, 0.4);--range-thumb-hover-bg:rgba(130, 177, 255, 0.85)}[data-theme=light]{--page-bg:#f8f9fa;--page-bg-alt:#f0f1f3;--page-bg-gradient:linear-gradient(145deg, #f8f9fa, #f0f1f3);--surface-01:#f3f4f6;--surface-02:#eef0f2;--surface-03:#e8eaed;--surface-hover:#e2e5e9;--surface-active:#d8dce2;--surface-raised:#ffffff;--surface-dropdown:#ffffff;--surface-toast:#ffffff;--surface-input:#f3f4f6;--surface-code:#eef0f2;--border-faint:#e5e7eb;--border-xlight:#dfe2e6;--border-light:#d1d5db;--border-subtle:#c4c9d0;--border-medium:#b0b7c0;--border-heavy:#9ca3ae;--border-xheavy:#8891a0;--border-dim:#6b7280;--border-sharp:#d1d5db;--border-xfaint:#dfe2e6;--text-primary:#111827;--text-secondary:#374151;--text-tertiary:#4b5563;--text-quaternary:#6b7280;--text-xfaint:#d1d5db;--text-faint:#b0b7c0;--text-dim:#9ca3ae;--text-dimmed:#6b7280;--text-icon:#6b7280;--text-soft:#6b7280;--text-muted:#4b5563;--text-mid:#4b5563;--text-label:#374151;--text-body:#374151;--text-secondary-alt:#374151;--text-strong:#1f2937;--text-high:#1f2937;--text-emphasis:#111827;--text-bright:#111827;--text-near-white:#030712;--text-error:#dc2626;--text-placeholder:#9ca3ae;--text-on-accent:#ffffff;--content-primary:#111827;--content-secondary:#1f2937;--gray-50:#111827;--gray-100:#1f2937;--gray-200:#374151;--gray-300:#4b5563;--gray-400:#6b7280;--gray-500:#9ca3ae;--gray-550:#b0b7c0;--gray-600:#b0b7c0;--gray-675:#d1d5db;--gray-700:#d1d5db;--gray-725:#dfe2e6;--gray-750:#e5e7eb;--gray-775:#eef0f2;--gray-800:#f3f4f6;--gray-825:#f8f9fa;--gray-900:#f9fafb;--gray-925:#fbfcfd;--gray-950:#ffffff;--input-bg:#ffffff;--input-border:#d1d5db;--input-border-hover:#9ca3ae;--accent-blue:#2563eb;--accent-blue-muted:#3b82f6;--accent-blue-bg:#eff6ff;--accent-blue-border:#bfdbfe;--accent-blue-focus:#93c5fd;--accent-blue-solid:#1d4ed8;--accent-info:#2563eb;--accent-info-muted:#3b82f6;--accent-info-bg:#eff6ff;--accent-info-border:#bfdbfe;--accent-green:#16a34a;--accent-green-bg:#f0fdf4;--accent-green-border:#bbf7d0;--accent-green-solid:#15803d;--accent-red:#dc2626;--accent-red-bg:#fef2f2;--accent-red-border:#fecaca;--accent-red-solid:#b91c1c;--accent-red-text:#dc2626;--chart-volume-up:rgba(34, 160, 107, 0.30);--chart-volume-down:rgba(201, 55, 44, 0.28);--accent-orange:#ea580c;--accent-orange-bg:#fff7ed;--accent-orange-border:#fed7aa;--accent-orange-solid:#c2410c;--brand-claude:#D97757;--accent-yellow:#fbbf24;--accent-yellow-muted:#fcd34d;--accent-yellow-solid:#f59e0b;--accent-yellow-deep:#d97706;--plan-pill-bg:linear-gradient(135deg, #0c66e4, #1d6ff2);--plan-pill-border:transparent;--plan-pill-text:#ffffff;--toggle-off-bg:rgba(0, 0, 0, 0.1);--toggle-off-border:rgba(0, 0, 0, 0.12);--toggle-off-knob:rgba(0, 0, 0, 0.3);--toggle-on-bg:rgba(59, 130, 246, 0.25);--toggle-on-border:rgba(59, 130, 246, 0.35);--toggle-on-knob:rgba(59, 130, 246, 0.85);--range-track-bg:rgba(0, 0, 0, 0.1);--range-thumb-bg:rgba(59, 130, 246, 0.85);--range-thumb-hover-bg:rgb(59, 130, 246);--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.05);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.08);--shadow-lg:0 8px 24px rgba(0, 0, 0, 0.1);--shadow-xl:0 12px 40px rgba(0, 0, 0, 0.15);--shadow-dropdown:0 4px 16px rgba(0, 0, 0, 0.1),0 0 0 1px rgba(0, 0, 0, 0.05);--overlay-bg:rgba(0, 0, 0, 0.5);--overlay-mobile-menu:rgba(0, 0, 0, 0.25);--header-bg:rgba(240, 241, 243, 0.97);--header-border:#c4c9d0;--link-color:#4a6fa8;--link-hover:#5a7fb8;--nav-pill-bg:#e5e7eb;--bg-secondary:var(--nav-pill-bg);--scrollbar-track:transparent;--scrollbar-thumb:#d1d5db;--mobile-menu-bg:rgba(248, 249, 250, 0.98);--public-ink-rgb:17,24,39;--public-bg-rgb:248,249,250;--public-panel-rgb:255,255,255;--public-shadow-rgb:15,23,42}