/* 🗺 «نقشه‌ی هیکاری» + «من» (۱۲ آبان) — only with «نقشه‌ی نو» (nav2). Classes: nm- only. Both themes from the site's variables. */
#hkMap{--nm-bg:var(--fg,#151F2E);--nm-soft:color-mix(in srgb,var(--strong,#E4EDF6) 5%,transparent);--nm-ln:color-mix(in srgb,var(--strong,#E4EDF6) 8%,transparent);
  position:fixed;inset:0;z-index:49;font-family:var(--font,Vazirmatn,sans-serif);color:var(--text,#9FADBD)}
#hkMap[hidden]{display:none}
.nm-dim{position:absolute;inset:0;background:rgba(4,9,18,.55);opacity:0;transition:opacity .2s}
#hkMap.on .nm-dim{opacity:1}
.nm-p{position:absolute;top:calc(70px + env(safe-area-inset-top,0px));left:50%;width:min(820px,calc(100vw - 32px));max-height:calc(100vh - 88px - env(safe-area-inset-top,0px));display:flex;flex-direction:column;
  background:var(--nm-bg);border:1px solid var(--nm-ln);border-radius:26px;box-shadow:0 40px 90px -24px rgba(0,0,0,.6),0 0 0 1px rgba(0,0,0,.04);overflow:hidden;
  opacity:0;transform:translate(-50%,-8px) scale(.99);transition:opacity .2s,transform .22s cubic-bezier(.2,.8,.2,1)}
#hkMap.on .nm-p{opacity:1;transform:translate(-50%,0)}
.nm-top{display:none}
.nm-s{display:flex;align-items:center;gap:10px;height:52px;margin:18px 20px 4px;padding:0 16px;border-radius:16px;background:var(--nm-soft);border:1px solid var(--nm-ln);color:var(--muted);transition:border-color .15s,box-shadow .15s}
.nm-s:focus-within{border-color:color-mix(in srgb,var(--blue,#3DB4F2) 55%,transparent);box-shadow:0 0 0 4px var(--blue-soft,rgba(61,180,242,.14))}
.nm-s>svg{width:20px;height:20px;flex:none;color:var(--blue,#3DB4F2)}
.nm-s input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;color:var(--strong);font:500 15px var(--font,Vazirmatn,sans-serif)}
.nm-s input::placeholder{color:var(--muted)}
.nm-s input::-webkit-search-cancel-button{display:none}
#hkMap kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:7px;border:1px solid var(--nm-ln);background:var(--nm-bg);font:700 11px/1 var(--font,Vazirmatn,sans-serif);color:var(--muted);direction:ltr}
.nm-k{flex:none}
.nm-clr{flex:none;width:26px;height:26px;border-radius:50%;border:0;background:color-mix(in srgb,var(--strong) 14%,transparent);color:var(--strong);display:grid;place-items:center;cursor:pointer}
.nm-clr svg{width:13px;height:13px}
.nm-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:10px 20px 18px;scrollbar-width:thin}
.nm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width:1099px){.nm-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:899px){.nm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.nm-col{position:relative;border-radius:20px;background:var(--nm-soft);border:1px solid var(--nm-ln);padding:12px 10px 8px;overflow:hidden}
.nm-col::before{content:'';position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--c1),var(--c2))}
.nm-col::after{content:'';position:absolute;inset:0 0 auto 0;height:80px;background:linear-gradient(180deg,color-mix(in srgb,var(--c1) 10%,transparent),transparent);pointer-events:none}
.nm-col.me{background:linear-gradient(160deg,color-mix(in srgb,var(--c1) 9%,var(--nm-soft)),color-mix(in srgb,var(--c2) 6%,var(--nm-soft)))}
.nm-hh{position:relative;z-index:1;display:flex;align-items:center;gap:10px;padding:2px 4px 8px;text-decoration:none;color:var(--strong)}
.nm-hh>span:not(.nm-av){flex:1;min-width:0;display:flex;flex-direction:column}
.nm-hh b{font:900 15.5px/1.35 var(--font,Vazirmatn,sans-serif)}
.nm-hh small{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nm-go{width:16px;height:16px;color:var(--muted);opacity:.6;transition:transform .15s,opacity .15s}
.nm-hh:hover .nm-go{opacity:1;transform:translateX(-3px)}
.nm-its{position:relative;z-index:1;display:flex;flex-direction:column}
.nm-it{display:flex;align-items:center;gap:10px;min-height:44px;padding:5px 6px;border-radius:12px;text-decoration:none;color:var(--strong);transition:background .12s}
.nm-it:hover,.nm-it.sel{background:color-mix(in srgb,var(--strong) 7%,transparent)}
.nm-it:focus-visible,.nm-hh:focus-visible,.nm-yt:focus-visible{outline:2px solid var(--blue,#3DB4F2);outline-offset:1px}
.nm-it.on{background:color-mix(in srgb,var(--c1,#3DB4F2) 14%,transparent)}
.nm-it.on b::after{content:'اینجایی';margin-inline-start:7px;padding:0 7px;border-radius:99px;background:var(--blue,#3DB4F2);color:#06172a;font:800 9.5px/17px var(--font,Vazirmatn,sans-serif);vertical-align:1px}
.nm-ic{flex:none;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;color:#fff;font-style:normal;background:linear-gradient(145deg,var(--c1),var(--c2));box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 4px 12px -6px var(--c1)}
.nm-ic svg{width:16px;height:16px}
.nm-ic.big{width:38px;height:38px;border-radius:12px}.nm-ic.big svg{width:21px;height:21px}
.nm-its .nm-ic{background:color-mix(in srgb,var(--c1) 16%,transparent);color:var(--c1);box-shadow:none}
.nm-tx{flex:1;min-width:0;display:flex;flex-direction:column}
.nm-tx b{font:800 13.5px/1.4 var(--font,Vazirmatn,sans-serif)}
.nm-tx small{font-size:11.5px;line-height:1.45;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nm-tx mark{background:color-mix(in srgb,var(--blue,#3DB4F2) 22%,transparent);color:inherit;border-radius:4px;padding:0 1px}
.nm-av{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:center/cover no-repeat;color:#fff;font:900 16px/1 var(--font,Vazirmatn,sans-serif);box-shadow:0 0 0 2px var(--nm-bg),0 0 0 4px color-mix(in srgb,var(--blue,#3DB4F2) 60%,transparent)}
/* results */
.nm-res{max-width:760px;margin:0 auto}
.nm-rh{margin:10px 8px 6px;font:800 12px var(--font,Vazirmatn,sans-serif);color:var(--muted)}
.nm-rh:first-child{margin-top:4px}
.nm-rg{border-radius:18px;background:var(--nm-soft);border:1px solid var(--nm-ln);padding:4px}
.nm-rg .nm-it{min-height:52px;padding:6px 10px}
.nm-rg .nm-ic{width:34px;height:34px;border-radius:11px}.nm-rg .nm-ic svg{width:18px;height:18px}
.nm-none{text-align:center;margin:16px 0 4px;font-size:13px;color:var(--muted)}
.nm-foot{display:flex;align-items:center;gap:18px;padding:11px 22px;border-top:1px solid var(--nm-ln);font:600 12px var(--font,Vazirmatn,sans-serif);color:var(--muted)}
.nm-foot span{display:inline-flex;align-items:center;gap:5px}
.nm-foot span:first-child{margin-inline-end:auto}
.nm-foot svg{width:14px;height:14px}
/* the button in the header lights up while the map is open */
.tl-b.on{background:var(--blue,#3DB4F2)!important;border-color:transparent!important;box-shadow:0 6px 18px -6px var(--blue,#3DB4F2)}
.tl-b.on svg circle{fill:#06172a}

/* phones: a full screen of its own, the tab bar stays under it */
@media (max-width:760px){
  #hkMap{z-index:58}
  .nm-dim{display:none}
  .nm-p{top:0;left:0;right:0;bottom:calc(58px + env(safe-area-inset-bottom,0px));width:auto;max-height:none;border-radius:0;border:0;box-shadow:none;transform:translateY(14px);background:var(--bg)}
  #hkMap.on .nm-p{transform:none}
  .nm-top{display:flex;align-items:center;justify-content:center;position:relative;height:54px;padding-top:env(safe-area-inset-top,0px);box-sizing:content-box}
  .nm-t{font:900 17px var(--font,Vazirmatn,sans-serif);color:var(--strong)}
  .nm-x{position:absolute;inset-inline-end:10px;bottom:7px;width:40px;height:40px;border-radius:50%;border:0;background:var(--nm-soft);color:var(--strong);display:grid;place-items:center;cursor:pointer}
  .nm-x svg{width:18px;height:18px}
  .nm-s{margin:2px 14px 8px;height:46px;border-radius:14px;background:var(--nm-bg)}
  .nm-k,.nm-foot{display:none!important}
  .nm-body{padding:4px 14px 24px}
  .nm-grid{grid-template-columns:minmax(0,1fr);gap:10px}
  .nm-col{background:var(--nm-bg);padding:12px}
  .nm-its{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .nm-its .nm-it{min-height:42px;padding:4px 8px;background:var(--nm-soft);border-radius:12px;gap:8px}
  .nm-its .nm-tx small{display:none}
  .nm-its .nm-tx b{font-size:12.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .nm-its .nm-ic{width:auto;height:auto;background:none!important}
  .nm-it.on b::after{display:none}
  .nm-it.on{box-shadow:inset 0 0 0 1.5px var(--c1,#3DB4F2)}
  .nm-rg{background:var(--nm-bg)}
  html.nm-on body{overflow:hidden}
}
html.hkapp .nm-p{bottom:0}
#hkMap.calm .nm-p,#hkMap.calm .nm-dim{transition:none}
html.lite .nm-p{box-shadow:0 20px 40px -20px rgba(0,0,0,.5)}

/* ───── «من» نسخه‌ی ۲ (۱۲ آبان): the account menu. A card of you (your set or your photo behind your name), one changing line
   «الان برات» (only when something is really waiting), four places that never move, one search, the rare things small at the bottom ───── */
.nm-mez{--nm-bg:var(--fg,#111b28);--nm-soft:color-mix(in srgb,var(--strong,#2E3E52) 5%,transparent);--nm-ln:color-mix(in srgb,var(--strong,#2E3E52) 8%,transparent);font-family:var(--font,Vazirmatn,sans-serif);display:flex;flex-direction:column;color:var(--strong)}
.nm-uh{position:relative;margin-bottom:8px;border-radius:16px}
.nm-ub{position:relative;height:104px;border-radius:16px;overflow:hidden;isolation:isolate;background:radial-gradient(120% 140% at 85% 0,hsl(var(--h,210) 80% 66% / .9),transparent 60%),linear-gradient(125deg,hsl(var(--h,210) 70% 52%),hsl(calc(var(--h,210) + 52) 60% 36%))}
.nm-ub.ac{background:radial-gradient(120% 140% at 85% 0,color-mix(in srgb,var(--ac) 80%,#fff) ,transparent 62%),linear-gradient(125deg,var(--ac),color-mix(in srgb,var(--ac) 45%,#0b1220))}
.nm-ub::before{content:'';position:absolute;inset:-40% -20%;background:radial-gradient(closest-side,rgba(255,255,255,.28),transparent 70%);transform:translateX(-30%);animation:nmUlt 9s ease-in-out infinite alternate;z-index:0}
@keyframes nmUlt{to{transform:translateX(30%) translateY(8%)}}
.nm-ub i{position:absolute;inset:0;background:var(--img,none) center 42%/cover no-repeat;z-index:1}
.nm-ub i.fav{background-position:center 30%}
.nm-ub::after{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(0,0,0,.06) 30%,rgba(0,0,0,.38))}
.nm-ucs{position:absolute;top:9px;inset-inline-end:9px;z-index:6;display:flex;gap:6px}
.nm-uc{display:inline-flex;align-items:center;gap:4px;height:25px;padding:0 9px;border-radius:99px;background:rgba(8,12,20,.42);box-shadow:0 0 0 1px rgba(255,255,255,.14);color:#fff;font:800 12px var(--font,Vazirmatn,sans-serif);text-decoration:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
:is(.acc-menu,.acc-sheet) .nm-u2 a.nm-uc{color:#fff}/* a profile set's menu colours make links inherit; the pill sits on the dark banner, so it stays white */
.nm-uc svg{width:13px;height:13px}.nm-uc.nm-ust svg{color:#FFD56B;fill:#FFD56B}
a.nm-uc:hover{background:rgba(8,12,20,.6)}
.nm-uset{position:absolute;top:9px;inset-inline-start:10px;z-index:3;display:inline-flex;align-items:center;gap:4px;max-width:46%;height:25px;padding:0 9px;border-radius:99px;background:rgba(8,12,20,.36);font:800 10.5px var(--font,Vazirmatn,sans-serif);color:rgba(255,255,255,.92);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.nm-uset svg{flex:none;width:12px;height:12px}.nm-uset bdi{overflow:hidden;text-overflow:ellipsis}
.nm-uav{pointer-events:none;position:absolute;inset-inline-start:calc(50% - 39px);top:65px;z-index:4;width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:center/cover no-repeat;color:#fff;font:900 28px/1 var(--font,Vazirmatn,sans-serif);box-shadow:0 0 0 4px var(--nm-bg),0 10px 24px -8px rgba(0,0,0,.55)}
.nm-uid{display:flex;justify-content:center;padding:46px 12px 2px;text-align:center}
.nm-uid>span{min-width:0;max-width:100%}
.nm-uid b{display:flex;align-items:center;justify-content:center;gap:6px;font:900 17px/1.4 var(--font,Vazirmatn,sans-serif);color:var(--strong)}
.nm-uid b em{font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;unicode-bidi:isolate}
.nm-uid b i{flex:none;display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:6px;font:800 10.5px var(--font,Vazirmatn,sans-serif);font-style:normal;background:color-mix(in srgb,#F5B53D 16%,transparent);color:#E39A1B}
html[data-theme="dark"] .nm-uid b i{color:#FFCD6A}
.nm-uid b i.vip{background:color-mix(in srgb,#B48CFF 16%,transparent);color:#8C5CF0}html[data-theme="dark"] .nm-uid b i.vip{color:#D0AAFF}
.nm-uid small{display:block;font-size:12px;color:var(--muted);direction:ltr;text-align:center}
.nm-ulk{position:absolute;inset:0;z-index:5;border-radius:16px}
.nm-ulk:focus-visible{outline:2px solid var(--blue,#3DB4F2);outline-offset:2px}
.nm-uh .hfx{z-index:7}
/* «الان برات» */
.nm-un{position:relative;margin:4px 2px 10px;padding:10px;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--blue,#3DB4F2) 13%,transparent),color-mix(in srgb,#8C6CFF 8%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--blue,#3DB4F2) 26%,transparent)}
.nm-un[hidden]{display:none}
.nm-unl{display:flex;align-items:center;gap:6px;margin-bottom:7px;font:800 10.5px var(--font,Vazirmatn,sans-serif);color:var(--blue,#3DB4F2)}
.nm-unl i{width:7px;height:7px;border-radius:50%;background:var(--blue,#3DB4F2);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue,#3DB4F2) 22%,transparent)}
.nm-unx{position:absolute;top:6px;inset-inline-start:6px;width:26px;height:26px;border:0;border-radius:8px;display:grid;place-items:center;background:none;color:var(--muted);cursor:pointer}
.nm-unx svg{width:14px;height:14px}.nm-unx:hover{background:var(--nm-soft)}
.nm-unb{display:flex;align-items:center;gap:10px;min-height:52px;text-decoration:none;color:inherit}
.nm-unm{flex:1;min-width:0;display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.nm-unc{flex:none;width:38px;height:52px;border-radius:8px;background:center/cover no-repeat var(--nm-soft);box-shadow:0 4px 12px rgba(0,0,0,.25)}
.nm-unc.ic{display:grid;place-items:center;height:44px;width:44px;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--c1),var(--c2))}
.nm-unc.ic svg{width:21px;height:21px}
.nm-unt{flex:1;min-width:0}
.nm-unt b{display:block;font:800 13.5px/1.45 var(--font,Vazirmatn,sans-serif);color:var(--strong);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nm-unt small{display:block;margin-top:1px;font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nm-una{flex:none;display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 13px;border:0;border-radius:11px;cursor:pointer;background:var(--blue,#3DB4F2);color:#04121E;font:800 12.5px var(--font,Vazirmatn,sans-serif);text-decoration:none;transition:transform .15s,background .2s}
.nm-una svg{width:15px;height:15px}.nm-una:active{transform:scale(.94)}.nm-una:disabled{opacity:.6}
.nm-una.ok{background:#3DDC84;color:#062213}
.nm-unp{position:absolute;bottom:0;inset-inline-start:0;height:3px;border-radius:0 3px 3px 0;background:linear-gradient(90deg,var(--blue,#3DB4F2),#9B7BFF);transition:width .4s}
/* four places */
.nm-uq{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:0 0 8px}
.nm-uq a{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:9px 2px 8px;border-radius:14px;text-decoration:none;color:var(--text,var(--strong));font:800 12px var(--font,Vazirmatn,sans-serif);transition:background .15s}
.nm-uq a>i{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:var(--c);background:color-mix(in srgb,var(--c) 15%,transparent);transition:transform .2s cubic-bezier(.3,1.6,.5,1)}
.nm-uq a>i svg{width:21px;height:21px}
.nm-uq a:hover{background:var(--nm-soft)}.nm-uq a:hover>i{transform:translateY(-3px) scale(1.06)}
.nm-uq a:focus-visible{outline:2px solid var(--blue,#3DB4F2);outline-offset:-2px}
.nm-uq b{position:absolute;top:3px;inset-inline-end:12px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;display:grid;place-items:center;background:#FF5470;color:#fff;font:800 10.5px var(--font,Vazirmatn,sans-serif);box-shadow:0 0 0 2px var(--nm-bg)}
/* one search */
.nm-us{display:flex;align-items:center;gap:10px;width:100%;height:42px;margin:0 0 6px;padding:0 12px;border:0;border-radius:13px;cursor:pointer;background:var(--nm-soft);box-shadow:inset 0 0 0 1px var(--nm-ln);color:var(--muted);font:500 13.5px var(--font,Vazirmatn,sans-serif);text-align:start;transition:box-shadow .15s,background .15s}
.nm-us svg{width:18px;height:18px;flex:none}.nm-us span{flex:1}
.nm-us kbd{font:800 10.5px var(--font,Vazirmatn,sans-serif);color:var(--muted);border:1px solid var(--nm-ln);border-bottom-width:2px;border-radius:6px;padding:1px 6px;direction:ltr}
.nm-us:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--blue,#3DB4F2) 50%,transparent);background:color-mix(in srgb,var(--blue,#3DB4F2) 6%,transparent)}
.nm-uad{display:flex;align-items:center;gap:10px;height:40px;margin:0 0 4px;padding:0 12px;border-radius:12px;text-decoration:none;color:var(--strong);font-size:13.5px;font-weight:700}
.nm-uad svg{width:18px;height:18px;color:var(--muted)}.nm-uad span{flex:1}.nm-uad:hover{background:var(--nm-soft)}
.nm-uad em{font-style:normal;min-width:22px;height:20px;padding:0 6px;border-radius:99px;display:grid;place-items:center;background:#FF5470;color:#fff;font:800 11px var(--font,Vazirmatn,sans-serif)}
/* the rare things */
.nm-uf{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;margin-top:2px;padding-top:6px;border-top:1px solid var(--nm-ln)}
.nm-uf>a,.nm-uf>button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 0 6px;border:0;border-radius:12px;background:none;cursor:pointer;color:var(--muted);text-decoration:none;font:600 11px var(--font,Vazirmatn,sans-serif);transition:background .15s,color .15s}
.nm-uf svg{width:19px;height:19px}
.nm-uf>a:hover,.nm-uf>button:hover{background:var(--nm-soft);color:var(--strong)}
.nm-uf .bad{color:var(--red,#E85D75)}.nm-uf .bad:hover{color:var(--red,#E85D75)}
.nm-uf [aria-checked="true"]{color:#F5A524}.nm-uf [aria-checked="true"] svg{fill:currentColor}
.nm-uf .mob{display:none}
@media (max-width:760px){.acc-sheet .nm-uf .mob{display:flex}}
.nm-uy{grid-column:1/-1;display:flex;align-items:center;gap:8px;min-height:44px;padding:0 10px;border-radius:12px;background:color-mix(in srgb,var(--red,#E85D75) 10%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--red,#E85D75) 25%,transparent);font:800 13px var(--font,Vazirmatn,sans-serif);color:var(--strong)}
.nm-uy span{flex:1}.nm-uy button{height:30px;padding:0 12px;border:0;border-radius:9px;cursor:pointer;font:800 12px var(--font,Vazirmatn,sans-serif);background:var(--nm-soft);color:var(--strong)}
.nm-uy button.y{background:var(--red,#E85D75);color:#fff}
/* guest */
.nm-ugst{padding:16px 14px;border-radius:16px;margin-bottom:8px;color:#fff;background:linear-gradient(140deg,#1D3A64,#2B2160)}
.nm-ugst b{display:block;font:900 16px/1.5 var(--font,Vazirmatn,sans-serif)}.nm-ugst small{display:block;margin-top:2px;font-size:12px;opacity:.8;line-height:1.7}
.nm-ugst p{display:flex;gap:8px;margin:12px 0 0}
.nm-ugst p a{flex:1;display:grid;place-items:center;height:40px;border-radius:12px;text-decoration:none;font:800 13px var(--font,Vazirmatn,sans-serif);background:rgba(255,255,255,.14);color:#fff}
.nm-ugst p a.pri{background:#fff;color:#0B1626}
/* opening: things come in one after another (not in calm mode); the phone sheet has a bigger finger size */
.nm-mez.nm-in>*{animation:nmUin .34s cubic-bezier(.2,.8,.25,1) both;animation-delay:calc(var(--i,0) * 35ms)}
@keyframes nmUin{from{opacity:0;transform:translateY(8px)}}
.acc-sheet .nm-ub{height:122px}.acc-sheet .nm-uav{top:76px;width:92px;height:92px;inset-inline-start:calc(50% - 46px);font-size:32px}.acc-sheet .nm-uid{padding-top:54px}.acc-sheet .nm-uid b{font-size:19px}
.acc-sheet .nm-uq a>i{width:50px;height:50px;border-radius:16px}.acc-sheet .nm-uq a>i svg{width:24px;height:24px}
.acc-sheet .nm-us{height:48px;font-size:14.5px}.acc-sheet .nm-us kbd{display:none}
.acc-sheet .nm-uf>a,.acc-sheet .nm-uf>button{font-size:12px;padding:10px 0 8px}.acc-sheet .nm-uf svg{width:22px;height:22px}
.acc-menu .nm-us kbd{display:inline-block}
@media (prefers-reduced-motion:reduce){.nm-mez.nm-in>*{animation:none}.nm-uq a>i,.nm-una{transition:none}.nm-ub::before{animation:none}}
html.lowdev .nm-mez.nm-in>*{animation:none}
html.lite .nm-ub::before,html.lowdev .nm-ub::before{animation:none}
.nm-hh .cdbg{display:none!important}.nm-it .cdbg{flex:none}

/* the top bar with eight homes: tighter between phone and wide screens (the logo is the way home) */
@media (min-width:761px) and (max-width:1000px){.nav .links a{padding-inline:7px!important;font-size:13px!important}.nav-in{gap:10px!important}}
@media (min-width:761px) and (max-width:930px){.nav .links a[href="/"]{display:none!important}}
@media (min-width:761px) and (max-width:860px){.nav .links a{padding-inline:5px!important;font-size:12.5px!important}.nav .logo{font-size:0!important;gap:0!important}.nav-end{gap:6px!important}}

/* today's lesson (only when it's waiting) */
.nm-jp{display:flex;align-items:center;gap:11px;margin:0 0 12px;padding:10px 12px;border-radius:16px;text-decoration:none;color:var(--strong);background:linear-gradient(100deg,color-mix(in srgb,#FF7A8A 16%,transparent),color-mix(in srgb,#B58CFF 10%,transparent));border:1px solid color-mix(in srgb,#FF7A8A 30%,transparent)}
.nm-jp.risk{border-color:#FF7A8A}
.nm-jp u{flex:none;text-decoration:none;font:800 12.5px var(--font,Vazirmatn,sans-serif);color:#FF8FA0}
@media (max-width:760px){.nm-jp u{display:none}}

/* (۱۲ آبان) eight homes, nothing more: a tile per home (its parts are in its bar), and «من» in one slim row */
.nm-g8{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
/* 🧹 (۱۶ آبان) هفت خونه: آخری جای خالی ردیف رو پر می‌کنه */
.nm-g8 .nm-ht:last-child:nth-child(4n+3){grid-column:span 2}
.nm-ht{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:138px;box-sizing:border-box;padding:14px 14px 12px;border-radius:18px;background:var(--nm-soft);border:1px solid var(--nm-ln);color:inherit!important;text-decoration:none;overflow:hidden;transition:transform .18s,border-color .18s,background .18s}
.nm-ht::after{content:'';position:absolute;inset:0 0 auto 0;height:70px;background:linear-gradient(180deg,color-mix(in srgb,var(--c1) 12%,transparent),transparent);pointer-events:none}
.nm-ht .nm-tx{position:relative;z-index:1}.nm-ht .nm-tx b{font-size:15px}.nm-ht .nm-tx small{white-space:normal;line-height:1.5}
.nm-ht em{margin-top:auto;font-style:normal;font-size:11px;font-weight:800;color:color-mix(in srgb,var(--c1) 75%,var(--nm-fg,#dfe8f3))}
.nm-ht:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--c1) 45%,transparent)}
.nm-ht.on{border-color:color-mix(in srgb,var(--c1) 55%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--c1) 14%,var(--nm-soft)),var(--nm-soft))}
.nm-ht.on em{color:var(--c1)}
.nm-ht:focus-visible,.nm-mr a:focus-visible{outline:2px solid var(--c1,#4FB4FF);outline-offset:2px}
.nm-mr{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;border-radius:16px;background:var(--nm-soft);border:1px solid var(--nm-ln)}
.nm-mr .nm-av{width:36px;height:36px;flex:none}
.nm-mr .nm-mel{margin-inline-start:auto;display:flex;flex-wrap:wrap;gap:6px}
.nm-mr .nm-mel a{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:99px;background:rgba(127,140,160,.12);color:inherit!important;text-decoration:none;font-size:12.5px;font-weight:700}
.nm-mr .nm-mel a svg{width:15px;height:15px;opacity:.8}
.nm-mr .nm-mel a:hover{background:rgba(127,140,160,.22)}
@media (max-width:760px){.nm-g8 .nm-ht:last-child:nth-child(4n+3){grid-column:auto}.nm-g8 .nm-ht:last-child:nth-child(odd){grid-column:1/-1}.nm-g8{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.nm-ht{min-height:118px;padding:12px}.nm-ht .nm-tx b{font-size:14px}.nm-mr{flex-wrap:wrap}.nm-mr .nm-mel{margin:0;width:100%}.nm-mr .nm-mel a{flex:1;justify-content:center;padding:0 8px}}
@media (prefers-reduced-motion:reduce){.nm-ht{transition:none}.nm-ht:hover{transform:none}}
.nm-ht .cdbg{display:none!important}
@media (max-width:760px){.nm-ht{min-height:0;gap:8px}}

/* «بخش‌های تو»: the parts this person opens most */
.nm-yr{margin:2px 0 4px}
.nm-yh{display:flex;align-items:baseline;gap:8px;margin:0 2px 9px}
.nm-yh b{font-size:14px;font-weight:800;color:var(--strong)}
.nm-yh small{font-size:12px;color:var(--muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nm-yx{margin-inline-start:auto;flex:none;border:0;background:none;padding:2px 4px;color:var(--muted);font:600 11.5px var(--font,Vazirmatn,sans-serif);cursor:pointer;opacity:.75}
.nm-yx:hover{opacity:1;text-decoration:underline}
.nm-yh2{margin:16px 2px 9px}
.nm-yg{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.nm-yt{display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 6px 10px;border-radius:16px;background:var(--nm-soft);border:1px solid var(--nm-ln);color:inherit!important;text-decoration:none;text-align:center;min-width:0;transition:transform .16s,border-color .16s}
.nm-yt:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--c1) 45%,transparent)}
.nm-yt .nm-tx{align-items:center;width:100%}
.nm-yt .nm-tx b{font-size:13px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nm-yt .nm-tx small{font-size:11px}
.nm-yt .cdbg{display:none!important}
@media (max-width:760px){.nm-yg{grid-template-columns:repeat(3,minmax(0,1fr))}.nm-yh small{display:none}}
@media (prefers-reduced-motion:reduce){.nm-yt{transition:none}.nm-yt:hover{transform:none}}

/* (۱۳ آبان) ریشه‌ی نقشه فقط #hkMap: کلاس ساده‌ی nm تو صفحه‌ها (اسم‌ها تو نبض هیکاری، شخصیت‌ها، انجمن) هم هست و قبلاً fixed و تمام‌صفحه می‌شد */
/* ───── «باز شدن خونه» (۱۳ آبان): کاشی بزرگ می‌شه و بنر خونه می‌شه، بقیه دور می‌شن، بخش‌ها یکی‌یکی بالا میان ───── */
.nm-p{isolation:isolate}
.nm-p::before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .5s ease;
  background:radial-gradient(90% 55% at 88% -8%,color-mix(in srgb,var(--hc1,#4FB4FF) 30%,transparent),transparent 70%),radial-gradient(70% 45% at 0% 105%,color-mix(in srgb,var(--hc2,#2D7CF0) 22%,transparent),transparent 70%)}
#hkMap.nm-in .nm-p::before{opacity:1}
/* the others drift away */
.nm-g8 .nm-ht{transition:transform .32s cubic-bezier(.4,0,.2,1),opacity .24s ease,filter .3s ease,border-color .18s}
.nm-g8.nm-go .nm-ht{pointer-events:none;transition-delay:calc(var(--d,0) * 30ms)}
.nm-g8.nm-go .nm-ht:not(.nm-pick){opacity:0;transform:translate(var(--dx,0),var(--dy,0)) scale(.86);filter:blur(4px)}
.nm-g8.nm-go .nm-ht.nm-pick{transform:scale(1.03);border-color:color-mix(in srgb,var(--c1) 70%,transparent);box-shadow:0 18px 40px -18px var(--c1)}
.nm-home .nm-yr,.nm-home .nm-mr,.nm-home .nm-jp{transition:opacity .2s,transform .25s}
.nm-home.nm-go .nm-yr,.nm-home.nm-go .nm-mr,.nm-home.nm-go .nm-jp{opacity:0;transform:translateY(8px)}
/* back: the eight come back, the one you opened last lands first */
.nm-g8.nm-back .nm-ht{animation:nmBack .4s cubic-bezier(.2,.9,.25,1.1) both}
.nm-g8.nm-back .nm-ht:not(.nm-pick){animation-delay:70ms}
@keyframes nmBack{from{opacity:0;transform:scale(.9)}}
/* the ghost: one coloured card flying from the tile to the banner */
.nm-gh{position:fixed;z-index:70;pointer-events:none;border-radius:18px;overflow:hidden;display:grid;place-items:start;padding:14px;box-sizing:border-box;
  background:linear-gradient(150deg,var(--c1),var(--c2));box-shadow:0 30px 70px -22px var(--c1)}
.nm-gh.fly{transition:left .42s cubic-bezier(.2,.85,.25,1),top .42s cubic-bezier(.2,.85,.25,1),width .42s cubic-bezier(.2,.85,.25,1),height .42s cubic-bezier(.2,.85,.25,1),border-radius .42s,padding .42s;border-radius:22px;padding:22px}
.nm-gh.gone{opacity:0;transition:opacity .24s ease}
/* the banner */
.nm-hub{animation:nmIn .01s}
@keyframes nmIn{from{opacity:.99}}
.nm-hh{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px 16px;min-height:168px;box-sizing:border-box;padding:18px 22px 20px;border-radius:22px;color:#fff;
  background:linear-gradient(150deg,var(--c1),var(--c2));box-shadow:0 24px 60px -30px var(--c1),inset 0 1px 0 rgba(255,255,255,.25)}
.nm-hh>*{position:relative;z-index:1}
.nm-hbg{position:absolute!important;z-index:0!important;inset-inline-end:-26px;top:-30px;width:190px;height:190px;opacity:.16;transform:rotate(-14deg);color:#fff}
.nm-hbg svg{width:100%;height:100%}
.nm-shine{position:absolute!important;z-index:0!important;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.28) 50%,transparent 65%);transform:translateX(-120%)}
.nm-play .nm-shine{animation:nmShine 1.1s .1s cubic-bezier(.4,0,.2,1) both}
@keyframes nmShine{to{transform:translateX(120%)}}
.nm-hb{grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px 0 14px;border:0;border-radius:99px;background:rgba(0,0,0,.18);color:#fff;font:700 12.5px var(--font,Vazirmatn,sans-serif);cursor:pointer;backdrop-filter:blur(6px);transition:background .15s}
.nm-hb:hover{background:rgba(0,0,0,.3)}.nm-hb svg{width:16px;height:16px}
.nm-hm{display:flex;align-items:center;gap:14px;min-width:0}
.nm-hm .nm-ic.big{width:54px;height:54px;border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}.nm-hm .nm-ic.big svg{width:28px;height:28px}
.nm-hm b{display:block;font:400 clamp(26px,4vw,34px)/1.15 var(--display,Lalezar,Vazirmatn,sans-serif);text-shadow:0 2px 14px rgba(0,0,0,.18)}
.nm-hm small{display:block;margin-top:2px;font-size:13px;opacity:.88}
.nm-hgo{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 16px;border-radius:99px;background:#fff;color:color-mix(in srgb,var(--c2) 80%,#000)!important;text-decoration:none;font:800 13px var(--font,Vazirmatn,sans-serif);white-space:nowrap;box-shadow:0 10px 24px -12px rgba(0,0,0,.45);transition:transform .15s}
.nm-hgo:hover{transform:translateY(-1px)}.nm-hgo svg{width:15px;height:15px}
.nm-hn{position:absolute!important;top:18px;inset-inline-end:22px;font-style:normal;font-size:11.5px;font-weight:800;padding:3px 10px;border-radius:99px;background:rgba(255,255,255,.2)}
.nm-pre .nm-hh>*:not(.nm-hbg){opacity:0}
.nm-pre .nm-hh{visibility:hidden}
.nm-play .nm-hh>*{transition:opacity .3s ease}
/* the parts */
.nm-sub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.nm-si{position:relative;display:flex;align-items:center;gap:12px;min-height:72px;box-sizing:border-box;padding:12px 14px;border-radius:18px;background:var(--nm-soft);border:1px solid var(--nm-ln);color:var(--strong,#E4EDF6)!important;text-decoration:none;overflow:hidden;
  transition:transform .18s,border-color .18s,background .18s}
.nm-si::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--hc1,#4FB4FF) 14%,transparent),transparent 60%);opacity:0;transition:opacity .2s}
.nm-si>*{position:relative}
.nm-si .nm-tx b{font-size:14.5px}.nm-si .nm-tx small{white-space:normal}
.nm-si u{flex:none;color:var(--muted);transition:transform .2s,color .2s}.nm-si u svg{width:18px;height:18px;display:block}
.nm-si em{flex:none;font-style:normal;font-size:11px;font-weight:800;padding:3px 9px;border-radius:99px;background:color-mix(in srgb,var(--hc1,#4FB4FF) 22%,transparent);color:var(--hc1,#4FB4FF)}
.nm-si:hover,.nm-si:focus-visible{border-color:color-mix(in srgb,var(--hc1,#4FB4FF) 50%,transparent);transform:translateY(-2px);outline:0}
.nm-si:hover::before,.nm-si:focus-visible::before{opacity:1}
.nm-si:hover u,.nm-si:focus-visible u{transform:translateX(-4px);color:var(--hc1,#4FB4FF)}
.nm-si.on{border-color:color-mix(in srgb,var(--hc1,#4FB4FF) 45%,transparent)}
.nm-pre .nm-si{opacity:0}
.nm-play .nm-si{animation:nmUp .46s cubic-bezier(.2,.85,.25,1.15) both;animation-delay:calc(var(--i,0) * 45ms + 60ms)}
@keyframes nmUp{from{opacity:0;transform:translateY(16px) scale(.97)}}
@media (max-width:760px){
  .nm-hh{min-height:150px;padding:14px 16px 16px;border-radius:20px;grid-template-columns:1fr}
  .nm-hgo{justify-self:start;height:38px}
  .nm-hn{top:14px;inset-inline-end:16px}
  .nm-sub{grid-template-columns:1fr;gap:8px}
  .nm-si{min-height:64px;padding:10px 12px}
}
/* light mode / «کاهش حرکت»: same layout, nothing flies */
html.lite .nm-p::before,html.lite .nm-shine{display:none}
html.lite .nm-g8 .nm-ht,html.lite .nm-si{transition:none}
html.lite .nm-play .nm-si,html.lite .nm-g8.nm-back .nm-ht{animation:none}
@media (prefers-reduced-motion:reduce){.nm-play .nm-si,.nm-g8.nm-back .nm-ht,.nm-play .nm-shine{animation:none}.nm-g8 .nm-ht,.nm-si{transition:none}}
.nm-hh .nm-hm small{color:rgba(255,255,255,.86);opacity:1}
.nm-hh .nm-hn{color:#fff}
.nm-hh .nm-hm b{color:#fff}

/* 🎬 (۱۵ آبان) «ریلز» in the «من» menu */
.nm-rl{display:flex;align-items:center;gap:var(--s-3,12px);margin:0 0 8px;padding:10px 12px;border-radius:var(--r-md,14px);text-decoration:none;color:inherit;background:linear-gradient(120deg,color-mix(in srgb,var(--live,#FF3B5C) 18%,transparent),color-mix(in srgb,var(--rare,#A48BFF) 14%,transparent));border:1px solid color-mix(in srgb,var(--live,#FF3B5C) 30%,transparent)}
.nm-rl .rl-ring{width:38px;height:38px}.nm-rl .rl-ring svg{width:18px;height:18px}
.nm-rl>span:nth-child(2){flex:1;min-width:0;display:grid}.nm-rl b{font-size:var(--t-4,16px)}.nm-rl small{font-size:var(--t-1,11px);opacity:.75}
.nm-rl>i{font-style:normal;font-size:var(--t-5,20px);opacity:.6}
/* (۱۶ آبان) app 1.4.0: «برنامه‌ی پخش» in «من», the schedule's turquoise */
.nm-rl.nm-sch{background:linear-gradient(120deg,rgba(32,201,193,.17),rgba(61,180,242,.12));border-color:rgba(32,201,193,.32)}
.nm-sch .rl-ring{background:linear-gradient(135deg,#20c9c1,#3db4f2)!important;color:#fff;box-shadow:0 6px 16px -6px rgba(32,201,193,.7)}.nm-sch .rl-ring::before,.nm-sch .rl-ring::after{display:none}