@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Young+Serif&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--green: #5B8C5A;--yellow: #D4A843;--gray: #8B8580;--light-gray: #E8E3DB;--bg: #F7F4EE;--surface: #FFFFFF;--text: #2C2825;--text-secondary: #8B8580;--tile-bg: #FFFFFF;--tile-border: #DED9D1;--tile-empty: #EDEAE4;--border: #E8E3DB;--header-border: #E8E3DB;--accent: #D35F3E;--font-display: "Young Serif", Georgia, serif;--font-body: "Outfit", system-ui, -apple-system, sans-serif}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{max-width:520px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}@keyframes tile-flip{0%{transform:perspective(800px) rotateX(0)}50%{transform:perspective(800px) rotateX(90deg)}to{transform:perspective(800px) rotateX(0)}}@keyframes tile-pop{0%{transform:scale(1)}40%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes modal-enter{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes overlay-enter{0%{opacity:0}to{opacity:1}}@keyframes fadeInOut{0%{opacity:0;transform:scale(.95)}15%{opacity:1;transform:scale(1)}75%{opacity:1}to{opacity:0}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--light-gray);border-radius:3px}::selection{background:#5b8c5a33}