:root{--cream:#FFF8EC;--grass:#3F7D3A;--grass-d:#2b5a28;--straw:#E9B949;--soil:#5b3a1e}
*{font-family:Vazirmatn,Tahoma,sans-serif}
body{background:var(--cream);background-image:radial-gradient(circle at 10% 0%,#f6e3b8 0,transparent 40%),repeating-linear-gradient(45deg,rgba(233,185,73,.06) 0 2px,transparent 2px 14px);color:#2d2416;min-height:100vh}
.card{background:#fff;border-radius:1.1rem;box-shadow:0 2px 0 #ecdcb8,0 8px 24px rgba(91,58,30,.08);border:1px solid #f0e2c2}
.btn{background:var(--grass);color:#fff;border-radius:.8rem;padding:.5rem 1rem;font-weight:700;transition:.15s}
.btn:hover{background:var(--grass-d);transform:translateY(-1px)}
.btn2{background:var(--straw);color:#3a2a06;border-radius:.8rem;padding:.5rem 1rem;font-weight:700}
.btn3{background:#f3ead6;color:#5b3a1e;border-radius:.8rem;padding:.4rem .8rem;font-weight:600}
.inp{border:1.5px solid #e6d6b2;border-radius:.7rem;padding:.45rem .7rem;width:100%;background:#fffdf8}
.inp:focus{outline:none;border-color:var(--grass)}
.fade{animation:fade .45s ease both}
@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1}}
.chew{animation:chew 1s infinite ease-in-out;transform-origin:center}
@keyframes chew{50%{transform:translateY(2px) scaleY(.85)}}
.wob{animation:wob 2.4s infinite ease-in-out}
@keyframes wob{50%{transform:rotate(-4deg)}}
@media print{.noprint{display:none!important}body{background:#fff}.card{box-shadow:none}}