:root{--warm-charcoal: #27272a;--warm-charcoal-deep: #18181b;--warm-text-primary: #2c2a26;--warm-text-secondary: #57534e;--warm-text-subtle: #5a564f;--warm-text-muted: #8a8580;--warm-surface: #faf9f8;--warm-border: #d6d3d1;--warm-border-subtle: #e0ddd8;--warm-bg: #f5f3f0;--warm-bg-gradient: radial-gradient(ellipse 120% 60% at 50% 0%, #fdf3eb 0%, #ffffff 70%);--warm-card: #fefdfb;--warm-cream: #fef1e1;--pro-bg: #f8fafc;--pro-card: #ffffff;--pro-primary: #273272;--pro-primary-hover: #2563eb;--pro-primary-active: #1e40af;--pro-text-primary: #181818;--pro-text-secondary: #64748b;--pro-border: rgba(60, 60, 60, .12);--legacy-white-soft: #f8f8f8;--legacy-gray-light: #f9fafb;--legacy-gray-medium: #f3f4f6;--slate-selected-border: #64748b;--slate-selected-bg: linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%);--slate-selected-text: #475569;--slate-selected-shadow: rgba(100, 116, 139, .18);--color-success: #10b981;--color-success-bg: rgba(209, 250, 229, .5);--color-success-text: #065f46;--color-error: #c21818;--color-error-bg: rgba(254, 226, 226, .5);--color-error-text: #c21818;--color-warning: #f59e0b;--color-warning-bg: rgba(245, 158, 11, .1);--color-warning-text: #92400e;--color-info: #3b82f6;--color-info-bg: #eff6ff;--color-info-text: #1d4ed8;--font-family: "DM Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.3rem;--font-size-2xl: 1.6rem;--font-size-3xl: 2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height: 1.6;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0}body{margin:0;padding:0;height:100%;width:100%;position:relative;color:var(--pro-text-primary);background:var(--pro-bg);transition:color .5s,background-color .5s;line-height:var(--line-height);font-family:var(--font-family);font-size:var(--font-size-base);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{font-weight:400;height:100vh}a{text-decoration:none;color:var(--pro-primary);transition:.4s;padding:3px}@media (hover: hover){a:hover{color:var(--color-error)}}