:root{--cream:#faf6ee;--sage:#5f7f63;--sage-d:#3d5a41;--carrot:#e07a2e;--red:#c0392b;--ink:#2b2a26}
*{font-family:'Vazirmatn',sans-serif}
body{background:var(--cream);color:var(--ink);background-image:radial-gradient(circle at 10% 10%,rgba(224,122,46,.07),transparent 40%),radial-gradient(circle at 90% 80%,rgba(95,127,99,.09),transparent 45%)}
.card{background:#fff;border:1px solid #e9e1d2;border-radius:18px;box-shadow:0 4px 18px -10px rgba(60,50,30,.25)}
details>summary{cursor:pointer;list-style:none}
details>summary::-webkit-details-marker{display:none}
details[open] .chev{transform:rotate(90deg)}
.chev{transition:transform .2s;display:inline-block}
.inp{width:100%;border:1px solid #ddd3c2;border-radius:10px;padding:6px 10px;background:#fffdf9;font-size:14px}
.inp:focus{outline:2px solid var(--sage);border-color:transparent}
.chk{display:flex;gap:8px;align-items:flex-start;padding:6px 8px;border-radius:10px;cursor:pointer;font-size:13.5px;line-height:1.6;transition:background .15s}
.chk:hover{background:#f6efe2}
.chk.on{background:#fdebd9;color:#7a3b0c;font-weight:700}
.chk input{accent-color:var(--carrot);margin-top:4px;flex-shrink:0}
.chk.on input{animation:pop .3s}
@keyframes pop{50%{transform:scale(1.4)}}
.bar{height:8px;border-radius:9px;background:linear-gradient(90deg,var(--carrot),#f2b16b)}
.fade{animation:fade .5s both}
@keyframes fade{from{opacity:0;transform:translateY(8px)}}
.btn{border-radius:999px;padding:7px 14px;font-weight:700;font-size:13px;transition:transform .1s}
.btn:active{transform:scale(.95)}
@media print{
 .noprint{display:none!important}
 body{background:#fff}
 .card{box-shadow:none;border:1px solid #999;break-inside:avoid}
 details{display:block}
 details>*{display:block!important}
 .printgrid{display:block!important}
}