/* 🎪 (۱۰ آبان ۱۴۰۵، از نو) آتلیه، ظاهر «نمایشگاه زنده» (body.at-v4؛ فقط وقتی مالک تو /lab انتخابش کرده یا ?look=v4 برای خودش).
   اثر روز تمام‌عرض با هاله‌ای از رنگ‌های خودش (Artsy/Behance + Apple ambient)، استوری هنرمندها (Instagram/Cara)، نبض زنده،
   سکوی هفته (pixiv)، کارت‌هایی که با رنگ خودشون می‌درخشن و کج می‌شن (ArtStation/Dribbble)، لایک روی کارت، جستجو با رنگ (Cosmos)،
   ذره‌بین (Google Arts & Culture). Loaded only for this look; every rule is under .at-v4 or uses at4-/at5-.
   Everything that moves stops out of view (.off), in lite and for «reduce motion». */
.at-body.at-v4{--a-wall:#09080d;--a-card:#141219;--a-card2:#1c1922;--a-card3:#25212d;--a-ink:#faf6fb;--a-text:#d9d1dc;--a-mute:#9a90a3;--a-line:rgba(255,255,255,.07);--a-line2:rgba(255,255,255,.14);
  --a-grad:linear-gradient(120deg,#ffd1b8 0%,#ff8fb8 38%,#b78cff 72%,#7fd8ff 100%);--a5-glow:0 30px 80px -30px;background:#09080d}
.at-v4 .nav.solid{background:rgba(9,8,13,.78)}

/* ---------- اثر روز ---------- */
.at5-day{position:relative;isolation:isolate;overflow:hidden;padding:84px 0 40px;margin-top:-60px;min-height:min(92vh,760px);display:flex;align-items:center}
.at5-mesh{position:absolute;inset:-20%;z-index:-2;filter:saturate(1.25)}
.at5-mesh i{position:absolute;width:60%;aspect-ratio:1;border-radius:50%;opacity:.55;filter:blur(70px);animation:at5Drift 22s ease-in-out infinite alternate}
.at5-mesh i:nth-child(1){background:var(--c1);top:5%;inset-inline-start:0}
.at5-mesh i:nth-child(2){background:var(--c2);bottom:0;inset-inline-end:5%;animation-duration:27s;animation-delay:-8s}
.at5-mesh i:nth-child(3){background:var(--c3);top:30%;inset-inline-start:35%;width:45%;opacity:.4;animation-duration:31s;animation-delay:-15s}
@keyframes at5Drift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(6%,-4%) scale(1.12)}100%{transform:translate(-5%,5%) scale(.95)}}
.at5-day::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(9,8,13,.15),rgba(9,8,13,.35) 55%,#09080d 98%)}
.at5-grain{position:absolute;inset:0;z-index:-1;opacity:.07;background-image:radial-gradient(rgba(255,255,255,.9) .6px,transparent .6px);background-size:3px 3px;mix-blend-mode:overlay;pointer-events:none}
.at5-day-in{display:grid;gap:26px;align-items:center;width:100%}
@media(min-width:900px){.at5-day-in{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px}}
.at5-day-art{position:relative;display:block;justify-self:center;width:min(100%,560px);aspect-ratio:var(--ar);max-height:68vh;border-radius:22px;overflow:hidden;background:var(--c1);
  box-shadow:0 40px 120px -40px var(--c1),0 30px 60px -30px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.12);transform:perspective(1100px) rotateY(-4deg) rotateX(2deg);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.at5-day-art:hover{transform:perspective(1100px) rotateY(0) rotateX(0) scale(1.01)}
