:root{--bg-page:linear-gradient(180deg,#fff4ff,#f0f4f9 50%,#4c64fe2c);--bg-surface:#fff;--bg-raised:#f7f7f6;--bg-sunken:#f1f0ef;--text-primary:#0f172a;--text-secondary:#374151;--text-tertiary:#6b7280;--border-default:#f1f5f9;--border-strong:#e2e8f0;--border-active:#4c65fe;--accent:#4c65fe;--accent-text:#fff;--gradient-primary-start:#f540fa;--gradient-primary-end:#4c65fe;--gradient-angle:90deg;--success-bg:#effbef;--success-text:#1d7a1d;--success-border:#b8ebb8;--warning-bg:#fff9ee;--warning-text:#8b5e00;--warning-border:#ffd580;--error-bg:#fef2f2;--error-text:#dc2626;--error-border:#fca5a5;--error:var(--error-text);--info-bg:#eef4fb;--info-text:#2060b0;--info-border:#bedaf7;--input-bg:var(--bg-surface);--input-border:var(--border-default);--input-border-focus:var(--border-active);--input-text:var(--text-primary);--input-placeholder:var(--text-tertiary);--input-disabled-bg:var(--bg-sunken);--input-disabled-text:var(--text-tertiary);--state-focus-ring:rgba(0,0,0,.08);--state-hover-bg:var(--bg-raised);--state-active-bg:var(--bg-sunken);--btn-primary-bg:linear-gradient(var(--gradient-angle),var(--gradient-primary-start),var(--gradient-primary-end));--btn-primary-text:var(--accent-text);--btn-primary-hover-bg:linear-gradient(var(--gradient-angle),var(--gradient-primary-start),var(--gradient-primary-end));--btn-primary-hover-text:var(--accent-text);--btn-primary-hover:var(--btn-primary-hover-bg);--btn-primary-active:var(--accent);--btn-secondary-bg:var(--bg-raised);--btn-secondary-text:var(--text-secondary);--btn-secondary-hover-bg:var(--bg-sunken);--btn-secondary-hover-text:var(--text-primary);--btn-default-bg:var(--btn-secondary-bg);--btn-default-text:var(--btn-secondary-text);--btn-default-hover-bg:var(--btn-secondary-hover-bg);--btn-default-hover-text:var(--btn-secondary-hover-text);--btn-outline-bg:transparent;--btn-outline-text:var(--text-secondary);--btn-outline-border:var(--border-strong);--btn-outline-hover-bg:var(--state-hover-bg);--btn-outline-hover-text:var(--text-primary);--btn-ghost-bg:transparent;--btn-ghost-text:var(--text-secondary);--btn-ghost-hover-bg:var(--state-hover-bg);--btn-ghost-hover-text:var(--text-primary);--btn-danger-bg:var(--error-text);--btn-danger-text:#fff;--btn-danger-hover-bg:#b91c1c;--btn-danger-hover-text:#fff;--btn-disabled-bg:var(--bg-sunken);--btn-disabled-text:var(--text-tertiary);--sidebar-active-indicator:linear-gradient(90deg,var(--gradient-primary-start),var(--gradient-primary-end));--sidebar-active-text:var(--accent);--input-error-border:var(--error-border);--input-error-bg:var(--error-bg);--input-error-text:var(--error-text);--link-text:var(--info-text);--link-hover:#174ea6;--input-border-focus:#2e2d2d;--input-placeholder:#c7c6c5;--input-disabled-border:var(--border-default);--btn-focus-ring:rgba(0,0,0,.15);--input-error-focus-ring:rgba(174,43,43,.2);--border-subtle:rgba(0,0,0,.05);--overlay-bg:rgba(0,0,0,.4);--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 8px rgba(0,0,0,.08);--shadow-lg:0 8px 20px rgba(0,0,0,.12);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--semantic-surface:var(--bg-surface);--semantic-text-default:var(--text-primary);--semantic-border-default:var(--border-default);--component-form-input-bg:var(--input-bg);--component-form-input-border:var(--input-border);--component-button-primary-bg:var(--btn-primary-bg);--component-button-primary-text:var(--btn-primary-text)}.mono{--bg-page:#f9f9f9;--bg-surface:#fff;--bg-raised:#f5f5f5;--bg-sunken:#eee;--text-primary:#111;--text-secondary:#444;--text-tertiary:#666;--border-default:#e5e5e5;--border-strong:#ccc;--border-active:#222;--accent:#2d2d2d;--accent-text:#fff;--gradient-primary-start:#2d2d2d;--gradient-primary-end:#2d2d2d;--sidebar-active-indicator:#2d2d2d;--sidebar-active-text:#fff;--success-bg:#f0fdf4;--success-text:#166534;--success-border:#bbf7d0;--warning-bg:#fefce8;--warning-text:#854d0e;--warning-border:#fef08a;--error-bg:#fef2f2;--error-text:#991b1b;--error-border:#fecaca;--error:var(--error-text);--info-bg:#eff6ff;--info-text:#1e40af;--info-border:#bfdbfe;--input-bg:var(--bg-surface);--input-border:var(--border-default);--input-border-focus:var(--border-active);--input-text:var(--text-primary);--input-placeholder:var(--text-tertiary);--input-disabled-bg:var(--bg-sunken);--input-disabled-text:var(--text-tertiary);--input-disabled-border:var(--border-default);--input-error-border:var(--error-border);--input-error-bg:var(--error-bg);--input-error-text:var(--error-text);--state-focus-ring:rgba(0,0,0,.1);--state-hover-bg:var(--bg-raised);--state-active-bg:var(--bg-sunken);--btn-primary-bg:var(--accent);--btn-primary-text:var(--accent-text);--btn-primary-hover-bg:var(--accent);--btn-primary-hover-text:var(--accent-text);--btn-primary-hover:var(--btn-primary-hover-bg);--btn-primary-active:var(--accent);--btn-secondary-bg:var(--bg-raised);--btn-secondary-text:var(--text-secondary);--btn-secondary-hover-bg:var(--bg-sunken);--btn-secondary-hover-text:var(--text-primary);--btn-default-bg:var(--btn-secondary-bg);--btn-default-text:var(--btn-secondary-text);--btn-default-hover-bg:var(--btn-secondary-hover-bg);--btn-default-hover-text:var(--btn-secondary-hover-text);--btn-outline-bg:transparent;--btn-outline-text:var(--text-secondary);--btn-outline-border:var(--border-strong);--btn-outline-hover-bg:var(--state-hover-bg);--btn-outline-hover-text:var(--text-primary);--btn-ghost-bg:transparent;--btn-ghost-text:var(--text-secondary);--btn-ghost-hover-bg:var(--state-hover-bg);--btn-ghost-hover-text:var(--text-primary);--btn-danger-bg:var(--error-text);--btn-danger-text:#fff;--btn-danger-hover-bg:#7f1d1d;--btn-danger-hover-text:#fff;--btn-disabled-bg:var(--bg-sunken);--btn-disabled-text:var(--text-tertiary);--btn-focus-ring:rgba(0,0,0,.15);--input-error-focus-ring:rgba(153,27,27,.2);--link-text:#111;--link-hover:#444;--border-subtle:rgba(0,0,0,.05);--overlay-bg:rgba(0,0,0,.4);--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--semantic-surface:var(--bg-surface);--semantic-text-default:var(--text-primary);--semantic-border-default:var(--border-default);--component-form-input-bg:var(--input-bg);--component-form-input-border:var(--input-border);--component-button-primary-bg:var(--btn-primary-bg);--component-button-primary-text:var(--btn-primary-text)}.dark.mono{--bg-page:#0a0a0a;--bg-surface:#141414;--bg-raised:#1f1f1f;--bg-sunken:#292929;--text-primary:#f5f5f5;--text-secondary:#a3a3a3;--text-tertiary:#737373;--border-default:#262626;--border-strong:#404040;--border-active:#525252;--accent:#fff;--accent-text:#000;--gradient-primary-start:#fff;--gradient-primary-end:#fff;--sidebar-active-indicator:#fff;--sidebar-active-text:#000;--success-bg:#052e16;--success-text:#4ade80;--success-border:#14532d;--warning-bg:#422006;--warning-text:#facc15;--warning-border:#713f12;--error-bg:#450a0a;--error-text:#f87171;--error-border:#7f1d1d;--error:var(--error-text);--info-bg:#1e3a8a;--info-text:#60a5fa;--info-border:#1e40af;--input-bg:var(--bg-surface);--input-border:var(--border-default);--input-border-focus:var(--border-active);--input-text:var(--text-primary);--input-placeholder:var(--text-tertiary);--input-disabled-bg:var(--bg-sunken);--input-disabled-text:var(--text-tertiary);--input-disabled-border:var(--border-default);--input-error-border:var(--error-border);--input-error-bg:var(--error-bg);--input-error-text:var(--error-text);--state-focus-ring:hsla(0,0%,100%,.15);--state-hover-bg:var(--bg-raised);--state-active-bg:var(--bg-sunken);--btn-primary-bg:var(--accent);--btn-primary-text:var(--accent-text);--btn-primary-hover-bg:var(--accent);--btn-primary-hover-text:var(--accent-text);--btn-primary-hover:var(--btn-primary-hover-bg);--btn-primary-active:var(--accent);--btn-secondary-bg:var(--bg-raised);--btn-secondary-text:var(--text-secondary);--btn-secondary-hover-bg:var(--bg-sunken);--btn-secondary-hover-text:var(--text-primary);--btn-default-bg:var(--btn-secondary-bg);--btn-default-text:var(--btn-secondary-text);--btn-default-hover-bg:var(--btn-secondary-hover-bg);--btn-default-hover-text:var(--btn-secondary-hover-text);--btn-outline-bg:transparent;--btn-outline-text:var(--text-secondary);--btn-outline-border:var(--border-strong);--btn-outline-hover-bg:var(--state-hover-bg);--btn-outline-hover-text:var(--text-primary);--btn-ghost-bg:transparent;--btn-ghost-text:var(--text-secondary);--btn-ghost-hover-bg:var(--state-hover-bg);--btn-ghost-hover-text:var(--text-primary);--btn-danger-bg:var(--error-text);--btn-danger-text:#000;--btn-danger-hover-bg:#ef4444;--btn-danger-hover-text:#000;--btn-disabled-bg:var(--bg-sunken);--btn-disabled-text:var(--text-tertiary);--btn-focus-ring:hsla(0,0%,100%,.2);--input-error-focus-ring:hsla(0,91%,71%,.25);--link-text:#f5f5f5;--link-hover:#a3a3a3;--border-subtle:hsla(0,0%,100%,.05);--overlay-bg:rgba(0,0,0,.6);--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 4px 6px -1px rgba(0,0,0,.5),0 2px 4px -1px rgba(0,0,0,.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.6),0 4px 6px -2px rgba(0,0,0,.4);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--semantic-surface:var(--bg-surface);--semantic-text-default:var(--text-primary);--semantic-border-default:var(--border-default);--component-form-input-bg:var(--input-bg);--component-form-input-border:var(--input-border);--component-button-primary-bg:var(--btn-primary-bg);--component-button-primary-text:var(--btn-primary-text)}.dark{--bg-page:#0f172a;--bg-surface:#1e293b;--bg-raised:#334155;--bg-sunken:#475569;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--border-default:#334155;--border-strong:#475569;--border-active:#4c65fe;--accent:#4c65fe;--accent-text:#fff;--gradient-primary-start:#f540fa;--gradient-primary-end:#4c65fe;--gradient-angle:90deg;--success-bg:#1c3a1c;--success-text:#52c152;--success-border:#2d5c2d;--warning-bg:#3a2e00;--warning-text:#ffb930;--warning-border:#5c4800;--error-bg:#3a1c1c;--error-text:#f07070;--error-border:#5c2d2d;--error:var(--error-text);--info-bg:#1a2d48;--info-text:#70a8f0;--info-border:#2b4878;--input-bg:var(--bg-surface);--input-border:var(--border-default);--input-border-focus:var(--border-active);--input-text:var(--text-primary);--input-placeholder:var(--text-tertiary);--input-disabled-bg:var(--bg-sunken);--input-disabled-text:var(--text-tertiary);--state-focus-ring:hsla(0,0%,100%,.12);--state-hover-bg:var(--bg-raised);--state-active-bg:var(--bg-sunken);--btn-primary-bg:linear-gradient(var(--gradient-angle),var(--gradient-primary-start),var(--gradient-primary-end));--btn-primary-text:var(--accent-text);--btn-primary-hover-bg:linear-gradient(var(--gradient-angle),var(--gradient-primary-start),var(--gradient-primary-end));--btn-primary-hover-text:var(--accent-text);--btn-primary-hover:var(--btn-primary-hover-bg);--btn-primary-active:var(--accent);--btn-secondary-bg:var(--bg-raised);--btn-secondary-text:var(--text-secondary);--btn-secondary-hover-bg:var(--bg-sunken);--btn-secondary-hover-text:var(--text-primary);--btn-default-bg:var(--btn-secondary-bg);--btn-default-text:var(--btn-secondary-text);--btn-default-hover-bg:var(--btn-secondary-hover-bg);--btn-default-hover-text:var(--btn-secondary-hover-text);--btn-outline-bg:transparent;--btn-outline-text:var(--text-secondary);--btn-outline-border:var(--border-strong);--btn-outline-hover-bg:var(--state-hover-bg);--btn-outline-hover-text:var(--text-primary);--btn-ghost-bg:transparent;--btn-ghost-text:var(--text-secondary);--btn-ghost-hover-bg:var(--state-hover-bg);--btn-ghost-hover-text:var(--text-primary);--btn-danger-bg:var(--error-text);--btn-danger-text:#fff;--btn-danger-hover-bg:#b91c1c;--btn-danger-hover-text:#fff;--btn-disabled-bg:var(--bg-sunken);--btn-disabled-text:var(--text-tertiary);--sidebar-active-indicator:linear-gradient(90deg,var(--gradient-primary-start),var(--gradient-primary-end));--sidebar-active-text:var(--accent);--input-error-border:var(--error-border);--input-error-bg:var(--error-bg);--input-error-text:var(--error-text);--link-text:var(--info-text);--link-hover:var(--text-primary);--input-border-focus:#fff;--input-disabled-border:var(--border-default);--btn-focus-ring:hsla(0,0%,100%,.2);--input-error-focus-ring:hsla(0,81%,69%,.25);--border-subtle:hsla(0,0%,100%,.06);--overlay-bg:rgba(0,0,0,.6);--link-hover:#9ecbff;--shadow-sm:0 1px 2px rgba(0,0,0,.35);--shadow-md:0 4px 8px rgba(0,0,0,.4);--shadow-lg:0 8px 20px rgba(0,0,0,.5);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--semantic-surface:var(--bg-surface);--semantic-text-default:var(--text-primary);--semantic-border-default:var(--border-default);--component-form-input-bg:var(--input-bg);--component-form-input-border:var(--input-border);--component-button-primary-bg:var(--btn-primary-bg);--component-button-primary-text:var(--btn-primary-text)}