*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-sans: "Outfit", sans-serif;--font-mono: "DM Mono", monospace;--bg: #f8f7f4;--bg-2: #ffffff;--bg-3: #f0ede8;--border: #e2ddd7;--border-2: #d0c9c0;--text: #1a1816;--text-2: #5c5650;--text-3: #9c9490;--accent: #e05a2b;--accent-2: #f07a4a;--accent-bg: rgba(224, 90, 43, .08);--green: #2d8a5e;--green-bg: rgba(45, 138, 94, .1);--red: #c0392b;--red-bg: rgba(192, 57, 43, .1);--blue: #2563eb;--blue-bg: rgba(37, 99, 235, .08);--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.05);--shadow-lg: 0 12px 32px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.06);--radius: 10px;--radius-sm: 6px;--radius-lg: 16px}[data-theme=dark]{--bg: #111110;--bg-2: #1a1917;--bg-3: #222120;--border: #2e2c2a;--border-2: #3d3b38;--text: #f0ede8;--text-2: #a09890;--text-3: #6a6460;--accent: #f07a4a;--accent-2: #ff9066;--accent-bg: rgba(240, 122, 74, .12);--green: #4ade80;--green-bg: rgba(74, 222, 128, .1);--red: #f87171;--red-bg: rgba(248, 113, 113, .1);--blue: #60a5fa;--blue-bg: rgba(96, 165, 250, .1);--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 12px 32px rgba(0,0,0,.5)}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.6;transition:background .2s,color .2s;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:var(--font-sans);cursor:pointer;border:none;background:none}input,select,textarea{font-family:var(--font-sans);outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:3px}.mono{font-family:var(--font-mono)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}.animate-in{animation:fadeIn .3s ease forwards}