*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:Manrope,Segoe UI,sans-serif;background:var(--surface-base);color:var(--text-primary)}:root{--brand-primary: #a855f7;--brand-primary-rgb: 168, 85, 247;--brand-primary-soft: #f3e8ff;--brand-primary-strong: #9333ea;--brand-accent: #ff8c00;--brand-accent-rgb: 255, 140, 0;--brand-accent-soft: #ffedd5;--surface-base: #ffffff;--surface-subtle: #faf7ff;--surface-elevated: #ffffff;--text-primary: #1a1a1a;--text-primary-rgb: 26, 26, 26;--text-secondary: #4b5563;--text-muted: #6b7280;--border-subtle: rgba(var(--text-primary-rgb), .08);--border-strong: rgba(var(--text-primary-rgb), .14);--shadow-sm: 0 8px 20px rgba(var(--text-primary-rgb), .08);--shadow-md: 0 18px 40px rgba(var(--text-primary-rgb), .12);--halo-primary: rgba(var(--brand-primary-rgb), .16);--halo-accent: rgba(var(--brand-accent-rgb), .18);--sand-50: var(--surface-base);--sand-100: var(--brand-primary-soft);--sand-300: #f5c58b;--amber-500: var(--brand-accent);--brick-500: var(--brand-primary);--ink-900: var(--text-primary);--ink-800: #2b2b34;--ink-700: var(--text-secondary);--ink-600: var(--text-muted);--ink-500: #8b90a0;--panel: var(--surface-base);--panel-strong: var(--surface-subtle);--accent: var(--brand-accent);--accent-soft: var(--brand-accent-soft);--border: rgba(var(--brand-primary-rgb), .18);--success: #16a34a}