:root{--primary:#4f46e5;--background:#f5f0eb;--background-dim:#ede8e3;--background-dim-light:#f8f5f2;--foreground:#1e1b4b;--border:#d1cdc7;--border-inside:#d1cdc7}.dark{--primary:#6366f1;--background:#1e1e2e;--background-dim:#151521;--background-dim-light:#252536;--foreground:#f4f4f9;--border:#2d2d3f;--border-inside:#2d2d3f}.sd-root-modern{--sd-base-unit:8px;--sjs-primary-backcolor:#4f46e5;--sjs-primary-backcolor-light:#4f46e51a;--sjs-primary-backcolor-dark:#4338ca;--sjs-primary-forecolor:#fff;--sjs-primary-forecolor-light:#ffffff40;--sjs-base-unit:8px;--sjs-corner-radius:8px;--sjs-font-size:14px}.dark .sd-root-modern{--sjs-primary-backcolor:#6366f1;--sjs-primary-backcolor-light:#6366f126;--sjs-primary-backcolor-dark:#4f46e5;--sjs-general-backcolor:#1e1e2e;--sjs-general-backcolor-dim:#151521;--sjs-general-backcolor-dim-light:#252536;--sjs-general-forecolor:#f4f4f9;--sjs-general-forecolor-light:#f4f4f973;--sjs-general-dim-forecolor:#f4f4f999;--sjs-shadow-small:0 1px 2px #0006;--sjs-shadow-medium:0 2px 6px #00000080;--sjs-border-default:#ffffff1f;--sjs-border-light:#ffffff14}.sd-root-modern .sd-body{border-radius:12px}.sd-root-modern .sd-title{font-size:1.25rem;font-weight:700}.sd-root-modern .sd-btn--action{border-radius:8px;padding:.6rem 1.5rem;font-weight:600;transition:background-color .2s}