/* 🤖 مولَّد بـscripts/v16-gen.ts — ستايل الصفحة الخارجي — الموروث بس.
   كل محدِّد اتحط تحت `.app-shell` مرة واحدة. ماتعدّلوش بالإيد. */
/* ── <style id="theme"> ── */
.app-shell{/* ---- 2. TYPE ---- */--font:"Alexandria",system-ui,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,monospace;--fs-7:7px;--fs-8:8px;--fs-9:9px;--fs-10:10px;--fs-11:11px;--fs-12:12px;--fs-13:13px;--fs-14:14px;--fs-15:15px;--fs-16:16px;--fs-17:17px;--fs-18:18px;--fs-20:20px;--fs-21:21px;--fs-22:22px;--fs-23:23px;--fs-24:24px;--fs-25:25px;--fs-26:26px;--fs-28:28px;--fs-29:29px;--fs-31:31px;--fs-34:34px;--fs-36:36px;--fs-38:38px;--fs-42:42px;
/* ---- 3. SPACING (padding / margin / gap) ---- */--s-1:1px;--s-2:2px;--s-3:3px;--s-4:4px;--s-5:5px;--s-6:6px;--s-7:7px;--s-8:8px;--s-9:9px;--s-10:10px;--s-11:11px;--s-12:12px;--s-13:13px;--s-14:14px;--s-15:15px;--s-16:16px;--s-18:18px;--s-20:20px;--s-22:22px;--s-24:24px;--s-26:26px;--s-28:28px;--s-30:30px;--s-42:42px;--s-104:104px;--s-105:105px;--s-112:112px;--s-118:118px;--s-122:122px;--s-160:160px;--s-164:164px;
/* ---- 4. CORNERS ---- */--r-2:2px;--r-4:4px;--r-5:5px;--r-6:6px;--r-7:7px;--r-10:10px;--r-11:11px;--r-12:12px;--r-13:13px;--r-14:14px;--r-15:15px;--r-16:16px;--r-17:17px;--r-18:18px;--r-19:19px;--r-20:20px;--r-22:22px;--r-23:23px;--r-24:24px;--r-28:28px;--r-999:999px;
/* ---- 5. SHADOWS ---- */--shadow:0 1px 2px color-mix(in srgb,var(--plum) 5%,transparent),0 8px 18px color-mix(in srgb,var(--plum) 6%,transparent);--shadow-lift:0 10px 24px color-mix(in srgb,var(--plum) 20%,transparent);--sh-1:0 5px 0 var(--purple),0 8px 18px color-mix(in srgb,var(--plum) 6%,transparent);--sh-2:0 0 0 var(--purple),0 3px 8px color-mix(in srgb,var(--plum) 5%,transparent);--sh-3:0 5px 0 var(--depth);--sh-4:0 0 0 var(--depth);--sh-5:0 8px 18px color-mix(in srgb,var(--plum) 12%,transparent);--sh-6:0 6px 12px color-mix(in srgb,var(--plum) 10%,transparent);--sh-7:0 -8px 18px color-mix(in srgb,var(--plum) 6%,transparent);--sh-8:0 10px 24px color-mix(in srgb,var(--plum) 20%,transparent);--sh-9:0 0 0 var(--purple);--sh-10:0 5px 0 var(--button-depth);--sh-11:0 0 0 var(--button-depth);--sh-12:0 5px 0 var(--purple),var(--shadow);--sh-13:inset 0 0 0 1px color-mix(in srgb,var(--plum) 10%,transparent);--sh-14:inset 0 0 0 1px color-mix(in srgb,var(--plum) 6%,transparent);--sh-15:inset 0 0 0 4px var(--lav);--sh-16:0 5px 0 var(--purple);
--border:1px solid color-mix(in srgb,var(--plum) 6%,transparent);
/* ---- 6. MOTION ---- */--dur-1s:1s;--dur-1_25s:1.25s;--dur-1_4s:1.4s;--dur-120:120ms;--dur-130:130ms;--dur-180:180ms;--dur-200:200ms;--dur-220:220ms;--dur-260:260ms;--dur-280:280ms;--ease:cubic-bezier(.2,.8,.2,1);--loader-delay:500ms;--loader-frame-ms:60ms;--loader-w:116px;--loader-h:129px;--loader-w-sm:80px;--loader-h-sm:89px;--peek-h:96px}
.app-shell,.app-shell[data-theme="warm"]{--bg:var(--v16-ffd9a8);--cream:var(--v16-fff7ea);--lav:var(--v16-fg-ffc4b8);--plum:var(--v16-fg-2a1b38);--purple:var(--v16-c2410f);--text-soft:var(--v16-6a3644);--amber:var(--v16-fg-f49805);--green:var(--v16-fg-b4d24e);--peach:var(--v16-ffb08a);--depth:var(--v16-120b18)}
.app-shell[data-theme="identity"]{--bg:var(--v16-f5eadb);--cream:var(--v16-fff8f0);--lav:var(--v16-fg-dccaf4);--plum:var(--v16-fg-2a1b38);--purple:var(--v16-543a62);--text-soft:var(--v16-543a62);--amber:var(--v16-fg-f49805);--green:var(--v16-fg-8ca091);--peach:var(--v16-ffd4bd);--depth:var(--v16-120b18)}
/* ── <style id="shell"> ── */
.app-shell,.app-shell{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);font-family:var(--font);color:var(--plum);-webkit-text-size-adjust:100%}
.app-shell{--elite-shell:var(--v16-0b0910);--elite-glass:var(--v16-17131e-a780);--elite-line:var(--v16-ffffff-a100);--elite-lav:var(--v16-cdbdff);--elite-purple:var(--v16-8264f2);--elite-amber:var(--v16-f6a329);--elite-green:var(--v16-64d7aa);--elite-spring:cubic-bezier(.16,.9,.2,1.06)}
.app-shell[data-nav-dir="back"]::view-transition-old(shoghlak-stage){animation-name:eliteVTBackOut}
.app-shell[data-nav-dir="back"]::view-transition-new(shoghlak-stage){animation-name:eliteVTBackIn}
/* ── <style id="v14-polish"> ── */
.app-shell{--elite-bg:var(--v16-0b0710);--elite-card:var(--v16-17101e);--elite-card2:var(--v16-22172d);--elite-accent:var(--v16-8d6cf2);--elite-amber:var(--v16-f6a313);--elite-text:var(--v16-fff9f2);--elite-muted:var(--v16-fg-b8afbe);--elite-glow:var(--v16-4e2c67);--elite-line:var(--v16-ffffff-a080)}
/* ── <style id="v16-focus-outer"> ── */
.app-shell{--v16-spring:cubic-bezier(.16,1,.3,1);--v16-ease:cubic-bezier(.2,.8,.2,1)}
.app-shell.v16-profile-open #stage{transform:scale(.962) translateY(9px);filter:blur(2px) saturate(.82);opacity:.68;border-radius:30px;overflow:hidden}