:root{--font-family: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--bg-primary: #FAF9F6;--bg-secondary: #F0F4F0;--bg-card: #FFFFFF;--text-primary: #2C3E50;--text-secondary: #5D6D7E;--accent-primary: #8FBC8F;--accent-secondary: #D8BFD8;--accent-action: #E9967A;--border-color: #E0E0E0}@media (prefers-color-scheme: dark){:root{--bg-primary: #1A1C1A;--bg-secondary: #2C332C;--bg-card: #252825;--text-primary: #E0E0E0;--text-secondary: #A0A0A0;--accent-primary: #6B8E23;--accent-secondary: #9370DB;--accent-action: #CD5C5C;--border-color: #404040}}body{margin:0;min-width:320px;min-height:100vh;font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s,color .3s}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--bg-card);cursor:pointer;transition:border-color .25s;color:var(--text-primary);box-shadow:0 2px 5px #0000000d}button:hover{border-color:var(--accent-primary)}