.at5-day-art img{width:100%;height:100%;object-fit:cover;display:block;animation:at5Ken 26s ease-in-out infinite alternate}
@keyframes at5Ken{from{transform:scale(1.02)}to{transform:scale(1.1) translate(-1.5%,-1%)}}
.at5-day-sh{position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.22) 48%,transparent 60%);background-size:250% 100%;animation:at5Sheen 7s ease-in-out infinite;mix-blend-mode:soft-light}
@keyframes at5Sheen{0%,60%{background-position:120% 0}100%{background-position:-60% 0}}
.at5-k{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:12px;font-weight:800;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.at5-k i{width:7px;height:7px;border-radius:50%;background:#ff5d7a;box-shadow:0 0 0 0 rgba(255,93,122,.7);animation:at5Ping 1.8s infinite}
@keyframes at5Ping{to{box-shadow:0 0 0 9px rgba(255,93,122,0)}}
.at5-day-t h1{margin:16px 0 14px;font:400 clamp(38px,8vw,84px)/1.02 var(--a-serif);color:#fff;text-wrap:balance;text-shadow:0 10px 40px rgba(0,0,0,.45)}
.at5-by{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;padding:6px 14px 6px 6px;border-radius:999px;background:rgba(0,0,0,.25);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.at5-by span{display:flex;flex-direction:column;line-height:1.25}.at5-by small{font-size:11px;color:rgba(255,255,255,.7)}.at5-by b{font-size:14px}
.at5-pal{display:flex;gap:8px;margin:18px 0 0}
.at5-pal a{width:30px;height:30px;border-radius:9px;background:var(--c);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25),0 8px 18px -8px var(--c);transition:transform .2s}
.at5-pal a:hover{transform:translateY(-3px) rotate(-6deg)}
.at5-day-a{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.at-v4 .at5-day .at-btn:not(.gh){background:#fff;color:#170d1c}
.at5-ql2.on,.at5-q.on{color:#ff5d7a}
.at5-ql2 svg,.at5-q svg{width:18px;height:18px;fill:currentColor}
.at5-day.off .at5-mesh i,.at5-day.off .at5-day-art img,.at5-day.off .at5-day-sh,.at5-day.off .at5-k i{animation-play-state:paused}

/* ---------- سربرگ آتلیه، استوری‌ها، نبض ---------- */
.at4-head{position:relative;padding:10px 0 4px;background:transparent}
.at4-top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px}
.at4-k{display:block;font-size:12px;font-weight:900;letter-spacing:.02em;background:var(--a-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.at5-h{margin:6px 0 0;font:400 clamp(26px,5.4vw,44px)/1.1 var(--a-serif);color:#faf6fb;text-wrap:balance}
.at4-n{margin:8px 0 0;color:var(--a-mute);font-size:13px}.at4-n b{color:#faf6fb}
.at4-top .at-cta{display:flex;flex-wrap:wrap;gap:8px}
.at-v4 .at4-q{max-width:none;height:54px;margin:18px 0 0;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 20px 50px -30px rgba(183,140,255,.6)}
.at4-nav{display:flex;gap:6px;margin:16px -16px 0;padding:6px 16px;overflow-x:auto;scrollbar-width:none;position:sticky;top:60px;z-index:4;background:linear-gradient(#09080d 70%,transparent)}
.at4-nav::-webkit-scrollbar{display:none}
.at4-nav a{flex:none;padding:9px 16px;border-radius:999px;color:var(--a-mute);font-size:13.5px;font-weight:800;text-decoration:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);transition:color .2s,background .2s}
.at4-nav a.on{color:#170d1c;background:var(--a-grad);box-shadow:none}.at4-nav a:not(.on):hover{color:#faf6fb;background:rgba(255,255,255,.06)}
.at5-st{display:flex;gap:14px;margin:18px -16px 0;padding:6px 16px 4px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}
.at5-st::-webkit-scrollbar{display:none}
.at5-sr{flex:none;display:flex;flex-direction:column;align-items:center;gap:7px;width:76px;border:0;background:none;color:var(--a-text);cursor:pointer;scroll-snap-align:start;padding:0}
.at5-ring{position:relative;display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:conic-gradient(from 210deg,#ffd1b8,#ff8fb8,#b78cff,#7fd8ff,#ffd1b8);transition:transform .2s}
.at5-ring>span{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#09080d}
.at5-ring .at-av{--s:58px!important}
.at5-sr.seen .at5-ring{background:rgba(255,255,255,.18)}
.at5-sr:hover .at5-ring{transform:scale(1.06)}
.at5-sr b{max-width:76px;font-size:11.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.at5-sr.me .at5-ring{background:rgba(255,255,255,.14)}
.at5-sr.me em{position:absolute;bottom:0;inset-inline-end:0;width:24px;height:24px;border-radius:50%;background:var(--a-grad);color:#170d1c;font:900 17px/24px var(--font);font-style:normal;box-shadow:0 0 0 3px #09080d}
.at5-pulse{display:flex;align-items:center;gap:10px;margin:16px 0 4px;padding:8px 8px 8px 0;border-radius:14px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);overflow:hidden}
.at5-live{flex:none;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;margin-inline-start:8px;border-radius:999px;background:rgba(255,93,122,.14);color:#ff8ea2;font-size:11.5px;font-weight:900}
.at5-live i{width:6px;height:6px;border-radius:50%;background:#ff5d7a;animation:at5Ping 1.8s infinite}
.at5-tk{flex:1;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.at5-tki{display:flex;gap:28px;width:max-content;animation:at5Tick calc(var(--n) * 6s) linear infinite}
.at5-tk:hover .at5-tki,.at5-pulse.off .at5-tki,.at5-pulse.off .at5-live i{animation-play-state:paused}
@keyframes at5Tick{from{transform:translateX(0)}to{transform:translateX(50%)}}
.at5-tki a{flex:none;display:inline-flex;align-items:center;gap:6px;color:var(--a-text);font-size:12.5px;text-decoration:none;white-space:nowrap}
.at5-tki a b{color:#faf6fb}.at5-tki small{color:var(--a-mute);margin-inline-start:4px}
.at5-tki i{width:8px;height:8px;border-radius:3px;background:#b78cff}.at5-tki i.c{background:#7fd8ff;border-radius:50%}

/* ---------- سکوی هفته ---------- */
.at5-pod{margin:34px 0 6px}
.at5-pod-r{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:10px;align-items:end}
.at5-pd{position:relative;display:flex;flex-direction:column;gap:3px;color:#faf6fb;text-decoration:none;min-width:0;transform:perspective(900px) rotateX(var(--rx,0)) rotateY(var(--ry,0));transition:transform .25s}
.at5-pd-i{display:block;aspect-ratio:3/4;border-radius:18px;overflow:hidden;background:var(--pc,#1c1922);box-shadow:0 26px 60px -28px var(--pc,#000)}
.at5-pd.p1 .at5-pd-i{box-shadow:0 0 0 2px #ffd88a,0 30px 80px -26px var(--pc,#ffd88a)}
.at5-pd img{width:100%;height:100%;object-fit:cover;display:block}
.at5-pd em{position:absolute;top:10px;inset-inline-start:10px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:900 16px/1 var(--font);font-style:normal;color:#170d1c;background:#d9dde4;box-shadow:0 8px 20px -6px rgba(0,0,0,.6)}
.at5-pd.p1 em{background:linear-gradient(135deg,#fff2c4,#ffc44d);width:42px;height:42px;font-size:19px}.at5-pd.p3 em{background:linear-gradient(135deg,#ffd8bf,#d98a55)}
.at5-pd b{margin-top:8px;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.at5-pd small{color:var(--a-mute);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---------- جستجو با رنگ ---------- */
.at4-cols{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:30px 0 4px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.at4-cols [data-col]:not(.at4-cur):not(.at4-clr){width:30px;height:30px;border-radius:50%;border:0;background:var(--c);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 6px 16px -8px var(--c);cursor:pointer;transition:transform .15s}
.at4-cols [data-col]:not(.at4-cur):not(.at4-clr):hover{transform:scale(1.15)}
.at4-cols [data-col].on{box-shadow:0 0 0 2px #09080d,0 0 0 4px #faf6fb}
.at4-pick{position:relative;width:30px;height:30px;border-radius:50%;overflow:hidden;cursor:pointer;background:conic-gradient(#e5484d,#f2c94c,#6fcf97,#4a90e2,#9b51e0,#f06292,#e5484d)}
.at4-pick input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}

/* ---------- دیوار: هر کارت با رنگ خودش می‌درخشه، زیر موس کج می‌شه، لایک روی خودش ---------- */
.at-v4 .at-ph{background:var(--pc,#1c1922)}
.at-v4 .at-w{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.at-v4 .at-w.tl{transform:perspective(900px) rotateX(var(--rx,0)) rotateY(var(--ry,0)) translateY(-4px);box-shadow:0 26px 60px -28px var(--pc,#000);z-index:2}
.at-v4 .at-w.tl .at-ph::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%),rgba(255,255,255,.22),transparent 55%);pointer-events:none;mix-blend-mode:soft-light}
.at-v4 .at-w .at-ph{position:relative}
.at5-q{position:absolute;bottom:8px;inset-inline-start:8px;z-index:2;display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:0 10px;border-radius:999px;border:0;background:rgba(9,8,13,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font:800 12px/1 var(--font);cursor:pointer;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}
.at-v4 .at-w:hover .at5-q,.at5-q.on,.at5-q:focus-visible{opacity:1;transform:none}
@media(hover:none){.at5-q{opacity:1;transform:none}}
.at-v4 .at-chip.on{background:var(--a-grad);color:#170d1c;box-shadow:none}
.at-v4 .at-seg button.on{background:#faf6fb;color:#170d1c;box-shadow:none}
.at-v4 .at-fh::before{background:linear-gradient(90deg,transparent,rgba(255,143,184,.5) 30%,rgba(127,216,255,.5) 70%,transparent)}

/* ---------- صفحه‌ی هنرمند ---------- */
.at-v4 .at-ah2 .at-av{box-shadow:0 0 0 4px #09080d,0 0 0 7px transparent;background-clip:padding-box;position:relative}
.at-v4 .at-ah2-in>.at-av{outline:3px solid transparent;box-shadow:0 0 0 4px #09080d,0 0 0 8px #ff8fb8,0 20px 60px -20px #b78cff}
.at-v4 .at-ah-st b{background:var(--a-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.at-v4 .atc-tr.w1{box-shadow:0 0 18px -4px #ffc44d}

/* ---------- صفحه‌ی اثر ---------- */
.at-v4 .at-amb{opacity:.55}
@media(min-width:1100px){.at-v4 .at-wk:not(.cm){grid-template-columns:minmax(0,1fr) 380px}}
.at-v4 .at-pal button{cursor:pointer;transition:transform .15s}.at-v4 .at-pal button:hover{transform:translateY(-3px)}
.at-v4 [data-zoom] svg{fill:none;stroke:currentColor;stroke-width:2.2}
@media(max-width:899px){.at-body.at-v4 .at-acts{position:sticky;bottom:calc(74px + env(safe-area-inset-bottom));z-index:5;display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;scrollbar-width:none;padding:8px;margin-inline:-8px;border-radius:18px;background:rgba(20,18,25,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 30px -10px #000}
  .at-body.at-v4 .at-acts::-webkit-scrollbar{display:none}
  .at-body.at-v4 .at-acts .at-btn{flex:none;min-height:42px;padding:0 14px}
  .at-body.at-v4 .at-acts .at-btn:not(.like) span{display:none}
  .at-body.at-v4 .at-acts .at-own{display:contents}}

/* ---------- استوری تمام‌صفحه ---------- */
.at5-sv{position:fixed;inset:0;z-index:9990;background:#000;color:#fff;touch-action:none;user-select:none;-webkit-user-select:none}
.at5-sv-bg{position:absolute;inset:-40px;background:center/cover no-repeat;filter:blur(40px) saturate(1.4) brightness(.55);transform:scale(1.1)}
.at5-sv-c{position:relative;height:100%;max-width:520px;margin:0 auto;display:flex;flex-direction:column;padding:max(10px,env(safe-area-inset-top)) 12px max(14px,env(safe-area-inset-bottom))}
.at5-sv-bars{display:flex;gap:4px}.at5-sv-bars i{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.3);overflow:hidden}
.at5-sv-bars i.d{background:#fff}.at5-sv-bars b{display:block;height:100%;background:#fff;transform:scaleX(0);transform-origin:right}
.at5-sv-h{display:flex;align-items:center;justify-content:space-between;margin:12px 0}
.at5-sv-h a{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.at5-sv-h span{display:flex;flex-direction:column}.at5-sv-h small{font-size:11px;color:rgba(255,255,255,.7)}
.at5-sv-x{width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;display:grid;place-items:center;cursor:pointer}
.at5-sv-x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.at5-sv-i{flex:1;min-height:0;display:grid;place-items:center}
.at5-sv-i img{max-width:100%;max-height:100%;object-fit:contain;border-radius:14px;box-shadow:0 30px 80px -20px rgba(0,0,0,.8);animation:at5In .45s cubic-bezier(.2,.7,.2,1)}
@keyframes at5In{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
.at5-sv-f{display:flex;align-items:center;gap:8px;margin-top:12px}.at5-sv-f b{flex:1;min-width:0;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.at5-sv-f .at-btn.on{color:#ff5d7a}.at5-sv-f svg{width:18px;height:18px;fill:currentColor}

/* ---------- جشن هنرمند ---------- */
.at5-cel{position:fixed;inset:0;z-index:9991;display:grid;place-items:center;background:rgba(9,8,13,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:at5Fade .3s}
.at5-cel.out{animation:at5Fade .5s reverse forwards}
@keyframes at5Fade{from{opacity:0}to{opacity:1}}
.at5-cel-in{position:relative;width:min(88vw,340px);padding:30px 22px 22px;border-radius:26px;text-align:center;background:linear-gradient(160deg,#241b30,#120f17);box-shadow:0 0 0 1px rgba(255,255,255,.12),0 40px 100px -30px #b78cff;animation:at5Pop .6s cubic-bezier(.2,1.4,.3,1)}
@keyframes at5Pop{from{transform:scale(.7) rotate(-4deg);opacity:0}to{transform:none;opacity:1}}
.at5-cel-n{display:block;font:900 64px/1 var(--font);background:var(--a-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.at5-cel-in b{display:block;margin-top:8px;font:400 30px/1.2 var(--a-serif);color:#fff}.at5-cel-in p{margin:6px 0 16px;color:var(--a-text);line-height:1.8}

/* ---------- آروم ---------- */
html.lite .at-v4 .at5-mesh i,html.lite .at-v4 .at5-day-art img,html.lite .at-v4 .at5-day-sh,html.lite .at-v4 .at5-tki{animation:none}
html.lite .at-v4 .at5-k,html.lite .at-v4 .at5-q,html.lite .at-body.at-v4 .at-acts{-webkit-backdrop-filter:none;backdrop-filter:none}
html.lite .at5-sv-bg{filter:brightness(.4);inset:0;transform:none}
html.lite .at-v4 .at5-tki{flex-wrap:nowrap;overflow-x:auto}
@media(prefers-reduced-motion:reduce){.at-v4 .at5-mesh i,.at-v4 .at5-day-art img,.at-v4 .at5-day-sh,.at-v4 .at5-tki,.at5-k i,.at5-live i{animation:none}.at-v4 .at-w.tl,.at5-pd{transform:none}}
.at5-pod-r{max-width:820px;margin-inline:auto}
@media(min-width:900px){.at5-pod-r{gap:18px}}
@media(max-width:899px){.at5-day{min-height:0;padding:74px 0 18px}.at5-day-art{max-height:44vh;width:auto;max-width:100%;transform:none}.at5-day-in{gap:16px}.at5-day-t h1{margin:12px 0 10px;font-size:clamp(32px,9vw,44px)}.at5-pal{margin-top:12px}.at5-day-a{margin-top:14px}}
/* (۱۱ آبان) the gallery door sits on top now: the day's work no longer slides up under it */
.at-gd + .at5-day{margin-top:0;padding-top:30px}

/* ---------- 📖 استوری‌ها نسخه‌ی ۲ (۱۱ آبان): حلقه‌ی تیکه‌تیکه، نمایشگر کامل ---------- */
.at5-ring.v2{background:none}
.at5-ring.v2>span{width:62px;height:62px;background:#09080d}
.at5-rs{position:absolute;inset:-3px;width:calc(100% + 6px);height:calc(100% + 6px);fill:none;stroke-linecap:round;pointer-events:none}
.at5-sr:not(.seen) .at5-ring.v2{filter:drop-shadow(0 0 10px rgba(255,111,168,.25))}
.at5-rn{position:absolute;bottom:-3px;inset-inline-start:-2px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:linear-gradient(135deg,#ff6fa8,#a77cff);color:#fff;font:800 11px/20px var(--font);font-style:normal;box-shadow:0 0 0 2.5px #09080d}
.at5-sr.seen b{color:rgba(255,255,255,.55)}
.at5-sv.v2{--fade:1;background:#000;animation:at5Fade .22s}
.at5-sv.v2.out{opacity:0;transition:opacity .2s}
.at5-sv.v2 .at5-sv-bg{opacity:var(--fade);transition:background-image .4s}
.at5-sv-st{position:relative;height:100%;perspective:1400px}
.at5-sv.v2 .at5-sv-c{transition:transform .25s;will-change:transform}
.at5-sv-c.cube{animation:at5Cube .48s cubic-bezier(.3,.7,.2,1)}
.at5-sv-c.cube.nx{transform-origin:100% 50%;--cr:-75deg}.at5-sv-c.cube.pv{transform-origin:0% 50%;--cr:75deg}
@keyframes at5Cube{from{transform:rotateY(var(--cr));opacity:.4}to{transform:none;opacity:1}}
.at5-sv-bars i{position:relative}.at5-sv-bars b{will-change:transform}
.at5-sv-ha{display:flex;align-items:center;gap:6px}.at5-sv-h .at5-sv-ha{flex-direction:row}.at5-sv-h .at5-sv-vw{flex-direction:row}
.at5-sv-fl{height:32px;padding:0 13px;border-radius:999px;border:0;background:#fff;color:#16111d;font:800 12px/1 var(--font);cursor:pointer}
.at5-sv-fl[data-on="1"]{background:rgba(255,255,255,.16);color:#fff}
.at5-sv-p{width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center;cursor:pointer}
.at5-sv-p svg{width:16px;height:16px;fill:currentColor;stroke:currentColor;stroke-width:2.6;stroke-linecap:round}
.at5-sv-i{position:relative}
.at5-sv-i img{opacity:0;transition:opacity .25s}.at5-sv-i.ok img{opacity:1}
.at5-sv-ld{position:absolute;width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;animation:at5Spin .8s linear infinite}
.at5-sv-i.ok .at5-sv-ld{display:none}
@keyframes at5Spin{to{transform:rotate(360deg)}}
.at5-sv-ft{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.at5-sv-ft b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.at5-sv-vw{display:flex;align-items:center;gap:4px;font-size:11.5px;color:rgba(255,255,255,.7)}.at5-sv-vw:empty{display:none}
.at5-sv-vw i svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;display:block}
.at5-sv-f .at-btn.i{padding:0;width:36px;justify-content:center}.at5-sv-f .at-btn.i svg{fill:none;stroke:currentColor;stroke-width:2}
.at5-sv-r{margin-top:10px;display:flex;flex-direction:column;gap:8px}
.at5-sv-rx{display:flex;justify-content:center;gap:6px}
.at5-sv-rx button{width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.1);font-size:21px;line-height:1;cursor:pointer;transition:transform .15s}
.at5-sv-rx button:active{transform:scale(1.25)}.at5-sv-rx button:disabled{opacity:.45}
.at5-sv-in{display:flex;align-items:center;gap:6px;height:44px;padding:0 6px 0 4px;padding-inline-start:16px;border-radius:999px;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35)}
.at5-sv-in input{flex:1;min-width:0;height:100%;border:0;background:none;color:#fff;font:500 14px var(--font);outline:0}
.at5-sv-in input::placeholder{color:rgba(255,255,255,.65)}
.at5-sv-in button{width:34px;height:34px;border-radius:50%;border:0;background:#fff;color:#16111d;display:grid;place-items:center;cursor:pointer}
.at5-sv-in button svg{width:16px;height:16px;fill:currentColor;transform:scaleX(-1)}
.at5-sv-in.busy{opacity:.6;pointer-events:none}
.at5-sv.typing .at5-sv-rx{display:none}
.at5-sv-h,.at5-sv-f,.at5-sv-r,.at5-sv-bars{transition:opacity .25s}
.at5-sv.hold .at5-sv-h,.at5-sv.hold .at5-sv-f,.at5-sv.hold .at5-sv-r,.at5-sv.hold .at5-sv-bars{opacity:0}
.at5-sv-burst{position:absolute;z-index:3;width:96px;height:96px;margin:-48px 0 0 -48px;pointer-events:none;color:#ff4f86;animation:at5Burst .95s cubic-bezier(.2,1.2,.3,1) forwards;filter:drop-shadow(0 8px 24px rgba(255,79,134,.55))}
.at5-sv-burst svg{width:100%;height:100%;fill:currentColor}
.at5-sv-burst.e{width:60px;height:60px;margin:-30px 0 0 -30px;font-size:50px;line-height:60px;text-align:center;filter:none;animation-name:at5Float}
@keyframes at5Burst{0%{transform:scale(.2);opacity:0}25%{transform:scale(1.15);opacity:1}45%{transform:scale(.95)}80%{opacity:1}100%{transform:scale(1.05) translateY(-60px);opacity:0}}
@keyframes at5Float{0%{transform:scale(.4);opacity:0}20%{transform:scale(1.2);opacity:1}100%{transform:translateY(-220px) scale(.9);opacity:0}}
@media(min-width:900px){.at5-sv.v2 .at5-sv-c{max-width:460px}}
@media(max-height:640px){.at5-sv-rx{display:none}}
html.lite .at5-sv-c.cube,html.lite .at5-sv.v2{animation:none}
@media(prefers-reduced-motion:reduce){.at5-sv-c.cube,.at5-sv.v2,.at5-sv-burst{animation:none}}

/* ---------- 🎨 با رنگ بگرد، نسخه‌ی ۲ (۱۱ آبان) ---------- */
.at4-cols{flex-direction:column;align-items:stretch;gap:12px;transition:box-shadow .3s}
.at4-cols.has{box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 18px 40px -30px var(--c,#ff9fbe)}
.at4-ch{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.at4-ch>b{font-size:14px;color:#faf6fb}.at4-ch>small{font-size:12px;color:rgba(250,246,251,.6)}
.at4-now{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px 0 8px;padding-inline-start:8px;border-radius:999px;background:rgba(255,255,255,.08);font:700 12.5px/1 var(--font);color:#faf6fb}
.at4-now i{width:16px;height:16px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.at4-clr{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;margin-inline-start:auto;border-radius:999px;border:0;background:#faf6fb;color:#16111d;font:800 12.5px/1 var(--font);cursor:pointer}
.at4-clr svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.6}
.at4-sw{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.at4-pick.on{box-shadow:0 0 0 2px #09080d,0 0 0 4px #faf6fb}
.at4-shd{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:10px;border-top:1px solid rgba(255,255,255,.07);animation:at5Fade .3s}
.at4-shd small{font-size:12px;color:rgba(250,246,251,.65);margin-inline-end:4px}
.at4-shd [data-col]{width:26px!important;height:26px!important;border-radius:8px!important}
.at4-colx{display:inline-flex;align-items:center;gap:6px;flex:none;height:34px;padding:0 10px;border-radius:999px;border:0;background:rgba(255,255,255,.1);color:#faf6fb;font:700 12px/1 var(--font);cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);animation:at5Fade .25s}
.at4-colx i{width:15px;height:15px;border-radius:50%;background:var(--c)}
.at4-colx svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.6;opacity:.8}
@media(max-width:520px){.at4-clr{margin-inline-start:0}.at4-sw{gap:7px}.at4-cols [data-col]:not(.at4-cur):not(.at4-clr){width:28px;height:28px}}