:root{--ink:#0f2a2a;--teal:#0d7c74;--teal2:#14a394;--paper:#f3f1ea;--line:#d9d4c5;--red:#c2410c;--amb:#b45309}
body{font-family:Vazirmatn,sans-serif;background:var(--paper);color:var(--ink);
background-image:radial-gradient(circle at 10% 0%,#d8efe9 0,transparent 40%),repeating-linear-gradient(0deg,transparent 0 27px,#e7e2d4 27px 28px)}
.card{background:#fffdf8;border:1px solid var(--line);border-radius:14px}
.inp{border:1px solid var(--line);border-radius:10px;padding:6px 10px;background:#fff;width:100%}
.inp:focus{outline:2px solid var(--teal2)}
.chip{border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:13px;cursor:pointer;background:#fff;transition:.15s}
.chip.on{background:var(--teal);color:#fff;border-color:var(--teal)}
.btn{background:var(--teal);color:#fff;border-radius:10px;padding:7px 14px;font-weight:700}
.btn:disabled{opacity:.5}
.btn2{border:1px solid var(--teal);color:var(--teal);border-radius:10px;padding:6px 12px;font-weight:600;background:#fff}
.fade{animation:fd .35s ease both}
@keyframes fd{from{opacity:0;transform:translateY(8px)}to{opacity:1}}
.note{background:#fff7e6;border-right:4px solid var(--amb);border-radius:8px;padding:8px 12px;font-size:13px}
.ai{white-space:pre-wrap;line-height:1.9;font-size:14px}
@media print{header,nav,.noprint,footer{display:none!important}body{background:#fff}}