:root{--ink: #16241F;--paper: #FBF6EC;--card: #FFFFFF;--sun: #E8A33D;--leaf: #2F7D5B;--leafDk: #1F5C42;--clay: #C0492F;--muted: #6B7A72;--line: #E6DECB}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Inter,system-ui,sans-serif;background:#0c1512;color:var(--ink)}input,select,button{font-family:inherit}.zbtn{transition:transform .12s ease,box-shadow .12s ease,background .15s;cursor:pointer;border:none}.zbtn:active{transform:scale(.97)}.zbtn:focus-visible{outline:3px solid var(--leaf);outline-offset:2px}.zcard{transition:transform .15s ease}.zcard:active{transform:scale(.99)}.pop{animation:pop .4s cubic-bezier(.2,.8,.2,1.2)}@keyframes pop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ring{animation:ring .5s ease}@keyframes ring{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.pop,.ring,.spin{animation:none}}