html:not(.js) .needs-js{display:none!important}.demo-wrap{--demo: var(--accent);position:relative}.demo-wrap:before{content:"";position:absolute;inset:6% -4% -8%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--demo) 75%,transparent),transparent);filter:blur(70px);opacity:.45;pointer-events:none}@media(prefers-color-scheme:light){.demo-wrap:before{opacity:.25}}.demo{position:relative;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 75%,var(--surface)),var(--surface) 55%);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-card),inset 0 1px 0 var(--shine);overflow:hidden}.demo-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 22px;background:color-mix(in srgb,var(--surface-2) 70%,transparent);border-bottom:1px solid var(--border)}.demo-head:before{content:"";flex:none;width:44px;height:10px;background:radial-gradient(circle at 5px 5px,#fb7185 4.5px,transparent 5px),radial-gradient(circle at 22px 5px,#fbbf24 4.5px,transparent 5px),radial-gradient(circle at 39px 5px,#34d399 4.5px,transparent 5px)}.demo-head h3{font-size:1.05rem}.demo-head .illus{margin-inline-start:auto}.demo-body{padding:clamp(16px,2.4vw,24px);display:grid;gap:14px}.mini{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:10px;font-size:.9rem;font-weight:620;border:1px solid var(--border-strong);background:var(--bg-raised);color:var(--text);transition:background .15s ease,border-color .15s ease,transform .2s var(--ease)}.mini:hover{background:var(--surface-3)}.mini svg{width:15px;height:15px}.mini.go{border-color:transparent;color:#fff;background:linear-gradient(135deg,var(--brand-1),var(--brand-2))}.mini.go:hover{transform:translateY(-1px)}.mini[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 22%,var(--bg-raised))}.count{display:inline-grid;place-items:center;min-width:26px;height:26px;padding-inline:8px;border-radius:99px;font-size:.85rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#f59e0b,#ea580c)}.src{display:inline-flex;align-items:center;padding:3px 10px;border-radius:99px;font-size:.78rem;font-weight:620;white-space:nowrap;background:color-mix(in srgb,var(--c, var(--accent)) 20%,transparent);color:color-mix(in srgb,var(--c, var(--accent)) 62%,var(--text))}.stage{--t1: #8b5cf6;--t2: #6d28d9;position:relative;width:100%;max-width:980px;margin-inline:auto;display:grid;gap:20px;text-align:start}.stage-glow{position:absolute;inset:8% -10% -6%;z-index:-1;background:radial-gradient(55% 55% at 35% 60%,color-mix(in srgb,var(--t1) 90%,transparent),transparent 70%),radial-gradient(45% 50% at 75% 35%,color-mix(in srgb,var(--t2) 85%,transparent),transparent 70%);filter:blur(80px);opacity:.55;pointer-events:none}@media(prefers-color-scheme:light){.stage-glow{opacity:.32}}.stage-bar{position:relative;z-index:2;display:flex;align-items:center;gap:14px;width:min(100%,780px);margin-inline:auto;padding:11px 12px;border-radius:20px;background:color-mix(in srgb,var(--surface) 74%,transparent);-webkit-backdrop-filter:blur(20px) saturate(170%);backdrop-filter:blur(20px) saturate(170%);border:1px solid color-mix(in srgb,var(--t1) 55%,var(--border-strong));box-shadow:0 0 0 5px color-mix(in srgb,var(--t1) 15%,transparent),0 24px 60px -28px var(--t1),inset 0 1px 0 var(--shine);transition:border-color .7s ease,box-shadow .7s ease}.stage-spark{flex:none;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--t1),var(--t2));box-shadow:0 10px 24px -10px var(--t1),inset 0 1px #ffffff4d}.stage-spark svg{width:21px;height:21px}.stage-brief{flex:1;min-width:0;min-height:3em;display:flex;align-items:center;font-size:clamp(.98rem,1.45vw,1.1rem);line-height:1.4;font-weight:520}.caret{display:inline-block;width:2px;height:1.1em;margin-inline-start:2px;vertical-align:-.18em;background:var(--t1);animation:s-blink 1s steps(2,jump-none) infinite}.stage-open{flex:none;display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:12px;font-size:.9rem;font-weight:620;text-decoration:none;color:#fff;background:linear-gradient(135deg,var(--t1),var(--t2));box-shadow:inset 0 1px #ffffff47;white-space:nowrap}.stage-open svg{width:15px;height:15px;transition:transform .25s var(--ease)}.stage-open:hover svg{transform:translate(3px)}@media(max-width:640px){.stage-bar{flex-wrap:wrap}.stage-brief{flex-basis:calc(100% - 60px)}.stage-open{margin-inline-start:auto}}.stage-screen{--spin: 0deg;position:relative;z-index:1;border-radius:26px;background:var(--surface)}.stage-screen .s-win{border-radius:25px;border-color:transparent;box-shadow:none}.stage-panel{transition:opacity .5s ease,filter .5s ease,transform .7s var(--ease)}.stage-panel.dim{opacity:.35;filter:blur(3px) saturate(.6);transform:scale(.992)}.stage-steps{display:flex;flex-wrap:wrap;gap:8px;padding:14px 16px 16px}.stage-steps li{display:inline-flex;align-items:center;gap:9px;padding:8px 15px 8px 9px;border-radius:999px;font-size:.9rem;font-weight:560;background:color-mix(in srgb,var(--surface-2) 86%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-strong);box-shadow:0 18px 36px -20px #000c,inset 0 1px 0 var(--shine);transition:opacity .5s ease,transform .6s var(--ease)}.stage-steps li:before{content:"";flex:none;width:20px;height:20px;border-radius:50%;background:var(--turq) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23042f2a' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 12px no-repeat}.js .stage-steps li:not(.done){opacity:0;transform:translate(-16px) scale(.96)}@media(min-width:1100px){.stage-steps{position:absolute;inset-inline-start:-46px;bottom:38px;z-index:4;display:grid;justify-items:start;gap:10px;padding:0}}.stage-dock{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:8px;border-radius:24px;background:color-mix(in srgb,var(--surface) 76%,transparent);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);border:1px solid var(--border-strong);box-shadow:0 26px 60px -30px #000000e6,inset 0 1px 0 var(--shine)}@media(min-width:820px){.stage-dock{grid-template-columns:repeat(8,minmax(0,1fr));width:min(100%,760px);margin-inline:auto}}.stage-tab{--t1: var(--accent);--t2: var(--accent-2);position:relative;display:grid;justify-items:center;gap:7px;padding:10px 4px 9px;border-radius:17px;font-size:.76rem;font-weight:600;color:var(--text-3);min-width:0;transition:background .25s ease,color .25s ease}.stage-tab span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-tab .app-ic{width:40px;height:40px;border-radius:12px;transition:transform .45s var(--ease),box-shadow .45s ease,filter .3s ease;filter:saturate(.75) brightness(.85)}.stage-tab .app-ic svg{width:21px;height:21px}.stage-tab:hover{color:var(--text)}.stage-tab:hover .app-ic{transform:translateY(-4px) scale(1.08);filter:none}.stage-tab[aria-selected=true]{color:var(--text);background:color-mix(in srgb,var(--t1) 16%,transparent)}.stage-tab[aria-selected=true] .app-ic{transform:translateY(-5px) scale(1.14);filter:none;box-shadow:0 16px 30px -10px var(--t1),inset 0 1px #ffffff59}.stage-foot{display:flex;align-items:center;justify-content:center;gap:16px}.stage-auto{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;font-weight:620;color:var(--text-2);padding:5px 12px;border-radius:999px;border:1px solid var(--border-strong)}.stage-auto:hover{color:var(--text);background:var(--surface-2)}.stage-floats{display:none}@media(min-width:1340px){.stage-floats{display:block;position:absolute;inset:0;z-index:5;pointer-events:none}}.stage-float{position:absolute;width:214px;transform:translate3d(calc(var(--px, 0) * var(--depth) * 1px),calc(var(--py, 0) * var(--depth) * 1px),0);transition:transform .5s var(--ease)}.stage-float>div{display:grid;gap:7px;justify-items:start;padding:14px 16px;border-radius:18px;background:color-mix(in srgb,var(--surface) 70%,transparent);-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);border:1px solid var(--border-strong);box-shadow:0 30px 60px -30px #000000e6,inset 0 1px 0 var(--shine);animation:float 7s ease-in-out infinite alternate;font-size:.9rem}.stage-float b{font-weight:620;line-height:1.3}.stage-float small{color:var(--text-3);font-size:.82rem}.stage-float .dots{font-family:var(--mono);letter-spacing:.2em}.stage-float .mini{padding:5px 12px;font-size:.8rem}.stage-float .spark{display:flex;align-items:flex-end;gap:4px;width:100%;height:34px}.stage-float .spark i{flex:1;height:var(--h);border-radius:3px 3px 0 0;background:linear-gradient(180deg,#34d399,#10b98140)}.stage-float.f1{inset-inline-start:-206px;top:41%}.stage-float.f2{inset-inline-end:-214px;top:22%}.stage-float.f2>div{animation-delay:-2.5s;animation-duration:8.5s}.stage-float.f3{inset-inline-end:-176px;top:62%}.stage-float.f3>div{animation-delay:-4s;animation-duration:6.5s}.stage-float.f4{inset-inline-start:-196px;top:11%}.stage-float.f4>div{animation-delay:-1.2s;animation-duration:9s}.cart-list{display:grid;gap:10px}.cart-item{display:grid;gap:10px 14px;align-items:center;grid-template-columns:minmax(0,1fr);padding:14px 16px;border-radius:14px;background:var(--bg-raised);border:1px solid var(--border);transition:opacity .35s ease,transform .45s var(--ease),border-color .2s ease}@media(min-width:620px){.cart-item{grid-template-columns:minmax(0,1fr) auto}}.cart-item:hover{border-color:var(--border-strong)}.cart-item.leaving{opacity:0;transform:translate(28px) scale(.98)}.cart-item b{display:block;font-weight:620;margin-top:6px}.cart-item small{color:var(--text-3);font-size:.88rem}.cart-filters{display:flex;flex-wrap:wrap;gap:8px}.cart-log{display:grid;gap:8px;font-size:.93rem;color:var(--text-2)}.cart-log li{display:flex;gap:10px;align-items:baseline;animation:s-rise .5s var(--ease) both}.cart-log li:before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--turq);transform:translateY(-1px)}.cart-empty{padding:26px 20px;border-radius:14px;border:1px dashed var(--border-strong);text-align:center;display:grid;gap:12px;justify-items:center}.cart-empty p{font-family:var(--serif);font-style:italic;font-size:1.5rem;line-height:1.2}.being{width:46px;height:46px;flex:none}.run{display:grid;gap:10px;counter-reset:run}.run li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;align-items:baseline;padding:12px 14px;border-radius:13px;background:var(--bg-raised);border:1px solid var(--border)}.js .run li{opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .6s var(--ease)}.js .run li.on{opacity:1;transform:none}.eff{display:inline-block;min-width:78px;text-align:center;padding:3px 10px;border-radius:99px;font-size:.76rem;font-weight:650;letter-spacing:.02em;background:color-mix(in srgb,var(--c) 20%,transparent);color:color-mix(in srgb,var(--c) 62%,var(--text))}.run .held{grid-column:1 / -1;margin-top:8px;padding:14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--saffron) 60%,transparent);background:color-mix(in srgb,var(--saffron) 11%,transparent);display:grid;gap:12px}.run .held p{font-weight:560}.run li.outcome{border-color:color-mix(in srgb,var(--turq) 55%,transparent);background:color-mix(in srgb,var(--turq) 10%,var(--bg-raised))}.run li.outcome.no{border-color:color-mix(in srgb,var(--rose) 50%,transparent);background:color-mix(in srgb,var(--rose) 8%,var(--bg-raised))}.v-item{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.v-item>div{display:grid;min-width:0}.v-item small{color:var(--text-3)}.v-item .tag{margin-inline-start:auto}.v-secret{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px;border-radius:14px;background:var(--bg-raised);border:1px solid var(--border)}.v-secret code{flex:1;min-width:140px;font-family:var(--mono);font-size:1.1rem;letter-spacing:.2em;color:var(--text-3);white-space:nowrap;overflow:hidden}.v-secret code.no{animation:shake .45s ease}@keyframes shake{20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.v-note{min-height:3.2em;font-weight:540;color:var(--text-2)}.v-note.no{color:var(--text)}.v-term{border-radius:14px;background:#06110f;border:1px solid rgba(45,212,191,.35);color:#a7f3d0;font-family:var(--mono);font-size:.9rem;line-height:1.7;padding:14px 16px;display:grid;gap:2px}.v-term.in{animation:s-rise .5s var(--ease)}.v-term .dim{color:#5eead4;opacity:.75}.v-term .rec{display:inline-flex;align-items:center;gap:8px;font-family:var(--font);font-size:.8rem;color:#fca5a5;margin-bottom:6px}.v-term .rec i{width:9px;height:9px;border-radius:50%;background:#ef4444;animation:s-blink 1.4s steps(2,jump-none) infinite}.v-log{display:grid;gap:7px;font-size:.92rem;color:var(--text-2);border-top:1px solid var(--border);padding-top:14px}.v-log li{display:flex;gap:10px;align-items:baseline}.v-log li:before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--text-3)}.v-log li.new{color:var(--text);animation:s-rise .5s var(--ease) both}.v-log li.new:before{background:var(--saffron)}.scripts-bar{display:flex;flex-wrap:wrap;gap:10px 22px}.seg{display:inline-flex;padding:4px;border-radius:12px;background:var(--bg-raised);border:1px solid var(--border-strong)}.seg button{padding:7px 14px;border-radius:9px;font-size:.92rem;font-weight:600;color:var(--text-2);transition:background .2s ease,color .2s ease}.seg button[aria-pressed=true]{color:#fff;background:linear-gradient(135deg,var(--brand-1),var(--brand-2))}.scripts-card{display:grid;gap:12px;padding:clamp(18px,2.6vw,26px);border-radius:18px;background:var(--bg-raised);border:1px solid var(--border);transition:opacity .25s ease,transform .35s var(--ease)}.scripts-card.swap{opacity:0;transform:translateY(8px)}.scripts-card[lang=fa]{font-family:var(--font-fa)}.scripts-card h4{font-size:1.35rem;letter-spacing:-.02em}.scripts-card[lang=fa] h4{letter-spacing:0}.scripts-date{color:var(--accent-text);font-weight:600;min-height:1.6em}.scripts-card li{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--border);font-weight:540}.stack{display:grid;gap:14px;position:relative}.stack-layer{position:relative;padding:clamp(16px,2.2vw,24px);border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);display:grid;gap:14px}.stack-layer.core{border-color:color-mix(in srgb,var(--accent) 60%,transparent);background:radial-gradient(90% 140% at 100% 0%,color-mix(in srgb,var(--brand-2) 26%,transparent),transparent 60%),radial-gradient(90% 140% at 0% 100%,color-mix(in srgb,var(--brand-1) 26%,transparent),transparent 60%),var(--surface)}.stack-layer h3{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);font-weight:600}.stack-chips{display:flex;flex-wrap:wrap;gap:8px}.stack-chips li{padding:6px 13px;border-radius:99px;border:1px solid var(--border-strong);font-size:.9rem;font-weight:540;background:var(--bg-raised)}.stack-core{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}.stack-core a{display:grid;gap:4px;padding:16px 18px;border-radius:14px;background:var(--bg-raised);border:1px solid var(--border-strong);text-decoration:none;transition:transform .25s var(--ease),border-color .2s ease}.stack-core a:hover{transform:translateY(-3px);border-color:var(--accent)}.stack-core b{font-size:1.1rem;letter-spacing:-.02em}.stack-core span{color:var(--text-2);font-size:.92rem}.stack-beam{position:absolute;inset-block:0;inset-inline-start:50%;width:2px;margin-inline-start:-1px;background:linear-gradient(180deg,transparent,var(--accent-text),var(--turq),transparent);background-size:100% 220px;background-repeat:no-repeat;animation:beam 4.5s linear infinite;opacity:.55;pointer-events:none;z-index:0}.stack-layer{z-index:1}@keyframes beam{0%{background-position:0 -220px}to{background-position:0 calc(100% + 220px)}}