:root{--brand-purple: #7C3AED;--brand-purple-hover: #6D28D9;--brand-purple-soft: #F5F0FE;--brand-magenta: #D81B7E;--brand-magenta-soft: #FCE7F0;--brand-orange: #F4511E;--brand-orange-soft: #FEEDE3;--brand-gold: #FFA000;--brand-gold-soft: #FFF3D9;--bg-base: #FFFFFF;--surface: #FFFFFF;--surface-alt: #FAFAFA;--text-main: #1F1B16;--text-muted: #6B7280;--text-soft: #9CA3AF;--line-soft: #E5E7EB;--line-strong: #D1D5DB;--status-error: #B91C1C;--status-error-bg: #FEF2F2;--status-success-bg: var(--brand-purple-soft);--status-success-text: var(--brand-purple);--shadow-soft: 0 1px 3px rgba(31, 27, 22, .06), 0 4px 12px rgba(31, 27, 22, .04);--shadow-strong: 0 8px 24px rgba(31, 27, 22, .08);--accent-strong: var(--brand-purple);--accent-secondary: var(--brand-gold);--accent-soft: var(--brand-purple-soft)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text-main);background:var(--bg-base)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--surface-alt)}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--brand-purple)}