:root{--brand-gradient:linear-gradient(120deg, var(--brand-purple) 0%, var(--brand-pink) 48%, var(--brand-orange) 100%);--brand-gradient-soft:linear-gradient(135deg, var(--brand-purple-soft) 0%, var(--brand-pink-soft) 50%, var(--brand-orange-soft) 100%);--success:#22c55e;--success-dark:#16a34a;--success-text:#fff;--info:#3b82f6;--info-dark:#2563eb;--info-text:#fff;--warning:#f59e0b;--warning-dark:#d97706;--warning-text:#fff;--error:#ef4444;--error-dark:#dc2626;--error-text:#fff;--header-height:3rem;--header-offset:0px}:root[data-header=overlay]{--header-offset:var(--header-height)}:root[data-mode=light]{--surface:var(--background-light);--surface-alt:var(--background-alt-light);--on-surface:var(--text-light);--on-surface-muted:var(--text-alt-light);--border:var(--background-alt-light)}:root[data-mode=dark]{--surface:var(--background-dark);--surface-alt:var(--background-alt-dark);--on-surface:var(--text-dark);--on-surface-muted:var(--text-alt-dark);--border:var(--background-alt-dark)}html{height:100%}body{background:var(--surface);flex-direction:column;height:100%;margin:0;display:flex}button,input,select,textarea{font:inherit}main{flex-direction:column;width:100%;height:100%;display:flex}