:root{--cream:#FBF6EA;--green:#3E7C3A;--brown:#7A5230;--ink:#2b2117}
html,body{font-family:'Vazirmatn',sans-serif;background:var(--cream);color:var(--ink);font-size:18px}
body{background-image:radial-gradient(circle at 10% 0%,#f3e6c4 0,transparent 40%),radial-gradient(circle at 100% 100%,#e4eed9 0,transparent 40%);min-height:100vh}
.card{background:#fffdf7;border-radius:1.25rem;box-shadow:0 2px 0 #e9dcbc,0 6px 18px rgba(122,82,48,.08);border:1px solid #efe3c7}
.btn{min-height:56px;border-radius:1rem;font-weight:800;padding:0 1.2rem;transition:transform .1s}
.btn:active{transform:scale(.97)}
.btn:disabled{opacity:.45;cursor:not-allowed}
.chip{border-radius:999px;padding:.55rem 1rem;border:2px solid #e3d3ad;background:#fff;font-weight:500}
.chip.on{background:var(--green);color:#fff;border-color:var(--green)}
input[type=range]{width:100%;accent-color:var(--green);height:34px}
input,select{background:#fff;border:2px solid #e3d3ad;border-radius:.8rem;padding:.6rem .8rem;width:100%}
.fade{animation:fade .35s ease both}
@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.pulse{animation:pulse .6s ease}
@keyframes pulse{0%{background:#d8f0cf}100%{background:transparent}}
.print-only{display:none}
@media print{
  .no-print{display:none!important}
  .print-only{display:block!important}
  body{background:#fff}
}