/* ==========================================================================
   NOIR theme — black, glass, glowing edges, 3D mascot
   این فایل بعد از استایل اصلی index.html لود می‌شود و فقط ظاهر را عوض می‌کند.
   پیشوند :root:root فقط برای این است که این قوانین بر قوانین قدیمی غلبه کنند.
   برای برگشت به ظاهر قبلی: خط‌های noir.css و noir.js را از index.html پاک کن.
   ========================================================================== */
@property --n-ang{syntax:'<angle>';inherits:false;initial-value:0deg}

:root{
  --n-bg:#050506;
  --n-surface:#0c0c0f;
  --n-surface2:#131317;
  --n-surface3:#1a1a1f;
  --n-line:rgba(255,255,255,.075);
  --n-line2:rgba(255,255,255,.13);
  --n-text:#f5f5f7;
  --n-text2:#a1a1aa;
  --n-text3:#6e6e78;
  --n-gold:#ffcf3a;
  --n-gold-glow:rgba(255,196,40,.55);
  --n-ok:#4ade80;
  --n-bad:#ff6b6b;
  --n-rainbow:conic-gradient(from var(--n-ang),#ff4d4d,#ffb340,#ffe95c,#4dff9a,#40c8ff,#6b6bff,#d65cff,#ff4d4d);
  --n-edge:conic-gradient(from var(--n-ang),transparent 0deg,transparent 200deg,rgba(140,110,255,.9) 250deg,#ffffff 285deg,rgba(255,90,210,.9) 315deg,transparent 350deg);
  --n-font:'Outfit','Vazirmatn',system-ui,-apple-system,'Segoe UI',sans-serif;
  --n-dark-pill:linear-gradient(180deg,#1b1b20,#0b0b0d);
  --n-streak:conic-gradient(from 0deg,transparent 0deg,transparent 228deg,#7b6bff 268deg,#ffffff 292deg,#ff5cc8 314deg,transparent 345deg);
  --n-streak-red:conic-gradient(from 0deg,transparent 0deg,transparent 228deg,#ff5a5a 280deg,#ffffff 304deg,#ff8a5a 322deg,transparent 345deg);
  --n-rainbow0:conic-gradient(from 0deg,#ff4d4d,#ffb340,#ffe95c,#4dff9a,#40c8ff,#6b6bff,#d65cff,#ff4d4d);
  --n-sheen:linear-gradient(105deg,transparent 30%,rgba(120,140,255,.10) 42%,rgba(255,255,255,.15) 50%,rgba(255,120,220,.10) 58%,transparent 70%);
  --n-edge2:conic-gradient(from var(--n-ang),transparent 0deg,transparent 228deg,#7b6bff 268deg,#ffffff 292deg,#ff5cc8 314deg,transparent 345deg);
  --n-ease:cubic-bezier(.2,.8,.2,1);
  /* legacy tokens of the app, neutralised */
  --bg:#050506;--bg2:#0c0c0f;--surface:rgba(255,255,255,.04);--surface2:rgba(255,255,255,.07);
  --border:rgba(255,255,255,.075);--border2:rgba(255,255,255,.13);
  --grad:linear-gradient(180deg,#1c1c22,#111115);--grad2:linear-gradient(180deg,#1c1c22,#111115);
  --glow:0 10px 30px rgba(0,0,0,.5);--accent:#ffffff;--text:#f5f5f7;--text2:#a1a1aa;--text3:#6e6e78;
}
@keyframes nSpin{to{--n-ang:360deg}}
@keyframes nFadeUp{from{opacity:0;transform:translateY(12px)}}
@keyframes nBeam{from{opacity:.7;transform:rotate(-28deg) translateX(0)}to{opacity:1;transform:rotate(-24deg) translateX(-14px)}}
@keyframes nPulse{50%{opacity:.7;transform:scale(.94)}}
@keyframes nSwing{0%{--n-ang:-70deg}100%{--n-ang:250deg}}
@keyframes nSwingR{0%{transform:translate(-50%,-50%) rotate(-75deg)}100%{transform:translate(-50%,-50%) rotate(255deg)}}
@keyframes nRotR{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes nRot{to{transform:rotate(360deg)}}
@keyframes nSheen2{0%{background-position:120% 0,0 0}100%{background-position:-20% 0,0 0}}
@keyframes nHue{0%{filter:hue-rotate(0deg) drop-shadow(0 0 5px rgba(170,130,255,.9)) drop-shadow(0 0 2px rgba(255,255,255,.6))}100%{filter:hue-rotate(360deg) drop-shadow(0 0 5px rgba(170,130,255,.9)) drop-shadow(0 0 2px rgba(255,255,255,.6))}}
@keyframes nSheen{0%{background-position:120% 0}100%{background-position:-20% 0}}
@keyframes nPageIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes nItemIn{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
@keyframes nPop{0%{transform:scale(.6)}55%{transform:scale(1.18)}100%{transform:scale(1)}}
@keyframes nSheetUp{from{transform:translateY(100%)}to{transform:none}}
@keyframes nOverlayIn{from{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:none}}
@keyframes nStageIn{0%{opacity:0;transform:translateY(30px) scale(.7)}60%{opacity:1;transform:translateY(-6px) scale(1.04)}100%{transform:none}}

/* ---------- base ---------- */
html,body{background:var(--n-bg)!important;color:var(--n-text)}
body{font-family:var(--n-font)!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--n-bg)!important}
/* light beam (top right) */
body::before{content:''!important;position:fixed!important;top:-18%!important;right:-30%!important;left:auto!important;bottom:auto!important;width:95%!important;height:75%!important;
  background:radial-gradient(closest-side,rgba(255,255,255,.10),rgba(255,255,255,.035) 45%,transparent 75%)!important;
  transform:rotate(-28deg);filter:blur(10px);animation:nBeam 14s ease-in-out infinite alternate!important;pointer-events:none;z-index:0!important}
/* faint grid */
body::after{content:''!important;position:fixed!important;inset:0!important;width:auto!important;height:auto!important;top:0!important;left:0!important;right:0!important;bottom:0!important;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px)!important;
  background-size:62px 62px!important;background-position:center -1px!important;
  -webkit-mask:radial-gradient(85% 55% at 50% 22%,#000 0%,rgba(0,0,0,.35) 55%,transparent 80%);mask:radial-gradient(85% 55% at 50% 22%,#000 0%,rgba(0,0,0,.35) 55%,transparent 80%);
  animation:none!important;pointer-events:none;z-index:0!important}
::selection{background:rgba(255,207,58,.35);color:#fff}
*{-webkit-tap-highlight-color:transparent}

/* ---------- boot loader ---------- */
:root:root #gwBoot{background:var(--n-bg)!important}
:root:root #gwBoot .gw-boot-mark{background:#111114!important;border:1px solid var(--n-line2);box-shadow:0 18px 40px rgba(0,0,0,.6)!important;color:#fff!important}
:root:root #gwBoot .gw-boot-spin{border-color:rgba(255,255,255,.1)!important;border-top-color:#fff!important}

/* ---------- header ---------- */
:root:root .header.flux-top,:root:root .header{background:rgba(14,14,17,.9)!important;border:1px solid var(--n-line)!important;
  box-shadow:0 0 0 14px var(--n-bg),inset 0 1px 0 rgba(255,255,255,.05)!important;backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%)}
:root:root .flux-top-glow{display:none!important}
:root:root .header .flux-greet{color:var(--n-text3)!important;font-weight:500}
:root:root .header-name,:root:root #headerName{color:var(--n-text)!important;font-weight:700!important;letter-spacing:-.01em}
:root:root .avatar,:root:root .me-ava,:root:root .profile-avatar{position:relative;background:#141418!important;color:#fff!important;box-shadow:0 8px 22px rgba(0,0,0,.55)!important;overflow:visible!important}
:root:root .avatar img,:root:root .me-ava img,:root:root .profile-avatar img{border-radius:50%}
:root:root .avatar::after,:root:root .me-ava::after{content:'';position:absolute;inset:-3px;border-radius:50%;padding:2px;background:var(--n-rainbow0);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
  animation:nRot 6s linear infinite;pointer-events:none}
:root:root .lang-btn,:root:root .stars-badge.wp-chip,:root:root .wp-chip{background:rgba(255,255,255,.05)!important;border:1px solid var(--n-line2)!important;color:var(--n-text)!important;box-shadow:none!important}
:root:root .lang-btn.open,:root:root .lang-btn.is-open{box-shadow:0 0 0 3px rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.3)!important}
:root:root .lang-menu{background:rgba(14,14,17,.96)!important;border:1px solid var(--n-line2)!important;box-shadow:0 24px 60px rgba(0,0,0,.7)!important;backdrop-filter:blur(20px)}
:root:root .lang-opt{color:var(--n-text2)!important}
:root:root .lang-opt.active,:root:root .lang-opt:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}

/* ---------- tab bar ---------- */
:root:root .tabs{background:rgba(12,12,15,.72)!important;border:1px solid var(--n-line)!important;box-shadow:0 14px 40px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.05)!important;
  backdrop-filter:blur(24px) saturate(140%)!important;-webkit-backdrop-filter:blur(24px) saturate(140%)!important}
:root:root .tab{color:#7a7a84!important;position:relative;transition:color .25s ease,transform .2s ease!important}
:root:root .tab:active{transform:scale(.94)}
:root:root .tab.active{background:rgba(255,255,255,.08)!important;color:#fff!important;border-radius:16px!important;overflow:hidden!important;isolation:isolate!important;
  box-shadow:0 8px 22px rgba(0,0,0,.55),0 0 18px rgba(255,255,255,.06)!important}
:root:root .tab.active::before{content:''!important;display:block!important;position:absolute!important;left:50%!important;top:50%!important;width:260%!important;aspect-ratio:1!important;height:auto!important;
  background:var(--n-rainbow0)!important;transform:translate(-50%,-50%);animation:nRotR 3.2s linear infinite!important;pointer-events:none;z-index:-2!important;border-radius:0!important;padding:0!important;-webkit-mask:none!important;mask:none!important;filter:none!important}
:root:root .tab.active::after{content:''!important;display:block!important;position:absolute!important;top:1.6px!important;left:1.6px!important;right:1.6px!important;bottom:1.6px!important;border-radius:14.5px!important;
  background:linear-gradient(180deg,#24242a,#141418)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;pointer-events:none;z-index:-1!important;opacity:1!important;filter:none!important;animation:none!important}
:root:root .tab.active > svg{stroke:#fff!important;filter:drop-shadow(0 0 6px rgba(255,255,255,.35))}
:root:root .tab[data-tab="ai"] .tab-tgs-wrap,:root:root .tab[data-tab="ai"] svg{color:inherit!important}
:root:root .tab.active .tab-tgs-wrap{filter:drop-shadow(0 0 8px rgba(255,255,255,.35))!important}

/* ---------- home hero (built by noir.js) ---------- */
:root:root .n-hero{position:relative;text-align:center;padding:14px 0 6px;margin:0 0 18px;animation:nFadeUp .7s cubic-bezier(.2,.7,.2,1) both}
:root:root .n-hero h1{margin:6px 0 8px;font-family:var(--n-font);font-weight:700;font-size:40px;line-height:1.05;letter-spacing:-.035em;color:#fff;text-wrap:balance;text-shadow:0 2px 30px rgba(255,255,255,.12)}
html[lang=fa] .n-hero h1,html[lang=ar] .n-hero h1{font-size:33px;line-height:1.45;letter-spacing:0;font-weight:800}
:root:root .n-hero p{margin:0 auto;max-width:30ch;color:var(--n-text2);font-size:14.5px;line-height:1.6}
:root:root .n-stage{position:relative;width:min(300px,82vw);aspect-ratio:1;margin:-6px auto -64px;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none}
:root:root .n-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
:root:root .n-stage::before{content:'';position:absolute;inset:6% 2% -4%;border-radius:50%;background:radial-gradient(circle at 50% 52%,rgba(255,200,40,.7),rgba(255,160,10,.28) 40%,transparent 68%);filter:blur(26px);
  animation:nPulse 4.5s ease-in-out infinite;pointer-events:none}
:root:root .n-stage .n-fallback{position:absolute;inset:22%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff4c2,#ffcf3a 45%,#e39b00);box-shadow:0 20px 60px rgba(255,190,30,.45)}
:root:root .n-ask{position:relative;z-index:3;display:flex;align-items:center;gap:10px;width:100%;max-width:380px;margin:0 auto;padding:7px 7px 7px 16px;box-sizing:border-box;
  border-radius:999px;background:rgba(20,20,24,.55);border:1px solid rgba(255,255,255,.14);color:var(--n-text2);font:500 14.5px var(--n-font);text-align:start;
  box-shadow:0 20px 50px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.1);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);cursor:pointer;transition:transform .2s ease,border-color .2s}
html[dir=rtl] .n-ask{padding:7px 16px 7px 7px}
:root:root .n-ask:active{transform:scale(.98)}
:root:root .n-ask:hover{border-color:rgba(255,255,255,.24)}
:root:root .n-ask .n-plus{font-size:22px;font-weight:300;color:#fff;line-height:1;flex:none;opacity:.9}
:root:root .n-ask .n-ask-t{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:root:root .n-ask .n-go{flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:#fff}
:root:root .n-ask .n-go svg{width:18px;height:18px}
html[dir=rtl] .n-ask .n-go svg{transform:scaleX(-1)}
:root:root .n-section{display:flex;align-items:center;gap:10px;margin:22px 2px 12px;color:var(--n-text3);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
html[lang=fa] .n-section,html[lang=ar] .n-section{letter-spacing:0;font-size:12.5px;text-transform:none}
:root:root .n-section::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,var(--n-line2),transparent)}
html[dir=rtl] .n-section::after{background:linear-gradient(270deg,var(--n-line2),transparent)}

/* ---------- home cards ---------- */
:root:root .home-card.glass-card{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012))!important;background-color:var(--n-surface)!important;
  border:1px solid var(--n-line)!important;border-radius:22px!important;box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 14px 34px rgba(0,0,0,.4)!important;min-height:84px!important;transition:transform .25s cubic-bezier(.34,1.56,.64,1),border-color .25s!important}
:root:root .home-card.glass-card::before{background:radial-gradient(260px circle at var(--n-mx,85%) var(--n-my,0%),rgba(255,255,255,.07),transparent 60%)!important;opacity:1}
:root:root .home-card.glass-card::after{background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.02) 40%,transparent)!important;opacity:1!important}
:root:root .home-card.glass-card:hover{border-color:rgba(255,255,255,.16)!important;box-shadow:0 18px 40px rgba(0,0,0,.5)!important}
:root:root .home-card.glass-card:active{transform:scale(.98)!important;box-shadow:0 8px 20px rgba(0,0,0,.5)!important}
:root:root .glass-orb{display:none!important}
:root:root .glass-card .glass-icon,:root:root .glass-icon.glass-icon-tgs{position:relative;background:linear-gradient(160deg,#26262c,#121216)!important;border:0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 8px 18px rgba(0,0,0,.5)!important;overflow:visible!important;border-radius:16px!important}
:root:root .glass-card .glass-icon::after{content:'';position:absolute;inset:-1.5px;border-radius:17.5px;padding:1.5px;background:var(--n-rainbow);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.55;pointer-events:none;transition:opacity .3s}
:root:root .home-card.glass-card:hover .glass-icon::after,:root:root .home-card.glass-card:active .glass-icon::after{opacity:1;animation:nSpin 2.6s linear infinite}
:root:root .glass-chev{background:rgba(255,255,255,.05)!important;border:1px solid var(--n-line)!important;color:var(--n-text2)!important}

/* ---------- sub-page headers ---------- */
:root:root .sp-back,:root:root .wh-back,:root:root .tk-back,:root:root .lw-back{background:rgba(255,255,255,.05)!important;border:1px solid var(--n-line)!important;color:var(--n-text)!important}
:root:root .sp-hero{background:var(--n-surface)!important;border:1px solid var(--n-line)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important}
:root:root .sp-hero-ico,:root:root .ex-hero-ico,:root:root .wh-title-ico,:root:root .tk-title-ico{position:relative;background:rgba(255,255,255,.1)!important;border:0!important;color:#fff!important;
  box-shadow:0 8px 18px rgba(0,0,0,.5)!important;overflow:hidden!important;isolation:isolate}
:root:root .sp-hero-ico::before,:root:root .ex-hero-ico::before,:root:root .wh-title-ico::before,:root:root .tk-title-ico::before{content:''!important;display:block!important;position:absolute;left:50%;top:50%;width:220%;aspect-ratio:1;
  background:var(--n-rainbow0);transform:translate(-50%,-50%);animation:nRotR 4s linear infinite;pointer-events:none;z-index:-2}
:root:root .sp-hero-ico::after,:root:root .ex-hero-ico::after,:root:root .wh-title-ico::after,:root:root .tk-title-ico::after{content:''!important;display:block!important;position:absolute;top:1.5px;left:1.5px;right:1.5px;bottom:1.5px;border-radius:inherit;
  background:linear-gradient(160deg,#26262c,#121216);box-shadow:inset 0 1px 0 rgba(255,255,255,.14);pointer-events:none;z-index:-1;padding:0!important;-webkit-mask:none!important;mask:none!important;animation:none!important}
:root:root .sp-hero-ico svg,:root:root .ex-hero-ico svg,:root:root .wh-title-ico svg,:root:root .tk-title-ico svg{stroke:#fff!important;color:#fff!important}

/* ---------- surfaces / cards ---------- */
:root:root .card,:root:root .st-card,:root:root .me-card,:root:root .ex-search,:root:root .wh-panel,:root:root .ch-block,:root:root .toggle-row,:root:root .tk-sw,:root:root .stat-box,:root:root .me-stat,:root:root .dep-custom-row,:root:root .inv-card,:root:root .gw-card,:root:root .empty-state{
  background:var(--n-surface)!important;border:1px solid var(--n-line)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 14px 34px rgba(0,0,0,.35)!important}
:root:root .st-hero,:root:root .ex-hero,:root:root .me-hero{background:radial-gradient(90% 80% at 50% -10%,rgba(255,255,255,.07),transparent 60%),var(--n-surface)!important;border:1px solid var(--n-line)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 40px rgba(0,0,0,.4)!important}
:root:root .st-blob,:root:root .ex-blob,:root:root .me-blob,:root:root .wh-blob{display:none!important}
:root:root .st-hero{background:radial-gradient(80% 70% at 50% 0%,rgba(255,196,40,.16),transparent 65%),var(--n-surface)!important}
:root:root .st-label,:root:root .ex-chip,:root:root .dep-chip{background:rgba(255,255,255,.05)!important;border:1px solid var(--n-line2)!important;color:var(--n-text2)!important}
:root:root .ex-hero-t,:root:root .me-stat-n,:root:root .stat-num{background:none!important;-webkit-text-fill-color:#fff!important;color:#fff!important}
:root:root .me-bal,:root:root .dep-balance{background:var(--n-surface2)!important;border:1px solid var(--n-line)!important}
:root:root .st-card-ico,:root:root .me-ico{background:rgba(255,255,255,.06)!important;border:1px solid var(--n-line)!important;color:#fff!important}
:root:root .st-card-ico svg,:root:root .me-ico svg{stroke:#fff!important}
:root:root .me-ico.red svg{stroke:var(--n-bad)!important}
:root:root .me-ico.green svg,:root:root .st-card-ico.svg-green svg{stroke:var(--n-ok)!important}
:root:root .me-ico.gold svg{stroke:var(--n-gold)!important}

/* ---------- inputs ---------- */
:root:root input:not([type]),:root:root input[type=text],:root:root input[type=number],:root:root input[type=search],:root:root input[type=url],:root:root input[type=tel],:root:root input[type=email],:root:root textarea,:root:root select{
  background:#0f0f12!important;border:1px solid var(--n-line2)!important;color:var(--n-text)!important;border-radius:14px!important;font-family:var(--n-font)!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.4)!important;transition:border-color .2s,box-shadow .2s!important}
:root:root input:focus,:root:root textarea:focus,:root:root select:focus{outline:none!important;border-color:rgba(255,255,255,.34)!important;box-shadow:0 0 0 4px rgba(255,255,255,.06)!important}
:root:root input::placeholder,:root:root textarea::placeholder{color:#5c5c66!important}
:root:root .dep-custom-row input,:root:root .n-ask input{background:transparent!important;border:0!important;box-shadow:none!important}
:root:root .slider{background:rgba(255,255,255,.12)!important}
:root:root input:checked + .slider{background:#f5f5f7!important}
:root:root input:checked + .slider::before{background:#0b0b0d!important}
:root:root .tk-toggle{background:rgba(255,255,255,.12)!important}
:root:root .tk-toggle.on,:root:root .tk-toggle.active{background:#f5f5f7!important}

/* ---------- buttons: black pill with a light streak that swings back and forth along the edge ----------
   روش: یک مربع بزرگ با گرادیان مخروطی پشت دکمه می‌چرخد و لایه‌ی رویی ۱.۴ پیکسل کوچک‌تر است،
   پس فقط لبه نور می‌گیرد. فقط از transform استفاده می‌کند تا روی همه‌ی WebViewها (iOS/Android) کار کند. */
:root:root .btn.btn-primary,:root:root .create-gw-btn,:root:root .st-btn,:root:root .ex-btn,:root:root .me-btn,:root:root .tk-btn,:root:root .wh-btn-shuffle,:root:root .wh-btn-share,:root:root .dep-pay,:root:root .me-wrap .dep-pay,:root:root .me-wrap #tonConnectBtn.dep-pay,:root:root .ai-sc-cta,:root:root #aiIntroGo,:root:root #aiPage .ai-continue,:root:root .n-glow{
  position:relative!important;overflow:hidden!important;isolation:isolate!important;color:#fff!important;font-weight:600!important;
  background:rgba(255,255,255,.07)!important;border:0!important;text-shadow:none!important;
  box-shadow:0 12px 30px rgba(0,0,0,.55),0 0 22px rgba(140,110,255,.10)!important;transition:transform .15s ease,box-shadow .25s ease!important}
:root:root .btn.btn-primary::before,:root:root .create-gw-btn::before,:root:root .st-btn::before,:root:root .ex-btn::before,:root:root .me-btn::before,:root:root .tk-btn::before,:root:root .wh-btn-shuffle::before,:root:root .wh-btn-share::before,:root:root .dep-pay::before,:root:root .me-wrap .dep-pay::before,:root:root .me-wrap #tonConnectBtn.dep-pay::before,:root:root .ai-sc-cta::before,:root:root #aiIntroGo::before,:root:root #aiPage .ai-continue::before,:root:root .n-glow::before{
  content:''!important;display:block!important;position:absolute!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;
  width:300%!important;height:auto!important;aspect-ratio:1!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;
  -webkit-mask:none!important;mask:none!important;background:var(--n-streak)!important;filter:none!important;opacity:1!important;
  transform:translate(-50%,-50%) rotate(-75deg);animation:nSwingR 3.2s cubic-bezier(.45,0,.55,1) infinite alternate!important;
  pointer-events:none!important;z-index:-2!important}
:root:root .btn.btn-primary::after,:root:root .create-gw-btn::after,:root:root .st-btn::after,:root:root .ex-btn::after,:root:root .me-btn::after,:root:root .tk-btn::after,:root:root .wh-btn-shuffle::after,:root:root .wh-btn-share::after,:root:root .dep-pay::after,:root:root .me-wrap .dep-pay::after,:root:root .me-wrap #tonConnectBtn.dep-pay::after,:root:root .ai-sc-cta::after,:root:root #aiIntroGo::after,:root:root #aiPage .ai-continue::after,:root:root .n-glow::after{
  content:''!important;display:block!important;position:absolute!important;top:1.4px!important;left:1.4px!important;right:1.4px!important;bottom:1.4px!important;
  width:auto!important;height:auto!important;border-radius:inherit!important;transform:none!important;filter:none!important;opacity:1!important;mix-blend-mode:normal!important;
  background:var(--n-sheen),var(--n-dark-pill)!important;background-size:260% 100%,100% 100%!important;background-repeat:no-repeat!important;
  animation:nSheen2 3.2s cubic-bezier(.45,0,.55,1) infinite alternate!important;pointer-events:none!important;z-index:-1!important}
:root:root .btn.btn-primary:active,:root:root .create-gw-btn:active,:root:root .st-btn:active,:root:root .ex-btn:active,:root:root .me-btn:active,:root:root .tk-btn:active,:root:root .wh-btn:active,:root:root .dep-pay:active,:root:root .n-glow:active{transform:scale(.97)!important}
/* Next اینترو: داخل کارت گوشی، وسط و پایین */
:root:root #aiIntro .ai-sc-stage #aiIntroGo.n-in-stage{position:absolute!important;left:50%!important;right:auto!important;top:auto!important;bottom:clamp(18px,5.5%,34px)!important;
  transform:translateX(-50%)!important;z-index:40!important;margin:0!important;background:rgba(255,255,255,.07)!important;color:#fff!important;border:0!important}
:root:root #aiIntro .ai-sc-stage #aiIntroGo.n-in-stage:active{transform:translateX(-50%) scale(.97)!important}
:root:root .btn.btn-primary:disabled,:root:root .st-btn:disabled,:root:root .me-btn:disabled,:root:root .tk-btn:disabled{opacity:.45!important}
:root:root .btn.btn-primary:disabled::before,:root:root .st-btn:disabled::before,:root:root .me-btn:disabled::before,:root:root .tk-btn:disabled::before{animation:none!important;opacity:.25!important}
:root:root .create-gw-shine{display:none!important}
:root:root .create-gw-btn::after{background:var(--n-sheen),linear-gradient(180deg,#121215,#0c0c0f)!important;background-size:260% 100%,100% 100%!important;background-repeat:no-repeat!important}
:root:root .create-gw-btn:first-of-type::after{background:var(--n-sheen),var(--n-dark-pill)!important;background-size:260% 100%,100% 100%!important;background-repeat:no-repeat!important}
:root:root .create-gw-btn [class*=ico]{background:rgba(255,255,255,.08)!important}
:root:root .me-btn.red{color:#ffd1d1!important}
:root:root .me-btn.red::before{background:var(--n-streak-red)!important}
:root:root .ch-add-btn{background:var(--n-dark-pill)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;box-shadow:none!important}
/* secondary buttons */
:root:root .btn.btn-glass,:root:root .btn-secondary,:root:root .wh-btn-clear{background:rgba(255,255,255,.05)!important;border:1px solid var(--n-line2)!important;color:var(--n-text)!important;box-shadow:none!important}
/* segmented toggles: crisp white when on */
:root:root .nc-mode-btn{background:rgba(255,255,255,.04)!important;border:1px solid var(--n-line)!important;color:var(--n-text2)!important;box-shadow:none!important}
:root:root .nc-mode-btn.nc-mode-on{background:#f5f5f7!important;color:#0b0b0d!important;border-color:#fff!important;box-shadow:0 8px 22px rgba(255,255,255,.12)!important}
:root:root .ch-req-toggle{background:rgba(255,255,255,.05)!important;border:1px solid var(--n-line2)!important;color:var(--n-text2)!important}
:root:root .ch-req-toggle.req{background:rgba(74,222,128,.08)!important;border-color:rgba(74,222,128,.3)!important;color:#b8f5cf!important}

/* ---------- modals / sheets ---------- */
:root:root .modal-bg{background:rgba(0,0,0,.72)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
:root:root .modal{background:linear-gradient(180deg,#121215,#0a0a0c)!important;border:1px solid var(--n-line2)!important;box-shadow:0 -30px 80px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.07)!important}
:root:root .modal-close{background:rgba(255,255,255,.06)!important;border:1px solid var(--n-line)!important;color:var(--n-text)!important}
:root:root .toast{background:rgba(18,18,22,.94)!important;border:1px solid var(--n-line2)!important;color:#fff!important;box-shadow:0 18px 40px rgba(0,0,0,.6)!important;backdrop-filter:blur(16px)}

/* ---------- spin wheel / tickets / lucky wheel pages ---------- */
:root:root .wh-page,:root:root .tk-page,:root:root .lw-page{background:radial-gradient(80% 50% at 50% -10%,rgba(255,255,255,.07),transparent 60%),var(--n-bg)!important}
:root:root .wh-head,:root:root .tk-head,:root:root .lw-head{background:rgba(5,5,6,.78)!important;border-bottom:1px solid var(--n-line)!important;backdrop-filter:blur(18px)}
:root:root .tk-title,:root:root .tk-title span,:root:root .wh-head span{background:none!important;-webkit-text-fill-color:#fff!important;color:#fff!important}
:root:root .wh-glow{background:radial-gradient(circle,rgba(255,255,255,.14),transparent 70%)!important}
:root:root .wh-center-btn{background:radial-gradient(circle at 32% 28%,#ffffff 0%,#d9d9de 40%,#8e8e96 100%)!important;color:#0b0b0d!important;
  box-shadow:0 0 0 6px rgba(255,255,255,.06),0 0 40px rgba(255,255,255,.25),inset 0 -6px 14px rgba(0,0,0,.25)!important}
:root:root .wh-count-badge{background:rgba(255,255,255,.06)!important;border:1px solid var(--n-line2)!important;color:#fff!important}
:root:root .wh-winners-sel{background:rgba(255,255,255,.04)!important;border:1px solid var(--n-line)!important}

/* ---------- AI intro / AI page / AI chat: same black world ---------- */
:root:root #aiIntro{background:radial-gradient(70% 45% at 50% 0%,rgba(255,255,255,.08),transparent 60%),var(--n-bg)!important}
:root:root #aiIntro .ai-sc-stage{background:#0c0c0f!important;border:1px solid var(--n-line)!important;box-shadow:0 30px 80px rgba(0,0,0,.6)!important}
:root:root #aiIntro .ai-sc-slide{background:radial-gradient(90% 60% at 30% 10%,rgba(255,255,255,.07),transparent 60%),#0c0c0f!important}
:root:root .ex-hero::before,:root:root .ex-hero::after,:root:root .st-hero::before,:root:root .me-hero::before{filter:saturate(0)!important;opacity:.5}
:root:root #aiIntro .ai-sc-title{background:linear-gradient(180deg,#fff 30%,#8a8a94)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}
:root:root .ai-x,:root:root #aiIntroClose{background:rgba(255,255,255,.06)!important;border:1px solid var(--n-line2)!important;color:#fff!important}
:root:root #aiPage{--ai-bg:#050506;--ai-surface:#0f0f12;--ai-surface-high:#17171b;--ai-surface-highest:#202026;--ai-outline:rgba(255,255,255,.12);--ai-primary:#f5f5f7;--ai-primary-c:#d4d4d8;--ai-secondary:#a1a1aa}
:root:root #aiChatPage{--aic-surface:#050506;--aic-surface-low:#0c0c0f;--aic-surface-c:#111114;--aic-surface-high:#18181c;--aic-surface-highest:#202025;--aic-surface-lowest:#030304;--aic-surface-bright:#2a2a30;
  --aic-on:#f5f5f7;--aic-on-var:#a1a1aa;--aic-outline:#6e6e78;--aic-outline-var:rgba(255,255,255,.1);--aic-primary:#ffffff;--aic-primary-c:#e4e4e7;--aic-primary-fixed:#ffffff;--aic-on-primary:#0b0b0d;--aic-on-primary-fixed:#0b0b0d;--aic-secondary:#c4c4cc}

:root:root #aiPage .ai-bg{background:radial-gradient(70% 40% at 50% 0%,rgba(255,255,255,.07),transparent 60%)!important}
:root:root #aiPage .ai-top{background:rgba(5,5,6,.8)!important;border-bottom:1px solid var(--n-line)!important}
:root:root #aiPage .ai-title em{background:linear-gradient(100deg,#ffffff,#a1a1aa)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
:root:root #aiPage .ai-plan{background:var(--n-surface)!important;border:1px solid var(--n-line)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;position:relative}
:root:root #aiPage .ai-plan.sel{background:var(--n-surface2)!important;border-color:transparent!important}
:root:root #aiPage .ai-plan.sel{overflow:visible!important}
:root:root #aiPage .ai-plan.sel::after{content:'';position:absolute;inset:-1px;padding:1.6px;border-radius:inherit;
  background:linear-gradient(90deg,#ff4d6d,#ffb340,#ffe95c,#4dff9a,#40c8ff,#6b6bff,#d65cff,#ff4d6d,#ffb340);background-size:300% 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:nRainbowSlide 3s linear infinite;pointer-events:none;z-index:1}
:root:root #aiPage .ai-plan.sel::before{content:none!important}
:root:root #aiPage .ai-plan.sel{box-shadow:0 14px 34px rgba(0,0,0,.5),0 0 26px -6px rgba(150,120,255,.45)!important}
@keyframes nRainbowSlide{to{background-position:300% 0}}
:root:root #aiPage .ai-plan .badge{background:#f5f5f7!important;color:#0b0b0d!important;border:0!important;z-index:5!important;box-shadow:0 4px 14px rgba(0,0,0,.5)!important}
:root:root #aiPage .ai-m{background:rgba(255,255,255,.04)!important;border:1px solid var(--n-line)!important}
:root:root #aiPage .ai-m.sel{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.4)!important}
:root:root #aiPage .ai-paybox,:root:root #aiPage .ai-quote{background:rgba(255,255,255,.035)!important;border:1px solid var(--n-line)!important}
:root:root #aiPage .ai-pay-dock{background:linear-gradient(rgba(5,5,6,0),rgba(5,5,6,.94) 28%)!important}
:root:root #aiPage .ai-flash i{box-shadow:0 0 8px rgba(255,255,255,.6)!important}
:root:root #aiPage .ai-nav-btn.on{border-color:rgba(255,255,255,.3)!important;background:rgba(255,255,255,.08)!important}

/* ---------- motion: pages, lists, overlays ---------- */
:root:root .tab-panel.active{animation:nPageIn .32s var(--n-ease) both!important}
:root:root .tab.active > svg,:root:root .tab.active .tab-tgs-wrap{animation:nPop .5s var(--n-ease) both}
:root:root .n-hero h1{animation:nItemIn .6s var(--n-ease) .05s both}
:root:root .n-hero p{animation:nItemIn .6s var(--n-ease) .14s both}
:root:root .n-stage{animation:nStageIn .9s var(--n-ease) .2s both}
:root:root .n-ask{animation:nItemIn .6s var(--n-ease) .42s both}
:root:root .n-section{animation:nItemIn .6s var(--n-ease) .5s both}
:root:root #homeMenu .home-card,:root:root #homeGiveaways > *,:root:root #homeMyGw > *,:root:root #homeAllGw > *,:root:root #homeMyPart > *,:root:root #homeChallenge > *,:root:root #homeCampaign > *,:root:root #giveawaysList > *,:root:root #homeMineList > *,:root:root #homeAllList > *,:root:root #homeMyPartList > *,:root:root #mineList > *,:root:root #inventoryList > *,:root:root #starsPanel > *,:root:root #starsPanel .st-card,:root:root #profilePanel > *,:root:root #profilePanel .me-card,:root:root #profilePanel .me-stat,:root:root #tab-explorer > *,:root:root .create-gw-btn,:root:root .sp-hero,:root:root .wh-panel,:root:root .tk-page .tk-inp,:root:root .tk-page .tk-sw,:root:root .tk-page .tk-btn,:root:root #aiPage .ai-plan{
  animation:nItemIn .55s var(--n-ease) both!important}
:root:root #homeMenu .home-card:nth-of-type(1),:root:root #homeGiveaways > :nth-child(1),:root:root #homeMyGw > :nth-child(1),:root:root #homeChallenge > :nth-child(1),:root:root #homeCampaign > :nth-child(1),:root:root #giveawaysList > :nth-child(1),:root:root #homeMineList > :nth-child(1),:root:root #homeAllList > :nth-child(1),:root:root #starsPanel > :nth-child(1),:root:root #profilePanel > :nth-child(1),:root:root #tab-explorer > :nth-child(1),:root:root #aiPage .ai-plan:nth-of-type(1){animation-delay:.02s!important}
:root:root #homeMenu .home-card:nth-of-type(2),:root:root #homeGiveaways > :nth-child(2),:root:root #homeMyGw > :nth-child(2),:root:root #homeChallenge > :nth-child(2),:root:root #homeCampaign > :nth-child(2),:root:root #giveawaysList > :nth-child(2),:root:root #homeMineList > :nth-child(2),:root:root #homeAllList > :nth-child(2),:root:root #starsPanel > :nth-child(2),:root:root #profilePanel > :nth-child(2),:root:root #tab-explorer > :nth-child(2),:root:root #aiPage .ai-plan:nth-of-type(2){animation-delay:.08s!important}
:root:root #homeMenu .home-card:nth-of-type(3),:root:root #homeGiveaways > :nth-child(3),:root:root #homeMyGw > :nth-child(3),:root:root #homeChallenge > :nth-child(3),:root:root #homeCampaign > :nth-child(3),:root:root #giveawaysList > :nth-child(3),:root:root #homeMineList > :nth-child(3),:root:root #homeAllList > :nth-child(3),:root:root #starsPanel > :nth-child(3),:root:root #profilePanel > :nth-child(3),:root:root #tab-explorer > :nth-child(3),:root:root #aiPage .ai-plan:nth-of-type(3){animation-delay:.14s!important}
:root:root #homeMenu .home-card:nth-of-type(4),:root:root #homeGiveaways > :nth-child(4),:root:root #homeMyGw > :nth-child(4),:root:root #giveawaysList > :nth-child(4),:root:root #homeMineList > :nth-child(4),:root:root #homeAllList > :nth-child(4),:root:root #starsPanel > :nth-child(4),:root:root #profilePanel > :nth-child(4){animation-delay:.2s!important}
:root:root #homeMenu .home-card:nth-of-type(5),:root:root #homeGiveaways > :nth-child(5),:root:root #homeMyGw > :nth-child(5),:root:root #giveawaysList > :nth-child(5),:root:root #homeMineList > :nth-child(5),:root:root #homeAllList > :nth-child(5),:root:root #starsPanel > :nth-child(5),:root:root #profilePanel > :nth-child(5){animation-delay:.26s!important}
:root:root #homeMenu .home-card:nth-of-type(n+6),:root:root #homeGiveaways > :nth-child(n+6),:root:root #giveawaysList > :nth-child(n+6),:root:root #homeMineList > :nth-child(n+6),:root:root #homeAllList > :nth-child(n+6),:root:root #starsPanel > :nth-child(n+6),:root:root #profilePanel > :nth-child(n+6){animation-delay:.32s!important}
:root:root .create-gw-btn:nth-of-type(1){animation-delay:.06s!important}:root:root .create-gw-btn:nth-of-type(2){animation-delay:.12s!important}:root:root .create-gw-btn:nth-of-type(3){animation-delay:.18s!important}:root:root .create-gw-btn:nth-of-type(4){animation-delay:.24s!important}
:root:root .modal-bg.show .modal{animation:nSheetUp .5s cubic-bezier(.16,1,.3,1) both!important}
:root:root .modal-bg.show .modal > *{animation:nItemIn .5s var(--n-ease) .12s both}
:root:root .wh-page.show,:root:root .tk-page.show,:root:root .lw-page.show{animation:nOverlayIn .55s cubic-bezier(.16,1,.3,1) both!important}
:root:root .toast{transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .3s!important}

/* ---------- misc ---------- */
:root:root .ad-banner{border-color:var(--n-line)!important;background:var(--n-surface)!important}
:root:root .badge{background:rgba(255,255,255,.07)!important;border:1px solid var(--n-line2)!important;color:var(--n-text)!important}
:root:root ::-webkit-scrollbar{width:0;height:0}

/* ================= WILDS AI CHAT — ORB (رابط چت با کاراکتر گوی) =================
   رنگ‌ها از خود Wilds AI: سبز زمردی، فیروزه‌ای، و کمی بنفش. */
:root:root #aiChatPage{--o-mint:#47f3bb;--o-em:#06d6a0;--o-cy:#00b4d8;--o-vi:#7b6bff;--o-s:min(54vw,214px);
  --aic-primary:#47f3bb;--aic-primary-c:#06d6a0;--aic-secondary:#4cd6fb;--aic-tertiary:#a99bff;--aic-on-primary:#04211c;--aic-on-primary-fixed:#04211c;
  background:#050607!important;font-family:Vazirmatn,Outfit,system-ui,sans-serif}

/* background: two slow color clouds + glass bubbles */
:root:root #aiChatPage .aic-ambient{position:absolute!important;inset:0!important;left:0!important;top:0!important;width:auto!important;height:auto!important;transform:none!important;border-radius:0!important;
  opacity:1!important;background:none!important;filter:none!important;animation:none!important;overflow:hidden;z-index:0}
:root:root #aiChatPage .aic-ambient::before,:root:root #aiChatPage .aic-ambient::after{content:'';position:absolute;border-radius:50%;will-change:transform}
:root:root #aiChatPage .aic-ambient::before{width:78vw;aspect-ratio:1;top:-14%;inset-inline-end:-26%;background:radial-gradient(circle,rgba(6,214,160,.34),rgba(0,180,216,.12) 45%,transparent 68%);animation:nCloudA 16s ease-in-out infinite alternate}
:root:root #aiChatPage .aic-ambient::after{width:86vw;aspect-ratio:1;bottom:2%;inset-inline-start:-34%;background:radial-gradient(circle,rgba(123,107,255,.26),rgba(0,180,216,.08) 50%,transparent 68%);animation:nCloudB 20s ease-in-out infinite alternate}
:root:root #aiChatPage .aic-mesh{position:absolute!important;inset:0!important;opacity:1!important;background:none!important;z-index:0;overflow:hidden;pointer-events:none}
:root:root #aiChatPage .aic-mesh::before,:root:root #aiChatPage .aic-mesh::after{content:none!important}
@keyframes nCloudA{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-8vw,6vh) scale(1.12)}}
@keyframes nCloudB{0%{transform:translate(0,0) scale(1.05)}100%{transform:translate(10vw,-5vh) scale(.94)}}
@keyframes nBubble{0%{transform:translateY(0) rotate(0)}100%{transform:translateY(-26px) rotate(14deg)}}

/* header: clean glass */
:root:root #aiChatPage .aic-header{background:linear-gradient(180deg,rgba(5,6,7,.82),rgba(5,6,7,.35))!important;box-shadow:none!important;border:0!important}
:root:root #aiChatPage .aic-back-home,:root:root #aiChatPage .aic-icon-btn,:root:root #aiChatPage .aic-profile-btn{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:50%!important;color:#eef5f2!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;transition:transform .15s!important}
:root:root #aiChatPage .aic-back-home:active,:root:root #aiChatPage .aic-icon-btn:active,:root:root #aiChatPage .aic-profile-btn:active{transform:scale(.92)!important}
:root:root #aiChatPage .aic-model{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:999px!important}
:root:root #aiChatPage .aic-model i{background:var(--o-mint)!important;box-shadow:0 0 8px var(--o-mint)!important}

/* empty state = greeting + orb + chips */
:root:root #aiChatPage:not(.is-streaming) #aicEmpty{display:flex!important;flex-direction:column;align-items:center;flex:1 0 auto;padding:14px 18px 6px!important;gap:0}
:root:root #aiChatPage #aicEmpty > .aic-section,:root:root #aiChatPage #aicInsight,:root:root #aiChatPage .aic-home-top{display:none!important}
:root:root #aiChatPage .aic-hero{margin:0!important;width:100%;text-align:center;animation:nItemIn .6s var(--n-ease) both}
:root:root #aiChatPage .aic-hello{justify-content:center!important;font:500 19px/1.4 Vazirmatn,Outfit,sans-serif!important;letter-spacing:0!important;color:#cfe3dc!important;min-height:1.4em!important;margin:4px 0 0!important}
:root:root #aiChatPage .aic-hello-sub{display:block;text-align:center;font:700 24px/1.35 Vazirmatn,Outfit,sans-serif!important;letter-spacing:-.01em!important;min-height:1.35em!important;margin:2px 0 0!important;
  background:linear-gradient(100deg,#ffffff 0%,#c8fff0 35%,#5cf5c4 60%,#7fd8ff 85%,#b9adff 100%)!important;background-size:200% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important;animation:nTextFlow 6s ease-in-out infinite alternate}
:root:root #aiChatPage .aic-caret{background:var(--o-mint)!important;box-shadow:0 0 10px var(--o-mint)!important}
@keyframes nTextFlow{0%{background-position:0 0}100%{background-position:100% 0}}

:root:root .n-orb-wrap{position:relative;flex:1 1 auto;width:100%;min-height:calc(var(--o-s) + 96px);display:grid;place-items:center;animation:nOrbIn 1s cubic-bezier(.2,.9,.25,1.15) .15s both}
:root:root .n-orb{position:relative;width:var(--o-s);height:var(--o-s);--ex:0px;--ey:0px;cursor:pointer;-webkit-tap-highlight-color:transparent;animation:nOrbFloat 5.2s ease-in-out infinite;outline:none}
:root:root .n-orb-glow{position:absolute;inset:-22%;border-radius:50%;background:radial-gradient(circle,rgba(6,214,160,.30),rgba(0,180,216,.11) 42%,transparent 66%);animation:nGlowPulse 5.2s ease-in-out infinite;pointer-events:none}
:root:root .n-orb-halo{position:absolute;inset:-7%;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,transparent 62%,rgba(170,255,235,.16) 67%,rgba(255,255,255,.42) 70.5%,rgba(255,255,255,.08) 73%,transparent 76%);filter:blur(1.4px);animation:nMorphB 9s ease-in-out infinite}
:root:root .n-orb-body{position:absolute;inset:0;border-radius:50%;overflow:hidden;isolation:isolate;
  background:radial-gradient(circle at 52% 118%,rgba(123,107,255,.95),rgba(123,107,255,0) 52%),radial-gradient(circle at 30% 24%,#d4fff3 0%,#6af6c9 15%,#10d6a2 36%,#0399ad 62%,#173f86 100%);
  box-shadow:inset -16px -24px 44px rgba(18,18,80,.55),inset 12px 16px 30px rgba(255,255,255,.32),0 24px 60px rgba(6,214,160,.32),0 0 0 1px rgba(255,255,255,.14);
  animation:nMorphA 8s ease-in-out infinite;-webkit-mask-image:radial-gradient(farthest-side,#000 98%,transparent 100%);mask-image:radial-gradient(farthest-side,#000 98%,transparent 100%)}
:root:root .n-orb-swirl{position:absolute;left:50%;top:50%;width:160%;height:160%;pointer-events:none;mix-blend-mode:screen;opacity:.8;filter:blur(16px);
  background:conic-gradient(from 0deg,rgba(0,180,216,0) 0deg,rgba(0,200,255,.85) 60deg,rgba(123,107,255,.85) 140deg,rgba(71,243,187,0) 210deg,rgba(255,92,200,.38) 285deg,rgba(0,180,216,0) 360deg);
  transform:translate(-50%,-50%);animation:nRotR 9s linear infinite}
:root:root .n-orb-gloss{position:absolute;left:15%;top:8%;width:46%;height:30%;border-radius:50%;pointer-events:none;transform:rotate(-24deg);opacity:.8;filter:blur(3px);
  background:radial-gradient(ellipse at 50% 42%,rgba(255,255,255,.95),rgba(255,255,255,0) 70%)}
:root:root .n-orb-rim{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 74% 86%,rgba(150,255,232,.55),transparent 28%),radial-gradient(circle at 18% 70%,rgba(255,255,255,.12),transparent 30%)}
:root:root .n-orb-eyes{position:absolute;left:50%;top:46%;display:flex;gap:calc(var(--o-s)*.115);z-index:3;pointer-events:none;
  transform:translate(calc(-50% + var(--ex)),calc(-50% + var(--ey)));transition:transform .45s cubic-bezier(.2,.8,.2,1)}
:root:root .n-orb-eyes b{display:block;width:calc(var(--o-s)*.098);height:calc(var(--o-s)*.2);border-radius:999px;background:#fff;
  box-shadow:0 0 16px rgba(255,255,255,.85),0 0 3px #fff;animation:nBlink 5.6s infinite;transition:height .3s cubic-bezier(.2,.8,.2,1),border-radius .3s,width .3s}
:root:root .n-orb-eyes b:last-child{animation-delay:.02s}
:root:root .n-orb.down .n-orb-eyes b{height:calc(var(--o-s)*.16)}
:root:root .n-orb.happy .n-orb-eyes b{height:calc(var(--o-s)*.075);border-radius:999px 999px 40% 40%;animation:none}
:root:root .n-orb-swirl{transition:opacity .4s}
:root:root .n-orb.listen .n-orb-swirl{opacity:1}
:root:root .n-orb-glow::after{content:'';position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,rgba(71,243,187,.35),transparent 65%);opacity:0;transition:opacity .4s}
:root:root .n-orb.listen .n-orb-glow::after{opacity:1}
:root:root .n-orb.listen .n-orb-eyes b{height:calc(var(--o-s)*.17)}
:root:root .n-orb.tap .n-orb-body{animation:nSquish .55s cubic-bezier(.3,1.6,.5,1) both}
:root:root .n-orb-ring{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(120,255,220,.7);opacity:0;pointer-events:none}
:root:root .n-orb.tap .n-orb-ring{animation:nRing .8s ease-out both}
:root:root .n-orb-shadow{position:absolute;left:50%;top:calc(50% + var(--o-s)/2 + 26px);width:calc(var(--o-s)*.6);height:16px;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(6,214,160,.55),rgba(123,107,255,.2) 60%,transparent);filter:blur(5px);transform:translateX(-50%);animation:nShadow 5.2s ease-in-out infinite}
:root:root .n-spark{position:absolute;width:12px;height:12px;pointer-events:none;background:#fff;opacity:0;
  clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);filter:drop-shadow(0 0 6px rgba(120,255,220,.9));animation:nTwinkle 3.6s ease-in-out infinite}
:root:root .n-spark:nth-of-type(1){left:14%;top:18%;animation-delay:.2s}
:root:root .n-spark:nth-of-type(2){right:13%;top:30%;width:9px;height:9px;animation-delay:1.3s}
:root:root .n-spark:nth-of-type(3){left:20%;bottom:18%;width:7px;height:7px;animation-delay:2.2s}
:root:root .n-spark:nth-of-type(4){right:20%;bottom:26%;width:10px;height:10px;animation-delay:2.9s}
@keyframes nOrbIn{0%{opacity:0;transform:scale(.6) translateY(30px)}100%{opacity:1;transform:none}}
@keyframes nOrbFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes nShadow{0%,100%{transform:translateX(-50%) scale(1);opacity:1}50%{transform:translateX(-50%) scale(.78);opacity:.6}}
@keyframes nGlowPulse{0%,100%{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
@keyframes nMorphA{0%,100%{border-radius:50% 50% 50% 50%/50% 50% 50% 50%}25%{border-radius:53% 47% 51% 49%/47% 53% 48% 52%}50%{border-radius:48% 52% 47% 53%/52% 48% 53% 47%}75%{border-radius:51% 49% 53% 47%/49% 52% 48% 51%}}
@keyframes nMorphB{0%,100%{border-radius:50%;transform:rotate(0) scale(1)}33%{border-radius:52% 48% 50% 50%/48% 52% 49% 51%;transform:rotate(60deg) scale(1.02)}66%{border-radius:48% 52% 51% 49%/52% 48% 50% 50%;transform:rotate(120deg) scale(.99)}}
@keyframes nBlink{0%,91%,97%,100%{transform:scaleY(1)}94%{transform:scaleY(.08)}}
@keyframes nSquish{0%{transform:scale(1)}30%{transform:scale(1.1,.88)}60%{transform:scale(.95,1.07)}100%{transform:scale(1)}}
@keyframes nRing{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.55)}}
@keyframes nTwinkle{0%,100%{opacity:0;transform:scale(.3) rotate(0)}45%{opacity:1;transform:scale(1) rotate(45deg)}70%{opacity:0;transform:scale(.4) rotate(90deg)}}

/* suggestion chips (2×2, like the reference) */
:root:root .n-chips{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:440px;margin:4px auto 6px}
:root:root .n-chip{display:flex;align-items:center;gap:9px;min-height:50px;padding:9px 12px;border-radius:17px;cursor:pointer;-webkit-tap-highlight-color:transparent;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.085);color:#e9f1ee;
  font:600 13px/1.3 Vazirmatn,Outfit,sans-serif;text-align:start;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 12px 26px rgba(0,0,0,.38);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:nItemIn .6s var(--n-ease) both;transition:transform .15s,border-color .25s,background .25s}
:root:root .n-chip i{flex:none;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;color:#62f7c9;
  background:linear-gradient(135deg,rgba(71,243,187,.22),rgba(0,180,216,.12));box-shadow:inset 0 0 0 1px rgba(71,243,187,.18)}
:root:root .n-chip i svg{width:16px;height:16px}
:root:root .n-chip:active{transform:scale(.96);border-color:rgba(71,243,187,.45);background:linear-gradient(180deg,rgba(71,243,187,.12),rgba(255,255,255,.03))}
:root:root .n-chip:nth-child(1){animation-delay:.35s}:root:root .n-chip:nth-child(2){animation-delay:.42s}:root:root .n-chip:nth-child(3){animation-delay:.49s}:root:root .n-chip:nth-child(4){animation-delay:.56s}

/* composer: capsule input with + inside, round orb send button */
:root:root #aiChatPage .aic-chips-row,:root:root #aiChatPage .aic-mic{display:none!important}
:root:root #aiChatPage .aic-bar{position:relative!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important;gap:10px!important;border:0!important;align-items:flex-end!important}
:root:root #aiChatPage .aic-input{min-height:54px!important;max-height:130px!important;padding:16px 18px!important;padding-inline-start:56px!important;border-radius:27px!important;
  background:rgba(20,23,25,.78)!important;border:1px solid rgba(255,255,255,.1)!important;color:#f2f7f5!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 14px 34px rgba(0,0,0,.55)!important;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  font:500 14px/22px Vazirmatn,Outfit,sans-serif!important;transition:border-color .25s,box-shadow .25s!important}
:root:root #aiChatPage .aic-input:focus{border-color:rgba(255,255,255,.22)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 14px 34px rgba(0,0,0,.55)!important}
:root:root #aiChatPage .aic-input::placeholder{color:rgba(200,215,210,.5)!important}
:root:root #aiChatPage .aic-attach{position:absolute!important;inset-inline-start:7px;bottom:7px;width:40px!important;height:40px!important;z-index:2;
  background:rgba(255,255,255,.075)!important;color:#dff3ec!important;border:1px solid rgba(255,255,255,.08)!important}
:root:root #aiChatPage .aic-send{width:54px!important;height:54px!important;flex:none;position:relative!important;overflow:hidden!important;isolation:isolate;color:#fff!important;border:0!important;
  background:radial-gradient(circle at 32% 24%,#ccfff1 0%,#4ef0c0 22%,#08bfae 52%,#2b4fae 100%)!important;
  box-shadow:0 12px 30px rgba(6,214,160,.42),inset 0 1px 1px rgba(255,255,255,.65),inset 0 -8px 16px rgba(20,24,90,.45)!important;transition:transform .15s!important}
:root:root #aiChatPage .aic-send::before,:root:root #aiChatPage .aic-send::after{content:none!important;display:none!important}
:root:root #aiChatPage .aic-send .aic-ico{filter:drop-shadow(0 1px 2px rgba(0,30,40,.5))}
:root:root #aiChatPage .aic-send:active{transform:scale(.9)!important}
:root:root #aiChatPage .aic-send:disabled{opacity:.55!important}

/* conversation */
:root:root #aiChatPage .aic-thread{background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:18px!important;margin:10px 14px 4px!important;backdrop-filter:blur(16px)}
:root:root #aiChatPage .aic-thread-dot{background:var(--o-mint)!important;box-shadow:0 0 10px var(--o-mint)!important}
:root:root #aiChatPage .aic-msgs > .aic-row:last-child{animation:nMsgIn .5s cubic-bezier(.2,.85,.25,1.1) both}
:root:root #aiChatPage .aic-bubble{font-family:Vazirmatn,Outfit,sans-serif!important;font-size:14px!important;line-height:1.7!important}
:root:root #aiChatPage .aic-row.user .aic-bubble{width:auto!important;max-width:82%!important;color:#03231d!important;font-weight:500;border:0!important;
  background:linear-gradient(135deg,#5cf5c4 0%,#16d3ab 45%,#14a9d6 100%)!important;border-radius:22px!important;border-end-end-radius:7px!important;
  box-shadow:0 12px 28px rgba(6,214,160,.28),inset 0 1px 0 rgba(255,255,255,.45)!important}
:root:root #aiChatPage .aic-row.user .aic-foot,:root:root #aiChatPage .aic-row.user .aic-foot *{color:rgba(3,35,29,.62)!important}
:root:root #aiChatPage .aic-row.bot .aic-bubble{width:auto!important;max-width:90%!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.085)!important;
  border-radius:22px!important;border-start-start-radius:7px!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 14px 32px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.06)!important}
:root:root #aiChatPage .aic-row.bot .aic-bubble::before{background:linear-gradient(135deg,rgba(71,243,187,.07),transparent 45%,rgba(123,107,255,.06))!important}
:root:root #aiChatPage .aic-ava{position:relative;width:28px!important;height:28px!important;overflow:hidden;color:transparent!important;
  background:radial-gradient(circle at 52% 118%,rgba(123,107,255,.9),transparent 55%),radial-gradient(circle at 30% 24%,#d4fff3,#3fe9b8 30%,#05a5ab 62%,#1d3f8f)!important;
  box-shadow:0 0 14px rgba(6,214,160,.5),inset -3px -4px 8px rgba(18,18,80,.45)!important;animation:nMorphA 6s ease-in-out infinite}
:root:root #aiChatPage .aic-ava > *{display:none!important}
:root:root #aiChatPage .aic-ava::before,:root:root #aiChatPage .aic-ava::after{content:'';position:absolute;top:35%;width:3.4px;height:7px;border-radius:3px;background:#fff;box-shadow:0 0 4px #fff;animation:nBlink 4.8s infinite}
:root:root #aiChatPage .aic-ava::before{left:9px}:root:root #aiChatPage .aic-ava::after{right:9px}
:root:root #aiChatPage .aic-bot-name{font-family:Outfit,sans-serif!important;font-weight:700!important;color:#eaf5f1!important}
:root:root #aiChatPage .aic-syn{background:rgba(71,243,187,.12)!important;color:#62f7c9!important;border:1px solid rgba(71,243,187,.22)!important}
:root:root #aiChatPage .aic-typing{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:999px!important;padding:11px 16px!important;backdrop-filter:blur(14px)}
:root:root #aiChatPage .aic-typing span{background:linear-gradient(135deg,#5cf5c4,#14a9d6)!important;opacity:1!important;animation:nDot 1.1s ease-in-out infinite!important}
:root:root #aiChatPage .aic-typing span:nth-child(2){animation-delay:.15s!important}:root:root #aiChatPage .aic-typing span:nth-child(3){animation-delay:.3s!important}
@keyframes nMsgIn{0%{opacity:0;transform:translateY(14px) scale(.96)}100%{opacity:1;transform:none}}
@keyframes nDot{0%,100%{transform:translateY(0);opacity:.45}40%{transform:translateY(-5px);opacity:1}}

:root:root #aiChatPage:not(.is-streaming) .aic-stream{padding-bottom:calc(4.9rem + var(--aic-nav-h) + env(safe-area-inset-bottom,0px))!important}
:root:root #aiChatPage .aic-thread-meta{flex-wrap:nowrap!important;white-space:nowrap!important;font-size:11px!important;gap:5px!important}
:root:root #aiChatPage .aic-thread-meta > span:not(.ok){display:none!important}
:root:root #aiChatPage .aic-thread-left{min-width:0!important}
:root:root #aiChatPage .aic-thread-title{font-family:Vazirmatn,Outfit,sans-serif!important}
/* bottom dock */
:root:root #aiChatPage .aic-nav{background:linear-gradient(180deg,rgba(5,6,7,.4),rgba(5,6,7,.92))!important;border-top:1px solid rgba(255,255,255,.06)!important;backdrop-filter:blur(20px)}
:root:root #aiChatPage .aic-nav-item{color:rgba(220,232,228,.5)!important;transition:color .2s,transform .15s}
:root:root #aiChatPage .aic-nav-item.active{color:#5cf5c4!important}
:root:root #aiChatPage .aic-nav-item.active .aic-ico{filter:drop-shadow(0 0 8px rgba(71,243,187,.7))}
:root:root #aiChatPage .aic-nav-item:active{transform:scale(.92)}

@media (max-height:700px){:root:root #aiChatPage{--o-s:min(44vw,170px)}:root:root .n-orb-wrap{min-height:calc(var(--o-s) + 70px)}:root:root #aiChatPage .aic-hello-sub{font-size:21px!important}}
@media (prefers-reduced-motion:reduce){
  :root:root .n-orb,:root:root .n-orb *,:root:root .n-orb-wrap,:root:root .n-orb-shadow,:root:root .n-spark,:root:root .n-chip,:root:root #aiChatPage .aic-ambient::before,:root:root #aiChatPage .aic-ambient::after,:root:root #aiChatPage .aic-mesh::before,:root:root #aiChatPage .aic-mesh::after,:root:root #aiChatPage .aic-send::before,:root:root #aiChatPage .aic-hello-sub{animation:none!important}
}

/* ================= WILDS AI CHAT v7 — Gemini-clean layout + drawer ================= */
/* no bottom tabs: menu + new chat live in the header */
:root:root #aiChatPage .aic-nav{display:none!important}
:root:root #aiChatPage .aic-composer,:root:root #aiChatPage.is-streaming .aic-composer{bottom:0!important;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px))!important;
  background:linear-gradient(180deg,rgba(5,6,7,0),rgba(5,6,7,.92) 38%)!important}
:root:root #aiChatPage .aic-stream,:root:root #aiChatPage.is-streaming .aic-stream,:root:root #aiChatPage:not(.is-streaming) .aic-stream{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))!important}
:root:root #aiChatPage .aic-ambient::before{opacity:.75}
:root:root #aiChatPage.is-streaming .aic-ambient::before{opacity:.4}
:root:root #aiChatPage.is-streaming .aic-ambient::after{opacity:.35}

/* header: [back][menu] … model … [new chat] */
:root:root #aiChatPage .aic-header{background:rgba(5,6,7,.72)!important;backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important;border-bottom:1px solid rgba(255,255,255,.05)!important}
:root:root #aiChatPage .aic-header-inner{height:58px!important;gap:8px!important}
:root:root #aiChatPage #aicBrandTgs,:root:root #aiChatPage #aicHist,:root:root #aiChatPage #aicProfileBtn{display:none!important}
:root:root #aiChatPage .aic-back-home,:root:root .n-hbtn{width:40px!important;height:40px!important;flex:none;display:grid!important;place-items:center;border-radius:50%!important;cursor:pointer;
  background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.08)!important;color:#eef4f2!important;-webkit-tap-highlight-color:transparent;transition:transform .15s,background .2s!important}
:root:root .n-hbtn svg{width:20px;height:20px}
:root:root .n-hbtn:active,:root:root #aiChatPage .aic-back-home:active{transform:scale(.9)!important;background:rgba(255,255,255,.12)!important}
:root:root #aiChatPage .aic-model{max-width:52vw;height:36px;padding:0 12px!important;gap:6px!important;display:inline-flex!important;align-items:center;
  font:600 12.5px Outfit,Vazirmatn,sans-serif!important;color:#e9f1ee!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:999px!important}
:root:root #aiChatPage #aicPillTxt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
:root:root #aiChatPage .aic-model i{flex:none;width:7px!important;height:7px!important;border-radius:50%}
:root:root #aiChatPage .aic-model-sheet{background:rgba(16,18,20,.97)!important;border-radius:20px!important;box-shadow:0 24px 60px rgba(0,0,0,.7)!important}
:root:root #aiChatPage .aic-model-item.sel,:root:root #aiChatPage .aic-model-item:active{background:rgba(71,243,187,.10)!important}

/* conversation, Gemini style: user = soft grey pill, bot = plain text */
:root:root #aiChatPage .aic-thread{display:none!important}
:root:root #aiChatPage .aic-msgs{padding:18px 16px 4px!important;gap:22px!important;display:flex;flex-direction:column}
:root:root #aiChatPage .aic-row.user{padding-inline-start:18%!important}
:root:root #aiChatPage .aic-row.user .aic-bubble{background:#1d2023!important;color:#f1f4f3!important;font-weight:400!important;border:1px solid rgba(255,255,255,.06)!important;
  border-radius:22px!important;border-end-end-radius:8px!important;padding:11px 16px!important;box-shadow:none!important;max-width:100%!important}
:root:root #aiChatPage .aic-row.user .aic-foot{display:none!important}
:root:root #aiChatPage .aic-row.bot{padding:0!important}
:root:root #aiChatPage .aic-row.bot .aic-bubble{background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  padding:2px 2px 0!important;max-width:100%!important;width:100%!important;color:#e8ecea!important;font-size:15px!important;line-height:1.85!important}
:root:root #aiChatPage .aic-row.bot .aic-bubble::before{content:none!important}
:root:root #aiChatPage .aic-row.bot .aic-foot{display:none!important}
:root:root #aiChatPage .aic-syn{display:none!important}
:root:root #aiChatPage .aic-meta{margin-bottom:6px!important;gap:9px!important}
:root:root #aiChatPage .aic-bot-name{font-size:13.5px!important}
:root:root #aiChatPage .aic-bubble b{color:#7ff7d2!important}
:root:root .n-acts{display:flex;gap:2px;margin-top:6px;margin-inline-start:-6px;opacity:0;animation:nItemIn .4s var(--n-ease) .25s both}
:root:root .n-act{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:0;background:none;color:rgba(225,235,231,.55);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .2s,color .2s,transform .15s}
:root:root .n-act svg{width:17px;height:17px}
:root:root .n-act:active{transform:scale(.88);background:rgba(255,255,255,.08)}
:root:root .n-act.ok{color:#5cf5c4}
:root:root .n-time{font:500 11px Outfit,sans-serif;color:rgba(225,235,231,.38);align-self:center;margin-inline-start:6px}

/* thinking: a small orb that breathes + shimmer label */
:root:root #aiChatPage .aic-typing{background:none!important;border:0!important;padding:4px 16px!important;margin:0!important;gap:10px!important;align-items:center;backdrop-filter:none!important}
:root:root #aiChatPage .aic-typing span{display:none!important}
:root:root #aiChatPage .aic-typing::before{content:'';flex:none;width:26px;height:26px;border-radius:50%;
  background:radial-gradient(circle at 52% 118%,rgba(123,107,255,.9),transparent 55%),radial-gradient(circle at 30% 24%,#d4fff3,#3fe9b8 30%,#05a5ab 62%,#1d3f8f);
  box-shadow:0 0 0 0 rgba(71,243,187,.5);animation:nThink 1.4s ease-in-out infinite}
:root:root #aiChatPage .aic-typing::after{content:var(--n-think,'Thinking…');font:600 13.5px Vazirmatn,Outfit,sans-serif;
  background:linear-gradient(90deg,rgba(220,235,230,.35) 0%,#ffffff 45%,rgba(220,235,230,.35) 70%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:nShimmer 1.6s linear infinite}
@keyframes nThink{0%,100%{transform:scale(.9);box-shadow:0 0 0 0 rgba(71,243,187,.45)}50%{transform:scale(1.05);box-shadow:0 0 0 9px rgba(71,243,187,0)}}
@keyframes nShimmer{0%{background-position:120% 0}100%{background-position:-120% 0}}

/* composer */
:root:root #aiChatPage .aic-composer-inner{max-width:720px!important}
:root:root #aiChatPage .aic-input{background:#16191b!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 10px 30px rgba(0,0,0,.45)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
:root:root #aiChatPage .aic-input:focus{border-color:rgba(255,255,255,.2)!important;box-shadow:0 10px 30px rgba(0,0,0,.45)!important;outline:none!important}
:root:root #aiChatPage .aic-send{overflow:hidden!important;-webkit-mask-image:radial-gradient(farthest-side,#000 98%,transparent 100%);mask-image:radial-gradient(farthest-side,#000 98%,transparent 100%);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.6),inset 0 -8px 16px rgba(20,24,90,.4)!important;transition:transform .15s,opacity .25s,filter .25s!important}
:root:root #aiChatPage .aic-bar:not(.n-has) .aic-send{background:#1b1e20!important;color:rgba(235,242,239,.42)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important}
:root:root #aiChatPage .aic-bar.n-has .aic-send{animation:nPopIn .35s cubic-bezier(.3,1.5,.5,1)}
@keyframes nPopIn{0%{transform:scale(.8)}100%{transform:scale(1)}}

/* side drawer (history + settings) */
:root:root .n-scrim{position:absolute;inset:0;z-index:300;background:rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:opacity .3s}
:root:root .n-drawer{position:absolute;top:0;bottom:0;left:0;right:auto;z-index:301;visibility:hidden;width:min(84vw,330px);display:flex;flex-direction:column;
  padding:calc(14px + env(safe-area-inset-top,0px)) 12px calc(12px + env(safe-area-inset-bottom,0px));
  background:linear-gradient(180deg,#0e1012,#08090a);border-inline-end:1px solid rgba(255,255,255,.07);box-shadow:20px 0 60px rgba(0,0,0,.5);
  transform:translateX(-104%);transition:transform .42s cubic-bezier(.2,.85,.2,1),visibility 0s linear .42s;font-family:Vazirmatn,Outfit,sans-serif;color:#e9efed}
:root:root .n-drawer.rtl{left:auto;right:0;transform:translateX(104%);border-inline-end:0;box-shadow:-20px 0 60px rgba(0,0,0,.5)}
:root:root #aiChatPage.n-dr-open .n-scrim{opacity:1;pointer-events:auto}
:root:root #aiChatPage.n-dr-open .n-drawer{transform:none;visibility:visible;transition:transform .42s cubic-bezier(.2,.85,.2,1),visibility 0s}
:root:root .n-dr-head{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 14px}
:root:root .n-dr-brand{display:flex;align-items:center;gap:10px;font:700 16px Outfit,sans-serif;letter-spacing:.01em}
:root:root .n-mini-orb{position:relative;flex:none;width:30px;height:30px;border-radius:50%;
  background:radial-gradient(circle at 52% 118%,rgba(123,107,255,.9),transparent 55%),radial-gradient(circle at 30% 24%,#d4fff3,#3fe9b8 30%,#05a5ab 62%,#1d3f8f);box-shadow:0 0 16px rgba(6,214,160,.45)}
:root:root .n-mini-orb::before,:root:root .n-mini-orb::after{content:'';position:absolute;top:35%;width:3.6px;height:8px;border-radius:3px;background:#fff;animation:nBlink 4.8s infinite}
:root:root .n-mini-orb::before{left:10px}:root:root .n-mini-orb::after{right:10px}
:root:root .n-dr-new{display:flex;align-items:center;gap:10px;width:100%;height:48px;padding:0 14px;border-radius:16px;cursor:pointer;
  border:1px solid rgba(71,243,187,.22);background:linear-gradient(135deg,rgba(71,243,187,.14),rgba(0,180,216,.08));color:#eafff7;font:600 14px Vazirmatn,Outfit,sans-serif;transition:transform .15s}
:root:root .n-dr-new svg{width:19px;height:19px;color:#5cf5c4}
:root:root .n-dr-new:active{transform:scale(.97)}
:root:root .n-dr-label{margin:20px 6px 8px;font:600 11.5px Outfit,Vazirmatn,sans-serif;color:rgba(225,235,231,.42);letter-spacing:.06em;text-transform:uppercase}
:root:root .n-dr-list{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;margin:0 -4px;padding:0 4px}
:root:root .n-dr-item{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:0 6px 0 12px;padding-inline:12px 4px;border-radius:13px;border:0;background:none;color:#dfe7e4;cursor:pointer;text-align:start;font:500 13.5px Vazirmatn,Outfit,sans-serif;transition:background .2s}
:root:root .n-dr-item span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:root:root .n-dr-item.cur{background:rgba(255,255,255,.07);color:#fff}
:root:root .n-dr-item:active{background:rgba(255,255,255,.09)}
:root:root .n-dr-del{flex:none;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;color:rgba(225,235,231,.4)}
:root:root .n-dr-del svg{width:15px;height:15px}
:root:root .n-dr-empty{padding:18px 10px;color:rgba(225,235,231,.4);font-size:13px;text-align:center}
:root:root .n-dr-foot{border-top:1px solid rgba(255,255,255,.06);margin-top:8px;padding-top:8px;display:flex;flex-direction:column;gap:2px}
:root:root .n-dr-row{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:0 10px;border-radius:13px;border:0;background:none;color:#dfe7e4;cursor:pointer;text-align:start;font:500 14px Vazirmatn,Outfit,sans-serif}
:root:root .n-dr-row svg{flex:none;width:19px;height:19px;color:rgba(225,235,231,.7)}
:root:root .n-dr-row em{margin-inline-start:auto;font-style:normal;font:500 11.5px Outfit,sans-serif;color:rgba(225,235,231,.45);max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:root:root .n-dr-row:active{background:rgba(255,255,255,.07)}
:root:root .n-dr-row.danger,:root:root .n-dr-row.danger svg{color:#ff8a8a}
:root:root .n-dr-user{display:flex;align-items:center;gap:11px;margin-top:8px;padding:10px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
:root:root .n-dr-ava{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font:700 15px Outfit,sans-serif;color:#04211c;background:linear-gradient(135deg,#5cf5c4,#14a9d6)}
:root:root .n-dr-user b{display:block;font:600 13.5px Vazirmatn,Outfit,sans-serif}
:root:root .n-dr-user small{display:block;font:500 11.5px Vazirmatn,Outfit,sans-serif;color:#5cf5c4}
@media (prefers-reduced-motion:reduce){:root:root .n-drawer,:root:root .n-scrim{transition:none!important}:root:root #aiChatPage .aic-typing::before,:root:root #aiChatPage .aic-typing::after{animation:none!important}}

/* ---------- motion preferences ---------- */
@media (prefers-reduced-motion:reduce){
  :root:root .tab.active::before,:root:root .avatar::after,:root:root .me-ava::after,:root:root .btn.btn-primary::before,:root:root .st-btn::before,:root:root .me-btn::before,:root:root .tk-btn::before,:root:root .dep-pay::before,:root:root .ex-btn::before,:root:root .wh-btn-shuffle::before,:root:root .wh-btn-share::before,:root:root .ai-sc-cta::before,:root:root #aiIntroGo::before,:root:root .sp-hero-ico::before,:root:root #aiPage .ai-plan.sel::before,:root:root #aiPage .ai-plan.sel::after,:root:root .btn.btn-primary::before,:root:root .n-glow::before,:root:root .create-gw-btn::before,:root:root .st-btn::before,:root:root .me-btn::before,:root:root .sp-hero-ico::after,body::before,:root:root .n-stage::before{animation:none!important}
  :root:root .tab-panel.active,:root:root .tab.active > svg,:root:root .n-hero *,:root:root .n-stage,:root:root .home-card,:root:root .create-gw-btn,:root:root .sp-hero,:root:root .modal-bg.show .modal,:root:root .modal-bg.show .modal > *,:root:root .wh-page.show,:root:root .tk-page.show,:root:root .lw-page.show,:root:root #starsPanel *,:root:root #profilePanel *,:root:root [id^=home] > *,:root:root .btn.btn-primary::after,:root:root .n-glow::after,:root:root .create-gw-btn::after,:root:root .st-btn::after,:root:root .me-btn::after{animation:none!important}
}