:root{--color-primary:#3db870;--color-primary-dark:#2d9e5f;--color-accent:#d4af37;--color-accent-bg:#2a2510;--color-accent-bg-hover:#3a3418;--color-accent-text:#d4af37;--color-correct:#3db870;--color-correct-bg:#0d2018;--color-correct-text:#5ad698;--color-incorrect:#e05252;--color-incorrect-bg:#2a0d0d;--color-incorrect-text:#f08080;--color-cultural-bg:#0d1530;--color-cultural-text:#7090ee;--color-natural-bg:#0d2018;--color-natural-text:#5ad698;--color-mixed-bg:#2a2510;--color-mixed-text:#d4af37;--color-bg:#0f0f17;--color-surface:#1a1a26;--color-surface-2:#22222e;--color-text:#e0e0ee;--color-text-muted:#8888aa;--color-border:#2e2e3e;--color-border-light:#252535;--radius-card:12px;--shadow-card:0 2px 12px rgba(0,0,0,0.5)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{color:var(--color-text);-webkit-font-smoothing:antialiased}.app,body{background:var(--color-bg);min-height:100dvh}.app{max-width:600px;margin:0 auto;position:relative}.app__main{padding-bottom:2rem}