:root,[data-theme=dark]{--background:var(--circuit-darker-teal);--background-level-2:var(--circuit-dark-teal);--foreground:var(--circuit-light-yellow);--surface-background:var(--circuit-mid-teal);--surface-background-hover:var(--circuit-dark-teal);--surface-background-pressed:var(--circuit-dark-teal);--surface-background-subtle:var(--circuit-darker-teal);--surface-background-subtle-25:color-mix(in srgb,var(--circuit-darker-teal) 75%,black 25%);--surface-background-muted:var(--circuit-dark-teal);--surface-background-emphasis:var(--circuit-light-yellow);--surface-background-disabled:#1f3a38;--surface-container-level-1:var(--circuit-dark-teal);--surface-container-level-1-hover:var(--circuit-dark-teal-hover);--surface-container-level-1-active:var(--circuit-dark-teal-active);--surface-preview-background:var(--circuit-dark-teal);--surface-elevated:var(--circuit-light-teal);--surface-hover:var(--circuit-light-teal);--surface-sidebar-background:var(--circuit-dark-teal);--text-primary:var(--circuit-light-yellow);--text-secondary:var(--circuit-light-yellow);--text-tertiary:rgba(255,242,209,0.6);--text-disabled:#4a6664;--text-inverse:var(--circuit-darker-teal);--text-brand:var(--circuit-bright-yellow);--text-error:#ff6b6b;--text-success:#48c774;--text-warning:#ffdd57;--text-heading-strong:var(--circuit-bright-yellow);--border-default:var(--circuit-light-teal);--border-hover:var(--circuit-bright-teal);--border-focus:var(--circuit-bright-yellow);--border-error:#ff3860;--border-success:#257942;--border-disabled:#365855;--border-interactive-primary:var(--circuit-light-teal);--border-interactive-secondary:var(--circuit-magenta);--border-subtle:var(--circuit-mid-teal);--border-interactive:var(--border-default);--border-interactive-hover:var(--border-hover);--border-interactive-pressed:var(--border-default);--interactive-primary:var(--circuit-bright-yellow);--interactive-primary-hover:#ffcf40;--interactive-primary-pressed:#f0c052;--interactive-secondary:var(--circuit-light-teal);--interactive-secondary-hover:var(--circuit-mid-teal);--interactive-secondary-pressed:var(--circuit-dark-teal);--interactive-teal:var(--circuit-mid-teal);--interactive-teal-hover:var(--circuit-light-teal);--interactive-teal-pressed:var(--circuit-dark-teal);--interactive-danger:#d32f2f;--interactive-danger-hover:#e53935;--interactive-danger-pressed:#b71c1c;--interactive-danger-subtle:rgba(211,47,47,0.15);--interactive-danger-subtle-pressed:rgba(211,47,47,0.25);--scrollbar-thumb:var(--circuit-dark-teal);--status-error:#e74c3c;--status-error-hover:#c0392b;--status-error-pressed:#962d22;--status-error-subtle:rgba(231,76,60,0.15);--status-success:#2ecc71;--status-success-subtle:rgba(46,204,113,0.15);--status-warning:var(--circuit-bright-yellow);--status-warning-subtle:rgba(255,185,53,0.15);--status-info:var(--circuit-light-teal);--status-info-subtle:rgba(74,155,148,0.15);--interactive-primary-subtle:rgba(255,207,96,0.15);--interactive-primary-subtle-pressed:rgba(255,207,96,0.25);--interactive-secondary-subtle:rgba(74,155,148,0.15);--interactive-secondary-subtle-pressed:rgba(74,155,148,0.25);--interactive-teal-subtle:rgba(45,106,101,0.15);--interactive-teal-subtle-pressed:rgba(45,106,101,0.25);--focus-ring:var(--interactive-primary);--overlay-background:rgba(31,47,46,0.456);--overlay-hover:rgba(15,43,41,0.95);--overlay-modal:rgba(15,43,41,0.92);--glass-backdrop:rgba(15,43,41,0.75);--glass-surface:rgba(31,58,56,0.6);--glass-border:rgba(74,155,148,0.2);--glass-blur:12px;--floating-action-bg:var(--circuit-dark-teal);--floating-action-bg-hover:var(--circuit-mid-teal);--floating-action-color:#ffffff;--shadow-color:var(--circuit-darker-teal-60);--shadow-color-strong:var(--circuit-darker-teal-80)}[data-theme=dark-amoled]{--background:#000000;--background-level-2:#0a0a0a;--foreground:#e5e7eb;--surface-background:#0a0a0a;--surface-background-hover:#1a1a1a;--surface-background-pressed:#1a1a1a;--surface-background-subtle:#000000;--surface-background-subtle-25:color-mix(in srgb,#000000 75%,#0a0a0a 25%);--surface-background-muted:#0a0a0a;--surface-background-emphasis:#06b6d4;--surface-background-disabled:#262626;--surface-container-level-1:#0a0a0a;--surface-container-level-1-hover:#141414;--surface-container-level-1-active:#1f1f1f;--surface-preview-background:#0a0a0a;--surface-elevated:#141414;--surface-hover:#141414;--surface-sidebar-background:#000000;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-tertiary:rgba(249,250,251,0.6);--text-disabled:#6b7280;--text-inverse:#000000;--text-brand:#06b6d4;--text-error:#f87171;--text-success:#34d399;--text-warning:#fbbf24;--text-heading-strong:#e0f2fe;--border-default:#262626;--border-hover:#06b6d4;--border-focus:#06b6d4;--border-error:#f87171;--border-success:#34d399;--border-disabled:#1a1a1a;--border-interactive-primary:#06b6d4;--border-interactive-secondary:#262626;--border-subtle:#1a1a1a;--border-interactive:var(--border-default);--border-interactive-hover:var(--border-hover);--border-interactive-pressed:var(--border-default);--interactive-primary:#06b6d4;--interactive-primary-hover:#22d3ee;--interactive-primary-pressed:#0891b2;--interactive-secondary:#6b7280;--interactive-secondary-hover:#4b5563;--interactive-secondary-pressed:#374151;--interactive-teal:#14b8a6;--interactive-teal-hover:#2dd4bf;--interactive-teal-pressed:#0d9488;--interactive-danger:#dc2626;--interactive-danger-hover:#ef4444;--interactive-danger-pressed:#b91c1c;--interactive-danger-subtle:rgba(220,38,38,0.15);--interactive-danger-subtle-pressed:rgba(220,38,38,0.25);--scrollbar-thumb:#1a1a1a;--status-error:#f87171;--status-error-hover:#fca5a5;--status-error-pressed:#dc2626;--status-error-subtle:rgba(248,113,113,0.15);--status-success:#34d399;--status-success-subtle:rgba(52,211,153,0.15);--status-warning:#fbbf24;--status-warning-subtle:rgba(251,191,36,0.15);--status-info:#06b6d4;--status-info-subtle:rgba(6,182,212,0.15);--interactive-primary-subtle:rgba(6,182,212,0.15);--interactive-primary-subtle-pressed:rgba(6,182,212,0.25);--interactive-secondary-subtle:rgba(107,114,128,0.15);--interactive-secondary-subtle-pressed:rgba(107,114,128,0.25);--interactive-teal-subtle:rgba(20,184,166,0.15);--interactive-teal-subtle-pressed:rgba(20,184,166,0.25);--focus-ring:#06b6d4;--overlay-background:rgba(0,0,0,0.85);--overlay-hover:rgba(0,0,0,0.95);--overlay-modal:rgba(0,0,0,0.98);--glass-backdrop:rgba(0,0,0,0.8);--glass-surface:rgba(20,20,20,0.7);--glass-border:rgba(255,255,255,0.1);--glass-blur:12px;--floating-action-bg:#1a1a1a;--floating-action-bg-hover:#262626;--floating-action-color:#ffffff;--circuit-bright-yellow-20:rgba(6,182,212,0.2);--circuit-bright-yellow-25:rgba(6,182,212,0.25);--circuit-bright-yellow-30:rgba(6,182,212,0.3);--circuit-bright-yellow-50:rgba(6,182,212,0.5);--circuit-light-teal-05:rgba(107,114,128,0.05);--circuit-light-teal-08:rgba(107,114,128,0.08);--circuit-light-teal-10:rgba(107,114,128,0.1);--circuit-light-teal-15:rgba(107,114,128,0.15);--circuit-light-teal-20:rgba(107,114,128,0.2);--circuit-light-teal-25:rgba(107,114,128,0.25);--circuit-light-teal-30:rgba(107,114,128,0.3);--circuit-light-teal-35:rgba(107,114,128,0.35);--circuit-light-teal-40:rgba(107,114,128,0.4);--circuit-light-teal-45:rgba(107,114,128,0.45);--circuit-light-teal-50:rgba(107,114,128,0.5);--circuit-mid-teal-20:rgba(38,38,38,0.2);--circuit-mid-teal-25:rgba(38,38,38,0.25);--circuit-mid-teal-30:rgba(38,38,38,0.3);--circuit-darker-teal-50:rgba(0,0,0,0.5);--circuit-darker-teal-75:rgba(0,0,0,0.75);--circuit-darker-teal-85:rgba(0,0,0,0.85);--circuit-darker-teal-90:rgba(0,0,0,0.9);--circuit-darker-teal-92:rgba(0,0,0,0.92);--circuit-darker-teal-95:rgba(0,0,0,0.95);--shadow-color:rgba(0,0,0,0.2);--shadow-color-strong:rgba(0,0,0,0.4)}[data-theme=light]{--background:#ffffff;--background-level-2:#f1f5f9;--foreground:#1e293b;--surface-background:#f8fafc;--surface-background-hover:#e2e8f0;--surface-background-pressed:#e2e8f0;--surface-background-subtle:#ffffff;--surface-background-subtle-25:color-mix(in srgb,#ffffff 75%,#f1f5f9 25%);--surface-background-muted:#f1f5f9;--surface-background-emphasis:#0ea5e9;--surface-background-disabled:#cbd5e1;--surface-container-level-1:#f1f5f9;--surface-container-level-1-hover:#e2e8f0;--surface-container-level-1-active:#cbd5e1;--surface-preview-background:#f8fafc;--surface-elevated:#ffffff;--surface-hover:#f1f5f9;--surface-sidebar-background:#f8fafc;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:rgba(15,23,42,0.6);--text-disabled:#94a3b8;--text-inverse:#ffffff;--text-brand:#0ea5e9;--text-error:#dc2626;--text-success:#16a34a;--text-warning:#ea580c;--text-heading-strong:#0f172a;--border-default:#cbd5e1;--border-hover:#0ea5e9;--border-focus:#0ea5e9;--border-error:#dc2626;--border-success:#16a34a;--border-disabled:#e2e8f0;--border-interactive-primary:#0ea5e9;--border-interactive-secondary:#cbd5e1;--border-subtle:#e2e8f0;--border-interactive:var(--border-default);--border-interactive-hover:var(--border-hover);--border-interactive-pressed:var(--border-default);--interactive-primary:#0ea5e9;--interactive-primary-hover:#38bdf8;--interactive-primary-pressed:#0284c7;--interactive-secondary:#64748b;--interactive-secondary-hover:#475569;--interactive-secondary-pressed:#334155;--interactive-teal:#14b8a6;--interactive-teal-hover:#2dd4bf;--interactive-teal-pressed:#0d9488;--interactive-danger:#dc2626;--interactive-danger-hover:#ef4444;--interactive-danger-pressed:#b91c1c;--interactive-danger-subtle:rgba(220,38,38,0.1);--interactive-danger-subtle-pressed:rgba(220,38,38,0.2);--scrollbar-thumb:#e5e7eb;--status-error:#dc2626;--status-error-hover:#ef4444;--status-error-pressed:#b91c1c;--status-error-subtle:rgba(220,38,38,0.1);--status-success:#16a34a;--status-success-subtle:rgba(22,163,74,0.1);--status-warning:#ea580c;--status-warning-subtle:rgba(234,88,12,0.1);--status-info:#0ea5e9;--status-info-subtle:rgba(14,165,233,0.1);--interactive-primary-subtle:rgba(14,165,233,0.1);--interactive-primary-subtle-pressed:rgba(14,165,233,0.2);--interactive-secondary-subtle:rgba(100,116,139,0.1);--interactive-secondary-subtle-pressed:rgba(100,116,139,0.2);--interactive-teal-subtle:rgba(20,184,166,0.1);--interactive-teal-subtle-pressed:rgba(20,184,166,0.2);--focus-ring:#0ea5e9;--overlay-background:rgba(15,23,42,0.5);--overlay-hover:rgba(15,23,42,0.6);--overlay-modal:rgba(15,23,42,0.75);--glass-backdrop:rgba(15,23,42,0.6);--glass-surface:rgba(255,255,255,0.7);--glass-border:rgba(203,213,225,0.5);--glass-blur:12px;--floating-action-bg:#334155;--floating-action-bg-hover:#475569;--floating-action-color:#ffffff;--circuit-bright-yellow-20:rgba(14,165,233,0.2);--circuit-bright-yellow-25:rgba(14,165,233,0.25);--circuit-bright-yellow-30:rgba(14,165,233,0.3);--circuit-bright-yellow-50:rgba(14,165,233,0.5);--circuit-light-teal-05:rgba(100,116,139,0.05);--circuit-light-teal-08:rgba(100,116,139,0.08);--circuit-light-teal-10:rgba(100,116,139,0.1);--circuit-light-teal-15:rgba(100,116,139,0.15);--circuit-light-teal-20:rgba(100,116,139,0.2);--circuit-light-teal-25:rgba(100,116,139,0.25);--circuit-light-teal-30:rgba(100,116,139,0.3);--circuit-light-teal-35:rgba(100,116,139,0.35);--circuit-light-teal-40:rgba(100,116,139,0.4);--circuit-light-teal-45:rgba(100,116,139,0.45);--circuit-light-teal-50:rgba(100,116,139,0.5);--circuit-mid-teal-20:rgba(148,163,184,0.2);--circuit-mid-teal-25:rgba(148,163,184,0.25);--circuit-mid-teal-30:rgba(148,163,184,0.3);--circuit-darker-teal-50:rgba(15,23,42,0.5);--circuit-darker-teal-75:rgba(15,23,42,0.75);--circuit-darker-teal-85:rgba(15,23,42,0.85);--circuit-darker-teal-90:rgba(15,23,42,0.9);--circuit-darker-teal-92:rgba(15,23,42,0.92);--circuit-darker-teal-95:rgba(15,23,42,0.95);--shadow-color:rgba(15,23,42,0.1);--shadow-color-strong:rgba(15,23,42,0.2)}[data-theme=sakura]{--background:#d4b8c0;--background-level-2:#c4a8b0;--foreground:#fff5e6;--surface-background:#c8a8b5;--surface-background-hover:#b898a5;--surface-background-pressed:#b898a5;--surface-background-subtle:#d4b8c0;--surface-background-subtle-25:color-mix(in srgb,#d4b8c0 75%,#b898a5 25%);--surface-background-muted:#b898a5;--surface-background-emphasis:#fff5e6;--surface-background-disabled:#b098a5;--surface-container-level-1:#b898a5;--surface-container-level-1-hover:#a88895;--surface-container-level-1-active:#988885;--surface-preview-background:#b898a5;--surface-elevated:#d4b8c0;--surface-hover:#d4b8c0;--surface-sidebar-background:#b898a5;--text-primary:#2d1b2e;--text-secondary:#4a3a4c;--text-tertiary:rgba(45,27,46,0.6);--text-disabled:#9a8a9c;--text-inverse:#fff5e6;--text-brand:#7B1F3A;--text-error:#c91a1a;--text-success:#15803d;--text-warning:#b45309;--text-heading-strong:#7B1F3A;--border-default:#b898a5;--border-hover:#7B1F3A;--border-focus:#7B1F3A;--border-error:#ff3860;--border-success:#257942;--border-disabled:#a898a5;--border-interactive-primary:#7B1F3A;--border-interactive-secondary:#ffd699;--border-subtle:#c8a8b5;--border-interactive:var(--border-default);--border-interactive-hover:var(--border-hover);--border-interactive-pressed:var(--border-default);--interactive-primary:#7B1F3A;--interactive-primary-hover:#8B2F4A;--interactive-primary-pressed:#6B0F2A;--interactive-secondary:#ffe6b3;--interactive-secondary-hover:#ffd699;--interactive-secondary-pressed:#ffc266;--interactive-teal:#a8b8b5;--interactive-teal-hover:#b8c8c5;--interactive-teal-pressed:#98a8a5;--interactive-danger:#d32f2f;--interactive-danger-hover:#e53935;--interactive-danger-pressed:#b71c1c;--interactive-danger-subtle:rgba(211,47,47,0.15);--interactive-danger-subtle-pressed:rgba(211,47,47,0.25);--scrollbar-thumb:#c4a8b0;--status-error:#e74c3c;--status-error-hover:#c0392b;--status-error-pressed:#962d22;--status-error-subtle:rgba(231,76,60,0.15);--status-success:#2ecc71;--status-success-subtle:rgba(46,204,113,0.15);--status-warning:#ffd699;--status-warning-subtle:rgba(255,214,153,0.2);--status-info:#a8b8b5;--status-info-subtle:rgba(168,184,181,0.15);--interactive-primary-subtle:rgba(123,31,58,0.15);--interactive-primary-subtle-pressed:rgba(123,31,58,0.25);--interactive-secondary-subtle:rgba(255,230,179,0.15);--interactive-secondary-subtle-pressed:rgba(255,230,179,0.25);--interactive-teal-subtle:rgba(168,184,181,0.15);--interactive-teal-subtle-pressed:rgba(168,184,181,0.25);--focus-ring:#7B1F3A;--overlay-background:rgba(212,184,192,0.85);--overlay-hover:rgba(212,184,192,0.95);--overlay-modal:rgba(212,184,192,0.92);--glass-backdrop:rgba(184,152,165,0.75);--glass-surface:rgba(212,184,192,0.6);--glass-border:rgba(123,31,58,0.15);--glass-blur:12px;--floating-action-bg:#5D2B3A;--floating-action-bg-hover:#7B1F3A;--floating-action-color:#ffffff;--circuit-bright-yellow-20:rgba(123,31,58,0.2);--circuit-bright-yellow-25:rgba(123,31,58,0.25);--circuit-bright-yellow-30:rgba(123,31,58,0.3);--circuit-bright-yellow-50:rgba(123,31,58,0.5);--circuit-light-teal-05:rgba(168,184,181,0.05);--circuit-light-teal-08:rgba(168,184,181,0.08);--circuit-light-teal-10:rgba(168,184,181,0.1);--circuit-light-teal-15:rgba(168,184,181,0.15);--circuit-light-teal-20:rgba(168,184,181,0.2);--circuit-light-teal-25:rgba(168,184,181,0.25);--circuit-light-teal-30:rgba(168,184,181,0.3);--circuit-light-teal-35:rgba(168,184,181,0.35);--circuit-light-teal-40:rgba(168,184,181,0.4);--circuit-light-teal-45:rgba(168,184,181,0.45);--circuit-light-teal-50:rgba(168,184,181,0.5);--circuit-light-teal-60:rgba(168,184,181,0.6);--circuit-light-teal-80:rgba(168,184,181,0.8);--circuit-light-teal-90:rgba(168,184,181,0.9);--circuit-mid-teal-15:rgba(200,168,181,0.15);--circuit-mid-teal-20:rgba(200,168,181,0.2);--circuit-mid-teal-25:rgba(200,168,181,0.25);--circuit-mid-teal-40:rgba(200,168,181,0.4);--circuit-mid-teal-50:rgba(200,168,181,0.5);--circuit-mid-teal-60:rgba(200,168,181,0.6);--circuit-mid-teal-70:rgba(200,168,181,0.7);--circuit-dark-teal-10:rgba(184,152,165,0.1);--circuit-dark-teal-15:rgba(184,152,165,0.15);--circuit-dark-teal-60:rgba(184,152,165,0.6);--circuit-dark-teal-80:rgba(184,152,165,0.8);--circuit-darker-teal-60:rgba(212,184,192,0.6);--circuit-darker-teal-65:rgba(212,184,192,0.65);--circuit-darker-teal-80:rgba(212,184,192,0.8);--circuit-darker-teal-85:rgba(212,184,192,0.85);--circuit-darker-teal-90:rgba(212,184,192,0.9);--circuit-darker-teal-92:rgba(212,184,192,0.92);--circuit-darker-teal-95:rgba(212,184,192,0.95);--shadow-color:rgba(45,27,46,0.15);--shadow-color-strong:rgba(45,27,46,0.3)}:root{--circuit-dark-teal:#1a4a47;--circuit-dark-teal-hover:#143a38;--circuit-dark-teal-active:#123230;--circuit-mid-teal:#2d6a65;--circuit-medium-light-teal:#3b847e;--circuit-light-teal:#4a9b94;--circuit-bright-teal:#5dbfb7;--circuit-hover-teal:#6dd1c9;--circuit-hover-bg:#1a3a38;--circuit-bright-yellow:#FFCF60;--circuit-light-yellow:#fff2d1;--circuit-bright-yellow-20:rgba(255,207,96,0.2);--circuit-bright-yellow-25:rgba(255,207,96,0.25);--circuit-bright-yellow-30:rgba(255,207,96,0.3);--circuit-bright-yellow-50:rgba(255,207,96,0.5);--circuit-magenta:#e91e63;--circuit-darker-teal:#0f2b29;--circuit-teal:#4a9b94;--circuit-light-teal-05:rgba(74,155,148,0.05);--circuit-light-teal-08:rgba(74,155,148,0.08);--circuit-light-teal-10:rgba(74,155,148,0.1);--circuit-light-teal-15:rgba(74,155,148,0.15);--circuit-light-teal-20:rgba(74,155,148,0.2);--circuit-light-teal-25:rgba(74,155,148,0.25);--circuit-light-teal-30:rgba(74,155,148,0.3);--circuit-light-teal-35:rgba(74,155,148,0.35);--circuit-light-teal-40:rgba(74,155,148,0.4);--circuit-light-teal-45:rgba(74,155,148,0.45);--circuit-light-teal-50:rgba(74,155,148,0.5);--circuit-light-teal-60:rgba(74,155,148,0.6);--circuit-light-teal-80:rgba(74,155,148,0.8);--circuit-light-teal-90:rgba(74,155,148,0.9);--circuit-mid-teal-15:rgba(45,106,101,0.15);--circuit-mid-teal-20:rgba(45,106,101,0.2);--circuit-mid-teal-25:rgba(45,106,101,0.25);--circuit-mid-teal-40:rgba(45,106,101,0.4);--circuit-mid-teal-50:rgba(45,106,101,0.5);--circuit-mid-teal-60:rgba(45,106,101,0.6);--circuit-mid-teal-70:rgba(45,106,101,0.7);--circuit-mid-teal-98:rgba(45,106,101,0.98);--circuit-dark-teal-10:rgba(26,74,71,0.1);--circuit-dark-teal-15:rgba(26,74,71,0.15);--circuit-darker-teal-60:rgba(15,43,41,0.6);--circuit-darker-teal-65:rgba(15,43,41,0.65);--circuit-darker-teal-80:rgba(15,43,41,0.8);--circuit-darker-teal-85:rgba(15,43,41,0.85);--circuit-darker-teal-90:rgba(15,43,41,0.9);--circuit-darker-teal-92:rgba(15,43,41,0.92);--circuit-darker-teal-95:rgba(15,43,41,0.95);--circuit-dark-teal-60:rgba(26,74,71,0.6);--circuit-dark-teal-80:rgba(26,74,71,0.8);--color-white-100:rgba(255,255,255,0.05);--color-white-200:rgba(255,255,255,0.1);--color-white-300:rgba(255,255,255,0.2);--color-white-400:rgba(255,255,255,0.4);--color-white-500:rgba(255,255,255,0.7);--color-white-600:rgba(255,255,255,0.8);--color-white-700:rgba(255,255,255,0.85);--color-white-800:rgba(255,255,255,0.9);--color-white-900:rgba(255,255,255,0.95);--color-white-1000:rgb(255,255,255);--color-black-100:rgba(12,12,13,0.05);--color-black-200:rgba(12,12,13,0.1);--color-black-300:rgba(12,12,13,0.2);--color-black-400:rgba(12,12,13,0.4);--color-black-500:rgba(12,12,13,0.7);--color-black-600:rgba(12,12,13,0.8);--color-black-700:rgba(12,12,13,0.85);--color-black-800:rgba(12,12,13,0.9);--color-black-900:rgba(12,12,13,0.95);--color-black-1000:rgb(12,12,13);--color-red-100:rgb(254,233,231);--color-red-300:rgb(252,179,173);--color-red-500:rgb(236,34,31);--color-red-600:rgb(192,15,12);--color-green-100:rgb(235,255,238);--color-green-300:rgb(175,244,198);--color-green-500:rgb(20,174,92);--color-green-700:rgb(0,128,67);--color-yellow-100:rgb(255,251,235);--color-yellow-300:rgb(255,232,163);--color-yellow-500:rgb(230,160,0);--color-yellow-600:rgb(191,106,2);--sds-size-space-0:0px;--sds-size-space-025:1px;--sds-size-space-050:2px;--sds-size-space-075:3px;--sds-size-space-100:4px;--sds-size-space-150:6px;--sds-size-space-200:8px;--sds-size-space-250:10px;--sds-size-space-300:12px;--sds-size-space-400:16px;--sds-size-space-500:20px;--sds-size-space-600:24px;--sds-size-space-700:28px;--sds-size-space-800:32px;--sds-size-space-1000:40px;--sds-size-space-1200:48px;--sds-size-space-1600:64px;--sds-size-space-2000:80px;--sds-size-space-2400:96px;--sds-size-space-3200:128px;--sds-size-space-4000:160px;--sds-size-height-32:28px;--sds-size-height-36:32px;--sds-size-height-40:36px;--sds-size-height-44:40px;--sds-size-height-48:44px;--sds-size-height-52:48px;--sds-size-space-negative-050:-2px;--sds-size-space-negative-100:-4px;--sds-size-space-negative-200:-8px;--sds-size-space-negative-300:-12px;--sds-size-space-negative-400:-16px;--sds-size-space-negative-600:-24px;--sds-size-radius-50:2px;--sds-size-radius-100:4px;--sds-size-radius-150:6px;--sds-size-radius-200:8px;--sds-size-radius-300:14px;--sds-size-radius-400:16px;--sds-size-radius-500:20px;--sds-size-radius-600:24px;--sds-size-radius-full:9999px;--sds-size-depth-0:0;--sds-size-depth-025:1;--sds-size-depth-100:4;--sds-size-depth-200:8;--sds-size-depth-400:16;--sds-size-depth-800:32;--sds-size-depth-1200:48;--shadow-xs:0 1px 2px var(--shadow-color);--shadow-sm:0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color);--shadow-md:0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color);--shadow-lg:0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color);--shadow-xl:0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color);--shadow-2xl:0 25px 50px var(--shadow-color-strong);--sds-size-depth-negative-025:-1;--sds-size-depth-negative-100:-4;--sds-size-depth-negative-200:-8;--sds-size-depth-negative-400:-16;--sds-size-depth-negative-800:-32;--sds-size-depth-negative-1200:-48;--sds-size-stroke-border:1px;--sds-size-stroke-focus-ring:2px;--sds-size-blur-100:4px;--sds-size-icon-small:24px;--sds-size-icon-medium:32px;--sds-size-icon-large:40px;--font-family-sans:var(--font-inter),system-ui,-apple-system,sans-serif;--font-family-mono:var(--font-roboto-mono),"Courier New",monospace;--font-family-display:var(--font-monda),sans-serif;--font-title-hero:700 64px/1.2 var(--font-family-display);--font-title-page:700 42px/1.2 var(--font-family-display);--font-subtitle:400 28px/1.2 var(--font-family-display);--font-heading:600 21px/1.2 var(--font-family-display);--font-subheading:400 18px/1.2 var(--font-family-display);--font-body-base:400 var(--font-size-87)/1.4 var(--font-family-display);--font-body-strong:600 var(--font-size-87)/1.4 var(--font-family-display);--font-body-small:400 var(--font-size-75)/1.4 var(--font-family-display);--font-body-small-strong:600 var(--font-size-75)/1 var(--font-family-display);--font-body-code:400 var(--font-size-100)/1 var(--font-family-mono);--font-input:400 var(--font-size-87)/1 var(--font-family-display);--font-body-base-single:400 var(--font-size-87)/1 var(--font-family-display);--font-body-small-strong-single:600 var(--font-size-75)/1 var(--font-family-display);--letter-spacing-title-hero:-3%;--letter-spacing-title-page:-2%;--letter-spacing-heading:-2%;--sds-size-width-sidebar:280px;--sds-size-width-card-min:280px;--sds-size-width-metric-card:140px;--color-blue-100:#e8f4ff;--color-blue-300:#93c5ff;--color-blue-500:#3286f5;--color-blue-700:#1e5daf;--color-purple-100:#f5ebff;--color-purple-300:#c199ff;--color-purple-500:#8c51f5;--color-purple-700:#6636b6;--color-orange-100:#fff2e7;--color-orange-300:#ffb881;--color-orange-500:#f67e22;--color-orange-700:#c15009;--theme-gold-primary:#B8860B;--theme-gold-secondary:#DAA520;--theme-gold-bg:linear-gradient(135deg,#FFD700,#FFA500);--theme-gold-border:#DAA520;--theme-gold-text:#8B4513;--theme-gold-text-light:#A0522D;--theme-success-primary:#059669;--theme-success-bg:#ecfdf5;--theme-success-border:#10b981;--theme-success-text:#0c4a6e;--theme-error-primary:#b91c1c;--theme-error-bg:#fef2f2;--theme-error-border:#fca5a5;--theme-error-text:#7f1d1d;--theme-warning-primary:#92400e;--theme-warning-bg:#fffbeb;--theme-warning-border:#f59e0b;--theme-warning-text:#78350f;--theme-info-primary:#0369a1;--theme-info-bg:#f0f9ff;--theme-info-border:#0ea5e9;--theme-info-text:#0c4a6e;--theme-campaign-primary:#667eea;--theme-campaign-bg:linear-gradient(135deg,#FF6B6B,#4ECDC4 50%,#45B7D1);--theme-campaign-border:#FF6B6B;--theme-campaign-text:#ffffff;--theme-campaign-text-light:#f0f8ff}.circuitds-example-sidebar{padding:var(--sds-size-space-400);background-color:var(--surface-background);border-right:var(--sds-size-stroke-border) solid var(--border-subtle)}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:var(--font-family-display);font-size:var(--font-size-87);line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none;font-weight:inherit}.title-hero{font:var(--font-title-hero);letter-spacing:var(--letter-spacing-title-hero)}.title-page{font:var(--font-title-page);letter-spacing:var(--letter-spacing-title-page)}.subtitle{font:var(--font-subtitle)}.heading{font:var(--font-heading);letter-spacing:var(--letter-spacing-heading)}.subheading{font:var(--font-subheading)}.body-base{font:var(--font-body-base)}.body-strong{font:var(--font-body-strong)}.body-small{font:var(--font-body-small)}.body-small-strong{font:var(--font-body-small-strong)}.body-code{font:var(--font-body-code)}.input{font:var(--font-input)}.body-base-single{font:var(--font-body-base-single)}.body-small-strong-single{font:var(--font-body-small-strong-single)}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--overlay-modal,rgba(15,43,41,.92));z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--sds-size-space-400,16px)}.modal-content{background-color:var(--surface-container-level-1);color:var(--text-primary);padding:var(--sds-size-space-800,32px);border-radius:var(--sds-size-radius-200,8px);border:var(--sds-size-stroke-border,1px) solid var(--border-subtle);width:90%;max-width:550px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 var(--sds-size-depth-100,4px) var(--sds-size-depth-200,8px) rgba(0,0,0,.25)}.modal-title{color:var(--text-heading-strong);margin:0}.circuit-tag{display:inline-flex;align-items:center;font:var(--font-body-small);font-weight:500;text-transform:uppercase;letter-spacing:.5px;border-radius:var(--sds-size-radius-50);border:1px solid;transition:all .2s ease}.circuit-tag.circuit-tag--xs{padding:var(--sds-size-space-50) var(--sds-size-space-250)!important;font-size:var(--font-size-50)}.circuit-tag--small{padding:var(--sds-size-space-075) var(--sds-size-space-200);font-size:.75rem}.circuit-tag--medium{padding:var(--sds-size-space-100) var(--sds-size-space-250);font-size:.8rem}.circuit-tag--default{background:var(--surface-preview-background);color:var(--text-secondary);border-color:var(--border-default)}.circuit-tag--feature{background:var(--theme-info-bg);color:var(--theme-info-primary);border-color:var(--theme-info-border)}.circuit-tag--success{background:var(--theme-success-bg);color:var(--theme-success-primary);border-color:var(--theme-success-border)}.circuit-tag--warning{background:var(--theme-warning-bg);color:var(--theme-warning-primary);border-color:var(--theme-warning-border)}.circuit-tag--error{background:var(--theme-error-bg);color:var(--theme-error-primary);border-color:var(--theme-error-border)}.circuit-tag--info{background:var(--theme-info-bg);color:var(--theme-info-primary);border-color:var(--theme-info-border)}.circuit-tag--primary{background:var(--interactive-primary-subtle);color:var(--interactive-primary);border-color:transparent}:root{--font-size-50:0.625rem;--font-size-75:0.75rem;--font-size-87:0.8125rem;--font-size-100:0.875rem;--font-size-200:1rem;--font-size-300:1.125rem;--font-size-400:1.375rem;--font-size-500:1.625rem;--font-size-600:1.875rem;--font-size-700:2.375rem;--font-size-800:2.875rem;--font-size-900:3.375rem;--font-size-1000:3.875rem;--line-height-tight:1.1;--line-height-normal:1.5;--line-height-relaxed:1.75;--letter-spacing-tight:-0.02em;--letter-spacing-normal:0;--letter-spacing-wide:0.05em}.display-xl{font-size:var(--font-size-1000)}.display-lg,.display-xl{line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);font-weight:700}.display-lg{font-size:var(--font-size-800)}.display-md{font-size:var(--font-size-700)}.display-md,.heading-1{line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);font-weight:700}.heading-1{font-size:var(--font-size-800)}.heading-2{font-size:var(--font-size-600);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);font-weight:700}.heading-3{font-size:var(--font-size-500)}.heading-3,.heading-4{line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);font-weight:600}.heading-4{font-size:var(--font-size-400)}.heading-5{font-size:var(--font-size-300)}.heading-5,.heading-6{line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-tight);font-weight:600}.heading-6{font-size:var(--font-size-200)}.text-xl{font-size:var(--font-size-200)}.text-lg,.text-xl{line-height:var(--line-height-relaxed);letter-spacing:var(--letter-spacing-normal)}.text-lg{font-size:var(--font-size-100)}.text-base{font-size:var(--font-size-87)}.text-base,.text-sm{line-height:var(--line-height-relaxed);letter-spacing:var(--letter-spacing-normal)}.text-sm{font-size:var(--font-size-75)}.text-xs{font-size:var(--font-size-50);line-height:var(--line-height-relaxed);letter-spacing:var(--letter-spacing-normal)}.ui-lg{font-size:var(--font-size-100)}.ui-lg,.ui-md{line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-wide);font-weight:500}.ui-md{font-size:var(--font-size-75)}.ui-sm{font-size:var(--font-size-50);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-wide);font-weight:500}.code-lg{font-size:var(--font-size-100)}.code-lg,.code-md{font-family:var(--font-mono);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal)}.code-md{font-size:var(--font-size-75)}.code-sm{font-family:var(--font-mono);font-size:var(--font-size-50)}.caption,.code-sm{line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal)}.caption{font-size:var(--font-size-75);color:var(--text-secondary)}.overline{letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.label,.overline{font-size:var(--font-size-75);line-height:var(--line-height-normal);font-weight:500}.label{letter-spacing:var(--letter-spacing-normal)}.type-scale-grid{display:grid;gap:var(--sds-size-space-600);padding:var(--sds-size-space-600);background:var(--surface-background-subtle);border-radius:var(--sds-size-radius-200);margin-bottom:var(--sds-size-space-600)}.type-example{display:grid;gap:var(--sds-size-space-200)}.font-scale-grid{display:grid;gap:var(--sds-size-space-400);padding:var(--sds-size-space-600);background:var(--surface-background-subtle);border-radius:var(--sds-size-radius-200)}.font-scale-item{display:flex;justify-content:space-between;align-items:center;padding:var(--sds-size-space-200);background:var(--surface-background);border-radius:var(--sds-size-radius-100)}.code-block{padding:var(--sds-size-space-400);overflow-x:auto}.code-block,.implementation-example{background:var(--surface-background-subtle);border-radius:var(--sds-size-radius-200)}.implementation-example{padding:var(--sds-size-space-600)}