:root{--bg: #faf8fd;--surface: #ffffff;--surface-2: #f1ecf9;--ink: #1b1440;--sub: #655d85;--line: #e3dcf1;--line-strong: #c4b8e4;--primary: #4527a0;--primary-ink: #ffffff;--accent: #d97706;--accent-ink: #ffffff;--accent-soft: #fdf3e0;--gold: #f59e0b;--wa: #128c4a;--danger: #c0392b;--ring: rgb(124 77 255 / .2);--shadow: 0 1px 2px rgb(27 20 64 / .05), 0 10px 30px rgb(27 20 64 / .08);--shadow-lg: 0 2px 4px rgb(27 20 64 / .06), 0 22px 50px rgb(27 20 64 / .14);--g-main: linear-gradient(135deg, #3b1f8f 0%, #5b3bc4 55%, #8a5cf0 100%);--hero-1: #faf8fd;--hero-2: #efe8fb;--radius: 20px;--msg-size: 1.35rem;--f-ui: "Noto Naskh Arabic", "Segoe UI", Tahoma, sans-serif;--f-nastaliq: "Noto Nastaliq Urdu", "Jameel Noori Nastaleeq", serif;--f-gulzar: "Gulzar", "Noto Nastaliq Urdu", serif;--f-arabic: "Amiri", "Noto Naskh Arabic", serif;--msg-font: var(--f-nastaliq);color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0f0b1f;--surface: #181233;--surface-2: #231a47;--ink: #f1edff;--sub: #b0a6d6;--line: #30265c;--line-strong: #483a85;--primary: #c1b0ff;--primary-ink: #1a0f45;--accent: #fbbf24;--accent-ink: #2a1a00;--accent-soft: #2a2147;--gold: #fbbf24;--wa: #3ccf7a;--danger: #ff7a6b;--ring: rgb(251 191 36 / .22);--shadow: 0 1px 2px rgb(0 0 0 / .3), 0 10px 30px rgb(0 0 0 / .4);--shadow-lg: 0 2px 4px rgb(0 0 0 / .4), 0 22px 50px rgb(0 0 0 / .55);--g-main: linear-gradient(135deg, #5b3bc4 0%, #7c4dff 55%, #a78bfa 100%);--hero-1: #0f0b1f;--hero-2: #1a1238;color-scheme:dark}}:root[data-theme=dark]{--bg: #0f0b1f;--surface: #181233;--surface-2: #231a47;--ink: #f1edff;--sub: #b0a6d6;--line: #30265c;--line-strong: #483a85;--primary: #c1b0ff;--primary-ink: #1a0f45;--accent: #fbbf24;--accent-ink: #2a1a00;--accent-soft: #2a2147;--gold: #fbbf24;--wa: #3ccf7a;--danger: #ff7a6b;--ring: rgb(251 191 36 / .22);--shadow: 0 1px 2px rgb(0 0 0 / .3), 0 10px 30px rgb(0 0 0 / .4);--shadow-lg: 0 2px 4px rgb(0 0 0 / .4), 0 22px 50px rgb(0 0 0 / .55);--g-main: linear-gradient(135deg, #5b3bc4 0%, #7c4dff 55%, #a78bfa 100%);--hero-1: #0f0b1f;--hero-2: #1a1238;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;--ease: cubic-bezier(.22,1,.36,1)}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-ui);line-height:1.9;overflow-x:hidden;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);-webkit-font-smoothing:antialiased;transition:background-color .3s,color .3s}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}a{color:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}[hidden]{display:none!important}*{transition-timing-function:var(--ease)}.top{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:10px;padding:10px 18px;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--ink);font-size:1.05rem;text-decoration:none;margin-inline-end:auto}.brand img{border-radius:10px;border:1px solid var(--line)}.topnav{display:none;gap:4px;margin-inline-end:10px}.topnav a{padding:2px 16px;border-radius:99px;border:1px solid transparent;color:var(--sub);text-decoration:none;font-weight:600;font-size:.92rem;transition:color .25s,background .25s,border-color .25s,box-shadow .25s}.topnav a:hover{color:var(--primary);background:var(--accent-soft);border-color:var(--line-strong);box-shadow:0 0 0 3px var(--ring)}@media (min-width: 700px){.topnav{display:flex}}.icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);transition:background .25s,border-color .25s,box-shadow .25s,transform .2s}.icon-btn:hover{background:var(--accent-soft);border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.icon-btn:active{transform:scale(.92)}.hero{position:relative;isolation:isolate;overflow:hidden;padding:56px 18px 100px;background:linear-gradient(180deg,var(--hero-2),var(--hero-1));border-bottom:1px solid var(--line)}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden}.slide{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.2s ease}.slide.on{opacity:1}.veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(270deg,#0c0720e0,#0c0720a8 48%,#0c072047),linear-gradient(0deg,rgb(12 7 32 / .55),transparent 40%)}@media (max-width: 899px){.veil{background:#0c0720ad}}.slide{transform:scale(1.06);transition:opacity 1.2s ease,transform 8s ease-out}.slide.on{transform:scale(1)}.slider-ui{position:absolute;z-index:5;inset-inline:0;bottom:18px;display:flex;align-items:center;justify-content:center;gap:12px;padding-inline:12px}.sl-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgb(255 255 255 / .45);background:#ffffff29;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:1.5rem;line-height:1;display:grid;place-items:center;transition:background .25s,box-shadow .25s,transform .2s}.sl-btn:hover{background:var(--accent-soft);box-shadow:0 0 0 3px var(--ring)}.sl-btn:active{transform:scale(.92)}.sl-dots{display:flex;gap:8px;padding:8px 12px;border-radius:99px;background:#ffffff29;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgb(255 255 255 / .3)}.sl-dot{width:9px;height:9px;padding:0;border-radius:99px;border:0;background:#ffffff8c;transition:width .35s var(--ease),background .25s}.sl-dot.on{width:26px;background:#ffc857}.sl-cap{position:absolute;inset-inline-start:18px;bottom:54px;font-family:var(--f-nastaliq);font-size:.95rem;color:#fff;text-shadow:0 2px 10px rgb(0 0 0 / .7)}.sl-btn:focus-visible,.sl-dot:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (max-width: 520px){.sl-cap{display:none}}.hero-in{max-width:1080px;margin:0 auto;display:grid;gap:40px;align-items:center}@media (min-width: 900px){.hero{padding:84px 28px 110px}}.hero-text{max-width:600px}@media (min-width: 900px){.hero-text{margin-inline-end:auto}}.hero-text{text-align:center}@media (min-width: 900px){.hero-text{text-align:start}}.greet{display:inline-flex;align-items:center;gap:10px;margin:0;padding:0 18px;border-radius:99px;background:var(--surface);border:1px solid var(--line-strong);box-shadow:0 0 0 4px var(--ring);font-family:var(--f-nastaliq);font-size:1rem;line-height:2.5;color:var(--primary);animation:fade .8s .1s both}.pulse-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);animation:ping 2s ease-out infinite}@keyframes ping{0%{box-shadow:0 0 #d9770699}80%,to{box-shadow:0 0 0 10px transparent}}h1{margin:12px 0 0;font-family:var(--f-nastaliq);font-weight:700;font-size:clamp(1.75rem,5.6vw,2.9rem);line-height:2.1;color:var(--ink)}h1 .hw{display:inline-block;margin-inline:.12em;opacity:0;transform:translateY(26px);filter:blur(6px);background:linear-gradient(100deg,var(--primary) 0%,var(--accent) 45%,var(--primary) 90%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:flow .9s var(--ease) forwards,shine 7s linear infinite;animation-delay:calc(.4s + var(--i) * .14s),0s}@keyframes flow{to{opacity:1;transform:none;filter:none}}@keyframes shine{to{background-position:-250% 0}}.lede{max-width:34rem;margin:6px auto 0;font-size:1.02rem;color:var(--sub);animation:fade 1s 1.3s both}@media (min-width: 900px){.lede{margin-inline:0}}@keyframes fade{0%{opacity:0;transform:translateY(8px)}}.thought{position:relative;min-height:4.6em;max-width:30rem;margin:12px auto 0;padding:0 12px;font-family:var(--f-nastaliq);font-size:1.08rem;line-height:2.5;color:var(--ink);animation:fade 1s 1.8s both}@media (min-width: 900px){.thought{margin-inline:0;padding-inline:0}}.thought:before{content:"";display:block;width:46px;height:2px;margin:0 auto 4px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}@media (min-width: 900px){.thought:before{margin-inline:0;background:linear-gradient(90deg,var(--gold),transparent)}}.thought span.w{display:inline-block;opacity:0;filter:blur(8px);transform:translateY(14px);animation:inkin .8s var(--ease) forwards;animation-delay:calc(var(--i) * 90ms)}.thought.out span.w{animation:inkout .5s var(--ease) forwards;animation-delay:calc(var(--i) * 25ms)}@keyframes inkin{to{opacity:1;filter:none;transform:none}}@keyframes inkout{0%{opacity:1}to{opacity:0;filter:blur(8px);transform:translateY(-12px)}}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:8px;animation:fade 1s 2.1s both}@media (min-width: 900px){.hero-cta{justify-content:flex-start}}.cta{position:relative;display:inline-flex;align-items:center;gap:8px;padding:8px 28px;border-radius:14px;background:var(--g-main);color:#fff;font-weight:700;text-decoration:none;border:1px solid rgb(255 255 255 / .35);box-shadow:0 8px 22px #4527a047;transition:transform .3s var(--ease),box-shadow .3s,border-color .3s}.cta:hover{transform:translateY(-3px);border-color:#fffc;box-shadow:0 0 0 4px var(--ring),0 14px 32px #4527a057}.cta svg{transition:transform .4s var(--ease)}.cta:hover svg{transform:rotate(180deg) scale(1.2)}.cta.ghost{background:var(--surface);color:var(--primary);border:1px solid var(--line-strong);box-shadow:none}.cta.ghost:hover{background:var(--accent-soft);border-color:var(--accent);box-shadow:0 0 0 4px var(--ring)}.date{margin:14px 0 0;display:flex;justify-content:center;flex-wrap:wrap;gap:4px 10px;font-size:.88rem;color:var(--sub);animation:fade 1s 2.3s both}@media (min-width: 900px){.date{justify-content:flex-start}}.stats{list-style:none;margin:14px 0 0;padding:0;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;animation:fade 1s 2.5s both}@media (min-width: 900px){.stats{justify-content:flex-start}}.stats li{min-width:96px;padding:4px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--line);text-align:center;line-height:1.6;transition:border-color .25s,box-shadow .25s,transform .25s}.stats li:hover{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring);transform:translateY(-2px)}.stats b{display:block;font-size:1.25rem;color:var(--primary)}.stats span{font-size:.8rem;color:var(--sub)}.hero-art{position:relative;width:min(100%,440px);aspect-ratio:1;margin:0 auto;animation:artin 1.2s .2s var(--ease) both}@keyframes artin{0%{opacity:0;transform:scale(.85) rotate(-8deg)}}.stage{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.core{position:relative;z-index:2;display:grid;place-items:center;width:34%;aspect-ratio:1;border-radius:50%;background:var(--surface);border:1px solid var(--line-strong);box-shadow:0 0 0 8px var(--ring),var(--shadow-lg);animation:coreIn 1s .6s var(--ease) both,float 5s 1.6s ease-in-out infinite}.core img{width:58%;height:58%;border-radius:22%}@keyframes coreIn{0%{transform:scale(0)}}@keyframes float{50%{transform:translateY(-8px)}}.bubble{position:absolute;z-index:3;max-width:62%;padding:4px 16px;border-radius:18px;background:var(--surface);border:1px solid var(--line-strong);box-shadow:var(--shadow-lg);font-family:var(--f-nastaliq);font-size:.95rem;line-height:2.3;opacity:0;animation:bubble 9s ease-in-out infinite}.bubble.b1{top:4%;inset-inline-end:-2%;border-end-end-radius:4px;animation-delay:1.4s}.bubble.b2{bottom:12%;inset-inline-start:-4%;border-end-start-radius:4px;background:var(--g-main);color:#fff;border-color:#ffffff4d;animation-delay:4.2s}.bubble.b3{bottom:-2%;inset-inline-end:6%;display:flex;gap:5px;align-items:center;padding:10px 16px;animation-delay:6.6s;animation-duration:6s}.bubble.b3 i{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:dot 1s ease-in-out infinite}.bubble.b3 i:nth-child(2){animation-delay:.15s}.bubble.b3 i:nth-child(3){animation-delay:.3s}@keyframes bubble{0%{opacity:0;transform:translateY(16px) scale(.8)}8%,70%{opacity:1;transform:none}82%,to{opacity:0;transform:translateY(-12px) scale(.96)}}@keyframes dot{50%{transform:translateY(-5px);opacity:.4}}@media (max-width: 520px){.bubble{font-size:.85rem}}.marquee{position:relative;z-index:2;overflow:hidden;background:var(--primary);color:var(--primary-ink);border-block:1px solid var(--line-strong);direction:ltr}.marquee .track{display:flex;width:max-content;animation:ribbon 40s linear infinite;direction:rtl}.marquee:hover .track{animation-play-state:paused}.marquee span{padding:2px 22px;font-family:var(--f-nastaliq);font-size:1.02rem;line-height:2.4;white-space:nowrap}.marquee span:after{content:"✦";margin-inline-start:22px;color:var(--gold);font-size:.75rem}@keyframes ribbon{0%{transform:translate(-50%)}to{transform:none}}main{position:relative;max-width:800px;margin:0 auto;padding:40px 16px 120px;z-index:2}.occasion{width:100%;display:block;margin:0 0 16px;padding:8px 16px;border-radius:14px;border:1px solid var(--accent);background:var(--accent-soft);color:var(--ink);text-align:center;font-weight:700;transition:box-shadow .25s;animation:pop .5s cubic-bezier(.3,1.6,.5,1) both}.occasion:hover{box-shadow:0 0 0 4px var(--ring)}@keyframes pop{0%{transform:scale(.94);opacity:0}}.section-title{margin:0 0 6px;font-size:1.1rem;font-weight:700;color:var(--ink)}.cats{display:flex;gap:9px;overflow-x:auto;padding:8px 16px 14px;margin:0 -16px;scrollbar-width:none}.cats::-webkit-scrollbar{display:none}.chip{flex:none;display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 18px;border-radius:99px;border:1px solid var(--line);background:var(--surface);font-weight:600;color:var(--ink);transition:transform .25s cubic-bezier(.3,1.6,.5,1),border-color .25s,background .25s,box-shadow .25s,color .25s}.chip .ico{font-size:1.1rem;line-height:1}.chip:hover{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px var(--ring);transform:translateY(-2px)}.chip[aria-pressed=true]{background:var(--g-main);color:#fff;border-color:#fff6;box-shadow:0 0 0 3px var(--ring),0 8px 20px #4527a047;transform:translateY(-2px)}@media (min-width: 700px){.cats{flex-wrap:wrap;overflow:visible;margin:0;padding-inline:2px}}.cats .chip{animation:chipin .6s cubic-bezier(.3,1.5,.5,1) both;animation-delay:calc(var(--n, 0) * 60ms + .3s)}@keyframes chipin{0%{opacity:0;transform:translateY(18px) scale(.85)}}.panel{margin:4px 0 16px;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:border-color .25s,box-shadow .25s}.panel:hover{border-color:var(--line-strong)}.panel[open]{border-color:var(--accent);box-shadow:0 0 0 4px var(--ring)}.panel summary{list-style:none;display:flex;align-items:center;gap:10px;padding:8px 16px;cursor:pointer;font-weight:700}.panel summary svg{color:var(--accent)}.panel summary::-webkit-details-marker{display:none}.panel summary small{margin-inline-start:auto;color:var(--sub);font-weight:400;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:55%}.panel summary:after{content:"⌄";color:var(--sub);transition:transform .25s;line-height:1;margin:-6px 0 0}.panel[open] summary:after{transform:rotate(180deg);margin:6px 0 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px 16px;padding:4px 16px 16px;animation:fade .35s both}.field{display:flex;flex-direction:column;gap:4px}.field>span{font-size:.85rem;color:var(--sub)}.field input,.field select{min-height:44px;border:1px solid var(--line-strong);background:var(--bg);border-radius:12px;padding:0 12px;width:100%;transition:border-color .2s,box-shadow .2s}.field input:hover,.field select:hover{border-color:var(--accent)}.field input:focus,.field select:focus,.msg-edit:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--ring)}.seg{display:flex;padding:3px;gap:3px;border-radius:13px;background:var(--surface-2);border:1px solid var(--line)}.seg button{flex:1;min-height:36px;border:1px solid transparent;border-radius:10px;background:transparent;padding:0 8px;font-size:.92rem;transition:background .2s,color .2s,border-color .2s}.seg button:hover{background:var(--surface);border-color:var(--line)}.seg button[aria-checked=true]{background:var(--surface);border-color:var(--accent);box-shadow:0 2px 8px #1b14401a;font-weight:700;color:var(--primary)}.seg.locked{opacity:.5;pointer-events:none}.switch{flex-direction:row;align-items:center;justify-content:space-between;align-self:end;min-height:44px;position:relative}.switch input{position:absolute;opacity:0;width:1px;height:1px}.switch i{width:48px;height:28px;border-radius:99px;background:var(--line-strong);position:relative;transition:background .25s}.switch i:after{content:"";position:absolute;top:3px;right:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0000004d;transition:right .25s cubic-bezier(.3,1.5,.5,1)}.switch input:checked+i{background:var(--accent)}.switch input:checked+i:after{right:23px}.switch input:focus-visible+i{outline:3px solid var(--accent);outline-offset:2px}.card{position:relative;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 16px;overflow:hidden;isolation:isolate;border:1px solid var(--line-strong);transition:transform .3s,box-shadow .3s,border-color .3s}.card:before{content:"";position:absolute;inset-inline:0;top:0;height:4px;background:var(--g-main)}.card:after{content:"“";position:absolute;top:-14px;inset-inline-end:14px;font-family:var(--f-arabic);font-size:9rem;line-height:1;color:var(--accent);opacity:.08;z-index:-1;pointer-events:none}.card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 0 0 4px var(--ring),var(--shadow-lg)}.card.swap{animation:swap .7s cubic-bezier(.3,1.4,.5,1)}@keyframes swap{0%{transform:scale(.97);opacity:.5}to{transform:none;opacity:1}}.card-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;padding-top:4px}.badge{font-size:.78rem;padding:0 12px;border-radius:99px;background:var(--accent-soft);color:var(--accent);border:1px solid var(--line-strong);font-weight:700;line-height:1.9}:root[data-theme=light] .badge{color:#b45309}@media (prefers-color-scheme: light){:root:not([data-theme]) .badge{color:#b45309}}.badge.off{background:var(--surface-2);color:var(--sub)}.card-tools{display:flex;align-items:center;gap:4px;margin-inline-start:auto}.card-tools select{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:0 8px;min-height:34px;margin-inline-end:4px;transition:border-color .2s,box-shadow .2s}.card-tools select:hover{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.icon-btn.sm{width:34px;height:34px;border-radius:10px;color:var(--sub);font-family:var(--f-nastaliq);font-size:1.05rem;line-height:1}.icon-btn.sm:hover,.icon-btn.sm[aria-pressed=true]{background:var(--accent-soft);color:var(--primary)}.icon-btn.sm svg{width:18px;height:18px}.msg{min-height:210px;padding:8px 8px 4px;font-family:var(--msg-font);font-size:var(--msg-size);line-height:2.5;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal}.msg .ln{display:block;min-height:1em}.msg .ar{font-family:var(--f-arabic);font-size:1.1em;line-height:2.1;text-align:center;color:var(--primary);padding:4px 0}.msg .ref-line{font-size:.88em;color:var(--sub);text-align:center}.msg .word{display:inline-block;opacity:0;transform:translateY(10px);animation:wordin .5s cubic-bezier(.2,.8,.2,1) forwards}.msg .ar .word,.msg .ref-line .word{display:inline}@keyframes wordin{to{opacity:1;transform:none}}.msg:empty{display:none}.msg-edit{width:100%;min-height:220px;resize:vertical;border:1px dashed var(--accent);border-radius:14px;background:var(--bg);padding:12px;font-family:var(--msg-font);font-size:var(--msg-size);line-height:2.3}.skeleton{display:none;padding:26px 10px;gap:22px;flex-direction:column}.skeleton i{display:block;height:14px;border-radius:8px;background:linear-gradient(90deg,var(--surface-2) 25%,var(--accent-soft) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shim 1.2s linear infinite}.skeleton i:nth-child(2){width:82%}.skeleton i:nth-child(3){width:58%}@keyframes shim{to{background-position:-200% 0}}.card[aria-busy=true] .msg,.card[aria-busy=true] .err{display:none}.card.streaming[aria-busy=true] .msg{display:block}.card.streaming[aria-busy=true] .skeleton{display:none}.card[aria-busy=true] .skeleton{display:flex;min-height:210px}.card-foot{display:flex;align-items:center;justify-content:space-between;min-height:30px;color:var(--sub);font-size:.85rem}.link{display:inline-flex;align-items:center;gap:4px;border:1px solid transparent;border-radius:8px;background:none;color:var(--primary);font-size:.85rem;padding:0 8px;font-weight:600;transition:background .2s,border-color .2s}.link:hover{background:var(--accent-soft);border-color:var(--line-strong)}.link svg{width:16px;height:16px}.err{display:flex;flex-direction:column;align-items:center;gap:4px;margin:8px 0;padding:16px;border-radius:14px;background:var(--accent-soft);border:1px solid var(--line-strong);text-align:center}.err p{margin:0}.err .link{font-weight:700;font-size:.95rem;color:var(--danger)}.refine{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 0}.refine-label{display:inline-flex;align-items:center;gap:4px;color:var(--sub);font-size:.88rem}.refine-label svg{width:16px;height:16px;color:var(--gold)}.refine button{border:1px solid var(--line-strong);background:var(--surface);padding:0 14px;min-height:34px;border-radius:99px;font-size:.88rem;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s,color .2s}.refine button:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--primary);box-shadow:0 0 0 3px var(--ring);transform:translateY(-1px)}.refine button:active{transform:scale(.94)}.refine button:disabled{opacity:.5;cursor:progress;box-shadow:none}.refine.off button{opacity:.45}.actions{margin-top:16px;display:flex;flex-direction:column;gap:10px}.primary{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:54px;border:1px solid rgb(255 255 255 / .35);border-radius:16px;color:#fff;font-weight:700;font-size:1.1rem;background:var(--g-main);background-size:200% 100%;box-shadow:0 8px 22px #4527a047;translate:calc(var(--mx, 0) * 8px) calc(var(--my, 0) * 5px);transition:translate .25s var(--ease),box-shadow .25s,border-color .25s,background-position .6s,transform .15s}.primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 35%,rgb(255 255 255 / .28) 50%,transparent 65%);transform:translate(120%);transition:transform .7s}.primary:hover{background-position:100% 0;border-color:#ffffffd9;box-shadow:0 0 0 4px var(--ring),0 14px 30px #4527a057}.primary:hover:after{transform:translate(-120%)}.primary:hover svg{animation:wig .6s}.primary:active{transform:scale(.97)}.primary:disabled{opacity:.8;cursor:progress}.primary:disabled svg{animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes wig{20%{transform:rotate(-18deg) scale(1.2)}50%{transform:rotate(14deg) scale(1.2)}80%{transform:rotate(-6deg)}}.primary kbd{font-family:ui-monospace,monospace;font-size:.7rem;padding:0 7px;border-radius:7px;background:#ffffff38;border:1px solid rgb(255 255 255 / .3)}@media (hover: none){.primary kbd{display:none}}.secondary{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.secondary button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:62px;padding:6px 2px;border:1px solid var(--line);border-radius:14px;background:var(--surface);font-size:.76rem;color:var(--ink);transition:transform .25s cubic-bezier(.3,1.6,.5,1),border-color .25s,background .25s,box-shadow .25s,color .25s}.secondary button:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--primary);box-shadow:0 0 0 3px var(--ring);transform:translateY(-3px)}.secondary button:hover svg{animation:wig .6s}.secondary button:active{transform:scale(.92)}.secondary .wa{color:var(--wa);border-color:color-mix(in srgb,var(--wa) 40%,var(--line))}.secondary .wa span{color:var(--ink)}.secondary .wa:hover{background:color-mix(in srgb,var(--wa) 12%,var(--surface));border-color:var(--wa);box-shadow:0 0 0 3px color-mix(in srgb,var(--wa) 25%,transparent)}#fav{overflow:visible}#fav[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}#fav[aria-pressed=true] svg{fill:currentColor;animation:beat .5s cubic-bezier(.3,1.8,.5,1)}@keyframes beat{40%{transform:scale(1.5)}}#speak[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}.burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.burst i{position:absolute;top:40%;left:50%;font-style:normal;font-size:.8rem;color:var(--accent);animation:pop2 .9s var(--ease) forwards}@keyframes pop2{0%{transform:rotate(var(--a)) translateY(0) scale(.4);opacity:1}to{transform:rotate(var(--a)) translateY(-44px) scale(1.2);opacity:0}}@media (max-width: 520px){.actions{position:sticky;bottom:0;z-index:5;margin-inline:-16px;gap:8px;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0));background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line)}.secondary{gap:4px}.secondary button{min-height:46px;border-color:transparent;background:transparent;font-size:.68rem;padding-top:4px}.primary{min-height:50px}}.sec{margin-top:60px}.sec-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}.sec-head h2{margin:0;font-family:var(--f-nastaliq);font-size:1.45rem;line-height:2.2;color:var(--ink)}.sec-head:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line-strong),transparent);transform-origin:right;transform:scaleX(0);transition:transform 1.2s var(--ease) .2s}.sec.in .sec-head:after{transform:scaleX(1)}.rv{opacity:0;transform:translateY(30px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--k, 0) * 90ms)}.rv.in{opacity:1;transform:none}.gallery{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.shot{margin:0;padding:8px;border-radius:22px;background:var(--surface);border:1px solid var(--line);transition:transform .5s var(--ease),box-shadow .4s,border-color .3s}.shot:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:0 0 0 4px var(--ring),var(--shadow-lg)}.shot-img{overflow:hidden;border-radius:16px;aspect-ratio:4 / 3}.shot-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.shot:hover .shot-img img{transform:scale(1.07)}.shot figcaption{padding:8px 8px 4px;line-height:1.7}.shot figcaption b{display:block;font-family:var(--f-nastaliq);font-size:1.05rem;line-height:2.1}.shot figcaption span{color:var(--sub);font-size:.88rem}.feats{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.feat{position:relative;padding:20px 20px 18px;border-radius:20px;background:var(--surface);border:1px solid var(--line);overflow:hidden;transition:transform .45s var(--ease),box-shadow .4s,border-color .3s,background .3s}.feat:hover{transform:translateY(-6px);border-color:var(--accent);background:linear-gradient(180deg,var(--accent-soft),var(--surface) 70%);box-shadow:0 0 0 4px var(--ring),var(--shadow-lg)}.fi{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:var(--accent-soft);border:1px solid var(--line-strong);font-size:1.5rem;margin-bottom:8px;transition:transform .5s var(--ease),background .3s}.feat:hover .fi{transform:rotate(-8deg) scale(1.1);background:var(--surface)}.feat h3{margin:0;font-size:1.1rem}.feat p{margin:4px 0 0;color:var(--sub);font-size:.93rem;line-height:1.9}.dua{position:relative;padding:28px 22px;border-radius:26px;text-align:center;color:#fff;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,#1b1440,#3b1f8f 60%,#5b3bc4);border:1px solid var(--line-strong);box-shadow:var(--shadow-lg)}.dua:before{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;z-index:-1;background:conic-gradient(from 0deg,transparent 0 70%,rgb(251 191 36 / .18) 80%,transparent 90%);animation:spin 16s linear infinite}.dua .ar2{font-family:var(--f-arabic);font-size:clamp(1.35rem,4.6vw,1.95rem);line-height:2.3}.dua .ar2 .w{display:inline-block;margin-inline:.14em;opacity:0;filter:blur(6px);transform:translateY(16px)}.dua.in .ar2 .w{animation:inkin 1s var(--ease) forwards;animation-delay:calc(var(--i) * .14s)}.dua .ur2{font-family:var(--f-nastaliq);font-size:1.05rem;line-height:2.5;opacity:.95;margin:6px 0 0}.dua .rf{display:inline-block;margin-top:8px;padding:0 16px;border-radius:99px;background:#ffffff1a;border:1px solid rgb(255 255 255 / .28);font-size:.82rem}.words{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.wd{position:relative;padding:16px 18px;border-radius:18px;background:var(--surface);border:1px solid var(--line);overflow:hidden;transition:transform .45s var(--ease),box-shadow .4s,border-color .3s,background .3s}.wd:hover{transform:translateY(-5px);border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 4px var(--ring)}.wd b{display:block;font-family:var(--f-nastaliq);font-weight:700;font-size:1.7rem;line-height:2.1;color:var(--primary)}.wd p{margin:0;color:var(--sub);font-size:.92rem;line-height:1.8}.how{margin-top:56px}.steps{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.steps li{position:relative;padding:16px;border-radius:18px;background:var(--surface);border:1px solid var(--line);transition:transform .35s var(--ease),box-shadow .3s,border-color .3s}.steps li:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 0 0 4px var(--ring)}.steps b{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--g-main);color:#fff;font-family:var(--f-ui);line-height:1;margin-bottom:4px}.steps h3{margin:0;font-size:1rem}.steps p{margin:0;color:var(--sub);font-size:.9rem;line-height:1.8}.steps li.in{animation:fade .6s both}.lists{margin-top:50px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line-strong)}.tabs button{border:0;background:none;padding:6px 16px;color:var(--sub);border-bottom:3px solid transparent;margin-bottom:-1px;font-weight:600;border-radius:10px 10px 0 0;transition:color .2s,background .2s}.tabs button:hover{background:var(--accent-soft);color:var(--primary)}.tabs button[aria-selected=true]{color:var(--primary);border-bottom-color:var(--accent)}.tabs b:empty{display:none}.tabs b{font-weight:700;font-size:.75rem;background:var(--accent);color:var(--accent-ink);padding:0 7px;border-radius:99px;margin-inline-start:4px}.item{display:flex;align-items:center;gap:8px;padding:8px 6px;border-bottom:1px solid var(--line);border-radius:10px;animation:fade .35s both;transition:background .2s}.item:hover{background:var(--accent-soft)}.item button.text{flex:1;min-width:0;text-align:start;border:0;background:none;padding:4px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--f-nastaliq);line-height:2.2;transition:color .2s}.item button.text:hover{color:var(--accent)}.item .tag{font-size:.72rem;color:var(--sub);white-space:nowrap}.item .icon-btn{width:34px;height:34px;color:var(--sub)}.item .icon-btn:hover{color:var(--danger)}.empty{color:var(--sub);text-align:center;padding:24px 0;font-size:.92rem}.faq{display:grid;gap:10px}.faq details{border-radius:16px;background:var(--surface);border:1px solid var(--line);overflow:hidden;transition:border-color .3s,box-shadow .3s}.faq details:hover{border-color:var(--line-strong)}.faq details[open]{border-color:var(--accent);box-shadow:0 0 0 4px var(--ring)}.faq summary{list-style:none;cursor:pointer;padding:10px 18px;font-weight:700;display:flex;justify-content:space-between;gap:10px;transition:background .2s}.faq summary:hover{background:var(--accent-soft)}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line-strong);background:var(--accent-soft);color:var(--accent);font-size:1.2rem;line-height:1;transition:transform .4s var(--ease),background .3s,color .3s}.faq details[open] summary:after{transform:rotate(135deg);background:var(--accent);color:var(--accent-ink)}.faq p{margin:0;padding:0 18px 14px;color:var(--sub);animation:fade .4s var(--ease)}.foot{margin-top:50px;padding:20px 8px 0;border-top:1px solid var(--line-strong);color:var(--sub);font-size:.82rem;text-align:center}.foot strong{display:block;margin-bottom:4px;font-family:var(--f-nastaliq);font-size:1rem;color:var(--primary)}.foot .kw{font-size:.75rem;opacity:.75}#toast{position:fixed;inset-inline:0;bottom:calc(96px + env(safe-area-inset-bottom,0));display:flex;justify-content:center;pointer-events:none;z-index:50}#toast span{background:var(--ink);color:var(--bg);padding:4px 20px;border-radius:99px;font-weight:600;box-shadow:var(--shadow-lg);opacity:0;transform:translateY(14px) scale(.95);transition:.3s cubic-bezier(.3,1.5,.5,1)}#toast.on span{opacity:1;transform:none}dialog{border:1px solid var(--line-strong);padding:0;border-radius:22px;background:var(--surface);color:var(--ink);width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px);box-shadow:0 30px 80px #0f0b1f73}dialog[open]{animation:pop .35s cubic-bezier(.3,1.4,.5,1)}dialog::backdrop{background:#0f0b1f99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dlg{display:flex;flex-direction:column;max-height:calc(100dvh - 24px)}.dlg header,.dlg footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px}.dlg h2{margin:0;font-size:1.05rem}.dlg footer{border-top:1px solid var(--line)}.dlg footer button{flex:1;min-height:46px}.dlg footer .primary{box-shadow:none}.dlg footer button:not(.primary){display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line-strong);background:var(--surface);border-radius:14px;font-weight:600;transition:background .2s,border-color .2s,box-shadow .2s}.dlg footer button:not(.primary):hover{background:var(--accent-soft);border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.preview{padding:0 16px;overflow:auto}.preview canvas{display:block;margin:0 auto;max-width:100%;max-height:46dvh;width:auto;height:auto;border-radius:14px;border:1px solid var(--line);box-shadow:var(--shadow)}.dlg-opts{display:grid;gap:12px;padding:12px 16px;overflow:auto}.swatches{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.swatches button{width:46px;height:46px;border-radius:50%;border:3px solid var(--surface);box-shadow:0 0 0 1px var(--line-strong);transition:transform .2s cubic-bezier(.3,1.6,.5,1),box-shadow .2s}.swatches button:hover{transform:scale(1.1);box-shadow:0 0 0 3px var(--ring),0 0 0 1px var(--accent)}.swatches button[aria-checked=true]{box-shadow:0 0 0 3px var(--accent)}.progress{position:fixed;top:0;inset-inline:0;height:3px;z-index:60;transform-origin:right;transform:scaleX(0);background:var(--g-main)}.ripple{position:absolute;border-radius:50%;width:20px;height:20px;margin:-10px;background:#7c4dff4d;pointer-events:none;animation:rip .6s ease-out forwards}.primary .ripple,.cta .ripple{background:#ffffff73}@keyframes rip{to{transform:scale(14);opacity:0}}.hero-text{transform:translateY(calc(var(--py, 0) * -.08px))}@media (prefers-reduced-motion: reduce){.bubble{opacity:1;animation:none}*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}h1 .hw,.rv,.thought span.w,.dua .ar2 .w{opacity:1!important;filter:none!important;transform:none!important}.marquee .track{animation:none}}.hero-text{padding:22px 20px 26px;border-radius:26px;background:#0e082461;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .18);box-shadow:0 20px 60px #00000059}.hero .greet{background:linear-gradient(135deg,#ffc857,#ff9f43);color:#2a1a05;border:0;font-weight:700;box-shadow:0 6px 18px #ff9f4373}.hero .pulse-dot{background:#2a1a05}.hero h1{color:#fff;text-shadow:0 3px 18px rgb(0 0 0 / .55);font-size:clamp(2rem,6.4vw,3.4rem)}.hero h1 .hw{background:linear-gradient(100deg,#fff,#ffe29a 40%,#ffc857 55%,#fff);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 10px rgb(0 0 0 / .5))}.hero .lede{color:#f4efff;font-size:1.1rem;font-weight:500;text-shadow:0 2px 10px rgb(0 0 0 / .6)}.hero .thought{color:#ffe9b0;text-shadow:0 2px 12px rgb(0 0 0 / .6)}.hero .date{color:#e9e2ff;text-shadow:0 1px 8px rgb(0 0 0 / .6)}.hero .cta{background:linear-gradient(135deg,#ffc857,#ff9f43);color:#2a1a05;border:0;font-size:1.05rem;box-shadow:0 10px 28px #ff9f4380}.hero .cta:hover{box-shadow:0 0 0 4px #ffc85759,0 16px 36px #ff9f438c}.hero .cta.ghost{background:#ffffff24;color:#fff;border:1px solid rgb(255 255 255 / .55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero .cta.ghost:hover{background:#ffffff42;border-color:#fff}.hero .stats li{background:#ffffff24;border-color:#ffffff4d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero .stats b{color:#ffc857}.hero .stats span{color:#fff}@media (min-width: 900px){.hero-text{max-width:620px;padding:30px 34px 32px}}