:root{--bg-primary: #060a14;--bg-secondary: #0c1220;--bg-card: #111a2e;--text-primary: #f0ede6;--text-secondary: #8a9ab5;--accent: #e8922d;--accent-glow: rgba(232, 146, 45, .3);--accent-warm: #f5b642;--accent-warm-glow: rgba(245, 182, 66, .2);--navy: #1c2d5a;--border: #1a2540;--font-display: "Syne", sans-serif;--font-mono: "Space Mono", monospace}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-mono);overflow-x:hidden}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes tickPulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.habits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media(max-width:768px){.habits-grid{grid-template-columns:repeat(2,1fr)}}