/* 3M BRAIN platform shell: three themes, top navigation, views, orders book, signals, news, connect, pricing, payment, admin.
   Themes (21st.dev shadcn tokens, 1:1):  midnight = "sss" (style.css :root) · indigo = "Indigo Harbor" light · coral = "Coral Noir" dark.
   In the light theme the live brain terminal stays a dark island (its canvas is drawn for a dark ground). */
:root[data-theme="indigo"]{
  --background:#f3f5fb; --foreground:#010101; --card:#ffffff; --card-foreground:#010101; --popover:#ffffff; --popover-foreground:#010101;
  --primary:#19398d; --primary-foreground:#f3f5f9; --secondary:#0a0a0a; --secondary-foreground:#f5f7fb; --muted:#f5f5f5; --muted-foreground:#454545;
  --accent:#19398d; --accent-foreground:#ffffff; --destructive:#9b0033; --destructive-foreground:#ffffff; --border:#e3e3e3; --input:#ffffff; --ring:#324f9a;
  --chart-1:#0159b7; --chart-2:#13c9aa; --chart-3:#cf3fd9; --chart-4:#8f3c1e; --chart-5:#17ab92; --radius:0.5rem;
  --shadow:0 1px 2px 0 rgb(26 33 55 / .05), 0 1px 2px -1px rgb(26 33 55 / .05); --shadow-xs:0 1px 2px 0 rgb(26 33 55 / .05);
  --font-sans:Inter, ui-sans-serif, sans-serif, system-ui; --up:#06705d; --dn:var(--destructive); --tint:#19398d; --tint-foreground:#fff; color-scheme:light;
}
:root[data-theme="coral"]{
  --background:#000; --foreground:#ffffff; --card:#000; --card-foreground:#fff; --popover:#000; --popover-foreground:#ffffff;
  --primary:#d6544b; --primary-foreground:#000000; --secondary:#d6544b; --secondary-foreground:#000000; --muted:#1c1c17; --muted-foreground:#ffffff;
  --accent:#d6544b; --accent-foreground:#000; --destructive:#d6544b; --destructive-foreground:#000; --border:#222; --input:#000; --ring:#d6544b;
  --chart-1:#e68933; --chart-2:#d4ce21; --chart-3:#2f75e4; --chart-4:#6534db; --chart-5:#d6544b; --radius:0rem;
  --shadow:0 1px 3px 0 rgb(0 0 0 / .1); --shadow-xs:0 1px 3px 0 rgb(0 0 0 / .1);
  --font-sans:"Chakra Petch", ui-sans-serif, sans-serif, system-ui; --font-mono:"IBM Plex Mono", ui-monospace, monospace;
  --up:#3ecf8e; --dn:#d6544b; --tint:#d6544b; --tint-foreground:#000; --dimfg:#8f8f8f; --text-2:#8f8f8f; color-scheme:dark;
}
:root{--tint:oklch(0.631 0.101 183.491); --tint-foreground:#0f172a; --text-2:var(--muted-foreground); --radius-lg:calc(var(--radius) + 4px)}
:root[data-theme="coral"] .dim, :root[data-theme="coral"] .lbl{color:var(--dimfg)}
:root[data-theme="indigo"] .term{                                                     /* dark island: the "sss" tokens */
  --background:oklch(0.137 0.036 258.526); --foreground:oklch(0.984 0.003 247.858); --card:oklch(0.137 0.036 258.526); --primary:oklch(0.984 0.003 247.858);
  --primary-foreground:oklch(0.208 0.04 265.727); --secondary:oklch(0.28 0.037 259.974); --secondary-foreground:oklch(0.984 0.003 247.858); --muted:oklch(0.28 0.037 259.974);
  --muted-foreground:oklch(0.711 0.035 256.788); --accent:oklch(0.28 0.037 259.974); --accent-foreground:oklch(0.984 0.003 247.858); --border:oklch(0.28 0.037 259.974);
  --input:oklch(0.28 0.037 259.974); --ring:oklch(0.869 0.02 252.847); --up:oklch(0.631 0.101 183.491); --dn:oklch(0.637 0.208 25.326); --radius:0.375rem;
  background:var(--background); color:var(--foreground); color-scheme:dark; border-radius:calc(var(--radius) + 8px); margin-top:14px; box-shadow:0 18px 40px -18px rgb(1 10 40 / .45);
}
:root[data-theme="indigo"] .creator{color:#3b2a8a;text-shadow:none}
:root[data-theme="indigo"] .term .creator{color:#f5d0fe;text-shadow:0 0 1px #fff,0 0 5px #d946ef}
:root[data-theme="coral"] :is(.leak,.leak *,.logo-t){font-family:"Chakra Petch",var(--font-sans)!important}
html[lang="fa"] body,html[lang="ar"] body{font-family:Vazirmatn,var(--font-sans)}
html[lang="fa"] .page,html[lang="ar"] .page,html[lang="fa"] .modal,html[lang="ar"] .modal,html[lang="fa"] .topnav,html[lang="ar"] .topnav{font-family:Vazirmatn,var(--font-sans)}
body{min-height:100vh;transition:background-color .3s var(--ease-out)}
.term{direction:ltr}
.term .head{padding-top:4px}
[hidden]{display:none!important}

/* ---------- splash: Kokonut UI "Loader" rings (21st.dev) around the live centre brain ---------- */
#splash{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:radial-gradient(60% 55% at 50% 42%,color-mix(in oklch,var(--tint) 14%,var(--background)) 0%,var(--background) 72%);
  transition:opacity .6s var(--ease-out),visibility .6s,transform .6s var(--ease-out)}
#splash.out{opacity:0;visibility:hidden;transform:scale(1.05)}
.sp-in{display:flex;flex-direction:column;align-items:center;gap:10px}
.sp-orb{position:relative;width:min(300px,72vw);aspect-ratio:1;animation:orbPulse 2.6s ease-in-out infinite;--c:255 255 255}
:root[data-theme="indigo"] .sp-orb{--c:25 57 141}:root[data-theme="coral"] .sp-orb{--c:214 84 75}
@keyframes orbPulse{50%{transform:scale(1.02)}}
.kr{position:absolute;inset:0;border-radius:50%}
.k1{background:conic-gradient(from 0deg,transparent 0deg,rgb(var(--c)) 90deg,transparent 180deg);-webkit-mask:radial-gradient(circle at 50% 50%,transparent 35%,#000 37%,#000 39%,transparent 41%);mask:radial-gradient(circle at 50% 50%,transparent 35%,#000 37%,#000 39%,transparent 41%);opacity:.8;animation:kspin 3s linear infinite}
.k2{background:conic-gradient(from 0deg,transparent 0deg,rgb(var(--c)) 120deg,rgb(var(--c) / .5) 240deg,transparent 360deg);-webkit-mask:radial-gradient(circle at 50% 50%,transparent 42%,#000 44%,#000 48%,transparent 50%);mask:radial-gradient(circle at 50% 50%,transparent 42%,#000 44%,#000 48%,transparent 50%);opacity:.9;animation:kspin 2.5s cubic-bezier(.4,0,.6,1) infinite}
.k3{background:conic-gradient(from 180deg,transparent 0deg,rgb(var(--c) / .6) 45deg,transparent 90deg);-webkit-mask:radial-gradient(circle at 50% 50%,transparent 52%,#000 54%,#000 56%,transparent 58%);mask:radial-gradient(circle at 50% 50%,transparent 52%,#000 54%,#000 56%,transparent 58%);opacity:.35;animation:kspin 4s cubic-bezier(.4,0,.6,1) infinite reverse}
.k4{background:conic-gradient(from 270deg,transparent 0deg,rgb(var(--c) / .4) 20deg,transparent 40deg);-webkit-mask:radial-gradient(circle at 50% 50%,transparent 61%,#000 62%,#000 63%,transparent 64%);mask:radial-gradient(circle at 50% 50%,transparent 61%,#000 62%,#000 63%,transparent 64%);opacity:.5;animation:kspin 3.5s linear infinite}
@keyframes kspin{to{transform:rotate(360deg)}}
.sp-prog{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}
.sp-prog circle{fill:none}
.sp-prog .trk{stroke:rgb(var(--c) / .08);stroke-width:1.2}
.sp-prog .val{stroke:url(#spG);stroke-width:2.6;stroke-linecap:round;filter:drop-shadow(0 0 4px color-mix(in oklch,var(--tint) 80%,transparent));transition:stroke-dashoffset .3s var(--ease-out)}
.sp-core{position:absolute;inset:26.5%;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 45%,#10214a 0%,#050b18 72%);
  box-shadow:inset 0 0 22px rgb(0 0 0 / .6),0 0 40px -6px color-mix(in oklch,var(--tint) 55%,transparent)}
:root[data-theme="coral"] .sp-core{background:radial-gradient(circle at 50% 45%,#1a0f0e 0%,#000 72%)}
#spBrain{width:100%;height:100%;display:block;opacity:0;transform:scale(.9);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}
#spBrain.on{opacity:1;transform:none;filter:brightness(1.45) saturate(1.2)}
.sp-name{margin-top:6px;font:600 15px/1 "Unbounded",var(--font-sans);letter-spacing:.42em;padding-inline-start:.42em;color:var(--foreground)}
.sp-pct{font:700 26px/1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--foreground);direction:ltr}
.sp-msg{min-height:20px;font:500 13px var(--font-sans);background:linear-gradient(90deg,var(--text-2) 0%,var(--text-2) 35%,var(--foreground) 50%,var(--text-2) 65%,var(--text-2) 100%);
  background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 2.2s linear infinite}
html:is([lang="fa"],[lang="ar"]) .sp-msg{font-family:Vazirmatn,var(--font-sans);font-size:14px}
.sp-msg.swap{animation:shimmer 2.2s linear infinite,msgIn .45s var(--ease-out)}
@keyframes shimmer{from{background-position:120% 0}to{background-position:-120% 0}}
@keyframes msgIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.kr,.sp-orb{animation:none}.sp-msg{animation:none;color:var(--text-2);background:none}}

/* ---------- top navigation ---------- */
.topnav{position:sticky;top:0;z-index:40;background:color-mix(in oklch,var(--background) 82%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);
  border-bottom:1px solid var(--border)}
.tn{max-width:1280px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:16px}
.tn-brand{display:flex;align-items:center;gap:9px;font:700 14px "Unbounded",var(--font-sans);letter-spacing:.12em;color:var(--foreground);text-decoration:none;white-space:nowrap}
.tn-brand i{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,#22d3ee,var(--tint) 45%,#f97316);color:#fff;font:800 10px/1 "Unbounded";font-style:normal;letter-spacing:0}
.tn-nav{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;flex:1}
.tn-nav::-webkit-scrollbar{display:none}
.tn-nav a{position:relative;padding:8px 12px;border-radius:var(--radius);color:var(--text-2);text-decoration:none;font:500 13.5px var(--font-sans);white-space:nowrap;
  transition:color var(--dur) var(--ease-out),background-color var(--dur) var(--ease-out)}
html[lang="fa"] .tn-nav a,html[lang="ar"] .tn-nav a{font-family:Vazirmatn,var(--font-sans);font-size:14px}
.tn-nav a:hover{color:var(--foreground);background:color-mix(in oklch,var(--foreground) 6%,transparent)}
.tn-nav a.on{color:var(--foreground)}
.tn-nav a.on::after{content:"";position:absolute;inset-inline:12px;bottom:2px;height:2px;border-radius:2px;background:var(--tint)}
.tn-r{display:flex;align-items:center;gap:8px}
.seg2{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius);padding:2px;gap:2px;background:var(--card)}
.seg2 button{height:26px;min-width:30px;padding:0 8px;border:0;border-radius:calc(var(--radius) - 2px);background:transparent;color:var(--text-2);font:600 12px var(--font-sans);cursor:pointer}
.seg2 button.on{background:var(--primary);color:var(--primary-foreground)}
.seg2 button:focus-visible{outline:2px solid var(--ring);outline-offset:1px}
.th-dot{width:14px;height:14px;border-radius:50%;display:inline-block;vertical-align:middle;border:1px solid color-mix(in oklch,var(--foreground) 25%,transparent)}
.th-midnight{background:linear-gradient(135deg,#0b1631 50%,#2a9d90 50%)}.th-indigo{background:linear-gradient(135deg,#f3f5fb 50%,#19398d 50%)}.th-coral{background:linear-gradient(135deg,#000 50%,#d6544b 50%)}
.pill{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 8px;border-radius:99px;font:700 10px/1 var(--font-sans);letter-spacing:.06em;
  background:color-mix(in oklch,var(--tint) 16%,transparent);color:var(--foreground);border:1px solid color-mix(in oklch,var(--tint) 35%,transparent)}
.pill.pro{background:linear-gradient(90deg,#f97316,#fcd34d);color:#1a1300;border:0}.pill.starter{background:linear-gradient(90deg,#22d3ee,#818cf8);color:#04121f;border:0}
@media (max-width:760px){.tn{flex-wrap:wrap;gap:8px;padding:8px 12px}.tn-nav{order:3;flex-basis:100%}.tn-r{margin-inline-start:auto;min-width:0;flex-wrap:wrap;justify-content:flex-end}
  .user-ihb .nm,.user-ihb .pill{display:none}.ihb.user-ihb{padding-inline:4px}}

/* ---------- views / pages ---------- */
.view{display:none;animation:vin .32s var(--ease-out)}
.view.on{display:block}
@keyframes vin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.page{max-width:1280px;margin:0 auto;padding:26px 20px 70px}
.ph{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.ph :is(h1,h2){margin:0;font:650 clamp(22px,2.6vw,30px)/1.15 var(--font-sans);letter-spacing:-.01em;color:var(--foreground)}   /* the server makes the page's heading an h1 */
html:is([lang="fa"],[lang="ar"]) .ph :is(h1,h2){font-family:Vazirmatn,var(--font-sans);font-weight:800}
.ph p{margin:6px 0 0;color:var(--text-2);font-size:13.5px;max-width:720px;line-height:1.7}
.panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow);padding:16px 18px}
.panel+.panel{margin-top:16px}
.panel h3{margin:0 0 12px;font:650 15px var(--font-sans);display:flex;align-items:center;gap:8px}
html[lang="fa"] .panel h3,html[lang="ar"] .panel h3{font-family:Vazirmatn,var(--font-sans)}
.muted{color:var(--text-2)}
.btn.lg{height:40px;padding:0 18px;font-size:14px;border-radius:var(--radius)}
.btn.block{width:100%}
.btn[disabled]{opacity:.5;pointer-events:none}
.btn.tint{background:var(--tint);color:var(--tint-foreground);border-color:transparent}
html[lang="fa"] .btn,html[lang="ar"] .btn{font-family:Vazirmatn,var(--font-sans)}
.inp{width:100%;height:40px;padding:0 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--background);color:var(--foreground);font:14px var(--font-sans)}
.inp:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklch,var(--ring) 25%,transparent)}
.inp.mono{font-family:var(--font-mono);letter-spacing:.02em}
select.inp{cursor:pointer}
.fl{display:block;font:600 11.5px var(--font-sans);color:var(--text-2);margin:0 0 6px}
html[lang="fa"] .fl,html[lang="ar"] .fl{font-family:Vazirmatn,var(--font-sans);font-size:12.5px}
.grid{display:grid;gap:14px}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:900px){.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.g3,.g2,.g4{grid-template-columns:1fr}}
.empty{padding:34px 16px;text-align:center;color:var(--text-2);border:1px dashed var(--border);border-radius:var(--radius-lg)}
.ltr{direction:ltr;unicode-bidi:isolate}
.num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}

/* ---------- orders & performance ---------- */
.orders{max-width:1280px;margin:0 auto;padding:22px 20px 30px}
.kpi{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);padding:14px 16px;position:relative;overflow:hidden}
.kpi::before{content:"";position:absolute;inset-inline-start:0;inset-block:0;width:3px;background:var(--tint);opacity:.8}
.kpi .k{font:600 11px var(--font-sans);color:var(--text-2);letter-spacing:.04em}
html[lang="fa"] .kpi .k,html[lang="ar"] .kpi .k{font-family:Vazirmatn,var(--font-sans);font-size:12px;letter-spacing:0}
.kpi .v{font:700 24px var(--font-mono);margin-top:6px;font-variant-numeric:tabular-nums;direction:ltr;text-align:start}
html[dir="rtl"] .kpi .v{text-align:end}
.kpi .s{font-size:11px;color:var(--text-2);margin-top:2px}
.chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.chip{height:30px;padding:0 12px;border-radius:99px;border:1px solid var(--border);background:var(--card);color:var(--text-2);font:600 12px var(--font-sans);cursor:pointer;
  display:inline-flex;align-items:center;gap:6px;transition:all var(--dur-fast) var(--ease-out)}
html[lang="fa"] .chip,html[lang="ar"] .chip{font-family:Vazirmatn,var(--font-sans)}
.chip:hover{color:var(--foreground);border-color:color-mix(in oklch,var(--foreground) 30%,transparent)}
.chip.on{background:var(--primary);color:var(--primary-foreground);border-color:transparent}
.chip b{font-weight:700;opacity:.8}
.otable{width:100%;border-collapse:separate;border-spacing:0;font-size:12.5px}
.otable th{position:sticky;top:0;background:var(--card);text-align:start;font:600 11px var(--font-sans);color:var(--text-2);padding:10px 12px;border-bottom:1px solid var(--border);white-space:nowrap}
html[lang="fa"] .otable th,html[lang="ar"] .otable th{font-family:Vazirmatn,var(--font-sans);font-size:12px}
.otable td{text-align:start;padding:10px 12px;border-bottom:1px solid color-mix(in oklch,var(--border) 70%,transparent);white-space:nowrap;vertical-align:middle}
.otable tr:hover td{background:color-mix(in oklch,var(--foreground) 3.5%,transparent)}
.otable td.r,.otable th.r{text-align:end}
.mk{display:inline-flex;align-items:center;gap:6px;font:600 11px var(--font-sans);padding:3px 8px;border-radius:6px;background:color-mix(in oklch,var(--mk,#64748b) 16%,transparent);color:var(--foreground);
  border:1px solid color-mix(in oklch,var(--mk,#64748b) 35%,transparent)}
html[lang="fa"] .mk,html[lang="ar"] .mk{font-family:Vazirmatn,var(--font-sans)}
.mk::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mk,#64748b)}
.mk-FUTURES{--mk:#f59e0b}.mk-SPOT{--mk:#22c55e}.mk-OPTIONS{--mk:#a855f7}.mk-FOREX{--mk:#3b82f6}.mk-STOCKS{--mk:#ec4899}.mk-COMMODITIES{--mk:#eab308}.mk-MARKET{--mk:#64748b}
.coin{display:inline-flex;align-items:center;gap:9px}
.coin i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:800 10px/1 var(--font-sans);font-style:normal;color:#fff;flex:none;
  background:conic-gradient(from 210deg,hsl(var(--h) 80% 55%),hsl(calc(var(--h) + 40) 80% 45%),hsl(var(--h) 80% 55%))}
.coin b{display:block;font:700 13px var(--font-sans)}.coin small{display:block;color:var(--text-2);font-size:10.5px}
.side{display:inline-block;padding:3px 8px;border-radius:6px;font:800 10.5px var(--font-sans);letter-spacing:.06em}
html[lang="fa"] .side,html[lang="ar"] .side{font-family:Vazirmatn,var(--font-sans);letter-spacing:0;font-size:11.5px}
.side.L{color:var(--up);background:color-mix(in oklch,var(--up) 14%,transparent)}.side.S{color:var(--dn);background:color-mix(in oklch,var(--dn) 14%,transparent)}
.pnl{font:700 13px var(--font-mono);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
.pnl.p{color:var(--up)}.pnl.n{color:var(--dn)}
.pnl small{display:block;font-size:10.5px;font-weight:600;opacity:.85}
.stt{display:inline-flex;align-items:center;gap:6px;font-size:11.5px}
.stt .dot{width:7px;height:7px;border-radius:50%;background:var(--text-2)}
.stt.open .dot{background:#22c55e;box-shadow:0 0 0 0 rgb(34 197 94 / .6);animation:pulse 1.6s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 7px rgb(34 197 94 / 0)}100%{box-shadow:0 0 0 0 rgb(34 197 94 / 0)}}
.mode{font:700 9.5px var(--font-sans);letter-spacing:.08em;padding:2px 6px;border-radius:4px;border:1px solid var(--border);color:var(--text-2)}
.mode.REAL{color:#f97316;border-color:#f97316}.mode.DEMO{color:#3b82f6;border-color:#3b82f6}
.pager{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap}
.tscroll{overflow:auto;max-height:none;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card)}
.bar-split{display:flex;height:6px;border-radius:99px;overflow:hidden;background:color-mix(in oklch,var(--foreground) 8%,transparent);margin-top:10px}
.bar-split i{display:block;height:100%}

/* ---------- signals ---------- */
.quota{display:flex;align-items:center;gap:16px}
.ring{--p:0;width:64px;height:64px;border-radius:50%;flex:none;display:grid;place-items:center;
  background:conic-gradient(var(--tint) calc(var(--p) * 1%),color-mix(in oklch,var(--foreground) 9%,transparent) 0)}
.ring b{width:50px;height:50px;border-radius:50%;background:var(--card);display:grid;place-items:center;font:700 14px var(--font-mono)}
.mgroup{border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px 14px;background:color-mix(in oklch,var(--card) 70%,var(--background))}
.mgroup h4{margin:0 0 10px;display:flex;justify-content:space-between;align-items:center;font:650 13px var(--font-sans)}
html[lang="fa"] .mgroup h4,html[lang="ar"] .mgroup h4{font-family:Vazirmatn,var(--font-sans)}
.ticks{display:flex;flex-wrap:wrap;gap:6px}
.tick{position:relative;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px 0 8px;border-radius:8px;border:1px solid var(--border);background:var(--card);cursor:pointer;
  font:600 12px var(--font-sans);color:var(--foreground);user-select:none;transition:all var(--dur-fast) var(--ease-out)}
.tick input{position:absolute;opacity:0;pointer-events:none}
.tick .bx{width:16px;height:16px;border-radius:4px;border:1.5px solid color-mix(in oklch,var(--foreground) 35%,transparent);display:grid;place-items:center;transition:all var(--dur-fast)}
.tick .bx::after{content:"";width:8px;height:4px;border-inline-start:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) scale(0);margin-top:-2px;transition:transform .15s var(--ease-out)}
.tick:has(input:checked){border-color:var(--tint);background:color-mix(in oklch,var(--tint) 12%,var(--card))}
.tick:has(input:checked) .bx{background:var(--tint);border-color:var(--tint)}
.tick:has(input:checked) .bx::after{transform:rotate(-45deg) scale(1)}
.tick:has(input:focus-visible){outline:2px solid var(--ring);outline-offset:2px}
.tick small{color:var(--text-2);font-weight:500}
.sig{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);padding:14px 16px;display:grid;gap:10px;position:relative;overflow:hidden}
.sig::before{content:"";position:absolute;inset-inline-start:0;inset-block:0;width:4px;background:var(--up)}
.sig.S::before{background:var(--dn)}
.sig-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.sig-k{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}
.sig-k div{border:1px solid color-mix(in oklch,var(--border) 80%,transparent);border-radius:8px;padding:7px 10px}
.sig-k span{display:block;font-size:10.5px;color:var(--text-2)}
.sig-k b{font:700 13px var(--font-mono);direction:ltr;unicode-bidi:isolate}
.lvls{display:flex;flex-wrap:wrap;gap:6px;font:12px var(--font-mono);direction:ltr}
.lvls span{padding:3px 8px;border-radius:6px;background:color-mix(in oklch,var(--foreground) 6%,transparent)}
.tgcard{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:linear-gradient(120deg,color-mix(in oklch,#229ed9 20%,var(--card)),var(--card) 60%);border-color:color-mix(in oklch,#229ed9 45%,var(--border))}
.tgcard .tg-i{width:44px;height:44px;border-radius:50%;background:#229ed9;display:grid;place-items:center;flex:none}

/* ---------- news ---------- */
.nitem{display:grid;grid-template-columns:4px 1fr auto;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);text-decoration:none;color:var(--foreground);
  transition:border-color var(--dur-fast),transform var(--dur-fast)}
.nitem:hover{border-color:color-mix(in oklch,var(--tint) 55%,var(--border));transform:translateY(-1px)}
.nitem .sb{border-radius:4px;background:var(--text-2);opacity:.35}
.nitem .sb.p{background:var(--up);opacity:1}.nitem .sb.n{background:var(--dn);opacity:1}
.nitem h5{margin:0;font:600 14px/1.6 var(--font-sans)}
.nitem h5[lang="fa"],.nitem p[lang="fa"]{font-family:Vazirmatn,var(--font-sans);direction:rtl;text-align:right}
.nitem h5[lang="en"]{direction:ltr;text-align:left}
.nitem p{margin:6px 0 0;font-size:12.5px;line-height:1.8;color:var(--text-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nitem .meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px;font-size:11px;color:var(--text-2)}
.nitem .tr{display:block;font-size:12.5px;color:var(--text-2);margin-top:4px}
.nitem img{width:84px;height:64px;object-fit:cover;border-radius:8px}
.nlist{display:grid;gap:10px}

/* ---------- connect ---------- */
.conn{display:grid;gap:12px}
.conn-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.venue-ic{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font:800 12px var(--font-sans);color:#fff;background:linear-gradient(135deg,#334155,#0f172a)}
.ok{color:var(--up)}.bad{color:var(--dn)}
.note2{border:1px solid color-mix(in oklch,var(--tint) 35%,var(--border));background:color-mix(in oklch,var(--tint) 7%,var(--card));border-radius:var(--radius-lg);padding:12px 14px;font-size:12.5px;line-height:1.9}

/* ---------- modal ---------- */
.modal-bg{position:fixed;inset:0;z-index:60;background:rgb(2 6 23 / .55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;padding:16px;
  opacity:0;pointer-events:none;transition:opacity .22s var(--ease-out)}
.modal-bg.on{opacity:1;pointer-events:auto}
.modal{width:min(460px,100%);max-height:calc(100vh - 32px);overflow:auto;border:1px solid var(--border);border-radius:calc(var(--radius) + 12px);background:var(--card);color:var(--foreground);
  box-shadow:0 30px 80px -20px rgb(0 0 0 / .5);padding:22px;transform:translateY(10px) scale(.98);transition:transform .25s var(--ease-out)}
.modal-bg.on .modal{transform:none}
.modal h3{margin:0;font:700 19px var(--font-sans)}
html[lang="fa"] .modal h3,html[lang="ar"] .modal h3{font-family:Vazirmatn,var(--font-sans)}
.m-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}
.x{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text-2);cursor:pointer;font-size:16px;flex:none}
.x:hover{color:var(--foreground)}
.gbtn{display:flex;align-items:center;justify-content:center;gap:10px;height:44px;border-radius:var(--radius);border:1px solid var(--border);background:#fff;color:#1f1f1f;font:600 14px var(--font-sans);cursor:pointer;width:100%}
.orl{display:flex;align-items:center;gap:10px;color:var(--text-2);font-size:12px;margin:16px 0}
.orl::before,.orl::after{content:"";flex:1;height:1px;background:var(--border)}
.otp{display:flex;gap:8px;justify-content:center;direction:ltr;margin:14px 0}
.otp input{width:46px;height:54px;text-align:center;font:700 22px var(--font-mono);border-radius:var(--radius);border:1px solid var(--border);background:var(--background);color:var(--foreground)}
.otp input:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklch,var(--ring) 25%,transparent)}
.msg{min-height:20px;font-size:12.5px;margin-top:8px}
.msg.err{color:var(--dn)}.msg.okm{color:var(--up)}
.small{font-size:11.5px;color:var(--text-2);line-height:1.7}

/* payment */
.steps3{display:flex;align-items:center;gap:8px;margin:2px 0 16px}
.steps3 span{display:flex;align-items:center;gap:6px;font:600 11.5px var(--font-sans);color:var(--text-2)}
html[lang="fa"] .steps3 span,html[lang="ar"] .steps3 span{font-family:Vazirmatn,var(--font-sans)}
.steps3 span i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px;border:1px solid var(--border)}
.steps3 span.on{color:var(--foreground)}.steps3 span.on i{background:var(--tint);color:#fff;border-color:transparent}
.steps3 b{flex:1;height:1px;background:var(--border)}
.amt{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-radius:var(--radius-lg);background:color-mix(in oklch,var(--tint) 10%,var(--background));border:1px solid color-mix(in oklch,var(--tint) 30%,var(--border))}
.amt b{font:800 26px var(--font-mono);direction:ltr}
.amt small{color:var(--text-2);font-weight:600}
.addr{width:100%;margin-top:10px;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-lg);border:1.5px dashed color-mix(in oklch,var(--foreground) 25%,transparent);
  background:var(--background);color:var(--foreground);cursor:pointer;text-align:start;transition:border-color .15s,background-color .15s}
.addr:hover{border-color:var(--tint)}
.addr code{flex:1;font:600 13px/1.5 var(--font-mono);word-break:break-all;direction:ltr;text-align:left}
.addr .cp{flex:none;font:700 11px var(--font-sans);color:var(--tint);white-space:nowrap}
.addr.done{border-style:solid;border-color:var(--up);background:color-mix(in oklch,var(--up) 8%,var(--background))}
.addr.done .cp{color:var(--up)}
.qrw{display:flex;gap:14px;align-items:center;margin-top:12px}
.qrw img{width:108px;height:108px;border-radius:10px;background:#fff;padding:4px;flex:none}
.netb{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:99px;font:700 11px var(--font-sans);background:#ef0027;color:#fff}
.loader{position:relative;width:96px;height:96px;margin:10px auto 16px}
.loader i{position:absolute;inset:0;border-radius:50%;border:3px solid transparent;border-top-color:var(--tint);animation:spin 1.1s linear infinite}
.loader i:nth-child(2){inset:12px;border-top-color:#22d3ee;animation-duration:1.6s;animation-direction:reverse}
.loader i:nth-child(3){inset:24px;border-top-color:#f97316;animation-duration:.9s}
.loader b{position:absolute;inset:36px;border-radius:50%;background:var(--tint);animation:beat 1.2s ease-in-out infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes beat{50%{transform:scale(.6);opacity:.5}}
.done-ck{display:block;width:118px;height:118px;margin:6px auto 12px}
.done-ck .c{stroke:#22c55e;stroke-width:4;fill:none;stroke-dasharray:340;stroke-dashoffset:340;animation:draw .7s var(--ease-out) forwards}
.done-ck .f{fill:#22c55e;opacity:0;transform-origin:center;transform:scale(.6);animation:fillin .45s .55s var(--ease-out) forwards}
.done-ck .k{stroke:#fff;stroke-width:7;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:80;stroke-dashoffset:80;animation:draw .45s .85s var(--ease-out) forwards}
.done-ck .rp{fill:none;stroke:#22c55e;stroke-width:2;opacity:0;transform-origin:center;animation:ripple 1s 1s var(--ease-out) forwards}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes fillin{to{opacity:1;transform:scale(1)}}
@keyframes ripple{0%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(1.5)}}
@media (prefers-reduced-motion:reduce){.loader i,.loader b{animation:none}.done-ck *{animation-duration:.01s!important;animation-delay:0s!important}}
.ctr{text-align:center}

/* toast */
.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);z-index:90;padding:10px 16px;border-radius:99px;background:var(--foreground);color:var(--background);font:600 13px var(--font-sans);
  box-shadow:0 10px 30px -10px rgb(0 0 0 / .4);opacity:0;pointer-events:none;transition:all .25s var(--ease-out)}
html[lang="fa"] .toast,html[lang="ar"] .toast{font-family:Vazirmatn,var(--font-sans)}
.toast.on{opacity:1;transform:translate(-50%,0)}
.analyst{border-top:1px solid var(--border);margin-top:10px}

/* Persian / Arabic: joined scripts must never be letter-spaced; terminal labels switch to Vazirmatn */
html:is([lang="fa"],[lang="ar"]) body *:not(.leak):not(.leak *):not(.tn-brand):not(.tn-brand *):not(.sp-name):not(.logo-t):not([lang="en"]):not([lang="en"] *){letter-spacing:0!important}
html:is([lang="fa"],[lang="ar"]) :is(.term .lbl,.term .reel-head,.term .foot,.term .tag,.term .pick,.term .stages span,.term .steps,.term .kpis,.term .sel-k,.term .sel-t,.term .dec-t,.sp-row,.box b,.box small){font-family:Vazirmatn,var(--font-sans)!important}

/* ================================================================== header buttons: "Interactive Hover Button" (21st.dev · Magic UI, dillionverma) */
.ihb{--s:1;position:relative;display:inline-flex;align-items:center;justify-content:center;height:36px;min-width:108px;padding:0 18px 0 26px;border-radius:999px;border:1px solid var(--border);
  background:var(--background);color:var(--foreground);font:600 13px var(--font-sans);text-decoration:none;cursor:pointer;overflow:hidden;isolation:isolate;white-space:nowrap;flex:none}
html[dir="rtl"] .ihb{--s:-1;padding:0 26px 0 18px}
html:is([lang="fa"],[lang="ar"]) .ihb{font-family:Vazirmatn,var(--font-sans);font-size:13.5px}
.ihb-t{display:inline-block;transform:translateX(calc(var(--s) * 4px));transition:transform .3s var(--ease-out),opacity .3s var(--ease-out)}
.ihb-h{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--primary-foreground);opacity:0;
  transform:translateX(calc(var(--s) * 48px));transition:transform .3s var(--ease-out),opacity .3s var(--ease-out)}
.ihb-h svg{width:15px;height:15px;flex:none}
html[dir="rtl"] .ihb-h svg{transform:scaleX(-1)}
.ihb-d{position:absolute;inset-inline-start:12px;top:calc(50% - 4px);width:8px;height:8px;border-radius:50%;background:var(--primary);z-index:1;
  transition:transform .4s cubic-bezier(.25,1,.5,1),opacity .2s cubic-bezier(.25,1,.5,1)}
.ihb:is(:hover,:focus-visible,.on) .ihb-d{transform:scale(42)}
.ihb:is(:hover,:focus-visible) .ihb-t{transform:translateX(calc(var(--s) * 48px));opacity:0}
.ihb:is(:hover,:focus-visible) .ihb-h{transform:translateX(calc(var(--s) * -4px));opacity:1}
.ihb.on .ihb-t{opacity:0}.ihb.on .ihb-h{opacity:1;transform:none}.ihb.on .ihb-h svg{display:none}
.ihb:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
.ihb:active{transform:scale(.98)}
.tn-nav{gap:6px;padding:2px}
.tn-nav a.ihb::after{display:none}
.tn-nav a.ihb:hover{background:var(--background)}
.ihb.primary-ihb{border-color:transparent;background:var(--primary);color:var(--primary-foreground);padding:0 18px}
.ihb.primary-ihb .ihb-d{background:var(--tint)}
.ihb.primary-ihb .ihb-h{color:var(--tint-foreground)}
.ihb.user-ihb{padding-inline:5px 14px;min-width:0;gap:8px}
.ihb.user-ihb img,.ihb.user-ihb .av{width:26px;height:26px;border-radius:50%;object-fit:cover;background:var(--tint);color:#fff;display:grid;place-items:center;font-size:11px;position:relative;z-index:3}
.ihb.user-ihb .ihb-t{display:inline-flex;align-items:center;gap:8px;transform:none}
.ihb.user-ihb .ihb-d{display:none}
.ihb.user-ihb:hover{border-color:color-mix(in oklch,var(--tint) 60%,var(--border))}
@media (prefers-reduced-motion:reduce){.ihb *{transition:none!important}}

/* ================================================================== footer: "Hover Footer" (21st.dev · nur/ui) */
.hf{position:relative;margin:40px 20px 24px;border-radius:24px;overflow:hidden;border:1px solid var(--border);color:var(--text-2)}
.hf-in{position:relative;z-index:4;max-width:1280px;margin:0 auto;padding:52px 48px 24px}
.hf-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:44px;padding-bottom:36px}
.hf-logo{display:flex;align-items:center;gap:10px;margin-bottom:14px;font:700 26px "Unbounded",var(--font-sans);color:var(--foreground);letter-spacing:.02em}
.hf-mark{color:var(--tint);font-size:24px}
.hf p{font-size:13.5px;line-height:1.8;margin:0}
.hf :is(h3,h4){margin:0 0 18px;font:650 16px var(--font-sans);color:var(--foreground)}
html:is([lang="fa"],[lang="ar"]) .hf :is(h3,h4){font-family:Vazirmatn,var(--font-sans);font-weight:800}
.hf ul{list-style:none;margin:0;padding:0;display:grid;gap:12px;font-size:13.5px}
.hf a{color:inherit;text-decoration:none;transition:color .2s var(--ease-out)}
.hf a:hover{color:var(--tint)}
:root:not([data-theme]) .hf a:hover,:root[data-theme="midnight"] .hf a:hover{color:#3ca2fa}
.hf-live{position:relative;width:max-content}
.hf-live i{position:absolute;top:3px;inset-inline-end:-13px;width:8px;height:8px;border-radius:50%;background:#3ca2fa;animation:hfPulse 2s cubic-bezier(.4,0,.6,1) infinite}
@keyframes hfPulse{50%{opacity:.4}}
.hf-c li{display:flex;align-items:center;gap:12px}
.hf-c svg{width:18px;height:18px;color:#3ca2fa;flex:none}
:root[data-theme="indigo"] .hf-c svg{color:var(--tint)}:root[data-theme="coral"] .hf-c svg{color:var(--tint)}
.hf-hr{border:0;border-top:1px solid var(--border);margin:8px 0 24px}
.hf-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px}
.hf-soc{display:flex;gap:22px}
.hf-soc svg{width:20px;height:20px}
.hf-risk{display:block;font-size:12px;opacity:.8;margin-top:2px}
.hf-text{position:relative;z-index:3;height:22rem;margin:-8rem 0 -5rem;display:flex;align-items:center;justify-content:center}
.hf-text svg{width:100%;height:100%;cursor:pointer;user-select:none;text-transform:uppercase}
.hf-text text{font:700 40px "Unbounded",Helvetica,sans-serif;letter-spacing:1px;fill:transparent;stroke-width:.35}
.hf-text .t0{stroke:color-mix(in oklch,var(--foreground) 22%,transparent);opacity:0;transition:opacity .3s}
.hf-text .t1{stroke:#3ca2fa99;stroke-dasharray:1000;stroke-dashoffset:1000}
:root[data-theme="indigo"] .hf-text .t1{stroke:#19398d88}:root[data-theme="coral"] .hf-text .t1{stroke:#d6544b99}
.hf.seen .hf-text .t1{animation:hfDraw 4s ease-in-out forwards}
@keyframes hfDraw{to{stroke-dashoffset:0}}
.hf-text .t2{opacity:0;transition:opacity .3s}
.hf-text.hov .t0{opacity:.7}.hf-text.hov .t2{opacity:1}
.hf-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(125% 125% at 50% 10%,color-mix(in oklch,var(--background) 92%,transparent) 50%,color-mix(in oklch,#3ca2fa 20%,transparent) 100%)}
:root[data-theme="indigo"] .hf-bg{background:radial-gradient(125% 125% at 50% 10%,#ffffff 50%,color-mix(in oklch,#19398d 16%,transparent) 100%)}
:root[data-theme="coral"] .hf-bg{background:radial-gradient(125% 125% at 50% 10%,#000 50%,color-mix(in oklch,#d6544b 22%,transparent) 100%)}
@media (max-width:1024px){.hf-text{display:none}.hf-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.hf{margin:28px 10px 14px}.hf-in{padding:36px 22px 20px}.hf-grid{grid-template-columns:1fr;gap:28px}}
@media (prefers-reduced-motion:reduce){.hf.seen .hf-text .t1{animation:none;stroke-dashoffset:0}.hf-live i{animation:none}}
/* footer: "Footer section" (21st.dev arihantcodes) in the site theme: stay connected / quick links / contact / follow us + legal bar */
.fs .hf-in{padding:56px 48px 22px}
.fs-grid{display:grid;grid-template-columns:1.35fr .9fr 1.2fr 1fr;gap:48px;padding-bottom:40px}
.fs-col{position:relative;min-width:0;opacity:0;transform:translateY(14px);transition:opacity .7s var(--ease-out-quart,ease) calc(var(--i) * .1s),transform .7s var(--ease-out-quart,ease) calc(var(--i) * .1s)}
.hf.seen .fs-col{opacity:1;transform:none}
.fs-glow{position:absolute;top:-16px;inset-inline-end:0;width:120px;height:120px;border-radius:50%;background:color-mix(in srgb,var(--tint) 26%,transparent);filter:blur(38px);pointer-events:none;animation:fsGlow 7s ease-in-out infinite}
@keyframes fsGlow{50%{transform:translate(-16px,12px) scale(1.18);opacity:.65}}
.fs .hf-logo{margin-bottom:6px}
.fs-h2{margin:4px 0 10px;font:700 clamp(24px,2.3vw,30px)/1.25 var(--font-sans);letter-spacing:-.02em;color:var(--foreground)}
html:is([lang="fa"],[lang="ar"]) .fs-h2{font-family:Vazirmatn,var(--font-sans);font-weight:800;letter-spacing:0;line-height:1.55}
.fs .fs-p{margin:0 0 18px;font-size:14px;line-height:1.85}
.fs-form{position:relative;max-width:360px}
.fs-form input{width:100%;height:46px;margin:0;padding:0 54px 0 16px;border-radius:12px;border:1px solid var(--border);background:color-mix(in oklch,var(--background) 55%,transparent);
  backdrop-filter:blur(6px);color:var(--foreground);font:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}
html[dir="rtl"] .fs-form input{padding:0 16px 0 54px}   /* physical sides: the send button sits at the page's end whatever the typed text's direction */
.fs-form input::placeholder{color:var(--text-2);opacity:.8}
.fs-form input:focus{outline:0;border-color:color-mix(in srgb,var(--tint) 70%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--tint) 22%,transparent)}
.fs-send{position:absolute;top:7px;inset-inline-end:7px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:var(--foreground);color:var(--background);cursor:pointer;transition:transform .2s}
.fs-send:hover{transform:scale(1.08)}.fs-send:active{transform:scale(.94)}.fs-send:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
.fs-send svg{width:15px;height:15px}html[dir="rtl"] .fs-send svg{transform:scaleX(-1)}
.fs .fs-msg{min-height:20px;margin:6px 0 0;font-size:12.5px;color:var(--dn)}
.fs .fs-about{margin-top:4px;font-size:12.5px;opacity:.85;max-width:360px}
.fs-nav{display:grid;gap:11px;font-size:14px}
.fs-nav a,.fs-legal a{position:relative;width:max-content}
.fs-nav a::after,.fs-legal a::after{content:"";position:absolute;inset-inline:0;bottom:-3px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease-out-quart,ease)}
html[dir="rtl"] :is(.fs-nav,.fs-legal) a::after{transform-origin:right}
:is(.fs-nav,.fs-legal) a:hover::after{transform:scaleX(1)}
.fs-addr{display:grid;gap:12px;font-style:normal;font-size:14px}
.fs-addr > *{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%}
.fs-addr svg{width:17px;height:17px;flex:none;color:var(--tint)}
.fs-addr .lsc-dot{margin-inline:4px 5px}
.fs-soc{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}
.fs-soc a{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--border);background:color-mix(in oklch,var(--background) 50%,transparent);color:var(--foreground);
  transition:transform .2s var(--ease-out-quart,ease),border-color .2s,box-shadow .2s}
.hf .fs-soc a:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--tint) 65%,var(--border));box-shadow:0 10px 22px -10px var(--tint);color:var(--foreground)}
.fs-soc svg{width:18px;height:18px}
.fs-soc a::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 9px);left:50%;z-index:5;transform:translate(-50%,4px);padding:5px 10px;border-radius:8px;background:var(--foreground);color:var(--background);
  font-size:11.5px;font-weight:600;line-height:1.4;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}
.fs-soc a[data-tip=""]::after{display:none}
.fs-soc a:hover::after,.fs-soc a:focus-visible::after{opacity:1;transform:translate(-50%,0)}
.fs-theme{display:flex;align-items:center;gap:10px;direction:ltr;width:max-content;color:var(--text-2)}
.fs-theme svg{width:17px;height:17px}
.fs-sw{position:relative;width:46px;height:26px;padding:0;border:1px solid var(--border);border-radius:99px;background:color-mix(in oklch,var(--foreground) 12%,transparent);cursor:pointer;transition:background .25s}
.fs-sw span{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--foreground);box-shadow:0 1px 4px rgb(0 0 0 / .35);transition:transform .3s cubic-bezier(.3,1.4,.5,1)}
.fs-sw[aria-checked="true"]{background:color-mix(in srgb,var(--tint) 55%,transparent)}
.fs-sw[aria-checked="true"] span{transform:translateX(20px)}
.fs-sw:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
.fs-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px 28px;padding-top:24px;border-top:1px solid var(--border);font-size:13px}
.fs-legal{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:13px}
.fs .fs-risk{margin-top:16px;text-align:center;font-size:12px;opacity:.8}
@media (max-width:1024px){.fs-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px 32px}}
@media (max-width:640px){.fs .hf-in{padding:38px 22px 20px}.fs-grid{grid-template-columns:minmax(0,1fr);gap:32px}.fs-bottom{flex-direction:column;align-items:flex-start}}
@media (prefers-reduced-motion:reduce){.fs-col{opacity:1;transform:none;transition:none}.fs-glow{animation:none}}

/* ================================================================== sign in / sign up: "Sign In" (21st.dev · jahed) */
.auth-bg{padding:0;background:var(--background);backdrop-filter:none;-webkit-backdrop-filter:none;place-items:stretch;z-index:70}
.auth-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;width:100%;height:100%;padding:16px;overflow-x:hidden;overflow-y:auto}
.auth-l{display:flex;flex-direction:column;padding:8px 18px 18px}
.auth-top{display:flex;justify-content:space-between;align-items:center}
.auth-form{width:min(440px,100%);margin:auto;padding:28px 0;display:flex;flex-direction:column}
.a-title{margin:0 0 10px;font:300 clamp(36px,4.6vw,52px)/1.1 var(--font-sans);letter-spacing:-.02em;color:var(--foreground)}
html:is([lang="fa"],[lang="ar"]) .a-title{font:600 clamp(32px,4vw,44px)/1.3 Vazirmatn,var(--font-sans)}
.a-sub{margin:0 0 26px;color:var(--text-2);font-size:14.5px;line-height:1.75}
.a-lbl{display:block;margin:0 0 8px;font:500 13px var(--font-sans);color:var(--text-2)}
html:is([lang="fa"],[lang="ar"]) .a-lbl,html:is([lang="fa"],[lang="ar"]) .a-sub{font-family:Vazirmatn,var(--font-sans)}
.a-glass{border-radius:16px;border:1px solid var(--border);background:color-mix(in oklch,var(--foreground) 4%,transparent);backdrop-filter:blur(6px);transition:border-color .2s,background-color .2s}
.a-glass:focus-within{border-color:color-mix(in oklch,var(--tint) 70%,transparent);background:color-mix(in oklch,var(--tint) 8%,transparent)}
.a-glass input{width:100%;height:52px;padding:0 16px;border:0;outline:0;background:transparent;color:var(--foreground);font:15px var(--font-sans)}
.a-btn{width:100%;height:52px;margin-top:18px;border:0;border-radius:16px;background:var(--primary);color:var(--primary-foreground);font:600 15px var(--font-sans);cursor:pointer;
  transition:transform .15s var(--ease-out),filter .2s,box-shadow .2s}
html:is([lang="fa"],[lang="ar"]) .a-btn,html:is([lang="fa"],[lang="ar"]) .a-gbtn,html:is([lang="fa"],[lang="ar"]) .a-link{font-family:Vazirmatn,var(--font-sans)}
.a-btn:hover{filter:brightness(1.08);box-shadow:0 10px 28px -12px color-mix(in oklch,var(--primary) 70%,transparent)}
.a-btn:active{transform:scale(.99)}.a-btn:focus-visible,.a-gbtn:focus-visible,.a-link:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
.a-btn[disabled]{opacity:.6;pointer-events:none}
.a-or{position:relative;display:flex;align-items:center;justify-content:center;margin:22px 0 16px;color:var(--text-2);font-size:13px}
.a-or::before{content:"";position:absolute;inset-inline:0;top:50%;border-top:1px solid var(--border)}
.a-or span{position:relative;padding:0 14px;background:var(--background)}
.a-gbtn{width:100%;height:52px;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:16px;border:1px solid var(--border);background:transparent;color:var(--foreground);
  font:500 15px var(--font-sans);cursor:pointer;transition:background-color .2s}
.a-gbtn:hover{background:color-mix(in oklch,var(--foreground) 6%,transparent)}
.g-host{display:flex;justify-content:center;min-height:52px;align-items:center}
.a-row{display:flex;justify-content:space-between;margin-top:12px}
.a-link{border:0;background:none;padding:0;color:#8b7cf6;font:600 13.5px var(--font-sans);cursor:pointer}
:root[data-theme="indigo"] .a-link{color:var(--tint)}:root[data-theme="coral"] .a-link{color:var(--tint)}
.a-link:hover{text-decoration:underline}
.a-switch{margin:22px 0 0;text-align:center;font-size:14px;color:var(--text-2)}
.a-terms{margin:14px 0 0;text-align:center;font-size:11.5px;color:var(--text-2);line-height:1.7}
.auth-bg .otp input{border-radius:14px;height:58px;width:50px;background:color-mix(in oklch,var(--foreground) 4%,transparent)}
.a-in{opacity:0;transform:translateY(14px);filter:blur(4px)}
.auth-bg.on .a-in{animation:aIn .6s var(--ease-out) var(--d,0s) forwards}
@keyframes aIn{to{opacity:1;transform:none;filter:none}}
.auth-r{position:relative;border-radius:28px;overflow:hidden;min-height:520px;opacity:0;transform:translateX(calc(var(--s,1) * 24px))}
html[dir="rtl"] .auth-r{--s:-1}
.auth-bg.on .auth-r{animation:slideIn .9s var(--ease-out) .25s forwards}
@keyframes slideIn{to{opacity:1;transform:none}}
.hero-art{position:absolute;inset:0;background:#2a1f6b;overflow:hidden}
.hero-art i{position:absolute;inset:-30%;background:repeating-linear-gradient(118deg,#3b2a8a 0 26px,#9a4f8c 26px 48px,#e9e3ff 48px 58px,#5b4bd1 58px 92px,#c26a7a 92px 112px,#25195e 112px 150px);
  filter:blur(14px) saturate(1.2);animation:heroFlow 18s linear infinite}
.hero-art i:nth-child(2){mix-blend-mode:soft-light;opacity:.7;background:radial-gradient(60% 50% at 70% 30%,#ffffff 0%,transparent 60%),radial-gradient(50% 40% at 20% 80%,#ff7ab6 0%,transparent 60%);filter:blur(20px);animation:heroGlow 9s ease-in-out infinite alternate}
.hero-art i:nth-child(3){inset:0;background:linear-gradient(180deg,transparent 40%,rgb(5 5 20 / .55));filter:none;animation:none}
:root[data-theme="coral"] .hero-art i:first-child{background:repeating-linear-gradient(118deg,#2a0d0b 0 26px,#d6544b 26px 48px,#ffd9d2 48px 58px,#8e2b24 58px 92px,#e68933 92px 112px,#120505 112px 150px)}
:root[data-theme="indigo"] .hero-art i:first-child{background:repeating-linear-gradient(118deg,#19398d 0 26px,#6a8dd8 26px 48px,#f3f5fb 48px 58px,#0159b7 58px 92px,#13c9aa 92px 112px,#0b1f52 112px 150px)}
@keyframes heroFlow{to{transform:translate(-150px,60px)}}
@keyframes heroGlow{to{transform:translate(40px,-30px) scale(1.1)}}
.hero-mark{position:absolute;top:28px;inset-inline-start:28px;display:flex;align-items:center;gap:10px;color:#fff;font:700 15px "Unbounded",var(--font-sans);letter-spacing:.14em}
.hero-mark i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-style:normal;font-size:11px;background:rgb(255 255 255 / .16);backdrop-filter:blur(8px);border:1px solid rgb(255 255 255 / .25)}
.hero-cards{position:absolute;inset-inline:24px;bottom:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hc{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:20px;background:rgb(255 255 255 / .12);border:1px solid rgb(255 255 255 / .22);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  color:#fff;opacity:0;transform:translateY(16px) scale(.97)}
.auth-bg.on .hc{animation:hcIn .7s var(--ease-out) var(--d,1s) forwards}
@keyframes hcIn{to{opacity:1;transform:none}}
.hc-i{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:rgb(255 255 255 / .18);flex:none}
.hc-i svg{width:18px;height:18px}
.hc b{display:block;font:650 13.5px var(--font-sans)}
.hc p{margin:4px 0 0;font-size:12px;line-height:1.6;color:rgb(255 255 255 / .82)}
html:is([lang="fa"],[lang="ar"]) .hc b,html:is([lang="fa"],[lang="ar"]) .hc p{font-family:Vazirmatn,var(--font-sans)}
@media (max-width:1100px){.hero-cards{grid-template-columns:1fr;inset-inline-end:auto;width:min(320px,calc(100% - 48px))}}
@media (max-width:900px){.auth-split{grid-template-columns:1fr}.auth-r{display:none}}
@media (prefers-reduced-motion:reduce){.a-in,.auth-r,.hc{opacity:1!important;transform:none!important;filter:none!important;animation:none!important}.hero-art i{animation:none}}

/* ================================================================== pricing: "Pricing Section 3" (21st.dev · uilayout) */
.pr-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap;margin-bottom:22px}
.pr-head :is(h1,h2){margin:0;font:700 clamp(28px,3.4vw,40px)/1.15 var(--font-sans);letter-spacing:-.02em;color:var(--foreground)}
html:is([lang="fa"],[lang="ar"]) .pr-head :is(h1,h2){font-family:Vazirmatn,var(--font-sans);font-weight:800}
.pr-head p{margin:8px 0 0;max-width:520px;color:var(--text-2);font-size:14px;line-height:1.75}
.pr-tog{display:inline-flex;align-items:center;gap:6px;padding:4px;border-radius:14px;background:color-mix(in oklch,var(--foreground) 6%,var(--card));border:1px solid var(--border)}
.pr-tog span{padding:8px 16px;border-radius:10px;font:600 13.5px var(--font-sans);color:var(--text-2)}
.pr-tog span.on{background:var(--card);color:var(--foreground);box-shadow:0 1px 2px rgb(0 0 0 / .12),inset 0 1px 0 rgb(255 255 255 / .06)}
.pr-tog .pr-usdt{font-size:11.5px;padding:5px 9px;background:color-mix(in oklch,#26a17b 18%,transparent);color:#26a17b;border-radius:8px}
html:is([lang="fa"],[lang="ar"]) .pr-tog span{font-family:Vazirmatn,var(--font-sans)}
.pr-wrap{display:grid;grid-template-columns:2fr 1fr;align-items:stretch}
.pr-panel{display:grid;grid-template-columns:1fr 1fr;border-radius:20px;border:1px solid var(--border);
  background:linear-gradient(180deg,color-mix(in oklch,var(--foreground) 6%,var(--card)) 0%,color-mix(in oklch,var(--foreground) 2.5%,var(--card)) 100%);margin-block:16px;border-start-end-radius:0;border-end-end-radius:0;border-inline-end:0}
.pr-card{position:relative;display:flex;flex-direction:column;padding:28px;color:var(--foreground)}
.pr-panel .pr-card+.pr-card{border-inline-start:1px solid color-mix(in oklch,var(--border) 70%,transparent)}
.pr-card.pop{border-radius:20px;padding:30px;background:var(--pop-bg,#0b0b0d);color:var(--pop-fg,#fafafa);border:1px solid color-mix(in oklch,var(--pop-fg,#fff) 14%,transparent);
  box-shadow:0 28px 60px -24px rgb(0 0 0 / .55),inset 0 1px 0 rgb(255 255 255 / .08);z-index:1}
:root:not([data-theme="indigo"]) .pr-card.pop{--pop-bg:#f5f6f8;--pop-fg:#0b0b0d}
.pr-badge{align-self:flex-start;margin-bottom:14px;padding:4px 11px;border-radius:99px;font:700 11.5px var(--font-sans);background:color-mix(in oklch,var(--pop-fg,#fff) 14%,transparent);color:var(--pop-fg,#fff)}
.pr-price{display:flex;align-items:baseline;gap:6px}
.pr-price b{direction:ltr;unicode-bidi:isolate}
.pr-price b{font:600 40px/1 var(--font-sans);letter-spacing:-.02em}
.pr-card.pop .pr-price b{font-size:44px}
.pr-price span{font-size:14px;opacity:.65}
.pr-name{margin:18px 0 8px;font:600 26px var(--font-sans);letter-spacing:-.01em}
.pr-card.pop .pr-name{font-size:30px}
html:is([lang="fa"],[lang="ar"]) .pr-name{font-family:Vazirmatn,var(--font-sans);font-weight:800}
.pr-desc{margin:0;font-size:13px;line-height:1.7;opacity:.75;min-height:44px}
.pr-card hr{border:0;border-top:1px solid color-mix(in oklch,currentColor 18%,transparent);margin:18px 0}
.pr-inc{margin:0 0 12px;font:600 14px var(--font-sans)}
html:is([lang="fa"],[lang="ar"]) .pr-inc,html:is([lang="fa"],[lang="ar"]) .pr-feats{font-family:Vazirmatn,var(--font-sans)}
.pr-feats{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:11px;font-size:13.5px}
.pr-feats li{display:flex;gap:10px;align-items:flex-start;line-height:1.55}
.pr-feats li::before{content:"";flex:none;width:20px;height:20px;border-radius:50%;border:1.5px solid currentColor;opacity:.85;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 7 17l-5-5'/%3E%3Cpath d='m22 10-7.5 7.5L13 16'/%3E%3C/svg%3E") center/12px no-repeat}
.pr-card.pop .pr-feats li{font-weight:600}
.pr-feats li.off{opacity:.45;text-decoration:line-through}
.pr-cta{margin-top:auto;height:50px;border-radius:14px;border:0;cursor:pointer;font:600 15.5px var(--font-sans);color:#fff;
  background:linear-gradient(180deg,#3f3f46 0%,#18181b 100%);box-shadow:0 8px 18px -6px rgb(0 0 0 / .55),inset 0 1px 0 rgb(255 255 255 / .18),inset 0 -2px 0 rgb(0 0 0 / .35);
  transition:transform .15s var(--ease-out),box-shadow .2s}
html:is([lang="fa"],[lang="ar"]) .pr-cta{font-family:Vazirmatn,var(--font-sans)}
.pr-cta:hover{transform:translateY(-1px);box-shadow:0 12px 24px -8px rgb(0 0 0 / .6),inset 0 1px 0 rgb(255 255 255 / .22),inset 0 -2px 0 rgb(0 0 0 / .35)}
.pr-cta:active{transform:translateY(0) scale(.99)}
.pr-cta:focus-visible{outline:2px solid var(--ring);outline-offset:3px}
.pr-card.pop .pr-cta{color:#0b0b0d;background:linear-gradient(180deg,#ffffff 0%,#e4e4e7 100%);box-shadow:0 0 22px rgb(255 255 255 / .28),inset 0 -2px 0 rgb(0 0 0 / .08)}
:root:not([data-theme="indigo"]) .pr-card.pop .pr-cta{color:#fff;background:linear-gradient(180deg,#3f3f46 0%,#09090b 100%);box-shadow:0 10px 22px -8px rgb(0 0 0 / .6),inset 0 1px 0 rgb(255 255 255 / .2)}
.pr-cta[disabled]{opacity:.55;pointer-events:none}
.pr-mine{margin-top:10px;text-align:center;font-size:12px;opacity:.75}
@media (max-width:900px){.pr-wrap{grid-template-columns:1fr}.pr-panel{grid-template-columns:1fr;border-radius:20px;border-inline-end:1px solid var(--border);margin-block:0 16px}
  .pr-panel .pr-card+.pr-card{border-inline-start:0;border-top:1px solid color-mix(in oklch,var(--border) 70%,transparent)}}

/* ================================================================== capital slider: "Price Range Slider" (21st.dev · shadcnspace slider-06) */
.cap{border:1px solid var(--border);border-radius:16px;padding:16px 18px 14px;margin-bottom:16px;background:color-mix(in oklch,var(--foreground) 2.5%,var(--card))}
.cap-h{display:flex;justify-content:space-between;align-items:center}
.cap-l{font:600 11.5px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}
html:is([lang="fa"],[lang="ar"]) .cap-l{font-family:Vazirmatn,var(--font-sans);font-size:13px;text-transform:none}
.cap-x{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:7px;border:1px solid var(--border);background:var(--card);color:var(--text-2);font:500 12px var(--font-sans);cursor:pointer}
.cap-x:hover{color:var(--foreground)}
.cap-v{display:flex;align-items:baseline;gap:10px;margin:8px 0 14px}
.cap-v b{font:700 26px var(--font-sans);font-variant-numeric:tabular-nums;color:var(--foreground);direction:ltr}
.cap-v input{width:120px;height:30px;border-radius:8px;border:1px solid var(--border);background:var(--background);color:var(--foreground);padding:0 8px;font:13px var(--font-mono);direction:ltr}
.cap-s{direction:ltr}
.cap-s input[type=range]{--p:30%;-webkit-appearance:none;appearance:none;width:100%;height:22px;margin:0;background:transparent;cursor:pointer}
.cap-s input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:99px;background:linear-gradient(90deg,var(--foreground) 0 var(--p),color-mix(in oklch,var(--foreground) 12%,transparent) var(--p) 100%)}
.cap-s input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-7px;border-radius:50%;background:var(--background);border:2px solid var(--foreground);
  box-shadow:0 0 0 0 color-mix(in oklch,var(--foreground) 20%,transparent);transition:box-shadow .15s}
.cap-s input[type=range]:is(:hover,:focus-visible)::-webkit-slider-thumb{box-shadow:0 0 0 6px color-mix(in oklch,var(--foreground) 14%,transparent)}
.cap-s input[type=range]::-moz-range-track{height:6px;border-radius:99px;background:color-mix(in oklch,var(--foreground) 12%,transparent)}
.cap-s input[type=range]::-moz-range-progress{height:6px;border-radius:99px;background:var(--foreground)}
.cap-s input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--background);border:2px solid var(--foreground)}
.cap-s input[type=range]:focus{outline:none}
.cap-ticks{display:flex;justify-content:space-between;margin-top:6px;font:500 11px var(--font-sans);color:var(--text-2);font-variant-numeric:tabular-nums}
.cap-note{margin:10px 0 0;font-size:12.5px;line-height:1.75;color:var(--text-2)}

/* platform pages read in the theme's sans font (the terminal keeps its mono look); numbers stay tabular */
.topnav,.view:not(#v-dash),.orders,.hf,.modal-bg,.toast{font-family:var(--font-sans)}
html:is([lang="fa"],[lang="ar"]) :is(.topnav,.view:not(#v-dash),.orders,.hf,.modal-bg,.toast){font-family:Vazirmatn,var(--font-sans)}
.num,.pnl,.kpi .v,.otable td.r,.sig-k b,.lvls,.amt b,.addr code,.inp.mono{font-variant-numeric:tabular-nums}

/* ================================================================== audit fixes (2026-10-04) */
body{font-family:var(--font-sans)}
.term{font-family:var(--font-mono)}
:root:is([lang="fa"],[lang="ar"]),:root:is([lang="fa"],[lang="ar"])[data-theme]{--font-sans:Vazirmatn,ui-sans-serif,system-ui,sans-serif}
.kpi .v:not(.num):not(.ltr){font-family:var(--font-sans);direction:inherit}
.kpi .v.ltr{font-size:14px;overflow-wrap:anywhere}
html:is([lang="fa"],[lang="ar"]) :is(.mode,.pill,.mk,.kpi .s,.sig-k span,.term .lbl,.term .tag,.small){font-size:12px}
html:is([lang="fa"],[lang="ar"]) :is(.page,.orders,.modal,.hf,.note2,.cap-note){line-height:1.85}
.reel-head{min-width:0;overflow:hidden}#reelCount{overflow:hidden;text-overflow:ellipsis}
.tn-nav{padding:5px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10px,#000 calc(100% - 10px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 10px,#000 calc(100% - 10px),transparent 100%)}
.tn-nav .ihb{min-width:0;padding-inline:24px 14px}
html[dir="rtl"] .tn-nav .ihb{padding-inline:24px 14px}
@media (max-width:1180px){.tn-nav .ihb{padding-inline:12px;font-size:12.5px}.tn-nav .ihb:not(:hover):not(:focus-visible):not(.on) .ihb-d{opacity:0}
  .tn-nav .ihb .ihb-t{transform:none}}
/* inputs, chips and buttons */
.inp,.otp input,.tick .bx,.a-glass,.cap-v input{border-color:color-mix(in oklch,var(--foreground) 38%,var(--card))}
a.btn,.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}
.chip,.pill{border-radius:calc(var(--radius) * 100)}
:root[data-theme="indigo"] .mode.REAL{color:#c2410c;border-color:#c2410c}:root[data-theme="indigo"] .mode.DEMO{color:#1d4ed8;border-color:#1d4ed8}
.pnl.z{color:var(--text-2)}
@media (max-width:760px),(pointer:coarse){.seg2 button{height:36px;min-width:40px}.btn,.chip,.tick,.pick select{min-height:40px}.cap-x{min-height:36px}}
/* orders as cards on phones */
@media (max-width:640px){
  .otable thead{display:none}.otable,.otable tbody{display:block}
  .otable tr{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px 10px;align-items:center;padding:12px 14px;border-bottom:1px solid color-mix(in oklch,var(--border) 70%,transparent)}
  .otable td{display:block;padding:0;border:0;white-space:normal}
  .otable td:nth-child(2){grid-column:1;grid-row:1}.otable td:nth-child(3){grid-column:2;grid-row:1}.otable td:nth-child(6){grid-column:3;grid-row:1 / span 2;text-align:end}
  .otable td:nth-child(1){grid-column:1;grid-row:2}.otable td:nth-child(8){grid-column:2;grid-row:2}
  .otable td:nth-child(4),.otable td:nth-child(5),.otable td:nth-child(7),.otable td:nth-child(9){display:none}
  .otable tr:hover td{background:none}
}
/* hero wordmark on phones; light-theme terminal off the edges */
@media (max-width:480px){.leak{font-size:clamp(34px,11vw,46px)!important}}
@media (max-width:1300px){:root[data-theme="indigo"] .term{margin-inline:12px}}
/* news titles from social feeds can be raw URLs */
.nitem h5{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
/* busy state while the order book reloads */
#ordersBox[aria-busy="true"] .tscroll{opacity:.55;transition:opacity .2s}
.btn.sm{height:28px;padding:0 10px;font-size:12px}

/* ================================================================== theme "SaaS Black" (21st.dev · waleedkibhen saa-s-template) — default */
:root[data-theme="saas"]{
  --background:#000; --foreground:#fff; --card:#0a0a0a; --card-foreground:#fff; --popover:#0a0a0a; --popover-foreground:#fff;
  --primary:#fff; --primary-foreground:#000; --secondary:#1f2937; --secondary-foreground:#fff; --muted:#111827; --muted-foreground:#9ca3af;
  --accent:rgb(31 41 55 / .5); --accent-foreground:#fff; --destructive:#ef4444; --destructive-foreground:#fff; --border:#1d222b; --input:#1f2937; --ring:#9ca3af;
  --chart-1:#60a5fa; --chart-2:#34d399; --chart-3:#a78bfa; --chart-4:#fbbf24; --chart-5:#f472b6; --radius:0.375rem;
  --shadow:0 25px 50px -12px rgb(0 0 0 / .6); --shadow-xs:0 1px 2px 0 rgb(0 0 0 / .4);
  --font-sans:Poppins, ui-sans-serif, system-ui, sans-serif; --up:#34d399; --dn:#f87171; --tint:#e5e7eb; --tint-foreground:#000; --text-2:#9ca3af; color-scheme:dark;
}
.th-saas{background:linear-gradient(135deg,#000 50%,#fff 50%)}
:root[data-theme="saas"] .sp-core{background:radial-gradient(circle at 50% 45%,#161616 0%,#000 72%)}
:root[data-theme="saas"] .hf-bg{background:radial-gradient(125% 125% at 50% 10%,#000 50%,rgb(156 163 175 / .16) 100%)}
:root[data-theme="saas"] .hf-text .t1{stroke:#ffffff80}

/* template buttons: default (white) · ghost · secondary · gradient */
.t-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;height:40px;padding:0 16px;border:0;border-radius:var(--radius-sm,6px);
  background:var(--primary);color:var(--primary-foreground);font:500 14px var(--font-sans);text-decoration:none;cursor:pointer;transition:all .2s var(--ease-out)}
:root[data-theme="saas"] .t-btn{border-radius:6px}
.t-btn:hover{background:color-mix(in oklch,var(--primary) 90%,var(--background))}
.t-btn.sm{padding:0 20px}.t-btn.lg{height:48px;padding:0 32px;font-size:16px;border-radius:8px}
.t-btn.ghost{background:transparent;color:var(--foreground)}.t-btn.ghost:hover{background:color-mix(in oklch,var(--secondary) 50%,transparent)}
.t-btn.secondary{background:var(--secondary);color:var(--secondary-foreground)}
.t-btn.gradient{background:linear-gradient(to bottom,var(--primary),color-mix(in oklch,var(--primary) 95%,transparent),color-mix(in oklch,var(--primary) 60%,transparent));color:var(--primary-foreground)}
.t-btn.gradient:hover{transform:scale(1.05)}.t-btn.gradient:active{transform:scale(.95)}
.t-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--ring)}
.t-btn[disabled]{opacity:.5;pointer-events:none}

/* header like the template: logo · centred links · actions (mirrored in Persian / Arabic) */
.topnav{background:color-mix(in oklch,var(--background) 80%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in oklch,var(--border) 70%,transparent)}
.tn{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;max-width:1280px;margin:0 auto;padding:14px 24px!important;flex-wrap:nowrap!important}
.tn-brand{justify-self:start;font-size:17px}.tn-nav{justify-self:center;order:0!important;flex-basis:auto!important;-webkit-mask-image:none;mask-image:none;overflow:visible}
.tn-r{justify-self:end;display:flex;align-items:center;gap:8px;min-width:0}
.tn-acct{display:flex;align-items:center;gap:8px}
.tn-burger{display:none;place-items:center;width:40px;height:40px;border:0;border-radius:8px;background:transparent;color:var(--foreground);cursor:pointer}
.tn-burger:hover{background:color-mix(in oklch,var(--secondary) 50%,transparent)}.tn-burger:focus-visible{outline:2px solid var(--ring)}
.tn-menu{border-top:1px solid color-mix(in oklch,var(--border) 70%,transparent);background:color-mix(in oklch,var(--background) 95%,transparent);backdrop-filter:blur(12px);animation:slideDown .3s var(--ease-out)}
.tn-menu-in{max-width:1280px;margin:0 auto;padding:12px 24px 18px;display:flex;flex-direction:column;gap:2px}
.tn-menu a{padding:10px 0;color:var(--text-2);text-decoration:none;font-size:15px;transition:color .2s}
.tn-menu a:hover,.tn-menu a.on{color:var(--foreground)}
.tn-menu-sw{display:flex;gap:10px;flex-wrap:wrap;padding:12px 0;border-top:1px solid color-mix(in oklch,var(--border) 70%,transparent);margin-top:6px}
.tn-menu-acct{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid color-mix(in oklch,var(--border) 70%,transparent)}
.tn-menu-acct .t-btn{width:100%}
@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (max-width:1100px){.tn{grid-template-columns:minmax(0,1fr) auto}.tn-nav{display:none!important}.tn-burger{display:grid}}
@media (max-width:640px){.tn-r .seg2,.tn-r .tn-acct{display:none}.tn{padding:12px 16px!important}}
@media (min-width:1101px){.tn-menu{display:none}}

/* hero */
.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:72px 24px 0;animation:fadeIn .6s var(--ease-out)}
.hero-pill{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;max-width:100%;margin-bottom:32px;padding:8px 16px;border-radius:999px;
  border:1px solid color-mix(in oklch,var(--foreground) 20%,transparent);background:color-mix(in oklch,var(--secondary) 50%,transparent);backdrop-filter:blur(6px);font-size:12px;color:var(--text-2)}
.hero-pill a{display:inline-flex;align-items:center;gap:4px;color:var(--text-2);text-decoration:none;white-space:nowrap;transition:color .2s,transform .1s}
.hero-pill a:hover{color:var(--foreground)}.hero-pill a:active{transform:scale(.95)}
.hero-pill svg{width:12px;height:12px}html[dir="rtl"] .hero-pill svg{transform:scaleX(-1)}
.hero-h{margin:0 0 24px;max-width:880px;padding:0 12px;font:500 clamp(36px,6vw,64px)/1.12 var(--font-sans);letter-spacing:-.05em;
  background:linear-gradient(to bottom,var(--foreground),var(--foreground),color-mix(in oklch,var(--foreground) 60%,transparent));-webkit-background-clip:text;background-clip:text;color:transparent}
html:is([lang="fa"],[lang="ar"]) .hero-h{font-weight:800;line-height:1.4;font-size:clamp(32px,5.2vw,56px)}
.hero-p{max-width:660px;margin:0 0 40px;padding:0 12px;font-size:clamp(14px,1.6vw,16px);line-height:1.85;color:var(--text-2)}
.hero-cta{display:flex;gap:16px;position:relative;z-index:2;margin-bottom:72px}
.hero-stage{position:relative;max-width:1288px;margin:0 auto;padding:0 16px 24px}
.hero-glow{position:absolute;left:50%;top:-150px;width:92%;height:460px;transform:translateX(-50%);pointer-events:none;z-index:0}
.hero-glow i{position:absolute;inset:0;border-radius:50%;filter:blur(40px)}
.hero-glow i:first-child{background:radial-gradient(50% 55% at 50% 45%,color-mix(in oklch,var(--tint) 30%,transparent),transparent 72%)}
.hero-glow i:last-child{inset:20% 25% 35%;background:radial-gradient(closest-side,color-mix(in oklch,#fff 26%,transparent),transparent);filter:blur(30px);animation:glowPulse 6s ease-in-out infinite}
:root[data-theme="indigo"] .hero-glow i:last-child{background:radial-gradient(closest-side,rgb(25 57 141 / .3),transparent)}
@keyframes glowPulse{50%{opacity:.6;transform:scale(1.06)}}
.hero-frame{position:relative;z-index:1;border-radius:14px;overflow:hidden;border:1px solid color-mix(in oklch,var(--foreground) 14%,transparent);background:var(--background);
  box-shadow:0 25px 50px -12px rgb(0 0 0 / .65),0 0 0 1px rgb(255 255 255 / .03) inset;animation:fadeIn .8s .15s var(--ease-out) both}
.hero-frame .term{margin:0!important;max-width:none;border-radius:0;box-shadow:none}
.hero-frame .head{align-items:center;padding-bottom:14px;border-bottom:1px solid var(--border)}
.win-dots{display:flex;gap:7px;align-self:flex-start;margin-top:4px}.win-dots i{width:11px;height:11px;border-radius:50%;background:#ff5f57}
.win-dots i:nth-child(2){background:#febc2e}.win-dots i:nth-child(3){background:#28c840}
.hero-frame .leak{font-size:clamp(30px,4.2vw,56px)!important}
.hero-frame #logoBrain{width:clamp(56px,6vw,84px)}
.hero-frame .tagline{margin-top:8px}
@media (max-width:900px){.hero{padding-top:48px}.hero-cta{margin-bottom:48px}.win-dots{display:none}}
@media (prefers-reduced-motion:reduce){.hero,.hero-frame{animation:none}.hero-glow i:last-child{animation:none}}

/* globe language menu (English default) */
.lang-dd{position:relative}
.lang-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--foreground);cursor:pointer;font:600 12px var(--font-sans)}
.lang-btn svg{width:18px;height:18px;color:var(--text-2);transition:transform .4s var(--ease-out),color .2s}
.lang-btn:hover{background:color-mix(in oklch,var(--secondary) 50%,transparent)}.lang-btn:hover svg{color:var(--foreground);transform:rotate(-20deg)}
.lang-btn[aria-expanded="true"] svg{color:var(--foreground);transform:rotate(-20deg)}
.lang-btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
.lang-cur{min-width:16px;text-align:center}
.lang-menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:60;min-width:168px;padding:6px;border-radius:12px;border:1px solid var(--border);
  background:color-mix(in oklch,var(--popover,var(--card)) 96%,transparent);backdrop-filter:blur(12px);box-shadow:0 18px 40px -12px rgb(0 0 0 / .5);display:grid;gap:2px;animation:slideDown .2s var(--ease-out)}
.lang-menu[hidden]{display:none}
.lang-dd.up .lang-menu{top:auto;bottom:calc(100% + 8px);inset-inline-end:auto;inset-inline-start:0}
.lang-menu button{display:flex;align-items:center;justify-content:space-between;gap:12px;height:40px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:var(--foreground);cursor:pointer;font:500 14px var(--font-sans);text-align:start}
.lang-menu button[lang="fa"],.lang-menu button[lang="ar"]{font-family:Vazirmatn,var(--font-sans);font-size:15px}
.lang-menu button:hover,.lang-menu button:focus-visible{background:color-mix(in oklch,var(--secondary) 60%,transparent);outline:none}
.lang-menu button.on::after{content:"";width:16px;height:16px;flex:none;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat}
@media (max-width:640px){.tn-r .lang-dd{display:block}}

/* brand moved to the footer: the live split-face brain logo + the creator line at the very end */
.hf-logo .logo{align-items:flex-start}
.hf-logo #logoBrain{width:clamp(96px,10vw,128px);height:auto}
.hf-logo .logo-t{font-size:18px}
.hf-creator{margin:22px 0 0!important;text-align:center;font:500 11px/1.4 var(--font-mono)!important;letter-spacing:.22em!important;text-transform:uppercase}
:root[data-theme="indigo"] .hf-creator{color:#3b2a8a;text-shadow:none}

/* ================================================================== polish layer (impeccable): tokens, scale, states, bans */
:root{
  --fs-xs:12px; --fs-sm:13px; --fs-base:14px; --fs-md:16px; --fs-lg:18px; --fs-xl:22px; --fs-2xl:28px;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-8:32px; --sp-10:40px; --sp-12:48px; --sp-16:64px;
  --z-sticky:40; --z-dropdown:50; --z-overlay:60; --z-modal:70; --z-toast:90; --z-splash:100;
  --ease-out-quart:cubic-bezier(.25,1,.5,1); --ease-out-expo:cubic-bezier(.16,1,.3,1);
}
/* one stacking scale */
.topnav{z-index:var(--z-sticky)}.lang-menu{z-index:var(--z-dropdown)}.modal-bg{z-index:var(--z-overlay)}.auth-bg{z-index:var(--z-modal)}
.toast{z-index:var(--z-toast)}#splash{z-index:var(--z-splash)}
/* type: balanced headings, readable measure, display tracking floor -0.04em */
:is(h1,h2,h3,h4,.hero-h,.a-title,.pr-name){text-wrap:balance}
:is(p,.cap-note,.note2,.hero-p){text-wrap:pretty}
.hero-h{letter-spacing:-.04em}
.ph :is(h1,h2){font-size:var(--fs-2xl)}
.ph p,.hero-p,.a-sub,.cap-note{max-width:65ch}
.sec-h{margin:var(--sp-8) 0 var(--sp-4);font:600 var(--fs-lg) var(--font-sans);color:var(--foreground)}
::placeholder{color:var(--text-2);opacity:1}
/* bans: no side-stripe accents; state lives in the border tint and the side pill */
.kpi::before,.sig::before,.nitem .sb{display:none}
.nitem{grid-template-columns:minmax(0,1fr) auto}
.sig.L{border-color:color-mix(in oklch,var(--up) 38%,var(--border))}.sig.S{border-color:color-mix(in oklch,var(--dn) 38%,var(--border))}
/* bans: no cards inside cards; inner groups are sections divided by rules */
.panel .cap{border:0;border-radius:0;background:none;padding:0 0 var(--sp-6);margin-bottom:var(--sp-6);border-bottom:1px solid var(--border)}
.mgroup{border:0;background:none;padding:0;border-radius:0}
.mgroup h4{padding-bottom:var(--sp-2);border-bottom:1px solid color-mix(in oklch,var(--border) 70%,transparent)}
.conn-item{padding:var(--sp-4) 0;border-bottom:1px solid var(--border)}.conn-item:last-child{border-bottom:0;padding-bottom:0}.conn-item:first-child{padding-top:0}
.sig-list .grid{gap:var(--sp-3)}
/* header buttons: grow the dot with transform, not width/height (no layout animation) */
.ihb-t,.ihb-h{transition-timing-function:var(--ease-out-quart)}
/* every interactive element shows focus, press and busy */
:is(.chip,.nitem,.addr,.x,.cap-x,.tn-menu a,.hf a,.hero-pill a,.tick,.pr-cta,.a-gbtn,.lang-btn,.otp input):focus-visible{outline:2px solid var(--ring);outline-offset:2px}
:is(.chip,.x,.cap-x,.btn,.a-gbtn,.tn-burger,.lang-btn):active{transform:scale(.97)}
:is(.chip,.x,.cap-x,.btn,.a-gbtn,.tn-burger,.lang-btn){transition:background-color .15s var(--ease-out-quart),color .15s var(--ease-out-quart),border-color .15s var(--ease-out-quart),transform .1s var(--ease-out-quart)}
.is-busy{opacity:.85;cursor:progress}
.is-busy::before{content:"";flex:none;display:inline-block;width:14px;height:14px;margin-inline-end:8px;vertical-align:-2px;border-radius:50%;border:2px solid currentColor;border-inline-end-color:transparent;animation:spin .7s linear infinite}
/* skeletons */
.sk{position:relative;overflow:hidden;background:color-mix(in oklch,var(--foreground) 6%,transparent);border-radius:8px}
.sk::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,color-mix(in oklch,var(--foreground) 7%,transparent),transparent);animation:skShine 1.4s var(--ease-out-quart) infinite}
html[dir="rtl"] .sk::after{animation-direction:reverse}
@keyframes skShine{to{transform:translateX(100%)}}
.sk-row{height:44px;margin:6px 0}.sk-kpi{height:96px;border-radius:var(--radius-lg)}.sk-news{height:92px;margin-bottom:10px;border-radius:var(--radius-lg)}
.sk-card{height:120px;border-radius:var(--radius-lg)}.sk-panel{height:320px;margin-top:16px;border-radius:var(--radius-lg)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* touch and mobile reading sizes */
@media (pointer:coarse){:is(.t-btn,.btn,.chip,.tick,.lang-btn,.ihb,.seg2 button,.tn-burger,.cap-x,.a-link){min-height:44px}.lang-menu button{height:44px}}
@media (max-width:640px){:is(.small,.nitem p,.kpi .s,.hf ul,.cap-note,.note2,.otable td,.pr-feats,.hero-pill){font-size:var(--fs-base)}.hero-pill{border-radius:16px}}
/* reduced motion: keep state changes, drop travel and loops */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .is-busy::before{animation:none}
}

/* ================================================================== accessibility pass (WCAG 2.1 AA) */
.modal-bg{visibility:hidden;transition:opacity .22s var(--ease-out-quart),visibility 0s linear .22s}
.modal-bg.on{visibility:visible;transition:opacity .22s var(--ease-out-quart),visibility 0s}
.skip{position:fixed;top:8px;inset-inline-start:8px;z-index:calc(var(--z-splash) + 1);padding:10px 16px;border-radius:8px;background:var(--primary);color:var(--primary-foreground);
  font:600 14px var(--font-sans);text-decoration:none;transform:translateY(-200%);transition:transform .2s var(--ease-out-quart)}
.skip:focus{transform:none;outline:2px solid var(--ring);outline-offset:2px}
#main:focus{outline:none}
/* coin badges and the brand mark: solid, high-contrast grounds (white text on mid-tone hues failed 4.5:1) */
.coin i{background:hsl(var(--h) 62% 30%);box-shadow:inset 0 0 0 1px hsl(var(--h) 70% 55% / .5)}
.tn-brand i{background:var(--foreground);color:var(--background)}
.box:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
.msg.err{font-weight:500}
.js-theme button.on .th-dot{box-shadow:0 0 0 1.5px var(--primary-foreground),0 0 0 3px var(--primary)}

/* ================================================================== ui-ux-pro-max checklist pass */
/* touch: no 300 ms tap delay, 8 px between adjacent targets */
a,button,input,select,label,[role="button"]{touch-action:manipulation}
.tn-nav,.chips,.hf-soc,.a-row{gap:var(--sp-2)}
/* body copy on platform pages reads at 1.55; inputs stay 16 px on phones so iOS never zooms */
:is(.view:not(#v-dash),.orders,.hf,.modal-bg){line-height:1.55}
@media (max-width:640px){:is(.inp,.a-glass input,.otp input,.cap-v input,.set select,.pick select,input[type=email],input[type=text],input[type=number],input[type=password]){font-size:16px}}
body{min-height:100vh;min-height:100dvh}
.auth-split{height:100vh;height:100dvh}
/* motion carries meaning only: no endless decorative loops */
.hero-glow i:last-child,.hero-art i{animation:none}
/* icons instead of emoji */
.ico-note{display:flex;gap:10px;align-items:flex-start}.ico-note>svg{flex:none;margin-top:4px;color:var(--text-2)}.ico-note.warn>svg{color:#f59e0b}
.panel h3 svg,.btn svg,.t-btn svg,a.btn svg{flex:none}
/* password reveal inside the field */
#cF>div{position:relative}
.reveal{position:absolute;inset-inline-end:6px;bottom:6px;width:32px;height:28px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--text-2);cursor:pointer}
.reveal:hover{color:var(--foreground);background:color-mix(in oklch,var(--foreground) 8%,transparent)}.reveal:focus-visible{outline:2px solid var(--ring)}
#cF input[type=password],#cF input[data-k]{padding-inline-end:44px}
[aria-invalid="true"]{border-color:var(--dn)!important}
/* destructive actions read as destructive */
.btn.danger{color:var(--dn)}.btn.danger:hover{background:color-mix(in oklch,var(--dn) 12%,transparent);color:var(--dn)}

/* ================================================================== theme menu: "Theme Switcher Dropdown" (21st.dev · felipemenezes098) — same shell as the language menu */
.th-dd{position:relative}
.th-btn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 10px 0 8px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--foreground);cursor:pointer}
.th-btn>svg{width:17px;height:17px;color:var(--text-2);transition:transform .4s var(--ease-out-quart),color .2s}
.th-btn:hover{background:color-mix(in oklch,var(--secondary) 50%,transparent)}.th-btn:hover>svg,.th-btn[aria-expanded="true"]>svg{color:var(--foreground);transform:rotate(-25deg)}
.th-btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
.th-menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:var(--z-dropdown);min-width:210px;padding:6px;border-radius:12px;border:1px solid var(--border);
  background:color-mix(in oklch,var(--popover,var(--card)) 96%,transparent);backdrop-filter:blur(12px);box-shadow:0 18px 40px -12px rgb(0 0 0 / .5);display:grid;gap:2px;animation:slideDown .2s var(--ease-out-quart)}
.th-menu[hidden]{display:none}
.th-dd.up .th-menu{top:auto;bottom:calc(100% + 8px);inset-inline-end:auto;inset-inline-start:0}
.th-h{margin:2px 10px 6px;font:500 12px var(--font-sans);color:var(--text-2)}
.th-menu button{display:flex;align-items:center;gap:12px;height:40px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--foreground);font:500 14px var(--font-sans);cursor:pointer;text-align:start}
.th-menu button:hover,.th-menu button:focus-visible{background:color-mix(in oklch,var(--secondary) 60%,transparent);outline:none}
.th-menu button.on::after{content:"";margin-inline-start:auto;width:16px;height:16px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat}
/* swatch: background · text · accent of each theme, overlapping chips */
.sw{display:inline-flex;flex:none}.sw i{width:14px;height:14px;border-radius:50%;border:1.5px solid color-mix(in oklch,var(--foreground) 22%,transparent);margin-inline-start:-5px}.sw i:first-child{margin-inline-start:0}
.sw-saas i:nth-child(1){background:#000}.sw-saas i:nth-child(2){background:#fff}.sw-saas i:nth-child(3){background:#9ca3af}
.sw-midnight i:nth-child(1){background:#020817}.sw-midnight i:nth-child(2){background:#f8fafc}.sw-midnight i:nth-child(3){background:#2a9d90}
.sw-indigo i:nth-child(1){background:#f3f5fb}.sw-indigo i:nth-child(2){background:#010101}.sw-indigo i:nth-child(3){background:#19398d}
.sw-coral i:nth-child(1){background:#000}.sw-coral i:nth-child(2){background:#fff}.sw-coral i:nth-child(3){background:#d6544b}
.th-cur i{width:12px;height:12px}
@media (max-width:640px){.tn-r .th-dd{display:none}}
@media (pointer:coarse){.th-btn{min-height:44px}.th-menu button{height:44px}}

/* ================================================================== sign in: "Neural Access" (21st.dev · shivendra9795kumar) */
.auth-bg.nx{display:block;padding:0;background:var(--background);overflow:hidden}
.nx-defs{position:absolute}
.nx-blobs{position:absolute;inset:0;filter:url(#nxGoo);pointer-events:none}
.nx-blobs i{position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d4d4d8 0%,#a1a1aa 35%,#52525b 70%,#27272a 100%);will-change:transform}
.nx-blobs i:nth-child(1){width:46vmax;height:46vmax;right:-14vmax;top:-10vmax;animation:nxDrift1 26s ease-in-out infinite alternate}
.nx-blobs i:nth-child(2){width:30vmax;height:30vmax;right:6vmax;top:18vmax;animation:nxDrift2 22s ease-in-out infinite alternate}
.nx-blobs i:nth-child(3){width:22vmax;height:22vmax;right:-6vmax;bottom:-8vmax;animation:nxDrift3 30s ease-in-out infinite alternate}
.nx-blobs i:nth-child(4){width:12vmax;height:12vmax;right:30vmax;bottom:6vmax;animation:nxDrift2 18s ease-in-out infinite alternate-reverse}
:root[data-theme="indigo"] .nx-blobs i{background:radial-gradient(circle at 35% 30%,#c7d2fe 0%,#6a8dd8 40%,#19398d 75%,#0b1f52 100%)}
:root[data-theme="coral"] .nx-blobs i{background:radial-gradient(circle at 35% 30%,#ffd9d2 0%,#e98a80 35%,#d6544b 65%,#5a1712 100%)}
:root:not([data-theme]) .nx-blobs i{background:radial-gradient(circle at 35% 30%,#cbd5e1 0%,#64748b 40%,#1e293b 75%,#020817 100%)}
html[dir="rtl"] .nx-blobs{transform:scaleX(-1)}
@keyframes nxDrift1{to{transform:translate(-6vmax,8vmax) scale(1.08)}}
@keyframes nxDrift2{to{transform:translate(-10vmax,-6vmax) scale(.9)}}
@keyframes nxDrift3{to{transform:translate(-14vmax,-10vmax) scale(1.15)}}
.nx-wrap{position:relative;z-index:1;height:100%;overflow-y:auto;display:flex;flex-direction:column;padding:20px clamp(20px,6vw,96px);
  background:linear-gradient(90deg,var(--background) 0%,var(--background) 42%,color-mix(in oklch,var(--background) 0%,transparent) 70%)}
html[dir="rtl"] .nx-wrap{background:linear-gradient(-90deg,var(--background) 0%,var(--background) 42%,color-mix(in oklch,var(--background) 0%,transparent) 70%)}
.nx-top{display:flex;justify-content:space-between;align-items:center;width:min(440px,100%)}
.nx-form{width:min(440px,100%);margin:auto 0;padding:40px 0;display:flex;flex-direction:column}
.nx-kicker{margin:0 0 18px;font:500 11px/1 var(--font-mono);letter-spacing:.24em;color:var(--text-2)}
.nx-title{margin:0;font:800 clamp(44px,6vw,80px)/.95 var(--font-sans);letter-spacing:-.04em;text-transform:uppercase;color:var(--foreground)}
html:is([lang="fa"],[lang="ar"]) .nx-title{text-transform:none;font:900 clamp(38px,5vw,64px)/1.25 Vazirmatn,var(--font-sans)}
.nx-sub{margin:18px 0 34px;color:var(--text-2);font-size:14.5px;line-height:1.75;max-width:40ch}
.nx-lbl{display:block;margin-bottom:6px;font:500 11px var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-2)}
html:is([lang="fa"],[lang="ar"]) .nx-lbl{font:500 13px Vazirmatn,var(--font-sans);letter-spacing:0;text-transform:none}
.nx-input{width:100%;height:52px;padding:0 2px;border:0;border-bottom:1px solid color-mix(in oklch,var(--foreground) 28%,transparent);border-radius:0;background:transparent;
  color:var(--foreground);font:400 18px var(--font-sans);letter-spacing:.02em;outline:none;transition:border-color .2s var(--ease-out-quart)}
.nx-input:focus{border-bottom-color:var(--foreground)}.nx-input::placeholder{color:color-mix(in oklch,var(--foreground) 45%,transparent)}
.nx-btn{width:100%;height:54px;margin-top:30px;border:0;border-radius:999px;background:var(--foreground);color:var(--background);font:700 14px var(--font-sans);letter-spacing:.16em;text-transform:uppercase;
  cursor:pointer;transition:transform .15s var(--ease-out-quart),box-shadow .25s var(--ease-out-quart),opacity .2s}
html:is([lang="fa"],[lang="ar"]) .nx-btn{letter-spacing:0;text-transform:none;font:700 16px Vazirmatn,var(--font-sans)}
.nx-btn:hover{box-shadow:0 0 0 4px color-mix(in oklch,var(--foreground) 14%,transparent),0 12px 30px -10px color-mix(in oklch,var(--foreground) 45%,transparent)}
.nx-btn:active{transform:scale(.98)}.nx-btn:focus-visible{outline:2px solid var(--ring);outline-offset:3px}
.nx-or{display:flex;align-items:center;gap:12px;margin:26px 0 14px;color:var(--text-2);font-size:12.5px}.nx-or::before,.nx-or::after{content:"";flex:1;height:1px;background:color-mix(in oklch,var(--foreground) 14%,transparent)}
.nx-ghost{width:100%;height:50px;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:999px;border:1px solid color-mix(in oklch,var(--foreground) 22%,transparent);
  background:transparent;color:var(--foreground);font:500 15px var(--font-sans);cursor:pointer;transition:background-color .2s var(--ease-out-quart)}
.nx-ghost:hover{background:color-mix(in oklch,var(--foreground) 7%,transparent)}.nx-ghost:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
.nx-otp{justify-content:flex-start;gap:12px;margin:8px 0 0}
.nx-otp input{width:44px;height:56px;border:0;border-bottom:2px solid color-mix(in oklch,var(--foreground) 28%,transparent);border-radius:0;background:transparent;font:600 26px var(--font-mono);box-shadow:none}
.nx-otp input:focus{border-bottom-color:var(--foreground);box-shadow:none}
.nx-row{display:flex;justify-content:space-between;margin-top:14px}
.nx-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:28px;font:500 12px var(--font-sans);color:var(--text-2)}
.nx-secure{font:500 11px var(--font-mono);letter-spacing:.12em;text-transform:uppercase}
html:is([lang="fa"],[lang="ar"]) .nx-secure{font:500 12px Vazirmatn,var(--font-sans);letter-spacing:0;text-transform:none}
.nx-terms{margin:16px 0 0;font-size:11.5px;color:color-mix(in oklch,var(--text-2) 80%,transparent);line-height:1.7}
.nx .msg{margin-top:12px}
@media (max-width:900px){.nx-wrap{background:color-mix(in oklch,var(--background) 82%,transparent)}.nx-blobs{opacity:.55}}
@media (prefers-reduced-motion:reduce){.nx-blobs i{animation:none}}

/* ================================================================== pricing motion + the site's button vocabulary */
.pr-ihb{width:100%;height:48px;margin-top:auto;min-width:0;font-size:14.5px}
.pr-card.pop .pr-ihb{background:var(--pop-fg,#0b0b0d);color:var(--pop-bg,#fff);border-color:transparent}
.pr-card.pop .pr-ihb .ihb-d{background:var(--pop-bg,#fff)}.pr-card.pop .pr-ihb .ihb-h{color:var(--pop-fg,#0b0b0d)}
:root[data-theme="indigo"] .pr-card.pop .pr-ihb{background:#fff;color:#0b0b0d}:root[data-theme="indigo"] .pr-card.pop .pr-ihb .ihb-d{background:#19398d}:root[data-theme="indigo"] .pr-card.pop .pr-ihb .ihb-h{color:#fff}
.pr-ihb[disabled]{opacity:.5;pointer-events:none}
/* entrance: cards rise in sequence when the page opens */
.pr-anim .pr-card{animation:prIn .7s var(--ease-out-expo) both;animation-delay:calc(var(--i,0) * 110ms + 60ms)}
@keyframes prIn{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:none}}
.pr-panel .pr-card{transition:background-color .3s var(--ease-out-quart)}
.pr-panel .pr-card:hover{background:color-mix(in oklch,var(--foreground) 3.5%,transparent)}
.pr-card.pop{transition:transform .35s var(--ease-out-quart),box-shadow .35s var(--ease-out-quart)}
.pr-card.pop:hover{transform:translateY(-4px)}
.pr-num number-flow{font-variant-numeric:tabular-nums}
/* "Border Beam": a light travels around the recommended plan */
@property --beam{syntax:"<angle>";inherits:false;initial-value:0deg}
.pr-card.pop::before{content:"";position:absolute;inset:-1.5px;border-radius:inherit;padding:1.5px;pointer-events:none;
  background:conic-gradient(from var(--beam),transparent 0 72%,color-mix(in oklch,var(--pop-fg,#fff) 15%,transparent) 80%,#60a5fa 88%,#f97316 93%,transparent 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:beam 5s linear infinite}
@keyframes beam{to{--beam:360deg}}
.pr-badge{position:relative;overflow:hidden}
.pr-badge::after{content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(90deg,transparent,rgb(255 255 255 / .55),transparent);animation:badgeShine 3.2s var(--ease-out-quart) infinite 1s}
@keyframes badgeShine{60%,100%{transform:translateX(120%)}}
@media (prefers-reduced-motion:reduce){.pr-anim .pr-card,.pr-card.pop::before,.pr-badge::after{animation:none}}
/* header: brand · nav (centred in the free space) · actions — never overlapping */
.tn{grid-template-columns:auto minmax(0,1fr) auto!important}
.tn-nav{justify-self:center;min-width:0}
@media (max-width:1180px){.tn{grid-template-columns:minmax(0,1fr) auto!important}.tn-nav{display:none!important}.tn-burger{display:grid}}
@media (min-width:1181px){.tn-menu{display:none}}
.nx-input:focus,.nx-input:focus-visible,.nx-otp input:focus-visible{outline:none;box-shadow:0 1px 0 0 var(--foreground)}

.nx-pwlink{align-self:flex-start;margin-top:14px}#aPwBox{margin-top:22px}

/* ============ Orders & performance: 21st "financial markets table" + "stats" + "partition bar" ============ */
.ob{padding:34px 20px 40px}
.ob-eyebrow{display:inline-flex;align-items:center;margin:0 0 8px;font:600 12px var(--font-sans);color:var(--text-2);letter-spacing:.04em}
.ob-eyebrow .ping{margin:0;margin-inline-end:8px}
.ob-seg{display:inline-flex;gap:2px;padding:3px;border-radius:10px;border:1px solid var(--border);background:color-mix(in oklch,var(--foreground) 5%,transparent)}
.ob-seg button{height:30px;padding:0 14px;border:0;border-radius:7px;background:transparent;color:var(--text-2);font:600 12.5px var(--font-sans);cursor:pointer;touch-action:manipulation;
  transition:background-color .2s var(--ease-out-quart),color .2s var(--ease-out-quart),box-shadow .2s var(--ease-out-quart)}
.ob-seg button:hover{color:var(--foreground)}
.ob-seg button[aria-pressed="true"]{background:var(--card);color:var(--foreground);box-shadow:0 1px 2px rgb(0 0 0 / .2),0 0 0 1px var(--border)}
.ob-seg.sm button{height:28px;padding:0 11px;font-size:12px}
/* stats */
.ob-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}
.ob-stat{display:flex;flex-direction:column;min-width:0;padding:16px 18px 14px;background:var(--card)}
.ob-k{font:500 12.5px var(--font-sans);color:var(--text-2)}
.ob-v{display:flex;align-items:center;gap:8px;margin-top:8px;font:700 26px/1.15 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--foreground)}
.ob-v .num{direction:ltr;unicode-bidi:isolate;white-space:nowrap}
.ob-v.p .num{color:var(--up)}.ob-v.n .num{color:var(--dn)}
.ob-d{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;flex:none}
.ob-d.p{color:var(--up);background:color-mix(in oklch,var(--up) 15%,transparent)}.ob-d.n{color:var(--dn);background:color-mix(in oklch,var(--dn) 15%,transparent)}
.ob-s{margin-top:4px;font-size:12px;color:var(--text-2)}
.ob-spark{display:block;width:100%;height:34px;margin-top:auto;padding-top:10px;box-sizing:content-box;overflow:visible}
.ob-spark .l{fill:none;stroke:currentColor;stroke-width:1.75;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.ob-spark .a{fill:currentColor;opacity:.12}
.ob-spark.p{color:var(--up)}.ob-spark.n{color:var(--dn)}.ob-spark.z{color:var(--text-2)}
.ob-meter{height:6px;margin-top:auto;border-radius:99px;background:color-mix(in oklch,var(--foreground) 9%,transparent);overflow:hidden}
.ob-stat:has(.ob-meter) .ob-s{margin-bottom:14px}
.ob-meter i{display:block;height:100%;border-radius:inherit;background:var(--up);transform-origin:left center}
.ob-anim .ob-meter i{animation:obGrow .9s var(--ease-out-expo) both}
[dir="rtl"] .ob-meter i{transform-origin:right center}
@keyframes obGrow{from{transform:scaleX(0)}}
.ob-stats>.ob-sk{height:118px;margin:0;border-radius:0;background:var(--card)}
@media (max-width:900px){.ob-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.ob-stats{grid-template-columns:1fr}}
/* partition bar */
.ob-part{position:relative;margin-top:14px;padding:16px 18px 18px;border:1px solid color-mix(in oklch,var(--foreground) 12%,var(--border));border-radius:var(--radius-lg);overflow:hidden;
  background:radial-gradient(120% 160% at 0% 0%,color-mix(in srgb,#c084fc 11%,transparent),transparent 55%),radial-gradient(120% 160% at 100% 100%,color-mix(in srgb,#22d3ee 9%,transparent),transparent 55%),var(--card)}
.ob-part::before{content:"";position:absolute;inset-inline:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#c084fc,#34d399,#60a5fa,transparent);background-size:200% 100%;animation:obLine 6s linear infinite;opacity:.8}
@keyframes obLine{to{background-position:-200% 0}}
.ob-part-h{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font:650 14px var(--font-sans);color:var(--foreground)}
.ob-part-t{display:inline-flex;align-items:center;gap:8px}.ob-part-t svg{color:#c084fc;filter:drop-shadow(0 0 6px color-mix(in srgb,#c084fc 60%,transparent))}
.ob-part-n{display:inline-flex;align-items:baseline;gap:6px;padding:3px 10px;border-radius:99px;border:1px solid var(--border);background:color-mix(in oklch,var(--foreground) 5%,transparent);color:var(--text-2);font-size:12.5px;font-weight:500}
.ob-part-n b{font:700 13px var(--font-mono);color:var(--foreground)}
.ob-pbar{display:flex;gap:4px;height:16px;padding:3px;border-radius:99px;background:color-mix(in oklch,var(--foreground) 6%,transparent);box-shadow:inset 0 1px 3px rgb(0 0 0 / .45)}
.ob-pbar i{position:relative;display:block;min-width:8px;border-radius:99px;overflow:hidden;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 75%,#fff),var(--c));
  box-shadow:0 0 10px color-mix(in srgb,var(--c) 65%,transparent),0 0 2px var(--c);transform-origin:left center;animation:obGrow .9s cubic-bezier(.2,.8,.2,1) var(--d) both;
  transition:opacity .2s var(--ease-out-quart),filter .2s,box-shadow .2s}
html[dir="rtl"] .ob-pbar i{transform-origin:right center}
.ob-pbar i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .6),transparent);transform:translateX(-120%);animation:obShine 3.4s ease-in-out calc(var(--d) + 1.1s) infinite}
@keyframes obGrow{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
@keyframes obShine{0%{transform:translateX(-120%)}55%,100%{transform:translateX(120%)}}
.ob-part[data-hi] .ob-pbar i:not(.hi){opacity:.22}
.ob-part[data-hi] .ob-pbar i.hi{filter:brightness(1.18);box-shadow:0 0 18px var(--c),0 0 4px var(--c)}
.ob-legend{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:16px 0 0;padding:0}
.ob-legend li{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"dot name count" "pct pct pnl" "bar bar bar";align-items:center;gap:7px 9px;
  padding:11px 13px;border-radius:13px;border:1px solid color-mix(in srgb,var(--c) 30%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--c) 11%,transparent),transparent 72%);
  font-size:12.5px;color:var(--text-2);cursor:default;animation:obIn .5s var(--ease-out-quart,ease) var(--d) both;transition:transform .2s,box-shadow .2s,border-color .2s}
.ob-legend li:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--c) 65%,transparent);box-shadow:0 10px 26px -12px var(--c)}
@keyframes obIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.ob-ldot{grid-area:dot;width:10px;height:10px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c);animation:obPulse 2.4s ease-out infinite}
@keyframes obPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--c) 70%,transparent),0 0 8px var(--c)}70%{box-shadow:0 0 0 8px transparent,0 0 8px var(--c)}100%{box-shadow:0 0 0 0 transparent,0 0 8px var(--c)}}
.ob-lname{grid-area:name;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650;font-size:13px;color:var(--foreground)}
.ob-lcount{grid-area:count;font:700 15px var(--font-mono);color:var(--foreground)}
.ob-lpct{grid-area:pct;justify-self:start;padding:2px 9px;border-radius:99px;background:color-mix(in srgb,var(--c) 18%,transparent);color:color-mix(in srgb,var(--c) 75%,var(--foreground));font:650 11.5px var(--font-mono)}
.ob-lp{grid-area:pnl;justify-self:end;font:700 12.5px var(--font-mono)}.ob-lp.p{color:var(--up)}.ob-lp.n{color:var(--dn)}
.ob-lbar{grid-area:bar;position:relative;display:block;height:3px;border-radius:99px;overflow:hidden;background:color-mix(in oklch,var(--foreground) 9%,transparent)}
.ob-lbar::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:var(--w);border-radius:inherit;background:var(--c);box-shadow:0 0 8px var(--c);transform-origin:left center;animation:obGrow .9s ease calc(var(--d) + .25s) both}
html[dir="rtl"] .ob-lbar::before{transform-origin:right center}
html:is([lang="fa"],[lang="ar"]) :is(.ob-part-t,.ob-part-n,.ob-lname){font-family:Vazirmatn,var(--font-sans)}
/* orders and performance, simplified (21st.dev "features-4" look): flat cards, icon tiles, one meta line;
   colours come from the active theme's own chart palette, so all four themes stay in sync. --ob1..4 colour the four stat cards,
   --ob1..6 the markets. Midnight's chart-3 is a dark slate and its chart-2 equals the tint, so those slots borrow the site's blue / violet / pink. */
:root{--ob1:var(--chart-1,#60a5fa);--ob2:var(--chart-2,#34d399);--ob3:var(--chart-3,#a78bfa);--ob4:var(--chart-4,#fbbf24);--ob5:var(--chart-5,#f472b6);
  --ob6:color-mix(in oklch,var(--chart-1,#60a5fa),var(--chart-4,#fbbf24))}
:root:not([data-theme]),:root[data-theme="midnight"]{--ob3:#3ca2fa;--ob5:#a78bfa;--ob6:#f472b6}
.ob-eyebrow{gap:0;padding:5px 12px;border-radius:99px;background:color-mix(in oklch,var(--foreground) 8%,transparent);color:var(--foreground);font-weight:600;letter-spacing:0}
.ob-seg{gap:2px;padding:4px;border:0;border-radius:12px;background:color-mix(in oklch,var(--foreground) 8%,transparent)}
.ob-seg button{border-radius:9px;font-weight:600}
.ob-seg button[aria-pressed="true"]{background:var(--background);color:var(--foreground);box-shadow:0 1px 2px rgb(0 0 0 / .25)}
.ob-stats{gap:14px;background:none;border:0;border-radius:0;overflow:visible}
.ob-stat{padding:20px 20px 18px;border:1px solid var(--border);border-radius:16px;background:color-mix(in oklch,var(--foreground) 3%,var(--card));transition:border-color .2s}
.ob-stat:hover{border-color:color-mix(in oklch,var(--foreground) 18%,transparent)}
.ob-ic{display:grid;place-items:center;width:40px;height:40px;margin-bottom:14px;border-radius:11px;background:color-mix(in srgb,var(--c) 15%,transparent);color:var(--c)}
.ob-ic svg{width:19px;height:19px}
.ob-k{font:600 14.5px var(--font-sans);color:var(--foreground)}
html:is([lang="fa"],[lang="ar"]) .ob-k{font-family:Vazirmatn,var(--font-sans);font-weight:700}
.ob-v{margin-top:6px;font-size:24px}
.ob-s{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:12.5px}
.ob-s svg{width:14px;height:14px;flex:none;opacity:.75}
.ob-stats>.ob-sk{border-radius:16px}
.ob-part{margin-top:14px;padding:20px;border:1px solid var(--border);border-radius:16px;background:color-mix(in oklch,var(--foreground) 3%,var(--card))}
.ob-part::before{display:none}
.ob-part-t svg{color:var(--ob1);filter:none}
.ob-pbar{gap:3px;height:10px;padding:0;background:none;box-shadow:none}
.ob-pbar i{background:var(--c);box-shadow:none}
.ob-pbar i::after{display:none}
.ob-part[data-hi] .ob-pbar i.hi{filter:brightness(1.12);box-shadow:none}
.ob-legend li{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"dot dot" "name count" "pct pnl";gap:10px;padding:16px;border-radius:14px;
  border:1px solid var(--border);background:color-mix(in oklch,var(--foreground) 3%,var(--card))}
.ob-legend li:hover{transform:none;border-color:color-mix(in oklch,var(--foreground) 22%,transparent);box-shadow:none}
.ob-ldot{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--c) 15%,transparent);box-shadow:none;animation:none}
.ob-ldot::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--c)}
.ob-lname{font-size:14px;font-weight:600}
.ob-lpct{background:color-mix(in oklch,var(--foreground) 8%,transparent);color:var(--text-2)}
.ob-lbar{display:none}
@media (prefers-reduced-motion:reduce){.ob-part::before,.ob-pbar i,.ob-pbar i::after,.ob-legend li,.ob-ldot,.ob-lbar::before{animation:none}}
/* table card */
.ob-card{margin-top:14px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);overflow:hidden}
.ob-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border-bottom:1px solid var(--border)}
.ob-tabs{display:flex;gap:2px;min-width:0;max-width:100%;overflow-x:auto;scrollbar-width:none}
.ob-tabs::-webkit-scrollbar{display:none}
.ob-tab{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 11px;border:0;border-radius:8px;background:transparent;color:var(--text-2);font:600 12.5px var(--font-sans);white-space:nowrap;cursor:pointer;touch-action:manipulation;
  transition:background-color .15s var(--ease-out-quart),color .15s var(--ease-out-quart)}
.ob-tab:hover{color:var(--foreground);background:color-mix(in oklch,var(--foreground) 5%,transparent)}
.ob-tab[aria-pressed="true"]{color:var(--foreground);background:color-mix(in oklch,var(--foreground) 10%,transparent)}
.ob-tab>i{width:7px;height:7px;border-radius:50%;background:var(--c);flex:none}
.ob-tab small{font:600 11px var(--font-mono);color:var(--text-2)}
.ob-scroll{position:relative;border:0;border-radius:0;background:transparent}
.ob-table th{background:color-mix(in oklch,var(--foreground) 3%,var(--card));padding:10px 14px;font:600 11px var(--font-sans);letter-spacing:.05em;text-transform:uppercase;color:var(--text-2)}
.ob-table td{padding:12px 14px}
.ob-table .ob-c0{width:1%;padding-inline-end:0}
.ob-row{cursor:pointer}
.ob-anim .ob-row{animation:obIn .45s var(--ease-out-quart) both;animation-delay:calc(min(var(--i),20) * 22ms)}
@keyframes obIn{from{opacity:0;transform:translateY(6px)}}
.ob-table tr.ob-row:hover td,.ob-table tr.ob-row.ob-open td{background:color-mix(in oklch,var(--foreground) 4%,transparent)}
.ob-table tr.ob-row.ob-open td{border-bottom-color:transparent}
.ob-chev{display:grid;place-items:center;width:26px;height:26px;border:0;border-radius:7px;background:transparent;color:var(--text-2);cursor:pointer;touch-action:manipulation}
.ob-chev:hover{color:var(--foreground);background:color-mix(in oklch,var(--foreground) 8%,transparent)}
.ob-chev svg{transition:transform .25s var(--ease-out-quart)}
.ob-chev[aria-expanded="true"] svg{transform:rotate(90deg)}
[dir="rtl"] .ob-chev svg{transform:scaleX(-1)}[dir="rtl"] .ob-chev[aria-expanded="true"] svg{transform:scaleX(-1) rotate(90deg)}
.ob-asset{display:flex;align-items:center;gap:10px}
.ob-pnl{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:7px;font:700 12.5px var(--font-mono);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
.ob-pnl.p{color:var(--up);background:color-mix(in oklch,var(--up) 13%,transparent)}
.ob-pnl.n{color:var(--dn);background:color-mix(in oklch,var(--dn) 13%,transparent)}
.ob-pnl.z{color:var(--text-2);background:color-mix(in oklch,var(--foreground) 6%,transparent)}
.ob-pct{display:block;margin-top:4px;font:600 11px var(--font-mono);color:var(--text-2);direction:ltr;unicode-bidi:isolate}
.ob-st{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--text-2)}
.ob-st i{position:relative;width:7px;height:7px;border-radius:50%;background:var(--text-2);flex:none}
.ob-st.p i{background:var(--up)}.ob-st.n i{background:var(--dn)}
.ob-st.run{color:var(--up)}.ob-st.run i{background:var(--up)}
.ob-st.run i::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--up);animation:obPing 1.6s var(--ease-out-quart) infinite}
@keyframes obPing{to{transform:scale(2.8);opacity:0}}
.ob-xrow td{padding:0 14px 16px;white-space:normal;background:color-mix(in oklch,var(--foreground) 4%,transparent)}
.ob-x{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px 20px;margin:0;padding:4px 0 0;padding-inline-start:40px;animation:obX .3s var(--ease-out-quart)}
.ob-x dt{font-size:11.5px;color:var(--text-2)}
.ob-x dd{margin:4px 0 0;font:600 13px var(--font-sans);color:var(--foreground)}
@keyframes obX{from{opacity:0;transform:translateY(-4px)}}
.ob-empty{display:grid;justify-items:center;gap:10px;padding:46px 16px;color:var(--text-2);text-align:center;white-space:normal}
.ob-empty svg{opacity:.55}.ob-empty p{margin:0;max-width:44ch}
.ob-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;border-top:1px solid var(--border);font-size:12.5px;color:var(--text-2)}
.ob-pg{display:flex;align-items:center;gap:6px}
.ob-pb{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--foreground);font:600 12.5px var(--font-sans);cursor:pointer;touch-action:manipulation;
  transition:background-color .15s var(--ease-out-quart),transform .1s var(--ease-out-quart)}
.ob-pb:hover:not(:disabled){background:color-mix(in oklch,var(--foreground) 6%,var(--card))}
.ob-pb:active:not(:disabled){transform:scale(.97)}
.ob-pb:disabled{opacity:.45;cursor:not-allowed}
.ob-pn{min-width:56px;text-align:center;font:600 12.5px var(--font-mono);color:var(--foreground)}
[dir="rtl"] .ob-pb svg{transform:scaleX(-1)}
#ordersBox[aria-busy="true"] .ob-table tbody{opacity:.55;transition:opacity .2s}
html:is([lang="fa"],[lang="ar"]) :is(.ob-eyebrow,.ob-seg button,.ob-k,.ob-part-h,.ob-tab,.ob-table th,.ob-x dd,.ob-pb){font-family:Vazirmatn,var(--font-sans);letter-spacing:0;text-transform:none}
html:is([lang="fa"],[lang="ar"]) .ob-table th{font-size:12px}
@media (max-width:640px){.ob-bar{flex-direction:column;align-items:stretch}.ob-seg.sm{align-self:flex-start}.ob-x{padding-inline-start:0}.ob-foot{justify-content:center}}
@media (prefers-reduced-motion:reduce){.ob-anim .ob-row,.ob-x,.ob-anim .ob-meter i{animation:none}.ob-st.run i::after{animation:none}}

/* orders table as cards on phones (overrides the older .otable card grid, which assumed the previous column order) */
.ob-x .ob-mo{display:none}
@media (max-width:640px){
  .ob-table tr.ob-row{grid-template-columns:minmax(0,1fr) auto auto auto;gap:8px 10px}
  .ob-table tr.ob-row td{padding:0}
  .ob-table tr.ob-row td:nth-child(2){grid-column:1;grid-row:1;min-width:0}
  .ob-table tr.ob-row td:nth-child(3){grid-column:2;grid-row:1}
  .ob-table tr.ob-row td:nth-child(8){grid-column:1;grid-row:2;min-width:0}
  .ob-table tr.ob-row td:nth-child(6){grid-column:3;grid-row:1 / span 2;text-align:end}
  .ob-table tr.ob-row td:nth-child(1){grid-column:4;grid-row:1 / span 2;width:auto;padding:0}
  .ob-table tr.ob-row.ob-open{border-bottom:0;background:color-mix(in oklch,var(--foreground) 4%,transparent)}
  .ob-table tr.ob-row.ob-open td,.ob-table tr.ob-row:hover td{background:none}
  .ob-table tbody tr:not(.ob-row){display:block}
  .ob-table tr.ob-xrow{padding:0 14px 14px;border-bottom:1px solid color-mix(in oklch,var(--border) 70%,transparent);background:color-mix(in oklch,var(--foreground) 4%,transparent)}
  .ob-table tr.ob-xrow td{display:block;padding:4px 0 0;background:none}
  .ob-table tbody tr[hidden]{display:none}
  .ob-x{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}
  .ob-x .ob-mo{display:block}
  .ob-asset{flex-wrap:wrap;gap:6px 10px}
}

/* ============ signal picker: 21st "Animated Check Box" (ring labs NeonCheckbox) on asset tiles ============ */
.sp-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;margin:22px 0 16px}
.sp-head h3{margin:0}.sp-head p{margin:4px 0 0}
.sp-count{display:grid;gap:8px;min-width:220px;justify-items:end;font:600 13px var(--font-sans);color:var(--foreground)}
html:is([lang="fa"],[lang="ar"]) .sp-count{font-family:Vazirmatn,var(--font-sans)}
.sp-bar{width:100%;height:6px;border-radius:99px;background:color-mix(in oklch,var(--foreground) 9%,transparent);overflow:hidden}
.sp-bar i{display:block;height:100%;border-radius:inherit;background:var(--nc);box-shadow:0 0 10px var(--nc);transform-origin:left center;transform:scaleX(0);transition:transform .5s var(--ease-out-expo)}
[dir="rtl"] .sp-bar i{transform-origin:right center}
.sp-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:22px 26px}
.sp-gh{display:flex;align-items:center;gap:10px;padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid color-mix(in oklch,var(--border) 70%,transparent)}
.sp-gc{font:600 12px var(--font-mono);color:var(--text-2)}
.sp-ga{display:flex;gap:2px;margin-inline-start:auto}
.sp-lnk{height:28px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:var(--text-2);font:600 12px var(--font-sans);cursor:pointer;touch-action:manipulation;transition:background-color .15s,color .15s}
html:is([lang="fa"],[lang="ar"]) .sp-lnk{font-family:Vazirmatn,var(--font-sans)}
.sp-lnk:hover{color:var(--foreground);background:color-mix(in oklch,var(--foreground) 7%,transparent)}
.sp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}
:root{--nc:#00ffaa;--nc-d:#00cc88}
:root[data-theme="indigo"]{--nc:#0b8f68;--nc-d:#6b7f9e}
.nc-tile{position:relative;display:flex;align-items:center;gap:10px;min-height:50px;padding:8px 12px;border:1px solid var(--border);border-radius:12px;background:color-mix(in oklch,var(--foreground) 2%,var(--card));cursor:pointer;touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;transition:border-color .3s var(--ease-out-quart),background-color .3s var(--ease-out-quart),transform .1s var(--ease-out-quart)}
.nc-tile:hover{border-color:color-mix(in oklch,var(--foreground) 24%,transparent)}
.nc-tile:active{transform:scale(.98)}
.nc-tile:has(input:checked){border-color:color-mix(in srgb,var(--nc) 55%,transparent);background:color-mix(in srgb,var(--nc) 7%,var(--card))}
.nc-tile:has(input:focus-visible){outline:2px solid var(--nc);outline-offset:2px}
.nc-tile>input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.nc-t{min-width:0}.nc-t b{display:block;font:700 13px/1.3 var(--font-sans);color:var(--foreground)}
.nc-t small{display:block;margin-top:1px;overflow:hidden;font-size:11px;line-height:1.3;color:var(--text-2);white-space:nowrap;text-overflow:ellipsis}
.nc{position:relative;flex:none;width:22px;height:22px}
.nc-box{position:absolute;inset:0;border:2px solid var(--nc-d);border-radius:5px;background:rgb(0 0 0 / .5);transition:border-color .4s,background-color .4s}
:root[data-theme="indigo"] .nc-box{background:#fff}
.nc-box svg{position:absolute;top:10%;left:10%;width:80%;height:80%;fill:none;stroke:var(--nc);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;
  transform-origin:center;transition:stroke-dashoffset .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1)}
.nc-glow{position:absolute;inset:-2px;border-radius:6px;background:var(--nc);filter:blur(8px);opacity:0;transition:opacity .4s;pointer-events:none}
.nc-brd{position:absolute;inset:0;overflow:hidden;border-radius:3px}
.nc-brd i{position:absolute;background:var(--nc);opacity:0;transition:opacity .4s}
.nc-brd i:nth-child(1){top:0;left:-100%;width:40px;height:1px;animation:ncB1 2s linear infinite}
.nc-brd i:nth-child(2){top:-100%;right:0;width:1px;height:40px;animation:ncB2 2s linear infinite}
.nc-brd i:nth-child(3){bottom:0;right:-100%;width:40px;height:1px;animation:ncB3 2s linear infinite}
.nc-brd i:nth-child(4){bottom:-100%;left:0;width:1px;height:40px;animation:ncB4 2s linear infinite}
@keyframes ncB1{to{transform:translateX(200%)}}@keyframes ncB2{to{transform:translateY(200%)}}@keyframes ncB3{to{transform:translateX(-200%)}}@keyframes ncB4{to{transform:translateY(-200%)}}
input:checked+.nc .nc-box{border-color:var(--nc);background:color-mix(in srgb,var(--nc) 10%,transparent)}
input:checked+.nc svg{stroke-dashoffset:0;transform:scale(1.1)}
input:checked+.nc .nc-glow{opacity:.22}
input:checked+.nc .nc-brd i{opacity:1}
.nc-fx{position:absolute;inset:0;pointer-events:none}
.nc-p i{position:absolute;top:50%;left:50%;width:4px;height:4px;border-radius:50%;background:var(--nc);box-shadow:0 0 6px var(--nc);opacity:0}
.nc-r{position:absolute;inset:-14px}
.nc-r i{position:absolute;inset:0;border:1px solid var(--nc);border-radius:50%;opacity:0;transform:scale(0)}
.nc-s i{position:absolute;top:50%;left:50%;width:18px;height:1px;background:linear-gradient(90deg,var(--nc),transparent);transform-origin:0 50%;opacity:0}
.pop .nc-p i{animation:ncBurst .6s ease-out forwards}
.pop .nc-r i{animation:ncRing .6s ease-out forwards}.pop .nc-r i:nth-child(2){animation-delay:.1s}.pop .nc-r i:nth-child(3){animation-delay:.2s}
.pop .nc-s i{animation:ncSpark .6s ease-out forwards}
@keyframes ncBurst{0%{transform:translate(-50%,-50%) scale(1);opacity:0}20%{opacity:1}100%{transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(0);opacity:0}}
@keyframes ncRing{0%{transform:scale(0);opacity:1}100%{transform:scale(2);opacity:0}}
@keyframes ncSpark{0%{transform:rotate(var(--r)) translateX(0) scale(1);opacity:1}100%{transform:rotate(var(--r)) translateX(26px) scale(0);opacity:0}}
[dir="rtl"] .nc-t small{direction:ltr;text-align:right}   /* Latin asset names: cut at the end, not the start */
@media (max-width:640px){.sp-count{min-width:0;width:100%;justify-items:start}.sp-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}}
@media (prefers-reduced-motion:reduce){.nc-brd i,.pop .nc-p i,.pop .nc-r i,.pop .nc-s i{animation:none}.nc-box svg{transition:none}}

/* ============ discount codes (payment) + invite friends (account) ============ */
.pay-sum{display:grid;gap:6px;margin-bottom:12px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:color-mix(in oklch,var(--foreground) 3%,transparent)}
.pay-sum>div{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;color:var(--text-2)}
.pay-sum b{font-weight:700;color:var(--foreground)}
.pay-sum .ok,.pay-sum .ok b{color:var(--up)}
.pay-sum .tot{padding-top:8px;border-top:1px dashed var(--border);font-size:14.5px;color:var(--foreground)}
.pay-sum code{padding:1px 6px;border-radius:5px;background:color-mix(in srgb,var(--up) 14%,transparent);font:600 11.5px var(--font-mono)}
.pay-cpn{margin-bottom:12px}
.cpn-f{display:flex;gap:8px;margin-top:8px}.cpn-f .inp{flex:1;min-width:0;text-transform:uppercase}
.cpn-chip{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 4px 0 12px;border:1px solid color-mix(in srgb,var(--up) 45%,transparent);border-radius:99px;
  background:color-mix(in srgb,var(--up) 10%,transparent);color:var(--up);font-size:12.5px;font-weight:600}
.cpn-chip code{font:700 12px var(--font-mono)}
.cpn-x{display:grid;place-items:center;width:24px;height:24px;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}
.cpn-x:hover{background:color-mix(in srgb,var(--up) 18%,transparent)}
#aRefBox{margin-top:12px}#aRefIn{margin-top:4px}
.nx-refnote{margin:8px 0 0;font-size:12.5px;line-height:1.7;color:var(--up)}
.ref-card h3{display:flex;align-items:center;gap:8px;margin:0}
.ref-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:10px;margin-top:14px}
.ref-box{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:color-mix(in oklch,var(--foreground) 3%,transparent)}
.ref-box .k{width:100%;font-size:12px;color:var(--text-2)}
.ref-box b{flex:1;font:700 20px var(--font-mono);letter-spacing:.12em}
.ref-box code{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:600 12.5px var(--font-mono);color:var(--foreground)}
.ref-rule{margin:14px 0 0;font-size:13.5px;line-height:1.8;color:var(--foreground)}
.ref-stats{display:grid;grid-template-columns:repeat(var(--rc,3),minmax(0,1fr));gap:1px;margin-top:12px;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--border)}
.ref-stats div{display:grid;gap:4px;padding:12px 14px;background:var(--card)}
.ref-stats span{font-size:12px;color:var(--text-2)}.ref-stats b{font:700 18px var(--font-mono);color:var(--foreground)}
.ref-fr{margin-top:12px}.ref-fr summary{cursor:pointer;font-size:13px;font-weight:600}
.ref-fr ul{list-style:none;display:grid;gap:6px;margin:8px 0 0;padding:0}
.ref-fr li{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:8px;background:color-mix(in oklch,var(--foreground) 3%,transparent);font-size:12.5px}
html:is([lang="fa"],[lang="ar"]) :is(.pay-sum,.ref-card,.cpn-chip){font-family:Vazirmatn,var(--font-sans)}
@media (max-width:640px){.ref-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-stats div:last-child:nth-child(odd){grid-column:1/-1}.ref-grid{grid-template-columns:1fr}.cpn-f .inp{font-size:16px}}

/* ============ news: featured story + card grid + market mood ============ */
#nFilt{margin-inline-start:auto}
#nFilt .ob-seg button{display:inline-flex;align-items:center;gap:6px}
#nFilt .ob-seg small{font:600 11px var(--font-mono);color:var(--text-2)}
#nAssets{display:flex;flex-wrap:wrap;gap:6px}
.nw-chip{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px 0 6px;border:1px solid var(--border);border-radius:99px;background:var(--card);color:var(--text-2);
  font:600 12.5px var(--font-sans);cursor:pointer;touch-action:manipulation;transition:background-color .15s,color .15s,border-color .15s}
.nw-chip:first-child{padding-inline-start:12px}
.nw-chip i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:hsl(var(--h) 62% 30%);color:#fff;font:800 10px var(--font-sans);font-style:normal}
.nw-chip:hover{color:var(--foreground)}
.nw-chip[aria-pressed="true"]{border-color:color-mix(in oklch,var(--foreground) 35%,transparent);background:color-mix(in oklch,var(--foreground) 9%,var(--card));color:var(--foreground)}
.nw-mood{margin:14px 0;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card)}
.nw-mood-h{display:flex;justify-content:space-between;gap:10px;font-size:13px;font-weight:600;color:var(--text-2)}
.nw-mood-h b{display:inline-flex;align-items:center;gap:5px;color:var(--text-2)}.nw-mood-h b.ok{color:var(--up)}.nw-mood-h b.bad{color:var(--dn)}
.nw-mood-bar{display:flex;gap:3px;height:10px;margin:10px 0 8px}
.nw-mood-bar i{display:block;min-width:4px;border-radius:3px}
.nw-mood-bar .p{background:var(--up)}.nw-mood-bar .n{background:var(--dn)}.nw-mood-bar .z{background:color-mix(in oklch,var(--foreground) 18%,transparent)}
.nw-mood .small{margin:0}
.nlist{display:block}
.nw-feat,.nw-card{display:flex;color:inherit;text-decoration:none;border:1px solid var(--border);border-radius:16px;background:var(--card);overflow:hidden;
  transition:border-color .2s var(--ease-out-quart),transform .2s var(--ease-out-quart),box-shadow .2s var(--ease-out-quart)}
.nw-feat:hover,.nw-card:hover{border-color:color-mix(in oklch,var(--foreground) 28%,var(--border));transform:translateY(-2px);box-shadow:0 14px 30px -18px rgb(0 0 0 / .55)}
.nw-feat:focus-visible,.nw-card:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
.nw-feat{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);margin-bottom:14px}
.nw-media{position:relative;min-height:150px;overflow:hidden;background:radial-gradient(120% 90% at 20% 10%,color-mix(in srgb,var(--c) 55%,transparent),transparent 60%),
  linear-gradient(135deg,color-mix(in srgb,var(--c) 30%,var(--card)),var(--card))}
.nw-media.big{min-height:260px}
.nw-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;transition:transform .5s var(--ease-out-quart)}
.nw-feat:hover .nw-media img,.nw-card:hover .nw-media img{transform:scale(1.04)}
.nw-ph{position:absolute;inset:auto 16px 12px auto;font:800 42px/1 var(--font-sans);letter-spacing:-.02em;color:color-mix(in srgb,var(--c) 70%,#fff);opacity:.55}
[dir="rtl"] .nw-ph{inset:auto auto 12px 16px}
.nw-txt{display:flex;flex-direction:column;gap:8px;min-width:0;padding:16px 18px}
.nw-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.nw-sent{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:99px;font-size:11.5px;font-weight:700;
  color:var(--text-2);background:color-mix(in oklch,var(--foreground) 7%,transparent)}
.nw-sent.p{color:var(--up);background:color-mix(in srgb,var(--up) 14%,transparent)}.nw-sent.n{color:var(--dn);background:color-mix(in srgb,var(--dn) 14%,transparent)}
.nw-sent b{font:700 11px var(--font-mono);direction:ltr;unicode-bidi:isolate}
.nw-txt h4{margin:0;font:700 16px/1.6 var(--font-sans);color:var(--foreground);overflow-wrap:anywhere}
.nw-feat .nw-txt h4{font-size:20px;line-height:1.5}
.nw-txt h4[lang="fa"],.nw-txt p[lang="fa"]{font-family:Vazirmatn,var(--font-sans);direction:rtl;text-align:right}
.nw-txt h4[lang="en"],.nw-txt p[lang="en"]{direction:ltr;text-align:left}
.nw-tr{margin:0;font-size:13px;line-height:1.8;color:var(--text-2)}
.nw-sum{margin:0;font-size:13px;line-height:1.85;color:var(--text-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nw-feat .nw-sum{-webkit-line-clamp:4}
.nw-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.nw-meta{display:inline-flex;align-items:center;gap:10px;font-size:11.5px;color:var(--text-2)}
.nw-src{display:inline-flex;align-items:center;gap:6px}
.nw-src i{display:grid;place-items:center;width:18px;height:18px;border-radius:5px;background:color-mix(in oklch,var(--foreground) 10%,transparent);color:var(--foreground);font:800 10px var(--font-sans);font-style:normal}
.nw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px}
.nw-card{flex-direction:column}
.nw-card .nw-media{min-height:140px;height:140px;flex:none}
.nw-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:8px;border-top:1px solid color-mix(in oklch,var(--border) 70%,transparent)}
.nw-card .nw-txt{flex:1}
.nw-sk-feat{height:260px;margin-bottom:14px;border-radius:16px}
.nw-grid .sk-news{height:220px;margin:0;border-radius:16px}
html:is([lang="fa"],[lang="ar"]) :is(.nw-mood,.nw-chip,.nw-sent,.nw-meta,.nw-tr){font-family:Vazirmatn,var(--font-sans)}
@media (max-width:760px){.nw-feat{grid-template-columns:1fr}.nw-media.big{min-height:180px}.nw-feat .nw-txt h4{font-size:17px}#nFilt{margin-inline-start:0}}
@media (prefers-reduced-motion:reduce){.nw-feat,.nw-card,.nw-media img{transition:none}.nw-feat:hover,.nw-card:hover{transform:none}}
.nw-more{display:flex;justify-content:center;margin-top:16px}
.nw-feat .nw-media.big:not(:has(img)){min-height:200px}
@media (max-width:760px){.nw-feat .nw-media.big:not(:has(img)){min-height:96px}}

/* ============ rules and policies ============ */
.lg-tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:18px;padding:4px;border:1px solid var(--border);border-radius:12px;background:color-mix(in oklch,var(--foreground) 3%,transparent);width:max-content;max-width:100%}
.lg-tabs a{padding:8px 14px;border-radius:9px;color:var(--text-2);font-size:13.5px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background-color .15s,color .15s}
.lg-tabs a:hover{color:var(--foreground)}
.lg-tabs a[aria-selected="true"]{background:var(--card);color:var(--foreground);box-shadow:0 1px 2px rgb(0 0 0 / .2),0 0 0 1px var(--border)}
.lg-wrap{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:28px;align-items:start}
.lg-doc{padding:28px 30px;border:1px solid var(--border);border-radius:16px;background:var(--card)}
.lg-doc header h3{margin:0;font-size:24px}
.lg-date{margin:6px 0 0;font-size:12.5px;color:var(--text-2)}
.lg-sum{display:grid;gap:8px;margin:20px 0 4px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--up) 35%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--up) 6%,transparent)}
.lg-sum>b{font-size:13px;color:var(--up)}
.lg-sum div{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.8}.lg-sum svg{flex:none;margin-top:5px;color:var(--up)}
.lg-intro{margin:20px 0 6px;font-size:15px;line-height:2;color:var(--foreground)}
.lg-sec{padding:18px 0;border-top:1px solid color-mix(in oklch,var(--border) 70%,transparent);scroll-margin-top:90px}
.lg-sec:first-of-type{border-top:0}
.lg-sec h4{display:flex;align-items:baseline;gap:10px;margin:0 0 8px;font-size:16px}
.lg-n{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 6px;border-radius:8px;background:color-mix(in oklch,var(--foreground) 8%,transparent);font-size:12.5px}
.lg-sec p{margin:0;font-size:14px;line-height:2.05;color:var(--text-2)}
.lg-toc{position:sticky;top:90px;display:grid;gap:2px;max-height:calc(100vh - 120px);overflow:auto;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--card)}
.lg-toc b{margin-bottom:6px;font-size:12.5px;color:var(--text-2)}
.lg-toc a{display:flex;gap:8px;padding:6px 8px;border-radius:7px;color:var(--text-2);font-size:12.5px;line-height:1.6;text-decoration:none}
.lg-toc a:hover{background:color-mix(in oklch,var(--foreground) 6%,transparent);color:var(--foreground)}
.lg-toc a .num{flex:none;min-width:18px;opacity:.7}
html:is([lang="fa"],[lang="ar"]) :is(.lg-tabs,.lg-doc,.lg-toc){font-family:Vazirmatn,var(--font-sans)}
@media (max-width:960px){.lg-wrap{grid-template-columns:1fr}.lg-toc{display:none}.lg-doc{padding:20px 18px}}
@media print{.topnav,.hf,#lgPrint,.lg-toc,.lg-tabs,.skip,#splash,.toast{display:none!important}.lg-wrap{display:block}.lg-doc{border:0;padding:0}body{background:#fff!important}
  .lg-doc,.lg-sec p,.lg-intro,.lg-date{color:#000!important}.view:not(#v-terms){display:none!important}}
/* sign-up acceptance */
.nx-check{display:flex;align-items:flex-start;gap:10px;margin:16px 0 0;font-size:12.5px;line-height:1.9;color:var(--text-2);cursor:pointer}
.nx-check input{flex:none;width:18px;height:18px;margin-top:3px;accent-color:#8b7cf6;cursor:pointer}
.nx-check a,.nx-terms a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.nx-check a:hover,.nx-terms a:hover{color:var(--foreground)}
/* ============ connectors ============ */
.cn-trust{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--up) 40%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--up) 7%,var(--card))}
.cn-trust>svg{flex:none;color:var(--up)}.cn-trust b{display:block;font-size:15px}.cn-trust p{margin:4px 0 6px;font-size:13.5px;line-height:1.9;color:var(--text-2)}
.cn-trust a{font-size:13px;font-weight:600;color:var(--up)}
.cn-tok{margin-top:16px}.cn-tok h3{margin:0}
.cn-new{display:flex;gap:8px;margin-top:12px}.cn-new .inp{flex:1;min-width:0}
.cn-once{margin-top:12px;padding:14px;border:1px solid color-mix(in srgb,#f59e0b 50%,var(--border));border-radius:12px;background:color-mix(in srgb,#f59e0b 8%,transparent)}
.cn-once b{display:block;font-size:13px;color:#f59e0b}
.cn-code{display:flex;align-items:center;gap:8px;margin-top:8px}.cn-code code{flex:1;min-width:0;padding:8px 10px;border-radius:8px;background:var(--card);font:600 12.5px var(--font-mono);word-break:break-all}
.cn-list{display:grid;gap:8px;margin-top:12px}
.cn-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:10px}
.cn-item b{display:block;font-size:13.5px}.cn-item small{font:600 11.5px var(--font-mono);color:var(--text-2)}
.cn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.cn-grid>.panel+.panel{margin-top:0}
.cn-card{display:flex;flex-direction:column;gap:14px}
.cn-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.cn-h h3{margin:0}
.cn-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.cn-free{flex:none;color:var(--up);border-color:color-mix(in srgb,var(--up) 45%,transparent);background:color-mix(in srgb,var(--up) 10%,transparent)}
.cn-dl{display:flex;flex-wrap:wrap;gap:8px}
.cn-dl .btn{display:inline-flex;align-items:center;gap:8px;height:auto;min-height:44px;padding:8px 14px;text-decoration:none}
.cn-dl .btn small{font:600 11px var(--font-mono);opacity:.75}
.cn-steps{list-style:none;display:grid;gap:10px;margin:0;padding:0}
.cn-steps li{display:flex;gap:12px;align-items:flex-start}
.cn-n{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:color-mix(in oklch,var(--foreground) 9%,transparent);font-size:12.5px;font-weight:700}
.cn-steps p{margin:2px 0 0;font-size:13.5px;line-height:1.9;color:var(--text-2);overflow-wrap:anywhere}
.cn-faq{margin-top:16px}.cn-faq h3{margin:0 0 8px}
.cn-faq details{padding:12px 0;border-top:1px solid color-mix(in oklch,var(--border) 70%,transparent)}
.cn-faq summary{cursor:pointer;font-size:14px;font-weight:600}.cn-faq p{margin:8px 0 0;font-size:13.5px;line-height:1.9;color:var(--text-2)}
html:is([lang="fa"],[lang="ar"]) :is(.cn-trust,.cn-tok,.cn-card,.cn-faq){font-family:Vazirmatn,var(--font-sans)}
/* connect: two separate ways, the member picks one */
.cn-q{margin:0 0 10px;font:650 16px var(--font-sans)}
.cn-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cn-mode{display:flex;align-items:flex-start;gap:14px;padding:18px;text-align:start;color:inherit;font:inherit;cursor:pointer;border:1px solid var(--border);border-radius:16px;background:var(--card);transition:border-color .15s,box-shadow .15s,transform .15s}
.cn-mode:hover{border-color:color-mix(in oklch,var(--foreground) 30%,var(--border))}
.cn-mode:focus-visible{outline:2px solid var(--up);outline-offset:2px}
.cn-mode.on{border-color:var(--up);box-shadow:0 0 0 1px var(--up),0 10px 30px -18px var(--up)}
.cn-mode-ic{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:12px;background:color-mix(in oklch,var(--foreground) 7%,transparent)}
.cn-mode.on .cn-mode-ic{color:var(--up);background:color-mix(in srgb,var(--up) 14%,transparent)}
.cn-mode-b{display:flex;flex-direction:column;gap:6px;min-width:0}
.cn-mode-h{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.cn-mode-h b{font-size:15.5px}
.cn-mode small{font-size:13px;line-height:1.8;color:var(--text-2)}
.cn-mode .cn-tags{margin-top:2px}
.cn-pick{margin:18px 0 0;padding:18px;border:1px dashed var(--border);border-radius:14px;text-align:center;color:var(--text-2);font-size:13.5px}
#cnSec{margin-top:18px}
.cc-safe{margin:6px 0 8px;padding-inline-start:18px;display:grid;gap:4px;font-size:13.5px;line-height:1.8;color:var(--text-2)}
.cc-ip{margin:0 0 6px;font-size:13px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.cc-ip code,.cn-steps code{font:600 12.5px var(--font-mono);padding:2px 8px;border-radius:6px;background:color-mix(in oklch,var(--foreground) 8%,transparent)}
.cc-list{display:grid;gap:10px;margin-top:12px}
.cc-item{padding:14px;border:1px solid var(--border);border-radius:12px;display:grid;gap:10px}
.cc-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.cc-name b{display:block;font-size:14.5px}.cc-name small{font-size:12px;color:var(--text-2)}
.cc-chips{display:flex;flex-wrap:wrap;gap:6px}
.pill.cc-ok{color:var(--up);border-color:color-mix(in srgb,var(--up) 45%,transparent);background:color-mix(in srgb,var(--up) 10%,transparent)}
.pill.cc-bad{color:var(--dn);border-color:color-mix(in srgb,var(--dn) 45%,transparent);background:color-mix(in srgb,var(--dn) 10%,transparent)}
.pill.cc-warn{color:#d97706;border-color:color-mix(in srgb,#f59e0b 45%,transparent);background:color-mix(in srgb,#f59e0b 10%,transparent)}
.pill.cc-on{color:var(--up);border-color:var(--up)}
.cc-bal,.cc-err{margin:0}.cc-err{color:var(--dn)}
.cc-ctl{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}
.cc-f{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--text-2);min-width:0}.cc-f .inp{color:var(--foreground)}
.cc-ctl .cc-f{flex:1 1 150px}.cc-ctl .cc-conf{flex-basis:100%}
.cc-sw{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:13.5px;font-weight:600;padding:8px 0}
.cc-sw input{appearance:none;-webkit-appearance:none;flex:none;width:40px;height:22px;margin:0;border-radius:99px;background:color-mix(in oklch,var(--foreground) 18%,transparent);position:relative;cursor:pointer;transition:background .15s}
.cc-sw input::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:inset-inline-start .15s}
.cc-sw input:checked{background:var(--up)}.cc-sw input:checked::after{inset-inline-start:21px}
.cc-sw input:focus-visible{outline:2px solid var(--up);outline-offset:2px}
.cc-sw small{font-weight:500;color:var(--text-2)}
.cc-act{display:flex;flex-wrap:wrap;gap:8px}
.cc-form{display:grid;gap:12px}
.cc-fields{display:grid;gap:12px}
.cc-seg{display:inline-flex;padding:3px;border:1px solid var(--border);border-radius:10px;gap:3px;justify-self:start}
.cc-seg label{cursor:pointer}.cc-seg input{position:absolute;opacity:0;pointer-events:none}
.cc-seg span{display:block;padding:6px 14px;border-radius:7px;font-size:13px;font-weight:600;color:var(--text-2)}
.cc-seg input:checked+span{background:var(--foreground);color:var(--background)}
.cc-seg input:focus-visible+span{outline:2px solid var(--up);outline-offset:1px}
.cc-chk{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.8;cursor:pointer}
.cc-chk input{flex:none;width:18px;height:18px;margin-top:4px;accent-color:var(--up)}
.cc-chk a{color:var(--up);font-weight:600}
.cc-msg{margin:0;min-height:1em}.cc-msg.bad{color:var(--dn)}
.cc-tw{overflow-x:auto}.cc-deals{width:100%;border-collapse:collapse;font-size:13px}
.cc-deals td{padding:9px 8px;border-top:1px solid color-mix(in oklch,var(--border) 70%,transparent);vertical-align:top}
html:is([lang="fa"],[lang="ar"]) :is(.cn-mode,.cn-q,.cn-pick,.cc-item,.cc-form,.cc-deals){font-family:Vazirmatn,var(--font-sans)}
@media (max-width:860px){.cn-modes{grid-template-columns:1fr}}
@media (max-width:640px){.cc-f .inp,.cc-form .inp{font-size:16px}.cn-mode{padding:14px}}
@media (max-width:860px){.cn-grid{grid-template-columns:1fr}.cn-item{grid-template-columns:1fr auto}.cn-item .small{grid-column:1/-1;grid-row:2}}
@media (max-width:640px){.cn-new .inp{font-size:16px}}

/* Google sign-in button: its frame is light-scheme; matching it removes the white box Chrome paints behind it on dark pages */
#gBtn iframe{color-scheme:light}

/* hero "Get started": shiny button (designali-in / 21st.dev): a light sweep crosses the label and the 1px border, then rests */
@property --shx{syntax:"<percentage>";inherits:true;initial-value:100%}
.shiny-btn{--shx:100%;position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 38px;border:0;border-radius:12px;cursor:pointer;
  background:radial-gradient(circle at 50% 0%,rgb(250 250 250 / .09) 0%,transparent 60%),#121212;color:#f5f5f5;
  box-shadow:inset 0 0 0 1px rgb(255 255 255 / .05),0 12px 34px -14px rgb(0 0 0 / .9);
  animation:shinyX 3.2s cubic-bezier(.45,.05,.2,1) infinite;transition:transform .15s var(--ease-out-quart,ease),box-shadow .25s}
.shiny-btn:hover{box-shadow:inset 0 0 0 1px rgb(255 255 255 / .1),0 0 32px -8px color-mix(in srgb,var(--up) 55%,transparent),0 12px 34px -14px rgb(0 0 0 / .9)}
.shiny-btn:active{transform:scale(.97)}
.shiny-btn:focus-visible{outline:2px solid var(--up);outline-offset:3px}
.shiny-t{position:relative;display:block;font:500 15.5px var(--font-sans);letter-spacing:.06em;color:#f5f5f5;
  -webkit-mask-image:linear-gradient(-75deg,#fff calc(var(--shx) + 20%),transparent calc(var(--shx) + 30%),#fff calc(var(--shx) + 100%));
  mask-image:linear-gradient(-75deg,#fff calc(var(--shx) + 20%),transparent calc(var(--shx) + 30%),#fff calc(var(--shx) + 100%))}
.shiny-o{position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background-image:linear-gradient(-75deg,rgb(255 255 255 / .1) calc(var(--shx) + 20%),rgb(255 255 255 / .55) calc(var(--shx) + 25%),rgb(255 255 255 / .1) calc(var(--shx) + 100%));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
@keyframes shinyX{0%{--shx:100%}62%,100%{--shx:-100%}}
html:is([lang="fa"],[lang="ar"]) .shiny-t{font-family:Vazirmatn,var(--font-sans);letter-spacing:0;font-weight:600}
@media (prefers-reduced-motion:reduce){.shiny-btn{animation:none;--shx:-100%}}

/* about us (about.js): typography only (mono, black weight, as in the constellation-grid title the owner picked) on the theme's own
   background and text colours; the only motion is the lines rising in */
.ab{max-width:980px;margin:0 auto;padding:0 4px 40px;text-align:center;font-family:var(--font-mono);color:var(--foreground)}
html:is([lang="fa"],[lang="ar"]) .ab{font-family:Vazirmatn,var(--font-sans)}
.ab-top{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 140px);min-height:calc(100dvh - 140px);padding:40px 0}
.ab-kick{margin:0 0 26px;font:500 12px/1.6 var(--font-mono);letter-spacing:.34em;text-transform:uppercase;opacity:.7}
html:is([lang="fa"],[lang="ar"]) .ab-kick{font:700 14px/1.6 Vazirmatn,var(--font-sans);letter-spacing:.04em;text-transform:none}
.ab-h{margin:0;font:900 clamp(40px,7.4vw,108px)/.98 var(--font-mono);letter-spacing:-.06em;text-transform:uppercase;text-wrap:balance}
.ab-h em{font-style:normal;opacity:.55}
html:is([lang="fa"],[lang="ar"]) .ab-h{font:900 clamp(36px,6vw,84px)/1.35 Vazirmatn,var(--font-sans);letter-spacing:-.01em;text-transform:none}
.ab-story{display:grid;gap:40px;max-width:700px;margin:0 auto}
.ab-story p{margin:0;font-size:clamp(13.5px,1.25vw,15px);line-height:2;opacity:.72}
.ab-story .ab-lead{font-size:clamp(15px,1.5vw,18px);line-height:1.95;opacity:.9}
html:is([lang="fa"],[lang="ar"]) .ab-story p{font-size:clamp(15.5px,1.4vw,17.5px);line-height:2.1}
html:is([lang="fa"],[lang="ar"]) .ab-story .ab-lead{font-size:clamp(17.5px,1.7vw,20.5px)}
.ab-n{display:block;margin-bottom:12px;font:500 11px var(--font-mono);letter-spacing:.3em;opacity:.6}
.ab-brand{font-family:var(--font-mono);font-weight:900;letter-spacing:-.02em;unicode-bidi:isolate}
.ab-vals{max-width:760px;margin:clamp(80px,14vh,140px) auto 0}
.ab-list{display:grid;margin:0}
.ab-list > div{padding:30px 0;border-top:1px solid color-mix(in oklch,var(--foreground) 14%,transparent)}
.ab-list > div:last-child{border-bottom:1px solid color-mix(in oklch,var(--foreground) 14%,transparent)}
.ab-list dt{font:900 clamp(22px,3vw,38px)/1.1 var(--font-mono);letter-spacing:-.04em;text-transform:uppercase}
.ab-list dt .ab-n{margin-bottom:10px}
html:is([lang="fa"],[lang="ar"]) .ab-list dt{font:900 clamp(22px,2.8vw,34px)/1.5 Vazirmatn,var(--font-sans);letter-spacing:0;text-transform:none}
.ab-list dd{max-width:560px;margin:12px auto 0;font-size:clamp(13px,1.2vw,14.5px);line-height:1.95;opacity:.7}
html:is([lang="fa"],[lang="ar"]) .ab-list dd{font-size:clamp(15px,1.35vw,16.5px)}
.ab-end{max-width:860px;margin:clamp(90px,15vh,150px) auto 0}
.ab-quote{margin:0}
.ab-quote p{margin:0;font:800 clamp(22px,3.2vw,40px)/1.25 var(--font-mono);letter-spacing:-.04em;text-wrap:balance}
html:is([lang="fa"],[lang="ar"]) .ab-quote p{font:800 clamp(21px,2.8vw,34px)/1.8 Vazirmatn,var(--font-sans);letter-spacing:0}
.ab-join{position:relative;display:inline-flex;align-items:center;gap:10px;margin-top:40px;padding:0 0 6px;border:0;background:none;color:inherit;
  font:700 13px var(--font-mono);letter-spacing:.24em;text-transform:uppercase;cursor:pointer}
html:is([lang="fa"],[lang="ar"]) .ab-join{font:800 16px Vazirmatn,var(--font-sans);letter-spacing:0;text-transform:none}
.ab-join::after{content:"";position:absolute;inset-inline:0;bottom:0;height:1px;background:currentColor;transform:scaleX(.25);transform-origin:left;transition:transform .35s var(--ease-out-quart,ease)}
html[dir="rtl"] .ab-join::after{transform-origin:right}
.ab-join:hover::after,.ab-join:focus-visible::after{transform:scaleX(1)}
.ab-join:focus-visible{outline:1px dashed currentColor;outline-offset:8px}
.ab-join svg{width:16px;height:16px;transition:transform .25s}.ab-join:hover svg{transform:translateX(4px)}
html[dir="rtl"] .ab-join svg{transform:scaleX(-1)}html[dir="rtl"] .ab-join:hover svg{transform:scaleX(-1) translateX(4px)}
.ab-risk{margin:30px 0 0;font-size:11px;letter-spacing:.06em;opacity:.55}
.ab [data-rv]{opacity:0;transform:translateY(18px);filter:blur(5px);transition:opacity .9s var(--ease-out-quart,ease) var(--d,0s),transform .9s var(--ease-out-quart,ease) var(--d,0s),filter .9s ease var(--d,0s)}
.ab [data-rv].in{opacity:1;transform:none;filter:none}
.ab-kick[data-rv].in{opacity:.7}
@media (max-width:560px){.ab-top{min-height:calc(100dvh - 120px)}.ab-h{letter-spacing:-.05em}}
@media (prefers-reduced-motion:reduce){.ab [data-rv]{opacity:1;transform:none;filter:none;transition:none}.ab-kick[data-rv]{opacity:.7}}
@media print{.ab{color:#000}}

/* news: the in-site reader (#newsM) */
.nw-modal{width:min(760px,100%);padding:0}
.nw-modal .nm-h0{position:sticky;top:0;z-index:2;justify-content:flex-end;padding:10px 12px;background:linear-gradient(var(--card),color-mix(in oklch,var(--card) 80%,transparent));border:0;margin:0}
#nmBody{padding:0 24px 26px}
.nm-media.nw-media{height:240px;margin:0 -24px 16px;border-radius:0}
.nm-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px}
.nm-title{margin:0 0 12px;font:700 clamp(20px,2.6vw,26px)/1.35 var(--font-sans);color:var(--foreground)}
html:is([lang="fa"],[lang="ar"]) .nm-title{font-family:Vazirmatn,var(--font-sans);font-weight:800;line-height:1.7}
.nm-text{margin-top:18px}
.nm-text p{margin:0 0 14px;font-size:15.5px;line-height:1.95;color:color-mix(in oklch,var(--foreground) 88%,transparent)}
html:is([lang="fa"],[lang="ar"]) .nm-text p{font-size:16px;line-height:2.1}
.nm-kind{display:inline-block;margin:0 0 12px!important;padding:3px 10px;border-radius:99px;background:color-mix(in oklch,var(--foreground) 8%,transparent);font-size:12px!important;font-weight:700;color:var(--text-2)!important}
.nm-h{margin:20px 0 10px;font:700 15px var(--font-sans)}
.nm-points{margin:0 0 18px;padding-inline-start:20px;display:grid;gap:8px;font-size:14.5px;line-height:1.85}
.nm-src{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:color-mix(in oklch,var(--foreground) 3%,transparent);font-size:13.5px}
.nm-note{margin-top:12px!important;color:var(--text-2)!important}
.nm-wait{display:flex;align-items:center;gap:8px}
.nm-dot{width:8px;height:8px;border-radius:50%;background:var(--up);animation:lscBlink 1.5s ease-in-out infinite}
.nm-text .sk-line{height:12px;margin:10px 0;border-radius:6px}.nm-text .sk-line.short{width:60%}
@media (max-width:560px){#nmBody{padding:0 16px 22px}.nm-media.nw-media{height:180px;margin:0 -16px 14px}}

/* orders: the preview banner (?demo=1) */
.ob-demo{margin:0 0 14px;padding:12px 16px;border:1px dashed color-mix(in srgb,#f59e0b 60%,var(--border));border-radius:12px;background:color-mix(in srgb,#f59e0b 10%,transparent);
  color:var(--foreground);font-size:13.5px;font-weight:600;line-height:1.8}

/* live support chat (support.js) */
.lsc{position:fixed;inset-block-end:18px;inset-inline-end:18px;z-index:55;font-family:var(--font-sans)}
html:is([lang="fa"],[lang="ar"]) .lsc{font-family:Vazirmatn,var(--font-sans)}
.lsc-btn{position:relative;display:grid;place-items:center;width:58px;height:58px;border:0;border-radius:50%;cursor:pointer;color:#04120d;
  background:radial-gradient(120% 120% at 30% 20%,color-mix(in srgb,var(--up) 70%,#fff),var(--up));box-shadow:0 10px 30px -8px color-mix(in srgb,var(--up) 70%,transparent),0 2px 8px rgb(0 0 0 / .35);
  transition:transform .2s var(--ease-out-quart,ease),box-shadow .2s}
.lsc-btn:hover{transform:translateY(-2px) scale(1.04)}.lsc-btn:focus-visible{outline:2px solid var(--foreground);outline-offset:3px}
.lsc-btn::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid color-mix(in srgb,var(--up) 55%,transparent);animation:lscPulse 2.6s infinite}
.lsc.on .lsc-btn::after{animation:none;opacity:0}
@keyframes lscPulse{0%{transform:scale(.9);opacity:.9}70%{transform:scale(1.25);opacity:0}100%{opacity:0}}
.lsc-badge{position:absolute;top:-4px;inset-inline-end:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:#ef4444;color:#fff;font:700 11px/20px var(--font-sans);text-align:center}
.lsc-box{position:absolute;inset-block-end:74px;inset-inline-end:0;width:min(390px,calc(100vw - 24px));height:min(600px,calc(100vh - 110px));display:flex;flex-direction:column;
  background:var(--card);color:var(--foreground);border:1px solid var(--border);border-radius:20px;overflow:hidden;
  box-shadow:0 30px 80px -20px rgb(0 0 0 / .6),0 0 0 1px color-mix(in oklch,var(--foreground) 6%,transparent);animation:lscIn .22s var(--ease-out-quart,ease)}
.lsc-box[hidden]{display:none}
@keyframes lscIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.lsc-h{display:flex;align-items:center;gap:12px;padding:14px 14px 14px 16px;background:linear-gradient(135deg,color-mix(in srgb,var(--up) 22%,var(--card)),var(--card) 70%);border-bottom:1px solid var(--border)}
.lsc-av{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:var(--foreground);color:var(--background);font:800 13px var(--font-sans);letter-spacing:.02em}
.lsc-ht{flex:1;min-width:0}.lsc-ht b{display:block;font-size:15px}.lsc-ht small{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-2)}
.lsc-on{width:8px;height:8px;border-radius:50%;background:var(--up);box-shadow:0 0 0 3px color-mix(in srgb,var(--up) 25%,transparent)}
.lsc-x{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:10px;background:transparent;color:var(--text-2);cursor:pointer}
.lsc-x:hover{background:color-mix(in oklch,var(--foreground) 8%,transparent);color:var(--foreground)}
.lsc-msgs{flex:1;overflow-y:auto;scrollbar-width:thin;padding:16px 14px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth;overscroll-behavior:contain}
.lsc-m{max-width:86%;display:flex;flex-direction:column;gap:4px}
.lsc-tx{padding:10px 13px;border-radius:16px;font-size:14px;line-height:1.75;overflow-wrap:anywhere}
.lsc-tx a{color:inherit;text-decoration:underline}
.lsc-m.b,.lsc-m.a{align-self:flex-start}.lsc-m.u{align-self:flex-end}
.lsc-m.b .lsc-tx{background:color-mix(in oklch,var(--foreground) 7%,var(--card));border-end-start-radius:6px}
.lsc-m.a .lsc-tx{background:color-mix(in srgb,#6366f1 16%,var(--card));border:1px solid color-mix(in srgb,#6366f1 35%,transparent);border-end-start-radius:6px}
.lsc-m.u .lsc-tx{background:var(--up);color:#04120d;border-end-end-radius:6px}
.lsc-m.s{align-self:center;max-width:94%}.lsc-m.s .lsc-tx{background:color-mix(in srgb,#f59e0b 12%,var(--card));border:1px solid color-mix(in srgb,#f59e0b 40%,transparent);font-size:12.5px}
.lsc-who{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:#818cf8}
.lsc-typing .lsc-tx{display:flex;gap:5px;padding:13px 14px}.lsc-typing i{width:7px;height:7px;border-radius:50%;background:var(--text-2);animation:lscDot 1.2s infinite}
.lsc-typing i:nth-child(2){animation-delay:.15s}.lsc-typing i:nth-child(3){animation-delay:.3s}
@keyframes lscDot{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}
.lsc-chips{display:flex;gap:6px;padding:2px 14px 10px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 22px),transparent)}
.lsc-chips::-webkit-scrollbar{display:none}.lsc-chips .lsc-chip{flex:none;white-space:nowrap;scroll-snap-align:start}.lsc-chips:empty{display:none}
.lsc-chip{padding:7px 11px;border:1px solid color-mix(in srgb,var(--up) 45%,var(--border));border-radius:99px;background:color-mix(in srgb,var(--up) 8%,transparent);color:var(--foreground);font-weight:600;font-size:12.5px;font-family:inherit;cursor:pointer}
.lsc-chip:hover{background:color-mix(in srgb,var(--up) 18%,transparent)}
.lsc-f{display:flex;align-items:flex-end;gap:8px;padding:10px 12px;border-top:1px solid var(--border)}
.lsc-f textarea{flex:1;min-width:0;resize:none;max-height:120px;overflow-y:hidden;scrollbar-width:thin;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:var(--background);color:var(--foreground);font-size:14px;line-height:1.6;font-family:inherit}
.lsc-f textarea:focus{outline:none;border-color:var(--up);box-shadow:0 0 0 3px color-mix(in srgb,var(--up) 22%,transparent)}
.lsc-send{display:grid;place-items:center;flex:none;width:42px;height:42px;border:0;border-radius:12px;background:var(--up);color:#04120d;cursor:pointer}
html[dir="rtl"] .lsc-send svg{transform:scaleX(-1)}
.lsc-send:focus-visible,.lsc-link:focus-visible,.lsc-chip:focus-visible{outline:2px solid var(--up);outline-offset:2px}
.lsc-foot{display:flex;justify-content:space-between;gap:8px;padding:0 12px 4px}
.lsc-link{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:0;border-radius:8px;background:transparent;color:var(--text-2);font-weight:600;font-size:12.5px;font-family:inherit;text-decoration:none;cursor:pointer}
.lsc-link:hover:not(:disabled){color:var(--foreground);background:color-mix(in oklch,var(--foreground) 6%,transparent)}.lsc-link:disabled{color:var(--up);cursor:default}
.lsc-safe{display:flex;align-items:center;justify-content:center;gap:6px;margin:0;padding:2px 12px 10px;font-size:11.5px;color:var(--text-2)}
@media (max-width:560px){.lsc{inset-block-end:12px;inset-inline-end:12px}.lsc-btn{width:54px;height:54px}
  .lsc.on .lsc-btn{display:none}.lsc-box{position:fixed;inset:0;width:auto;height:auto;border-radius:0;border:0}.lsc-f textarea{font-size:16px}}
@media (prefers-reduced-motion:reduce){.lsc-btn::after,.lsc-box,.lsc-typing i{animation:none}}
@media print{.lsc{display:none}}

/* live support launcher animation */
.lsc .lsc-btn{transform:scale(0) rotate(-25deg);opacity:0}
.lsc.in .lsc-btn{animation:lscPop .7s cubic-bezier(.34,1.56,.64,1) forwards,lscFloat 4s ease-in-out .9s infinite}
.lsc.on .lsc-btn{animation:none;transform:none;opacity:1}
@keyframes lscPop{0%{transform:scale(0) rotate(-25deg);opacity:0}70%{transform:scale(1.12) rotate(6deg);opacity:1}100%{transform:scale(1) rotate(0);opacity:1}}
@keyframes lscFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.lsc-btn::before{content:"";position:absolute;inset:-3px;border-radius:50%;padding:3px;background:conic-gradient(from 0deg,#2dd4bf,#e9c468,#818cf8,#2dd4bf);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:lscSpin 3.2s linear infinite;opacity:.9}
@keyframes lscSpin{to{transform:rotate(360deg)}}
.lsc-ico .d1,.lsc-ico .d2,.lsc-ico .d3{animation:lscType 1.4s ease-in-out infinite}
.lsc-ico .d2{animation-delay:.18s}.lsc-ico .d3{animation-delay:.36s}
@keyframes lscType{0%,60%,100%{transform:translateY(0);opacity:.55}30%{transform:translateY(-2.2px);opacity:1}}
.lsc-ico .d1,.lsc-ico .d2,.lsc-ico .d3{transform-box:fill-box;transform-origin:center}
.lsc-btn:hover .lsc-ico{animation:lscWiggle .6s ease-in-out}
@keyframes lscWiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-12deg)}50%{transform:rotate(9deg)}75%{transform:rotate(-5deg)}}
.lsc-tease{position:absolute;inset-block-end:72px;inset-inline-end:4px;width:max-content;max-width:min(300px,calc(100vw - 40px));opacity:0;transform:translateY(10px) scale(.96);
  transition:opacity .3s,transform .35s cubic-bezier(.34,1.56,.64,1)}
.lsc-tease.on{opacity:1;transform:none}
.lsc-tease-b{display:flex;align-items:center;gap:10px;padding:12px 16px 12px 12px;border:1px solid var(--border);border-radius:18px;border-end-end-radius:6px;background:var(--card);color:var(--foreground);
  font:inherit;text-align:start;cursor:pointer;box-shadow:0 18px 50px -14px rgb(0 0 0 / .55)}
.lsc-tease-b:hover{border-color:var(--up)}
.lsc-av.sm{width:34px;height:34px;border-radius:10px;font-size:11px}
.lsc-tease-t{display:flex;flex-direction:column;gap:2px;min-width:0}.lsc-tease-t b{font-size:13.5px}
.lsc-tease-t span{font-size:13px;line-height:1.6;color:var(--text-2);min-height:20px;display:flex;align-items:center;gap:4px}
.lsc-tease-t span i{width:6px;height:6px;border-radius:50%;background:var(--text-2);animation:lscDot 1.2s infinite}.lsc-tease-t span i:nth-child(2){animation-delay:.15s}.lsc-tease-t span i:nth-child(3){animation-delay:.3s}
.lsc-tease-x{position:absolute;top:-10px;inset-inline-start:-10px;display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--border);border-radius:50%;background:var(--card);color:var(--text-2);cursor:pointer;padding:0}
.lsc-tease-x svg{width:12px;height:12px}
@media (max-width:560px){.lsc-tease{inset-block-end:66px}}
@media (prefers-reduced-motion:reduce){.lsc .lsc-btn{transform:none;opacity:1}.lsc.in .lsc-btn,.lsc-btn::before,.lsc-ico *,.lsc-btn:hover .lsc-ico{animation:none}.lsc-tease{transition:none}}

/* chat crew: who is here (testimonial style, 21st.dev jatin-yadav05 "unique testimonial"); green lights blink when someone is really online */
.lsc-crew{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 18px 11px;text-align:center;border-bottom:1px solid var(--border);
  background:radial-gradient(120% 100% at 50% 0%,color-mix(in srgb,var(--up) 9%,transparent),transparent 72%)}
.lsc-q{margin:0;max-width:320px;min-height:3.1em;display:grid;place-items:center;font-size:15px;line-height:1.55;font-weight:400;color:var(--foreground);text-wrap:balance;
  transition:opacity .24s ease,filter .24s ease,transform .24s ease}
.lsc-q span::before,.lsc-q span::after{font:400 30px/0 Georgia,"Times New Roman",serif;color:var(--text-2);opacity:.45;vertical-align:-.36em}
.lsc-q span::before{content:"\201C";margin-inline-end:5px}.lsc-q span::after{content:"\201D";margin-inline-start:5px}
html[dir="rtl"] .lsc-q span::before{content:"\201D"}html[dir="rtl"] .lsc-q span::after{content:"\201C"}
.lsc-role{display:flex;align-items:center;gap:7px;font:600 10.5px var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-2);transition:opacity .24s,filter .24s}
html:is([lang="fa"],[lang="ar"]) .lsc-role{font:600 12px Vazirmatn,var(--font-sans);letter-spacing:0}
.lsc-q.sw,.lsc-role.sw{opacity:0;filter:blur(6px);transform:translateY(3px)}
.lsc-mbs{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:2px}
.lsc-mb{display:inline-flex;align-items:center;padding:3px;border:0;border-radius:99px;background:transparent;color:var(--foreground);font:inherit;cursor:pointer;
  transition:background .35s,color .35s,box-shadow .35s,padding .35s}
.lsc-mb:hover:not(.on){background:color-mix(in oklch,var(--foreground) 8%,transparent)}
.lsc-mb.on{padding-inline-end:14px;background:var(--foreground);color:var(--background);box-shadow:0 8px 22px -10px rgb(0 0 0 / .7)}
.lsc-mb:focus-visible{outline:2px solid var(--up);outline-offset:2px}
.lsc-ma{position:relative;display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;color:#fff;transition:transform .35s}
.lsc-mb:not(.on) .lsc-ma{transform:scale(.92)}
.lsc-ma svg{width:15px;height:15px}
.lsc-ma.k-ai{background:linear-gradient(135deg,#2dd4bf,#0f766e)}.lsc-ma.k-team{background:linear-gradient(135deg,#a78bfa,#6d28d9)}.lsc-ma.k-bot{background:linear-gradient(135deg,#38bdf8,#0369a1)}
.lsc-mn{max-width:0;overflow:hidden;white-space:nowrap;font-size:12.5px;font-weight:700;opacity:0;transition:max-width .42s cubic-bezier(.4,0,.2,1),opacity .3s,margin .35s}
.lsc-mb.on .lsc-mn{max-width:160px;opacity:1;margin-inline-start:8px}
.lsc-dot{position:relative;display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:#22c55e}
.lsc-ma .lsc-dot{position:absolute;inset-block-end:-2px;inset-inline-end:-2px;width:11px;height:11px;border:2px solid var(--card)}
.lsc-mb.on .lsc-ma .lsc-dot{border-color:var(--foreground)}
.lsc-dot.live{animation:lscBlink 1.5s ease-in-out infinite}
.lsc-dot.live::after{content:"";position:absolute;inset:-1px;border-radius:50%;background:#22c55e;animation:lscPing 1.5s cubic-bezier(0,0,.2,1) infinite}
.lsc-dot.away{background:#f59e0b}
@keyframes lscBlink{0%,100%{background:#22c55e;box-shadow:0 0 8px 1px rgb(34 197 94 / .85)}50%{background:#166534;box-shadow:0 0 0 0 transparent}}
@keyframes lscPing{0%{transform:scale(1);opacity:.7}75%,100%{transform:scale(2.4);opacity:0}}
.lsc.talk .lsc-q,.lsc.talk .lsc-role{display:none}
.lsc.talk .lsc-crew{padding:8px 12px}
@media (max-height:640px){.lsc-crew{padding:10px 14px 10px;gap:6px}.lsc-q{font-size:14.5px;min-height:0}}
@media (prefers-reduced-motion:reduce){.lsc-dot.live,.lsc-dot.live::after{animation:none}.lsc-q,.lsc-role,.lsc-mb,.lsc-mn,.lsc-ma{transition:none}}

/* admin: live support inbox */
.ads{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:16px;align-items:start}
.ads-list #supL{display:grid;max-height:68vh;overflow:auto}
.ads-th{display:flex;align-items:flex-start;gap:10px;width:100%;padding:12px 14px;border:0;border-top:1px solid var(--border);background:transparent;color:inherit;text-align:start;cursor:pointer;font:inherit}
.ads-th:hover,.ads-th.on{background:color-mix(in oklch,var(--foreground) 6%,transparent)}
.ads-src{flex:none;padding:2px 6px;border-radius:6px;font:700 10px var(--font-mono);background:color-mix(in oklch,var(--foreground) 10%,transparent)}
.ads-tb{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ads-tb b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ads-tb small{color:var(--text-2);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ads-tm{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}.ads-tm small{color:var(--text-2);font-size:11px}
.ads-view{min-height:420px;display:flex;flex-direction:column}
.ads-vh{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.ads-vh small{display:block;color:var(--text-2);font-size:12px}
.ads-msgs{flex:1;max-height:52vh;overflow:auto;padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.ads-m{max-width:85%;padding:9px 12px;border-radius:12px;font-size:13.5px;line-height:1.8;background:color-mix(in oklch,var(--foreground) 6%,transparent)}
.ads-m small{display:block;font-size:11px;color:var(--text-2);margin-bottom:2px}
.ads-m.user{align-self:flex-start}.ads-m.ai,.ads-m.agent{align-self:flex-end}
.ads-m.agent{background:color-mix(in srgb,#6366f1 16%,transparent)}.ads-m.sys{align-self:center;background:color-mix(in srgb,#f59e0b 12%,transparent)}
.ads-rep{padding:12px 16px;border-top:1px solid var(--border)}
@media (max-width:900px){.ads{grid-template-columns:1fr}}