*{margin:0;padding:0;}
html,body{background:#F4EEE4;}
body{margin:0;}
@font-face{font-family:'IRANSansX';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/IRANSansX-Regular.woff2') format('woff2');}
@font-face{font-family:'IRANSansX';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/IRANSansX-Medium.woff2') format('woff2');}
@font-face{font-family:'IRANSansX';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/IRANSansX-DemiBold.woff2') format('woff2');}
@font-face{font-family:'IRANSansX';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/IRANSansX-Bold.woff2') format('woff2');}
@font-face{font-family:'IRANSansX';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/IRANSansX-ExtraBold.woff2') format('woff2');}
.app{
--ink:#2B1416; --muted:#8C7268; --line:#E5D8C8;
--paper:#F4EEE4; --surface:#FFFCF7;
--maroon:#790102; --maroon-d:#4A0709; --gold:#D0A475; --gold-d:#A87B4B;
--up:#1F7A5C; --down:#C0392B;
font-family:'IRANSansX','Vazirmatn',system-ui,sans-serif;
background:var(--paper); color:var(--ink);
min-height:100vh; max-width:460px; margin:0 auto; position:relative;
padding-bottom:calc(104px + env(safe-area-inset-bottom, 0px));
-webkit-font-smoothing:antialiased;
}
.app *{box-sizing:border-box;}
.app button{font:inherit;color:inherit;cursor:pointer;border:none;background:none;}
.app input{font:inherit;color:inherit;}
.app h2,.app h3{margin:0;}
.app p{margin:0;}
.app ul{margin:0;padding:0;list-style:none;}
/* header */
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;
padding:10px 16px;background:var(--paper);
border-bottom:1px solid var(--line);
box-shadow:0 1px 0 rgba(208,164,117,.35);}
.logo{height:38px;width:auto;display:block;}
.top-t{flex:1;display:flex;flex-direction:column;line-height:1.25;}
.top-t strong{font-size:15px;font-weight:700;color:var(--maroon);}
.top-t span{font-size:11px;color:var(--muted);}
.clock{flex:none;text-align:end;display:flex;flex-direction:column;line-height:1.3;
border-inline-start:1px solid var(--line);padding-inline-start:11px;}
.clock strong{font-size:16px;font-weight:700;color:var(--maroon);
font-variant-numeric:tabular-nums;letter-spacing:-.01em;}
.clock span{font-size:10.5px;color:var(--muted);white-space:nowrap;}
.avbtn{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
background:var(--maroon);color:#FBF3E8;margin-inline-start:10px;
box-shadow:0 3px 10px -3px rgba(121,1,2,.55);
transition:transform .12s ease, box-shadow .12s ease, background .12s ease;}
.avbtn:hover{background:#8C0203;transform:translateY(-1px);}
.avbtn:active{transform:translateY(1px);}
.avbtn.on{background:#5C0A0C;box-shadow:0 0 0 2px var(--paper), 0 0 0 4px var(--gold);}
.main{padding:16px 14px 8px;display:flex;flex-direction:column;gap:14px;}
/* live stamp */
.stamp{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--muted);}
.secs{display:flex;gap:6px;background:#EDE2D3;padding:4px;border-radius:12px;}
.sec-b{flex:1;padding:9px 6px;border-radius:9px;font-size:12.5px;color:var(--muted);font-weight:500;}
.sec-b.on{background:var(--maroon);color:#F6E9DA;font-weight:700;
box-shadow:0 2px 6px -2px rgba(121,1,2,.5);}
.bar{display:flex;align-items:center;justify-content:space-between;gap:10px;
margin-top:2px;}
.pers{display:inline-flex;align-items:center;gap:6px;flex:none;
background:linear-gradient(158deg,#DFB689 0%,#C08F58 100%);
color:#3A0507;border:1px solid rgba(121,1,2,.14);border-radius:999px;
padding:8px 13px 8px 11px;font-size:12px;font-weight:700;
box-shadow:0 4px 12px -4px rgba(168,123,75,.75), inset 0 1px 0 rgba(255,255,255,.4);
transition:transform .12s ease, box-shadow .12s ease, filter .12s ease;}
.pers:hover{filter:brightness(1.06);transform:translateY(-1px);
box-shadow:0 6px 16px -5px rgba(168,123,75,.85), inset 0 1px 0 rgba(255,255,255,.45);}
.pers:active{transform:translateY(1px);
box-shadow:0 2px 6px -3px rgba(168,123,75,.7), inset 0 1px 0 rgba(255,255,255,.3);}
.pers b{background:rgba(58,5,7,.18);color:#3A0507;border-radius:999px;
padding:1px 7px;font-size:10.5px;font-weight:700;font-variant-numeric:tabular-nums;}
.pick-empty{background:var(--surface);border:1px dashed var(--gold);border-radius:14px;
padding:26px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;}
.pick-empty p{font-size:12.5px;color:var(--muted);line-height:1.9;}
.sheet.tall{height:86vh;}
.pick-bar{display:flex;align-items:center;justify-content:space-between;
font-size:11.5px;color:var(--muted);}
.pick-bar div{display:flex;gap:6px;}
.picklist{flex:1;overflow:auto;display:flex;flex-direction:column;gap:6px;
padding-inline-end:2px;-webkit-overflow-scrolling:touch;}
.prow{display:flex;align-items:center;gap:11px;width:100%;text-align:start;
background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:10px 12px;}
.prow.on{border-color:var(--gold);background:#FDF7EE;}
.pbox{width:20px;height:20px;border-radius:6px;flex:none;display:grid;place-items:center;
border:1.5px solid var(--line);background:#fff;color:#fff;}
.prow.on .pbox{background:var(--maroon);border-color:var(--maroon);}
.pt{display:flex;flex-direction:column;gap:1px;min-width:0;}
.pt strong{font-size:13px;font-weight:600;}
.pt small{font-size:10.5px;color:var(--muted);font-variant-numeric:tabular-nums;}
.dot{width:7px;height:7px;border-radius:50%;background:var(--up);
box-shadow:0 0 0 3px rgba(31,122,92,.15);animation:pulse 2.2s infinite;}
@keyframes pulse{50%{box-shadow:0 0 0 6px rgba(31,122,92,0);}}
/* ===== signature: lacquer price board ===== */
.lacquer{background:linear-gradient(168deg,#5C0A0C 0%,#3A0507 100%);
border-radius:16px;padding:6px 14px 14px;color:#F6E9DA;
box-shadow:0 10px 26px -14px rgba(74,7,9,.75), inset 0 0 0 1px rgba(208,164,117,.28);}
.lac-h{font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--gold);
padding:14px 0 6px;text-transform:none;}
.lac-h.second{margin-top:8px;border-top:1px solid rgba(208,164,117,.22);}
.row + .row{border-top:1px solid rgba(208,164,117,.16);}
.row-h{width:100%;display:flex;align-items:center;gap:10px;padding:11px 0;text-align:start;}
.row-id{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.row-n{font-size:14px;font-weight:600;}
.row-u{font-size:10.5px;color:rgba(246,233,218,.55);}
.spark{opacity:.9;flex:none;}
.row-p{text-align:end;flex:none;min-width:104px;}
.p-main{font-size:15px;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums;}
.p-main em{font-style:normal;font-size:10px;font-weight:500;color:rgba(246,233,218,.6);}
.p-delta{display:inline-flex;align-items:center;gap:4px;margin-top:3px;
font-size:11px;font-variant-numeric:tabular-nums;
padding:2px 6px;border-radius:6px;}
.p-delta.up{color:#7FE0B4;background:rgba(127,224,180,.12);}
.p-delta.down{color:#F5948A;background:rgba(245,148,138,.12);}
.p-delta b{font-weight:700;}
.row.open .row-n{color:var(--gold);}
.row-x{padding:2px 0 12px;}
.ranges{display:flex;gap:6px;margin-bottom:8px;}
.row-x .chip{border:1px solid rgba(208,164,117,.35);color:rgba(246,233,218,.8);
border-radius:999px;padding:4px 12px;font-size:11px;}
.row-x .chip.on{background:var(--gold);color:#3A0507;border-color:var(--gold);font-weight:600;}
.chart{}
.c-labels{display:flex;justify-content:space-between;margin-top:2px;
font-size:10px;color:rgba(246,233,218,.5);
direction:ltr;} /* نمودار از چپ به راست کشیده میشود، پس برچسبها هم باید همان ترتیب را داشته باشند */
.c-minmax{display:flex;justify-content:space-between;margin-top:6px;
font-size:10.5px;color:var(--gold);font-variant-numeric:tabular-nums;}
.chart{position:relative;touch-action:pan-y;cursor:crosshair;}
.tip{position:absolute;top:-2px;transform:translateX(-50%);pointer-events:none;
background:#2B1416;border:1px solid rgba(208,164,117,.45);border-radius:9px;
padding:5px 9px;display:flex;flex-direction:column;align-items:center;gap:1px;
box-shadow:0 6px 16px -8px rgba(0,0,0,.7);z-index:2;white-space:nowrap;}
.tip.start{transform:translateX(0);}
.tip.end{transform:translateX(-100%);}
.tip b{font-size:12.5px;font-weight:700;color:var(--gold);font-variant-numeric:tabular-nums;}
.tip span{font-size:9.5px;color:rgba(246,233,218,.65);}
.c-hint{font-size:10px;color:rgba(246,233,218,.4);margin-top:7px;text-align:center;}
.note{font-size:11px;color:var(--muted);line-height:1.7;padding:0 2px;}
/* ===== cards ===== */
.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;
padding:16px;display:flex;flex-direction:column;gap:12px;}
.c-h{font-size:14px;font-weight:700;color:var(--maroon);}
.c-p{font-size:11.5px;color:var(--muted);line-height:1.8;
background:#F7F0E5;border-inline-start:3px solid var(--gold);
padding:8px 10px;border-radius:0 8px 8px 0;}
/* ===== assets ===== */
.total{background:linear-gradient(168deg,#5C0A0C,#3A0507);border-radius:16px;padding:18px 16px;
color:#F6E9DA;box-shadow:0 10px 26px -16px rgba(74,7,9,.8), inset 0 0 0 1px rgba(208,164,117,.28);}
.t-l{font-size:11.5px;color:rgba(246,233,218,.65);}
.t-v{font-size:27px;font-weight:800;margin:4px 0 14px;font-variant-numeric:tabular-nums;letter-spacing:-.02em;}
.t-v em{font-style:normal;font-size:12px;font-weight:500;color:var(--gold);}
.t-bar{display:flex;height:7px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.08);}
.seg.gold{background:var(--gold);}
.seg.fx{background:#8FB4A6;}
.t-legend{display:flex;gap:14px;margin-top:9px;font-size:11px;
color:rgba(246,233,218,.75);font-variant-numeric:tabular-nums;flex-wrap:wrap;}
.seg.crypto{background:#C9A0C0;}
.sw.crypto{background:#C9A0C0;}
.t-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:2px 0 14px;}
.t-grid > div{background:rgba(255,255,255,.06);border-radius:11px;padding:9px 11px;
display:flex;flex-direction:column;gap:3px;}
.t-grid small{font-size:10.5px;color:rgba(246,233,218,.6);}
.t-grid b{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;
display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;}
.t-grid i{font-style:normal;font-size:10.5px;font-weight:700;padding:1px 6px;border-radius:6px;}
.g-up b{color:#7FE0B4;} .g-up i{background:rgba(127,224,180,.16);color:#7FE0B4;}
.g-down b{color:#F5948A;} .g-down i{background:rgba(245,148,138,.16);color:#F5948A;}
/* --- نوار فیلتر و مرتبسازی --- */
.tools-row{display:flex;flex-direction:column;gap:9px;}
.fchips{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;
scrollbar-width:none;-webkit-overflow-scrolling:touch;}
.fchips::-webkit-scrollbar{display:none;}
.fchips .chip{flex:none;}
.sortline{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.sortline > span{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;}
.sortsel{border:1px solid var(--line);border-radius:10px;background:var(--surface)
url("data:image/svg+xml;utf8,") no-repeat left 10px center;
padding:7px 12px 7px 26px;font-size:11.5px;font-weight:600;color:var(--gold-d);
appearance:none;-webkit-appearance:none;outline:none;cursor:pointer;}
.sortsel:focus{border-color:var(--gold);}
/* --- کارت دارایی --- */
.hcard{background:var(--surface);border:1px solid var(--line);border-radius:14px;
padding:4px 4px 10px;display:flex;flex-direction:column;gap:8px;overflow:hidden;}
.hc-head{display:flex;align-items:center;gap:10px;width:100%;text-align:start;
padding:10px 10px 9px;border-bottom:1px solid var(--line);}
.hc-head:hover{background:#FDF7EE;}
.hc-id{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0;}
.hc-id strong{font-size:13.5px;font-weight:700;}
.hc-id small{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;}
.gpill{display:inline-flex;align-items:center;gap:3px;flex:none;
font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;
font-variant-numeric:tabular-nums;}
.gpill.up{color:#15694E;background:#DCF2E8;}
.gpill.down{color:#A32B1E;background:#FBE3E0;}
.hc-now{display:flex;align-items:baseline;justify-content:space-between;
margin:0 8px;padding:9px 11px;border-radius:10px;
background:linear-gradient(158deg,#F8F0E4,#F2E7D6);border:1px solid rgba(208,164,117,.5);}
.hc-now span{font-size:11px;color:var(--gold-d);}
.hc-now strong{font-size:16px;font-weight:800;color:var(--maroon);
font-variant-numeric:tabular-nums;letter-spacing:-.01em;}
.hc-now em{font-style:normal;font-size:10px;font-weight:500;color:var(--gold-d);}
.hc-boxes{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin:0 8px;}
.hbox{background:#FBF6EF;border:1px solid var(--line);border-radius:9px;
padding:8px 9px;display:flex;flex-direction:column;gap:3px;min-width:0;}
.hbox small{font-size:9.5px;color:var(--muted);white-space:nowrap;}
.hbox b{font-size:11.5px;font-weight:700;font-variant-numeric:tabular-nums;
overflow:hidden;text-overflow:ellipsis;}
.hbox.up{background:#F1FAF6;border-color:#C9E7DA;}
.hbox.up b{color:var(--up);}
.hbox.down{background:#FDF2F0;border-color:#F0D2CD;}
.hbox.down b{color:var(--down);}
.grid.names .gcell small{color:var(--gold-d);}
.dsel{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:7px;}
.dsel select{width:100%;border:1px solid var(--line);border-radius:11px;
background:#FBF6EF url("data:image/svg+xml;utf8,") no-repeat left 11px center;
padding:11px 12px;font-size:13px;font-weight:600;appearance:none;-webkit-appearance:none;
outline:none;color:var(--ink);}
.dsel select:focus{border-color:var(--gold);}
.f-hint{font-size:10.5px;color:var(--gold-d);font-variant-numeric:tabular-nums;}
/* --- صفحهی ابزارها --- */
.page-h{font-size:15px;font-weight:700;color:var(--maroon);}
.tools-intro{display:flex;flex-direction:column;gap:4px;}
.tools-intro h2{font-size:16px;font-weight:800;color:var(--maroon);}
.tools-intro p{font-size:11.5px;color:var(--muted);line-height:1.8;}
.tgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.tile{background:var(--surface);border:1px solid var(--line);border-radius:14px;
padding:14px 13px;text-align:start;display:flex;flex-direction:column;gap:5px;
transition:transform .12s ease, border-color .12s ease, box-shadow .12s ease;}
.tile:hover{border-color:var(--gold);transform:translateY(-2px);
box-shadow:0 8px 18px -12px rgba(43,20,22,.5);}
.tile:active{transform:translateY(0);}
.tile-ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;
background:linear-gradient(158deg,#5C0A0C,#3A0507);color:var(--gold);margin-bottom:3px;}
.tile strong{font-size:13.5px;font-weight:700;}
.tile small{font-size:10.5px;color:var(--muted);line-height:1.75;min-height:2.6em;}
.tool-head{display:flex;align-items:center;gap:10px;}
.tool-head strong{font-size:15px;font-weight:700;color:var(--maroon);}
/* --- استعلام عیار --- */
.checkrow{display:flex;align-items:center;gap:9px;width:100%;text-align:start;
font-size:12.5px;color:#4A3A34;padding:4px 0;}
.checkrow .pbox{width:19px;height:19px;}
.checkrow.on .pbox{background:var(--maroon);border-color:var(--maroon);}
.assay{background:linear-gradient(168deg,#5C0A0C,#3A0507);border-radius:16px;
padding:20px 16px 16px;color:#F6E9DA;display:flex;flex-direction:column;align-items:center;
box-shadow:0 10px 26px -16px rgba(74,7,9,.8), inset 0 0 0 1px rgba(208,164,117,.28);}
.as-l{font-size:11.5px;color:rgba(246,233,218,.65);}
.as-k{font-size:52px;font-weight:800;color:var(--gold);line-height:1.1;
font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:2px 0;}
.as-k{margin-bottom:14px;}
.note.tight{padding:0;}
.as-boxes{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;width:100%;}
.as-boxes .hbox{background:rgba(255,255,255,.07);border-color:rgba(208,164,117,.25);}
.as-boxes .hbox small{color:rgba(246,233,218,.6);}
.as-boxes .hbox b{color:#F6E9DA;}
.as-boxes .hbox.wide{grid-column:1 / -1;}
.as-demo{font-size:10px;color:rgba(246,233,218,.5);text-align:center;
margin-top:11px;line-height:1.8;}
.rlist{display:flex;flex-direction:column;gap:6px;}
.rrow{display:flex;align-items:center;gap:11px;width:100%;text-align:start;
background:#FBF6EF;border:1px solid var(--line);border-radius:11px;padding:9px 11px;}
.rrow:hover{border-color:var(--gold);}
.rrow.on{border-color:var(--maroon);background:#FDF7EE;
box-shadow:inset 3px 0 0 var(--maroon);}
.rk{flex:none;min-width:44px;text-align:center;font-size:15px;font-weight:800;
color:var(--maroon);font-variant-numeric:tabular-nums;}
.rrow.on .rk{color:var(--maroon);}
.rt{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0;}
.rt strong{font-size:12.5px;font-weight:700;}
.rt small{font-size:10.5px;color:var(--muted);}
.rs{flex:none;font-size:10.5px;color:var(--gold-d);font-variant-numeric:tabular-nums;}
.ahist{display:flex;flex-direction:column;gap:6px;}
.arow{display:flex;align-items:center;gap:10px;width:100%;text-align:start;
background:#FBF6EF;border:1px solid var(--line);border-radius:11px;padding:9px 11px;}
.arow:hover{border-color:var(--gold);}
.arow.on{border-color:var(--maroon);background:#FDF7EE;}
.a-k{flex:none;min-width:44px;text-align:center;font-size:16px;font-weight:800;
color:var(--maroon);font-variant-numeric:tabular-nums;}
.a-t{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0;}
.a-t strong{font-size:12.5px;font-weight:600;}
.a-t small{font-size:10.5px;color:var(--muted);}
.a-s{flex:none;font-size:10.5px;color:var(--gold-d);}
.a-c{color:var(--maroon);flex:none;}
.t-legend span{display:inline-flex;align-items:center;gap:5px;}
.sw{width:8px;height:8px;border-radius:2px;display:inline-block;}
.sw.gold{background:var(--gold);} .sw.fx{background:#8FB4A6;}
.addbox{display:flex;align-items:center;gap:12px;width:100%;text-align:start;
background:var(--surface);border:1.5px dashed var(--gold);border-radius:14px;padding:14px;}
.addbox:hover{background:#FDF7EE;border-color:var(--gold-d);}
.ab-ic{width:40px;height:40px;border-radius:12px;flex:none;display:grid;place-items:center;
background:var(--maroon);color:#F6E9DA;}
.ab-t{display:flex;flex-direction:column;gap:2px;}
.ab-t strong{font-size:14px;}
.ab-t small{font-size:11px;color:var(--muted);line-height:1.5;}
.list{display:flex;flex-direction:column;gap:8px;}
.item{display:flex;align-items:center;gap:11px;width:100%;text-align:start;
background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px;}
.item:hover{border-color:var(--gold);}
.i-ic{width:34px;height:34px;border-radius:10px;flex:none;display:grid;place-items:center;}
.i-ic.gold{background:#F6EADA;color:var(--gold-d);}
.i-ic.fx{background:#E7F0EC;color:#3E7A66;}
.i-t{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0;}
.i-t strong{font-size:13.5px;font-weight:600;}
.i-t small{font-size:11px;color:var(--muted);}
.i-v{text-align:end;display:flex;flex-direction:column;}
.i-v strong{font-size:14px;font-variant-numeric:tabular-nums;}
.i-v small{font-size:10px;color:var(--muted);}
.i-e{color:var(--gold-d);flex:none;}
.empty{font-size:12.5px;color:var(--muted);text-align:center;padding:20px 10px;line-height:1.9;}
/* ===== sheet ===== */
.scrim{position:fixed;inset:0;z-index:60;background:rgba(43,20,22,.5);
display:flex;align-items:flex-end;justify-content:center;animation:fade .18s ease;}
@keyframes fade{from{opacity:0}}
.sheet{width:100%;max-width:460px;background:var(--paper);
border-radius:20px 20px 0 0;padding:14px 16px 22px;
display:flex;flex-direction:column;gap:12px;max-height:88vh;overflow:auto;
animation:up .24s cubic-bezier(.2,.8,.3,1);}
@keyframes up{from{transform:translateY(18px);opacity:.6}}
.sh-h{display:flex;align-items:center;justify-content:space-between;}
.sh-h strong{font-size:14px;}
.sh-back{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;
background:var(--surface);border:1px solid var(--line);color:var(--muted);}
.sh-back.ghost{background:none;border:none;}
.segs{display:flex;gap:6px;background:#EDE2D3;padding:4px;border-radius:12px;}
.seg-b{flex:1;padding:8px;border-radius:9px;font-size:12.5px;color:var(--muted);font-weight:500;}
.seg-b.on{background:var(--surface);color:var(--maroon);font-weight:700;
box-shadow:0 1px 3px rgba(43,20,22,.08);}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.gcell{background:var(--surface);border:1px solid var(--line);border-radius:12px;
padding:12px 11px;text-align:start;display:flex;flex-direction:column;gap:3px;}
.gcell:hover{border-color:var(--gold);background:#FDF7EE;}
.gcell.on{border-color:var(--maroon);}
.gcell strong{font-size:13px;}
.gcell small{font-size:10.5px;color:var(--muted);font-variant-numeric:tabular-nums;}
.picked{background:var(--surface);border:1px solid var(--line);border-radius:12px;
padding:11px 13px;display:flex;flex-direction:column;gap:2px;}
.picked span{font-size:13.5px;font-weight:600;color:var(--maroon);}
.picked small{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;}
.amt{display:flex;align-items:baseline;gap:8px;background:var(--surface);
border:1px solid var(--line);border-radius:12px;padding:14px 16px;}
.amt input{flex:1;border:none;outline:none;background:none;width:100%;
font-size:30px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;}
.amt input::-webkit-outer-spin-button,.amt input::-webkit-inner-spin-button{
-webkit-appearance:none;margin:0;}
.amt input[type=number]{-moz-appearance:textfield;}
.amt span{font-size:13px;color:var(--muted);flex:none;}
.quick{display:flex;gap:6px;flex-wrap:wrap;}
.chip{border:1px solid var(--line);background:var(--surface);color:var(--ink);
border-radius:999px;padding:6px 13px;font-size:12px;font-variant-numeric:tabular-nums;}
.chip:hover{border-color:var(--gold);}
.chip.on{background:var(--maroon);color:#F6E9DA;border-color:var(--maroon);font-weight:600;}
.chip.clear{color:var(--muted);}
.calc{display:flex;align-items:center;justify-content:space-between;
background:#F7F0E5;border:1px solid var(--gold);border-radius:12px;padding:13px 15px;}
.calc span{font-size:12px;color:var(--gold-d);}
.calc strong{font-size:19px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--maroon);}
.calc em{font-style:normal;font-size:11px;font-weight:500;}
.sh-actions{display:flex;gap:8px;}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;
border-radius:12px;padding:13px 18px;font-size:13.5px;font-weight:600;}
.btn.primary{background:var(--maroon);color:#F6E9DA;flex:1;}
.btn.primary:hover{background:#8C0203;}
.btn.primary:disabled{background:#D9CCC0;color:#fff;cursor:not-allowed;}
.btn.gold{background:var(--gold);color:#3A0507;}
.btn.gold:hover{background:#DCB489;}
.btn.ghost{background:var(--surface);border:1px solid var(--line);}
.btn.danger{color:var(--down);border-color:#E9C6C1;}
.btn.wide{width:100%;}
/* ===== tools ===== */
.f{display:flex;flex-direction:column;gap:6px;}
.f > span{font-size:12px;color:var(--muted);}
.f-in{display:flex;align-items:center;gap:8px;background:#FBF6EF;
border:1px solid var(--line);border-radius:11px;padding:11px 13px;}
.f-in input{flex:1;border:none;outline:none;background:none;width:100%;
font-size:19px;font-weight:700;font-variant-numeric:tabular-nums;}
.f-in input::-webkit-outer-spin-button,.f-in input::-webkit-inner-spin-button{
-webkit-appearance:none;margin:0;}
.f-in input[type=number]{-moz-appearance:textfield;}
.f-in em{font-style:normal;font-size:12px;color:var(--muted);}
.result{display:flex;align-items:center;justify-content:space-between;
border-radius:12px;padding:15px;background:#F1E7DA;border:1px dashed var(--gold);}
.result.on{background:linear-gradient(168deg,#5C0A0C,#3A0507);border:none;color:#F6E9DA;}
.result span{font-size:12px;opacity:.75;}
.result strong{font-size:21px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em;}
.result.on strong{color:var(--gold);}
.result em{font-style:normal;font-size:11px;font-weight:500;}
.segs.three .seg-b{font-size:12px;padding:8px 4px;}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:9px;}
.cmp{background:#F7F0E5;border:1px solid var(--gold);border-radius:12px;
padding:13px 12px;display:flex;flex-direction:column;gap:2px;}
.cmp small{font-size:11px;color:var(--gold-d);line-height:1.6;}
.cmp strong{font-size:17px;font-weight:800;font-variant-numeric:tabular-nums;
color:var(--maroon);letter-spacing:-.01em;}
.cmp em{font-style:normal;font-size:10.5px;color:var(--muted);}
.result.bub{align-items:flex-start;flex-direction:column;gap:6px;}
.result.bub strong{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;}
.result.bub b{font-size:13px;font-weight:700;padding:2px 8px;border-radius:7px;}
.result.bub.pos b{color:#F5948A;background:rgba(245,148,138,.14);}
.result.bub.neg b{color:#7FE0B4;background:rgba(127,224,180,.14);}
.steps li{display:flex;justify-content:space-between;align-items:center;
padding:9px 0;font-size:12.5px;border-bottom:1px dashed var(--line);}
.steps li:last-child{border:none;}
.steps span{color:var(--muted);}
.steps b{font-variant-numeric:tabular-nums;font-weight:600;}
/* ===== shop ===== */
/* ===== کارت اعتماد ===== */
.trust{background:linear-gradient(168deg,#5C0A0C 0%,#3A0507 100%);border-radius:16px;
padding:16px 16px 14px;color:#F6E9DA;display:flex;flex-direction:column;gap:12px;
box-shadow:0 10px 26px -16px rgba(74,7,9,.8), inset 0 0 0 1px rgba(208,164,117,.28);}
.tr-top{display:flex;align-items:center;gap:11px;
padding-bottom:12px;border-bottom:1px solid rgba(208,164,117,.22);}
.tr-chip{flex:none;width:52px;height:52px;border-radius:13px;display:grid;place-items:center;
background:var(--paper);box-shadow:inset 0 0 0 1px rgba(208,164,117,.4);}
.tr-chip img{height:38px;width:auto;display:block;}
.tr-id{display:flex;flex-direction:column;gap:2px;}
.tr-id strong{font-size:14px;font-weight:700;}
.tr-id span{font-size:11px;color:rgba(246,233,218,.6);}
.tr-big{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;}
.tr-big b{font-size:38px;font-weight:800;color:var(--gold);line-height:1.1;
letter-spacing:-.02em;font-variant-numeric:tabular-nums;}
.tr-big span{font-size:12.5px;font-weight:600;}
.tr-big small{font-size:10.5px;color:rgba(246,233,218,.6);}
.tr-bar{height:7px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden;}
.tr-bar i{display:block;height:100%;border-radius:99px;
background:linear-gradient(90deg,#B98A55,#DFB689);}
.tr-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;}
.tr-stats > div{background:rgba(255,255,255,.06);border-radius:11px;padding:9px 6px;
display:flex;flex-direction:column;align-items:center;gap:2px;}
.tr-stats b{font-size:14px;font-weight:800;color:var(--gold);font-variant-numeric:tabular-nums;}
.tr-stats small{font-size:9.5px;color:rgba(246,233,218,.65);white-space:nowrap;}
.tr-note{font-size:9.5px;color:rgba(246,233,218,.45);text-align:center;}
/* ===== کانالهای خرید ===== */
.so-t i{font-style:normal;font-size:10px;color:var(--muted);}
.so-ic.site{background:linear-gradient(140deg,#790102,#4A0709);color:var(--gold);}
.so-ic.digikala{background:linear-gradient(140deg,#D0A475,#A87B4B);color:#3A0507;}
.so-ic.instagram{background:linear-gradient(140deg,#8A4A78,#5C0A0C);color:#FFF8EF;}
.channels{display:flex;flex-direction:column;gap:8px;}
/* ===== شگفتانگیزهای روز ===== */
.offers{display:flex;flex-direction:column;gap:10px;}
.of-h{display:flex;align-items:baseline;justify-content:space-between;}
.of-h h2{font-size:14px;font-weight:700;color:var(--maroon);}
.of-h span{font-size:11px;color:var(--muted);}
.of-strip{display:flex;gap:9px;overflow-x:auto;padding-bottom:4px;
scrollbar-width:none;-webkit-overflow-scrolling:touch;
margin-inline:-14px;padding-inline:14px;}
.of-strip::-webkit-scrollbar{display:none;}
.ofc{flex:none;width:196px;background:var(--surface);border:1px solid var(--line);
border-radius:16px;padding:9px;display:flex;flex-direction:column;gap:6px;
text-decoration:none;color:inherit;transition:transform .12s ease,border-color .12s ease;}
.ofc:hover{border-color:var(--gold);transform:translateY(-2px);}
.ofc-img{position:relative;width:100%;aspect-ratio:1/1;border-radius:12px;overflow:hidden;
display:grid;place-items:center;
background:linear-gradient(158deg,#F6EADA,#EADCC6);color:var(--gold-d);}
.ofc-img img{width:100%;height:100%;object-fit:cover;}
.ofc-img.digikala{background:linear-gradient(158deg,#F7E6E6,#EDD2D2);color:#A33A3A;}
.ofc-img.instagram{background:linear-gradient(158deg,#F3E6EE,#E6D3E2);color:#8A4A78;}
.ofc-off{position:absolute;top:6px;inset-inline-start:6px;
background:var(--maroon);color:#F6E9DA;font-size:10.5px;font-weight:700;
padding:2px 7px;border-radius:999px;font-variant-numeric:tabular-nums;
box-shadow:0 2px 6px -2px rgba(121,1,2,.6);}
.ofc-t{font-size:11.5px;font-weight:600;line-height:1.6;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
min-height:2.9em;}
.ofc-ch{font-size:9.5px;font-weight:600;padding:2px 7px;border-radius:999px;align-self:flex-start;
background:#F7F0E5;color:var(--gold-d);}
.ofc-ch.digikala{background:#FBEDED;color:#A33A3A;}
.ofc-ch.instagram{background:#F6EBF3;color:#8A4A78;}
.ofc-p{display:flex;flex-direction:column;gap:1px;}
.ofc-p s{font-size:10px;color:var(--muted);text-decoration-thickness:1px;
font-variant-numeric:tabular-nums;}
.ofc-p b{font-size:13px;font-weight:800;color:var(--maroon);font-variant-numeric:tabular-nums;}
.ofc-p em{font-style:normal;font-size:9.5px;font-weight:500;color:var(--muted);}
.ofc-time{display:inline-flex;align-items:center;gap:4px;justify-content:center;
font-size:10.5px;font-weight:600;font-variant-numeric:tabular-nums;
background:#F1E7DA;color:var(--gold-d);border-radius:8px;padding:4px 6px;direction:ltr;}
.ofc-time.urgent{background:#FBE3E0;color:var(--down);}
.ofc-off{top:8px;inset-inline-start:8px;font-size:11.5px;padding:3px 9px;}
.ofc-t{font-size:12.5px;}
.ofc-ch{font-size:10px;padding:3px 8px;}
.ofc-p b{font-size:15px;}
.ofc-p s{font-size:11px;}
.ofc-time{font-size:11.5px;padding:5px 6px;}
.social{display:flex;align-items:center;gap:11px;width:100%;text-align:start;
background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:12px;
text-decoration:none;color:inherit;}
.social:hover{border-color:var(--gold);background:#FDF7EE;}
.so-ic{width:34px;height:34px;border-radius:10px;flex:none;display:grid;place-items:center;
background:linear-gradient(140deg,#790102,#D0A475);color:#FFF8EF;}
.so-ic.dk{background:linear-gradient(140deg,#D0A475,#A87B4B);color:#3A0507;}
.so-t{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0;}
.so-t strong{font-size:13px;font-weight:600;}
.so-t small{font-size:11px;color:var(--gold-d);font-weight:600;line-height:1.6;}
.so-x{color:var(--muted);flex:none;}
.mini-seg{display:flex;gap:3px;background:#EDE2D3;padding:3px;border-radius:9px;}
.mini-seg button{padding:5px 12px;border-radius:7px;font-size:11.5px;color:var(--muted);}
.mini-seg button.on{background:var(--surface);color:var(--maroon);font-weight:700;
box-shadow:0 1px 2px rgba(43,20,22,.08);}
.chips-row{display:flex;gap:7px;flex-wrap:wrap;}
.ticks li{position:relative;padding-inline-start:20px;font-size:12.5px;
line-height:2.1;color:#4A3A34;}
.ticks li::before{content:'';position:absolute;inset-inline-start:2px;top:12px;
width:7px;height:7px;border-radius:2px;background:var(--gold);}
/* ===== blog ===== */
.post{background:var(--surface);border:1px solid var(--line);border-radius:14px;
padding:14px;border-inline-start:3px solid var(--maroon);}
.p-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;}
.tag{font-size:10.5px;font-weight:600;color:var(--gold-d);background:#F7F0E5;
padding:3px 9px;border-radius:999px;}
.p-meta{font-size:10.5px;color:var(--muted);}
.post h3{font-size:14px;font-weight:700;line-height:1.6;margin-bottom:5px;}
.post p{font-size:12px;color:var(--muted);line-height:2;}
.post{width:100%;text-align:start;cursor:pointer;transition:border-color .12s ease;}
.post:hover{border-color:var(--gold);}
.p-more{display:inline-block;margin-top:9px;font-size:11px;font-weight:600;color:var(--gold-d);}
.reader{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 16px;}
.reader h1{font-size:17px;font-weight:800;line-height:1.8;color:var(--maroon);margin-bottom:8px;}
.rd-meta{display:flex;gap:6px;font-size:10.5px;color:var(--muted);
padding-bottom:13px;margin-bottom:13px;border-bottom:1px dashed var(--line);}
.reader p{font-size:13px;line-height:2.3;color:#3A2A26;}
.reader p + p{margin-top:12px;}
.rd-sign{display:flex;align-items:center;gap:9px;margin-top:20px;padding-top:14px;
border-top:1px dashed var(--line);}
.rd-sign img{height:26px;width:auto;opacity:.85;}
.rd-sign span{font-size:10.5px;color:var(--muted);}
/* ===== کارت نبض امروز ===== */
.pulse-hero{width:100%;text-align:start;border-radius:16px;padding:16px;
display:flex;flex-direction:column;gap:8px;
background:linear-gradient(168deg,#5C0A0C 0%,#3A0507 100%);color:#F6E9DA;
box-shadow:0 10px 26px -16px rgba(74,7,9,.8), inset 0 0 0 1px rgba(208,164,117,.28);
transition:transform .12s ease;}
.pulse-hero:hover{transform:translateY(-2px);}
.ph-top{display:flex;align-items:center;justify-content:space-between;}
.ph-live{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;
color:var(--gold);}
.ph-live i{width:7px;height:7px;border-radius:50%;background:var(--gold);
box-shadow:0 0 0 3px rgba(208,164,117,.2);animation:pulse 2.2s infinite;}
.ph-date{font-size:10.5px;color:rgba(246,233,218,.55);}
.pulse-hero strong{font-size:16px;font-weight:800;line-height:1.75;}
.pulse-hero p{font-size:12px;line-height:2;color:rgba(246,233,218,.75);}
.ph-more{font-size:11px;font-weight:600;color:var(--gold);margin-top:2px;}
/* ===== پیشبینی قیمت ===== */
.pr-result{background:var(--surface);border:1px solid var(--line);border-radius:16px;
padding:14px;display:flex;flex-direction:column;gap:11px;}
.pr-h{display:flex;align-items:baseline;justify-content:space-between;}
.pr-h span{font-size:13.5px;font-weight:700;color:var(--maroon);}
.pr-h small{font-size:10.5px;color:var(--muted);display:inline-flex;align-items:center;gap:4px;}
.pr-h small.urgent{color:var(--down);font-weight:700;}
.pr-actual{background:#F7F0E5;border:1px solid var(--gold);border-radius:12px;padding:11px 13px;
display:flex;align-items:baseline;justify-content:space-between;}
.pr-actual small{font-size:11px;color:var(--gold-d);}
.pr-actual b{font-size:18px;font-weight:800;color:var(--maroon);font-variant-numeric:tabular-nums;}
.pr-actual em{font-style:normal;font-size:10px;font-weight:500;color:var(--gold-d);}
.pr-mine{display:flex;align-items:center;justify-content:space-between;
background:#FBF6EF;border:1px dashed var(--line);border-radius:10px;padding:9px 12px;
font-size:11.5px;color:var(--muted);}
.pr-mine b{color:var(--ink);font-variant-numeric:tabular-nums;}
.pr-rank{color:var(--gold-d);font-weight:600;}
.pr-tie{font-size:10.5px;color:var(--gold-d);line-height:1.8;}
.pr-result.done{border-color:var(--gold);}
.pr-lock{color:var(--up);font-weight:700;display:inline-flex;align-items:center;gap:4px;}
.pr-liveq{display:inline-flex;align-items:center;gap:5px;color:var(--gold-d);font-weight:600;
font-variant-numeric:tabular-nums;}
.pr-liveq i{width:6px;height:6px;border-radius:50%;background:var(--up);
box-shadow:0 0 0 3px rgba(31,122,92,.16);animation:pulse 2.2s infinite;}
.pr-list{display:flex;flex-direction:column;gap:5px;}
.pr-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;
background:#FBF6EF;border:1px solid var(--line);}
.pr-row.top{background:linear-gradient(158deg,#F8F0E4,#F1E4CE);border-color:var(--gold);}
.pr-n{flex:none;width:24px;height:24px;border-radius:8px;display:grid;place-items:center;
background:#EDE2D3;color:var(--gold-d);font-size:11px;font-weight:800;}
.pr-row.top .pr-n{background:var(--maroon);color:var(--gold);}
.pr-who{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0;}
.pr-who strong{font-size:12.5px;font-weight:600;}
.pr-who small{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums;}
.pr-prize{flex:none;font-size:10px;color:var(--gold-d);font-weight:600;text-align:end;max-width:96px;line-height:1.5;}
.pr-play{background:linear-gradient(168deg,#5C0A0C,#3A0507);border-radius:16px;padding:16px;
display:flex;flex-direction:column;gap:11px;color:#F6E9DA;
box-shadow:0 10px 26px -16px rgba(74,7,9,.8), inset 0 0 0 1px rgba(208,164,117,.28);}
.pr-h.gold span{color:var(--gold);}
.pr-h.gold small{color:rgba(246,233,218,.7);font-variant-numeric:tabular-nums;}
.pr-h.gold small.urgent{color:#F5948A;}
.pr-q{font-size:12.5px;line-height:2;color:rgba(246,233,218,.85);}
.pr-q b{color:var(--gold);}
.f-in.big{background:rgba(255,255,255,.08);border-color:rgba(208,164,117,.35);padding:13px 15px;}
.f-in.big input{font-size:26px;font-weight:800;color:#F6E9DA;letter-spacing:.01em;
font-variant-numeric:tabular-nums;}
.f-in.big input::placeholder{color:rgba(246,233,218,.28);font-weight:600;}
.f-in.big em{color:rgba(246,233,218,.6);}
.pr-play .chip{background:rgba(255,255,255,.08);border-color:rgba(208,164,117,.3);
color:rgba(246,233,218,.85);}
.pr-play .chip:hover{border-color:var(--gold);}
.pr-once{font-size:10px;color:rgba(246,233,218,.5);text-align:center;line-height:1.8;}
.pr-done{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;color:var(--gold);}
.pr-done strong{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums;}
.pr-done em{font-style:normal;font-size:12px;font-weight:500;}
.pr-done span{font-size:11.5px;color:rgba(246,233,218,.7);text-align:center;line-height:1.9;}
.pr-prizes{display:flex;gap:8px;}
.pz{flex:1;background:#FBF6EF;border:1px solid var(--line);border-radius:12px;padding:11px;
display:flex;flex-direction:column;gap:3px;}
.pz.gold{background:linear-gradient(158deg,#F8F0E4,#F1E4CE);border-color:var(--gold);}
.pz b{font-size:12px;color:var(--maroon);font-weight:700;}
.pz span{font-size:11px;color:var(--muted);line-height:1.6;}
/* دکمهی وسط نوار */
.nav{align-items:center;}
.navmid{flex:none;width:66px;display:flex;flex-direction:column;align-items:center;gap:4px;
margin-top:-19px;}
.nm-ring{position:relative;width:44px;height:44px;border-radius:16px;display:grid;place-items:center;
background:linear-gradient(155deg,#E8C99C 0%,#B98A55 100%);color:#3A0507;
box-shadow:0 6px 14px -5px rgba(58,5,7,.65), 0 0 0 4px #3A0507,
inset 0 1px 0 rgba(255,255,255,.5);
transition:transform .14s ease, box-shadow .14s ease;}
.navmid:hover .nm-ring{transform:translateY(-2px);}
.navmid:active .nm-ring{transform:translateY(1px);}
.navmid.on .nm-ring{box-shadow:0 6px 14px -5px rgba(58,5,7,.65), 0 0 0 4px #3A0507,
0 0 0 6px rgba(208,164,117,.5), inset 0 1px 0 rgba(255,255,255,.5);}
.nm-dot{position:absolute;top:-3px;inset-inline-end:-3px;width:11px;height:11px;border-radius:50%;
background:#C0392B;border:2.5px solid #3A0507;}
.nm-l{font-size:10px;font-weight:700;color:var(--gold);}
.navmid.on .nm-l{color:#F6E9DA;}
/* دکمهی فروشگاه در هدر */
.shopbtn{position:relative;flex:none;width:38px;height:38px;border-radius:50%;
display:grid;place-items:center;
background:var(--surface);border:1px solid var(--gold);color:var(--gold-d);
margin-inline-start:8px;transition:transform .12s ease,background .12s ease;}
.sb-dot{position:absolute;top:-1px;inset-inline-end:-1px;width:9px;height:9px;border-radius:50%;
background:var(--maroon);border:2px solid var(--paper);}
.shopbtn:hover{background:#FDF7EE;transform:translateY(-1px);}
.shopbtn.on{background:var(--gold);color:#3A0507;border-color:var(--gold);}
/* یادآور پیشبینی */
.pr-nudge{display:flex;align-items:center;gap:11px;width:100%;text-align:start;
background:linear-gradient(158deg,#F8F0E4,#F1E4CE);border:1px solid var(--gold);
border-radius:13px;padding:11px 12px;transition:transform .12s ease;}
.pr-nudge:hover{transform:translateY(-1px);}
.pn-ic{width:34px;height:34px;border-radius:11px;flex:none;display:grid;place-items:center;
background:var(--maroon);color:var(--gold);}
.pn-t{flex:1;display:flex;flex-direction:column;gap:1px;}
.pn-t strong{font-size:12.5px;font-weight:700;color:var(--maroon);}
.pn-t small{font-size:10.5px;color:var(--gold-d);}
.pn-x{color:var(--gold-d);flex:none;}
/* سرصفحهی صفحهی پیشبینی */
.pr-head{display:flex;flex-direction:column;gap:6px;}
.pr-badge{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;
background:var(--maroon);color:var(--gold);border-radius:999px;padding:4px 11px;
font-size:10.5px;font-weight:700;}
.pr-head h2{font-size:17px;font-weight:800;color:var(--maroon);}
.pr-head p{font-size:11.5px;color:var(--muted);line-height:1.9;}
.rd-sign{display:flex;align-items:center;gap:9px;margin-top:18px;padding-top:13px;
border-top:1px dashed var(--line);}
.rd-sign img{height:26px;width:auto;opacity:.85;}
.rd-sign span{font-size:10.5px;color:var(--muted);}
/* ===== نبض بازار ===== */
.pulse{width:100%;text-align:start;border-radius:16px;padding:18px 16px;
background:linear-gradient(168deg,#5C0A0C 0%,#3A0507 100%);color:#F6E9DA;
display:flex;flex-direction:column;gap:9px;
box-shadow:0 10px 26px -16px rgba(74,7,9,.8), inset 0 0 0 1px rgba(208,164,117,.28);
transition:transform .12s ease;}
.pulse:active{transform:scale(.995);}
.pl-top{display:flex;align-items:center;justify-content:space-between;}
.pl-live{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;
color:rgba(246,233,218,.75);}
.pl-live i{width:7px;height:7px;border-radius:50%;background:#7FE0B4;
box-shadow:0 0 0 3px rgba(127,224,180,.18);animation:pulse 2.2s infinite;}
.pl-tag{font-size:10.5px;font-weight:600;color:var(--gold);
background:rgba(208,164,117,.14);padding:3px 10px;border-radius:999px;}
.pulse h2{font-size:17px;font-weight:800;line-height:1.7;color:#FFF6EA;}
.pulse p{font-size:12.5px;line-height:2;color:rgba(246,233,218,.75);}
.pl-more{font-size:11.5px;font-weight:700;color:var(--gold);margin-top:2px;}
/* ===== profile ===== */
.prof{display:flex;align-items:center;gap:13px;background:var(--surface);
border:1px solid var(--line);border-radius:14px;padding:15px;}
.av{width:52px;height:52px;border-radius:16px;flex:none;display:grid;place-items:center;
background:linear-gradient(168deg,#5C0A0C,#3A0507);color:var(--gold);
font-size:21px;font-weight:700;}
.prof-t{display:flex;flex-direction:column;gap:3px;}
.prof-t strong{font-size:16px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;}
.prof-t strong svg{color:var(--gold-d);}
.prof-t small{font-size:11px;color:var(--muted);}
.name-in{border:1px solid var(--gold);border-radius:8px;padding:4px 8px;
font-size:15px;font-weight:600;outline:none;background:#FDF7EE;width:170px;}
.logout span{color:var(--down);}
/* ===== login ===== */
.app.auth{padding-bottom:0;display:flex;align-items:center;min-height:100vh;}
.login{width:100%;padding:28px 20px 34px;display:flex;flex-direction:column;
align-items:center;gap:22px;}
.lg-brand{display:flex;flex-direction:column;align-items:center;gap:8px;}
.lg-logo{width:150px;height:auto;
filter:drop-shadow(0 8px 20px rgba(121,1,2,.14));}
.lg-tag{font-size:12px;color:var(--gold-d);letter-spacing:.02em;}
.lg-card{width:100%;background:var(--surface);border:1px solid var(--line);
border-radius:18px;padding:22px 18px;display:flex;flex-direction:column;gap:13px;
box-shadow:0 14px 34px -22px rgba(43,20,22,.5);}
.lg-card h1{font-size:18px;font-weight:700;color:var(--maroon);margin:0;}
.lg-card > p{font-size:12.5px;color:var(--muted);line-height:2;}
.lg-card > p b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums;}
.lg-in{display:flex;align-items:center;gap:9px;background:#FBF6EF;
border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;}
.lg-in:focus-within{border-color:var(--gold);background:#FDF7EE;}
.lg-in.bad{border-color:var(--down);}
.lg-in input{flex:1;width:100%;border:none;outline:none;background:none;
font-size:19px;font-weight:700;letter-spacing:.06em;font-variant-numeric:tabular-nums;}
.lg-in input::placeholder{color:#C9B7A9;font-weight:500;letter-spacing:.04em;}
.otp{display:flex;gap:8px;justify-content:center;}
.otp input{width:100%;max-width:56px;aspect-ratio:1/1.15;text-align:center;
border:1.5px solid var(--line);border-radius:12px;background:#FBF6EF;outline:none;
font-size:23px;font-weight:800;font-variant-numeric:tabular-nums;}
.otp input:focus{border-color:var(--gold);background:#FDF7EE;}
.otp.bad input{border-color:var(--down);}
.lg-note{font-size:11.5px;color:var(--gold-d);background:#F7F0E5;
border:1px solid var(--gold);border-radius:10px;padding:10px 12px;line-height:1.9;}
.lg-err{font-size:11.5px;color:var(--down);line-height:1.8;}
.lg-link{font-size:11.5px;color:var(--gold-d);font-weight:600;
text-decoration:underline;text-underline-offset:3px;margin-inline-start:6px;}
.lg-link.solo{margin:0;align-self:center;}
.lg-timer{font-size:11.5px;color:var(--muted);text-align:center;}
.lg-timer b{color:var(--maroon);font-variant-numeric:tabular-nums;}
.lg-terms{font-size:10.5px;color:var(--muted);text-align:center;line-height:2;}
.lg-terms b{color:var(--gold-d);font-weight:600;}
.lg-demo{font-size:10.5px;color:var(--muted);text-align:center;
border-top:1px dashed var(--line);padding-top:11px;line-height:1.9;}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:13px;
padding:14px;text-align:start;display:flex;flex-direction:column;gap:3px;}
.stat:hover{border-color:var(--gold);}
.stat strong{font-size:15px;font-variant-numeric:tabular-nums;color:var(--maroon);}
.stat small{font-size:11px;color:var(--muted);}
.setrow{display:flex;align-items:center;justify-content:space-between;width:100%;
padding:11px 0;font-size:13px;border-bottom:1px dashed var(--line);text-align:start;}
.setrow:last-child{border:none;}
.setrow span{display:inline-flex;align-items:center;gap:7px;color:#4A3A34;}
.setrow b{color:var(--gold-d);font-weight:600;}
.sw-t{width:40px;height:23px;border-radius:99px;background:#DDD0C2;
display:inline-flex;align-items:center;padding:3px;transition:background .18s;}
.sw-t i{width:17px;height:17px;border-radius:50%;background:#fff;
transition:transform .18s;box-shadow:0 1px 3px rgba(0,0,0,.2);}
.sw-t.on{background:var(--up);}
.sw-t.on i{transform:translateX(-17px);}
/* ===== نوار پایین — شناور، همجنس تابلوی زرشکی ===== */
.app::after{content:'';position:fixed;bottom:0;left:50%;transform:translateX(-50%);
width:100%;max-width:460px;height:104px;pointer-events:none;z-index:25;
background:linear-gradient(to top,var(--paper) 42%,rgba(244,238,228,0));}
.app.auth::after{display:none;}
.nav{position:fixed;z-index:30;left:0;right:0;margin:0 auto;
width:calc(100% - 32px);max-width:428px;
bottom:calc(16px + env(safe-area-inset-bottom, 0px));
display:flex;padding:5px;gap:2px;border-radius:20px;
background:linear-gradient(168deg,#5C0A0C 0%,#3A0507 100%);
box-shadow:0 14px 30px -12px rgba(58,5,7,.55),
0 3px 10px -4px rgba(58,5,7,.4),
inset 0 0 0 1px rgba(208,164,117,.3);}
.nav .navb{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;
padding:9px 2px 8px;border-radius:15px;font-size:10px;font-weight:500;
color:#FFFFFF;transition:color .16s ease;}
.nav .navb svg{color:#FFFFFF;}
.nav .navb.on,.nav .navb.on svg{color:var(--gold);}
.navb svg,.navb span{position:relative;z-index:1;}
.navb.on{color:var(--gold);font-weight:700;}
.navb.on::before{content:'';position:absolute;inset:0;border-radius:15px;
background:rgba(208,164,117,.14);box-shadow:inset 0 0 0 1px rgba(208,164,117,.28);}
@media (prefers-reduced-motion: reduce){
.app *{animation:none !important;transition:none !important;}
}
.app :focus-visible{outline:2px solid var(--gold-d);outline-offset:2px;border-radius:8px;}
/* --- افزودههای نسخهی وب --- */
.app a.setrow{text-decoration:none;}
.app a.setrow span{color:#4A3A34;}
.setrow svg{color:var(--muted);}
.lg-terms a{color:var(--gold-d);font-weight:600;text-decoration:none;}
.hbox b[dir=ltr]{direction:ltr;text-align:start;}