:root{--g:#2E7D32;--g2:#1B5E20;--cream:#FAF7F0;--amber:#F59E0B;--ice:#0EA5E9;--ink:#1f2a1f}
*{font-family:Vazirmatn,Tahoma,sans-serif}
body{background:var(--cream);color:var(--ink);
background-image:radial-gradient(circle at 10% 0%,rgba(46,125,50,.10),transparent 40%),radial-gradient(circle at 90% 100%,rgba(245,158,11,.10),transparent 40%),
repeating-linear-gradient(45deg,rgba(46,125,50,.03) 0 2px,transparent 2px 14px)}
.card{background:#fff;border-radius:1.25rem;box-shadow:0 4px 20px -8px rgba(27,94,32,.25);border:1px solid #e9e4d6}
.chip{border:1.5px solid #d6d0bf;border-radius:999px;padding:.45rem .9rem;font-size:.85rem;transition:.15s;background:#fffdf8;cursor:pointer;user-select:none}
.chip:hover{border-color:var(--g)}
.chip.on{background:var(--g);color:#fff;border-color:var(--g);transform:scale(1.03)}
.fade{animation:fade .5s ease both}
@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.bar{transition:width 1s cubic-bezier(.2,.8,.2,1)}
.wobble{display:inline-block;animation:wob 2.5s ease-in-out infinite}
@keyframes wob{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}
input[type=range]{accent-color:var(--g)}
@media print{.noprint{display:none!important}body{background:#fff}.card{box-shadow:none}}