:root{--font-display: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Code", monospace;--bg-base: #f5f5f4;--bg-card: rgba(255,255,255,.9);--bg-card-hover: #f9fafb;--bg-elevated: #f3f4f6;--border: rgba(229,231,235,.6);--text-primary: #111827;--text-secondary: #6b7280;--text-muted: #9ca3af;--accent: #6366f1;--green: #059669;--blue: #3b82f6;--yellow: #d97706;--red: #dc2626;--purple: #7c3aed;--green-bg: #ecfdf5;--green-border: #a7f3d0;--yellow-bg: #fffbeb;--yellow-border: #fde68a;--red-bg: #fef2f2;--red-border: #fecaca;--blue-bg: #eef2ff;--blue-border: #c7d2fe;--radius-sm: 6px;--radius: 8px;--radius-lg: 16px;--shadow-sm: 0 1px 2px 0 rgba(0,0,0,.05);--shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px -1px rgba(0,0,0,.1);--shadow-modal: 0 8px 32px rgba(0,0,0,.3);--scrim: rgba(0,0,0,.35)}:root.dark{--bg-base: #0a0a0b;--bg-card: rgba(24,24,27,.9);--bg-card-hover: #1e1e22;--bg-elevated: #1c1c20;--border: rgba(63,63,70,.5);--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent: #818cf8;--green: #34d399;--blue: #60a5fa;--yellow: #fbbf24;--red: #f87171;--purple: #a78bfa;--green-bg: rgba(52,211,153,.12);--green-border:rgba(52,211,153,.3);--yellow-bg: rgba(251,191,36,.12);--yellow-border:rgba(251,191,36,.3);--red-bg: rgba(248,113,113,.12);--red-border: rgba(248,113,113,.3);--blue-bg: rgba(129,140,248,.12);--blue-border: rgba(129,140,248,.3);--shadow-sm: 0 1px 2px 0 rgba(0,0,0,.3);--shadow: 0 1px 3px 0 rgba(0,0,0,.4), 0 1px 2px -1px rgba(0,0,0,.3);--shadow-modal: 0 8px 32px rgba(0,0,0,.5);--scrim: rgba(0,0,0,.6)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-display);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .35s ease both}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.dark ::-webkit-scrollbar-thumb{background:#3f3f46}.dark ::-webkit-scrollbar-thumb:hover{background:#52525b}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}