:root{--ivory: #fff9f5;--warm-white: #fffcf9;--blush: #ebcdd3;--dusty-rose: #d7a5af;--gold: #c7a66a;--deep-rose: #704c52;--font: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;--font-name: "Aref Ruqaa", "IBM Plex Sans Arabic", serif;--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{font-family:var(--font);background:#0e0a12;color:#f7ebe4;direction:rtl;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-user-select:none;user-select:none;transition:background .8s var(--ease),color .8s var(--ease)}body.is-dawn{background:var(--ivory);color:var(--deep-rose)}body.story-active{overflow:hidden;touch-action:none}.world-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;height:100dvh;z-index:1;pointer-events:none;display:block}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;background:#0e0a12;color:#f7ebe4;perspective:1200px}.loader__inner{text-align:center;transform-style:preserve-3d}.loader__star{display:block;font-size:1.35rem;color:var(--gold);margin-bottom:1.1rem;filter:drop-shadow(0 0 12px rgba(199,166,106,.45))}.loader__text{font-size:clamp(1rem,3.5vw,1.25rem);font-weight:500;margin-bottom:.8rem}.loader__pct{font-variant-numeric:tabular-nums;font-size:.82rem;letter-spacing:.12em;color:var(--dusty-rose);opacity:.75;direction:ltr}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;background:#0e0a12;color:#f7ebe4;transform-style:preserve-3d}.intro__sky{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.intro__star{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff6e4;box-shadow:0 0 10px #ffe6aae6;opacity:.8;animation:star-twinkle 2.8s ease-in-out infinite}.intro__star--tiny{width:3px;height:3px;opacity:.55;animation-duration:3.6s}.intro__star--bright{width:7px;height:7px;background:var(--gold);box-shadow:0 0 16px #c7a66af2;opacity:1;animation-duration:2.2s}.intro__star:nth-child(2n){animation-delay:.6s}.intro__star:nth-child(3n){animation-delay:1.2s}.intro__star:nth-child(4n){animation-delay:1.8s}@keyframes star-twinkle{0%,to{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.intro__center{position:relative;z-index:1;text-align:center;padding:1.5rem;max-width:min(92vw,28rem)}.intro__moon{width:52px;height:52px;display:block;margin:0 auto 1.35rem;filter:drop-shadow(0 8px 18px rgba(199,166,106,.35))}.intro__praise{font-size:clamp(.95rem,3.4vw,1.12rem);font-weight:500;line-height:1.9;margin-bottom:1.1rem;color:#f7ebe4}.intro__name{font-family:var(--font-name);font-size:clamp(3.4rem,16vw,5.6rem);font-weight:700;line-height:1.1;color:#fff9f5;text-shadow:0 10px 30px rgba(199,166,106,.35);margin-bottom:.85rem}.intro__lead{font-size:clamp(1rem,3.6vw,1.2rem);font-weight:400;color:#f7ebe4b8;margin-bottom:2.1rem}.intro__start{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(199,166,106,.7);background:linear-gradient(180deg,#fffcf91f,#c7a66a1f);color:#fff9f5;font-family:var(--font);font-size:clamp(1.05rem,3.8vw,1.2rem);font-weight:600;padding:.85rem 1.8rem;border-radius:999px;cursor:pointer;box-shadow:0 14px 36px #00000047,inset 0 1px #ffffff1f;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.intro__start:hover,.intro__start:focus-visible{transform:translateY(-2px);box-shadow:0 18px 40px #c7a66a38;outline:none}.intro.is-playing .intro__start{pointer-events:none}.story-controls{position:fixed;top:max(.9rem,env(safe-area-inset-top));left:max(.9rem,env(safe-area-inset-left));z-index:90;display:none;gap:.45rem;direction:ltr}.story-controls.is-visible{display:flex}.ctrl-btn{pointer-events:auto;width:2.4rem;height:2.4rem;border-radius:50%;border:1px solid rgba(199,166,106,.45);background:#0e0a1273;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f7ebe4;cursor:pointer;font-size:.95rem;display:grid;place-items:center}body.is-dawn .ctrl-btn{background:#fffcf9b8;color:var(--deep-rose)}.ctrl-btn.is-muted{opacity:.45}.restart-btn{position:fixed;left:50%;bottom:max(1.6rem,env(safe-area-inset-bottom));transform:translate(-50%) translateY(12px);z-index:95;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(199,166,106,.55);background:#fffcf9e6;color:var(--deep-rose);font-family:var(--font);font-size:.95rem;font-weight:600;padding:.7rem 1.3rem;border-radius:999px;cursor:pointer;opacity:0;pointer-events:none;box-shadow:0 12px 30px #704c521f}.restart-btn.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0);transition:opacity .7s var(--ease),transform .7s var(--ease)}.copy-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none;perspective:1400px;perspective-origin:50% 45%;transform-style:preserve-3d;display:grid;place-items:center;overflow:hidden}.line{position:absolute;left:0;right:0;margin-inline:auto;opacity:0;visibility:hidden;text-align:center;max-width:min(92vw,36rem);padding:0 1.1rem;transform-style:preserve-3d;will-change:transform,opacity,filter;backface-visibility:hidden;color:#f7ebe4}.line--sub{font-weight:400;font-size:clamp(1.05rem,3.8vw,1.35rem);color:#f7ebe4d1}.line--soft{font-size:clamp(1.12rem,4vw,1.5rem);font-weight:400}.line:not(.line--hero):not(.line--card):not(.line--family):not(.line--stat):not(.line--caption):not(.line--sub):not(.line--soft):not(.line--finale-title):not(.line--parents):not(.line--hero-sm):not(.line--whisper):not(.line--trio){font-size:clamp(1.22rem,4.6vw,1.85rem);font-weight:500}.line--hero{font-family:var(--font-name);font-size:clamp(4.4rem,22vw,9rem);font-weight:700;line-height:1.05;color:#fff9f5;letter-spacing:.03em;z-index:1;text-shadow:0 1px 0 rgba(199,166,106,.55),0 10px 36px rgba(199,166,106,.35),0 0 80px rgba(255,244,220,.4)}.line--hero:before{content:attr(data-ghost);position:absolute;top:0;right:0;bottom:0;left:0;color:transparent;-webkit-text-stroke:1px rgba(199,166,106,.35);transform:translate3d(4px,6px,-36px) scale(1.03);z-index:-1;opacity:.55}.line--hero-sm{font-family:var(--font-name);font-size:clamp(2.6rem,11vw,4rem);margin-top:0;color:var(--deep-rose);text-shadow:0 10px 30px rgba(255,249,245,.35)}.line--card{background:linear-gradient(165deg,#fffcf9f5,#fff9f5e6);color:var(--deep-rose);border:1px solid rgba(199,166,106,.5);border-radius:18px;padding:1.8rem 1.5rem 1.5rem;box-shadow:0 30px 80px #704c521f,inset 0 0 0 1px #c7a66a1f;max-width:min(90vw,22rem);line-height:2}.line--emphasis{font-size:1.18rem;font-weight:600;color:var(--deep-rose)}.card-dua{margin-top:1rem;font-size:.92rem;line-height:1.95;color:#704c52c7}.line--family{width:min(94vw,36rem);display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;gap:.35rem .8rem;align-items:center;justify-items:center;padding:0;direction:ltr}.fam{font-size:clamp(1.45rem,5.2vw,2.2rem);font-weight:600;white-space:nowrap;opacity:0}.fam-f{grid-column:1;grid-row:1}.fam-plus{grid-column:2;grid-row:1;color:var(--gold);font-size:1.8rem}.fam-m{grid-column:3;grid-row:1}.fam-b{grid-column:1 / -1;grid-row:2;font-family:var(--font-name);font-size:clamp(2.1rem,8.5vw,3.3rem);margin-top:.15rem}.line--lower{top:62%}.line--lowest{top:72%}.line--caption{font-size:clamp(.95rem,3.2vw,1.15rem);color:#704c52c7;bottom:14%;top:auto}.line--stat{font-family:var(--font-name);font-size:clamp(2rem,8.5vw,3.4rem);font-weight:700;letter-spacing:.02em;line-height:1.35}.line--finale-title{font-family:var(--font-name);font-size:clamp(1.7rem,6.8vw,2.7rem);font-weight:700;max-width:min(92vw,22rem);line-height:1.45}body.is-dawn .line{color:var(--deep-rose)}body.is-dawn .line--sub{color:#704c52d1}body.is-dawn .line--hero{color:var(--deep-rose)}.line[data-line=s3a],.line[data-line=s3b],.line[data-line=s03name],.line[data-line=s00name]{z-index:2}.line--parents{font-size:1.15rem;font-weight:600;color:var(--gold);letter-spacing:.04em;top:78%}.line[data-line=s10a]{top:16%}.line[data-line=s10b]{top:30%}.line[data-line=s10c]{top:58%}@media(max-width:430px){.intro__moon{width:44px;height:44px}.line--hero{font-size:clamp(3.6rem,22vw,6.5rem)}.line--card{padding:1.4rem 1.15rem 1.2rem}.line--lower{top:64%}.line--lowest{top:74%}}@media(prefers-reduced-motion:reduce){.intro__start,.restart-btn,.ctrl-btn,.intro__star{transition:none;animation:none}}.cinema{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;overflow:hidden;pointer-events:none;opacity:0;visibility:hidden;background:#07060b}.cinema__plate{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;will-change:opacity,filter}.cinema__media{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;width:116%;height:116%;transform-origin:50% 46%;will-change:transform}.cinema__img{width:100%;height:100%;object-fit:cover;object-position:center 42%;display:block}.cinema__art{width:100%;height:100%;background:#0b1018}.cinema__art[data-theme=night-wide],.cinema__art[data-theme=night-empty]{background:radial-gradient(circle at 50% 18%,rgba(199,166,106,.16),transparent 28%),linear-gradient(180deg,#081018,#0c1522 55%,#07080d)}.cinema__art[data-theme=single-star],.cinema__art[data-theme=dream-light],.cinema__art[data-theme=closer-light]{background:radial-gradient(circle at 50% 48%,rgba(199,166,106,.55),rgba(199,166,106,.08) 8%,transparent 22%),#07080d}.cinema__art[data-theme=quiet-dawn],.cinema__art[data-theme=first-horizon]{background:linear-gradient(180deg,#1a2433,#6a5360 48%,#c9a078 72%,#1b140f)}.cinema__art[data-theme=warm-day],.cinema__art[data-theme=warm-empty],.cinema__art[data-theme=growing-light],.cinema__art[data-theme=name-glow]{background:radial-gradient(circle at 50% 48%,#fff4dcd9,#ebcdd359 28%,#f3e6dc)}.cinema__art[data-theme=editorial],.cinema__art[data-theme=blanket]{background:linear-gradient(160deg,#fff9f5,#f1e4d8)}.cinema__grade,.cinema__vignette,.cinema__grain,.cinema__wash,.cinema__burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cinema__vignette{z-index:4;background:radial-gradient(ellipse at center,transparent 42%,rgba(6,5,10,.42) 100%)}.cinema[data-type=detail] .cinema__vignette,.cinema__plate[data-type=detail]~.cinema__vignette{background:radial-gradient(ellipse at center,transparent 30%,rgba(6,5,10,.5) 100%)}.cinema__grain{z-index:5;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.cinema__wash{z-index:3;background:linear-gradient(100deg,transparent 10%,rgba(255,236,198,.28) 48%,transparent 82%);mix-blend-mode:screen}.cinema__burst{z-index:3;background:radial-gradient(circle at 50% 50%,rgba(255,244,220,.85),rgba(199,166,106,.28) 34%,transparent 68%);mix-blend-mode:screen}.cinema__plate.is-warmer .cinema__media{filter:saturate(1.12) brightness(1.06) sepia(.08)}.line--hero-name{display:grid;place-items:center}.line--hero-name .hero-cloud,.line--hero-name .hero-rose,.line--hero-name .hero-dust{position:absolute;pointer-events:none}.hero-cloud{width:min(70vw,22rem);height:7rem;border-radius:999px;background:radial-gradient(circle,rgba(255,252,249,.45),transparent 70%);filter:blur(18px);z-index:-2}.hero-rose{width:1.1rem;height:1.1rem;border-radius:50% 50% 50% 0;background:#d7a5af8c;transform:rotate(-36deg) translate(7rem,2.4rem);z-index:-1}.hero-dust{width:.35rem;height:.35rem;border-radius:50%;background:var(--gold);box-shadow:-5rem -2.2rem #c7a66a73,4.6rem -1.4rem #fffcf98c,6rem 2rem 0 -1px #c7a66a59,-3.4rem 2.6rem 0 -1px #fffcf966;z-index:-1}.line--trio{width:min(94vw,40rem);display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:.6rem 1rem;direction:ltr}.trio-f,.trio-m{font-size:clamp(1.35rem,4.6vw,2rem);font-weight:600}.trio-b{font-family:var(--font-name);font-size:clamp(2.2rem,9vw,3.6rem);line-height:1;color:var(--deep-rose)}.line--whisper{font-size:clamp(1.05rem,3.8vw,1.35rem);font-weight:400;letter-spacing:.02em}.line[data-line=s10name]{top:14%}.line[data-line=s10a]{top:38%}.line[data-line=s10b]{top:54%}.line[data-line=s10c]{top:70%}.line[data-line=s10d]{top:82%}body[data-palette=night] .line,body[data-palette=night-return] .line{color:#f7ebe4}body[data-palette=night-return] .cinema__vignette{background:radial-gradient(ellipse at center,#c7a66a14 30%,#06050a75)}@media(prefers-reduced-motion:reduce){.cinema__media,.cinema__plate{will-change:auto}.cinema__grain{animation:none}}