@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#faf8f5;--surface:#fff;--border:#ede8e0;--border2:#ddd5c8;--text:#2c1810;--text2:#6b5744;--text3:#b8a898;--accent:#4a3728;--accent2:#8b6b47;--accent-warm:#8b7355;--fire:#fd7c4a;--water:#4a9ebe;--earth:#6db87a;--air:#c4a25a;--space:#9b7fc7}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:DM Sans,system-ui,sans-serif;font-size:15px;line-height:1.6}#root{width:100%;min-height:100vh}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}input,textarea,button{font-family:DM Sans,system-ui,sans-serif}@keyframes flicker{0%,to{transform:scaleY(1)translateY(0)}25%{transform:scaleY(1.08)translateY(-2px)}75%{transform:scaleY(.95)translateY(1px)}}@keyframes ripple{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes pulseEarth{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes drift{0%,to{transform:translate(0)translateY(0)}33%{transform:translate(3px)translateY(-2px)}66%{transform:translate(-2px)translateY(1px)}}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}