:root{--g:#2f6b3a;--g2:#e7f0e1;--cream:#fbf6ea;--ink:#2a2418;--y:#d9a21b;--r:#c0392b;--rug:#8a3b22}
*{font-family:Vazirmatn,Tahoma,sans-serif}
html{font-size:17px}
body{margin:0;color:var(--ink);background:var(--cream);
background-image:radial-gradient(circle at 10% 0%,#f3e6c4 0,transparent 40%),repeating-linear-gradient(45deg,rgba(138,59,34,.035) 0 12px,transparent 12px 24px)}
.card{background:#fffdf7;border:2px solid #eadfc4;border-radius:22px;box-shadow:0 3px 0 #eadfc4}
.btn{min-height:52px;border-radius:16px;font-weight:800;padding:0 18px;transition:transform .1s}
.btn:active{transform:scale(.97)}
.btn-g{background:var(--g);color:#fff}
.btn-o{background:#fff;border:2px solid var(--g);color:var(--g)}
.btn:disabled{opacity:.4}
.rug{height:10px;background:repeating-linear-gradient(90deg,var(--rug) 0 14px,#d9a21b 14px 20px,var(--g) 20px 34px,#d9a21b 34px 40px)}
input[type=range]{width:100%;accent-color:var(--g);height:28px}
.inp{border:2px solid #e2d6b8;border-radius:14px;padding:10px 12px;width:100%;background:#fff;font-size:1rem}
.fade{animation:fd .35s ease both}
@keyframes fd{from{opacity:0;transform:translateY(8px)}to{opacity:1}}
.light{width:22px;height:22px;border-radius:50%;display:inline-block;box-shadow:0 0 12px currentColor;background:currentColor}
@media print{.noprint{display:none!important}body{background:#fff}.card{box-shadow:none;border:1px solid #999}#printarea{display:block}}