:root{--bg: #FAF5F0;--card-dark: #1A1008;--card-warm: #E8D8CC;--card-white: #FFFFFF;--accent: #CC5555;--accent-2: #E89060;--text-primary: #1A1008;--text-secondary: #A09080;--text-on-dark: #FAF5F0;--border: #E8E0D8;--border-light: #F5EFE8;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--text-primary);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg)}.app-container{box-shadow:0 0 #0000}@media(min-width:768px){.app-container{box-shadow:0 0 60px #1a10080a}}h1{font-size:3.2em;line-height:1.1}button{border-radius:12px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--card-dark);color:var(--text-on-dark);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--accent)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.bottom-nav{box-shadow:none}@media(min-width:768px){.bottom-nav button{padding:14px 0 12px!important}.bottom-nav button span:first-child{font-size:20px!important}.bottom-nav button span:last-child{font-size:10px!important}}@media(min-width:768px)and (hover:hover){.bottom-nav button:hover{background:#cc55550d!important;transition:background .2s}}