: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}: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(--primary);flex-direction:column;height:100%;margin:0;display:flex}main{flex-direction:column;width:100%;height:100%;display:flex}