:root{--bg-color: #FDF5E6;--bg-gradient: radial-gradient(circle at top center, #FFF8DC 0%, #FDF5E6 100%);--accent-blue: #1A5276;--accent-purple: #5B2C6F;--accent-gold: #B8860B;--text-primary: #2C1E12;--text-secondary: #5D4037;--card-bg: rgba(255, 255, 255, .45);--glass-border: rgba(184, 134, 11, .35);--glow-shadow: 0 4px 15px rgba(184, 134, 11, .2);--gold-glow: 0 0 25px rgba(184, 134, 11, .3);--border-radius: 12px}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,.cinzel{font-family:Cinzel,serif}body{background-color:var(--bg-color);background-image:var(--bg-gradient);color:var(--text-primary);min-height:100vh;min-height:100dvh;overflow-x:hidden}.app-container{width:100%;max-width:430px;margin:0 auto;min-height:100dvh;position:relative;background-color:transparent;display:flex;flex-direction:column}.glass-panel{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--border-radius)}@media (max-width: 380px){.app-container{padding:0 10px}.glass-panel{padding:15px!important}}@media (max-height: 700px){h1{font-size:2rem!important}h2{font-size:1.5rem!important}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--accent-gold);border-radius:10px;border:1px solid var(--bg-color)}::-webkit-scrollbar-thumb:hover{background:#a67c00}*{scrollbar-width:thin;scrollbar-color:var(--accent-gold) var(--bg-color)}