:root{--bg:#f2f2f0;--surface:#ffffff;--surface-raised:#eaeae8;--surface-border:#dddbd7;--text:#1a1a1a;--text-sec:#5a5a5a;--text-dim:#8a8a8a;--primary:#6b8c2e;--primary-dark:#2c4a1d;--primary-soft:rgba(107,140,46,0.1);--accent:#e74c41;--accent-glow:rgba(231,76,65,0.25);--amber:#c98a1b;--group-mammal:#d4742a;--group-bird:#3d7a7a;--group-reptile:#5c7d26;--group-fish:#6e3f88;--font-display:"Rokkitt",Georgia,serif;--font-body:"Source Sans 3","Source Sans Pro",system-ui,sans-serif;--r-sm:6px;--r-md:10px;--r-lg:18px;--tap:44px;--gutter:16px;--max-width:600px}*,:after,:before{box-sizing:border-box}body,html{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.4;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button,input{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}#app{max-width:var(--max-width);margin:0 auto;min-height:100%;display:flex;flex-direction:column}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}