@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=Manrope:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";
:root{--font-syne:"Syne",sans-serif;--font-manrope:"Manrope",-apple-system,sans-serif;--font-mono:"JetBrains Mono",monospace;--cream:#fdfbf7;--cream-dark:#f8f5f0;--terracotta:#d4a27f;--terracotta-dark:#c4915e;--border:#e8e0d4;--border-light:#f0ebe3;--text-primary:#1a1a1a;--text-secondary:#6b5e4f;--text-muted:#a09484;--text-faint:#c4baa8;--green:#4caf50;--red:#e07a5f}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font-manrope);background:var(--cream);color:var(--text-primary);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#e0d8cc;border-radius:4px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes spin{to{transform:rotate(360deg)}}