/*! © حبر الفرح habralfarah.com — جميع الحقوق محفوظة. يُمنع النسخ أو إعادة الاستخدام. */
.pal-rose,:root{--pet1:#ffe6f0;--pet2:#ffb3cc;--pet3:#e9719c;--core1:#fff6c4;--core2:#f6c55a;--stamen:#e39a2c;--core-ink:#7a3a1c;--dress:#ff9fc0;--dress-2:#ffc4d8;--wing:#ffc2dc;--skin:#f1c6a0;--hair:#3a2418;--bg:#fff7f2;--bg-2:#ffe4ea;--surface:#ffffff;--surface-2:#fff6f7;--text:#4f2f2a;--muted:#8c6a62;--accent:#c2457a;--accent-2:#ffd98a;--accent-ink:#ffffff;--line:rgba(194, 69, 122, .22);--line-soft:rgba(194, 69, 122, .10)}.pal-peach{--pet1:#fff1e6;--pet2:#ffc9a6;--pet3:#ee8a5c;--dress:#ffb48f;--dress-2:#ffd6bd;--wing:#ffd9c2;--bg:#fff8f1;--bg-2:#ffe7d6;--surface-2:#fff8f2;--accent:#b9532a;--accent-2:#ffe08a;--line:rgba(185, 83, 42, .22);--line-soft:rgba(185, 83, 42, .10)}.pal-mint{--pet1:#effcf6;--pet2:#b4ead3;--pet3:#56be97;--core1:#fff6d0;--core2:#ffb8c9;--stamen:#e5739a;--core-ink:#6a2440;--dress:#8fdcc0;--dress-2:#c4f0de;--wing:#c9f3e4;--bg:#f3fbf6;--bg-2:#dcf3e8;--surface-2:#f3fbf7;--accent:#1d7a5f;--accent-2:#ffd9e2;--line:rgba(29, 122, 95, .22);--line-soft:rgba(29, 122, 95, .10)}body.fairy{background:linear-gradient(180deg,var(--bg-2),var(--bg) 620px),var(--bg)}.f-intro{padding:0;background:#f4d7c8;display:grid;place-items:center}.f-fill{position:absolute;inset:-30px;background:#f4d7c8 url(art/bg.webp) center/cover;filter:blur(20px);transform:scale(1.06)}.f-scene{position:relative;width:min(100vw,100dvh * .6);height:100dvh;overflow:hidden}.f-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 100%}.f-flies{position:absolute;inset:0;pointer-events:none}.f-flies i{position:absolute;border-radius:50%;background:radial-gradient(circle,#fff9c8,rgba(255,240,150,0) 70%);animation:fDrift var(--t,7s) ease-in-out infinite alternate,fBlink var(--b,2s) ease-in-out infinite}@keyframes fDrift{to{transform:translate(var(--fx),var(--fy))}}@keyframes fBlink{50%{opacity:.25}}.f-greet{position:relative;z-index:3;text-align:center;margin-top:max(4dvh,calc(env(safe-area-inset-top) + 18px));padding-inline:16px;transition:opacity .5s,transform .5s var(--ease);color:#fff;text-shadow:0 2px 10px rgba(150,60,70,.75),0 0 3px rgba(150,60,70,.5)}.f-hello{margin:0;font:600 17px/1.5 var(--f-ui)}.f-line{margin:2px 0 0;font:900 clamp(24px, 7.4vw, 32px)/1.35 var(--f-display);text-wrap:balance}.f-flower{--w:min(86vw, 380px, 40dvh);position:absolute;z-index:3;left:50%;bottom:4dvh;width:var(--w);height:calc(var(--w) * 1.333);transform:translateX(-50%)}.f-flower>img{position:absolute;left:0;top:0;width:100%;height:auto;pointer-events:none;filter:drop-shadow(0 12px 10px rgba(110, 50, 60, .35))}.f-half,.f-open{opacity:0;transform-origin:50% 78%;transition:opacity .6s ease}.f-glow{position:absolute;left:-20%;right:-20%;top:-10%;height:80%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,244,190,.95),rgba(255,220,160,.45) 55%,rgba(255,220,160,0));opacity:0;transform:scale(.5);transition:opacity 1.2s ease .3s,transform 1.4s var(--ease) .3s;pointer-events:none}.f-bud{transform-origin:50% 78%;animation:fSway 4s ease-in-out infinite}@keyframes fSway{50%{transform:rotate(1.4deg) scale(1.01)}}.f-tap{position:absolute;left:22%;top:8%;width:56%;height:62%;padding:0;border:0;border-radius:50%;background:0 0;cursor:pointer;-webkit-tap-highlight-color:transparent;z-index:4;touch-action:manipulation}.f-tap:focus-visible{outline:3px solid #fff;outline-offset:3px}.f-center{position:absolute;z-index:3;left:24%;right:24%;top:27%;height:24%;display:grid;align-content:center;justify-items:center;text-align:center;opacity:0;transform:scale(.8);transition:opacity .8s ease,transform .9s var(--spring);pointer-events:none}.f-center::before{content:'';position:absolute;inset:-22% -26%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.92),rgba(255,246,220,.7) 60%,rgba(255,246,220,0));z-index:-1}.f-name{margin:0;font:900 clamp(34px, 10.4vw, 46px)/1.15 var(--f-display);color:var(--accent);overflow-wrap:anywhere;text-shadow:0 0 10px #fff,0 2px 0 rgba(255,255,255,.9)}.f-age{margin:0;font:700 clamp(11px, 3.1vw, 13.5px)/1.3 var(--f-ui);color:#7a4a3a;text-shadow:0 0 8px #fff}.f-fairy{position:absolute;z-index:6;left:-90%;top:0;width:66%;pointer-events:none;transition:left 1.4s cubic-bezier(.4, .05, .3, 1),top 1.4s cubic-bezier(.4, .05, .3, 1)}.f-fairy img{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 6px rgba(110, 50, 60, .35));transition:opacity .35s;animation:fFloat 2.6s ease-in-out infinite}.f-fairy-b{position:absolute!important;left:0;top:0;opacity:0}@keyframes fFloat{50%{transform:translateY(-7px) rotate(2deg)}}.f-intro.is-here .f-fairy{left:48%;top:-30%}.f-intro.is-tapped .f-fairy{left:17%;top:-42%;transition-duration:.9s}.f-intro.is-tapped .f-fairy-a{opacity:0}.f-intro.is-tapped .f-fairy-b{opacity:1}.f-dust{position:absolute;inset:0;z-index:7;pointer-events:none}.f-dust i{position:absolute;left:var(--x);top:var(--y);width:7px;height:7px;border-radius:50%;background:#fff6c0;box-shadow:0 0 8px 2px #ffe9a0;animation:fDust 1.1s ease-in forwards}.f-dust i.st{background:#ffd1e3;box-shadow:0 0 8px 2px #ffb3d1;width:9px;height:9px}@keyframes fDust{to{transform:translate(var(--dx),var(--dy));opacity:0}}.f-hint{position:absolute;z-index:5;bottom:1.6dvh;inset-inline:0;margin:0;text-align:center;font:700 15px/1.4 var(--f-ui);color:#fff;text-shadow:0 1px 8px rgba(120,50,50,.7);animation:fHint 1.8s ease-in-out infinite;transition:opacity .3s}@keyframes fHint{50%{opacity:.6;transform:translateY(-3px)}}.f-intro.is-tapped .f-greet,.f-intro.is-tapped .f-hint{opacity:0;animation:none}.f-intro.is-half .f-half{opacity:1}.f-intro.is-half .f-bud{opacity:0;transition:opacity .6s;animation:none}.f-intro.is-bloom .f-open{opacity:1;transform:scale(1.04)}.f-intro.is-bloom .f-half{opacity:0}.f-intro.is-bloom .f-glow{opacity:1;transform:none}.f-intro.is-named .f-center{opacity:1;transform:none}.f-intro.is-tapped .f-tap{pointer-events:none}.fairy .card-hero img{width:150px;height:auto;margin-inline:auto;filter:drop-shadow(0 6px 6px rgba(150,70,70,.3))}@media (prefers-reduced-motion:reduce){.f-bud,.f-fairy img,.f-flies i,.f-hint{animation:none!important}.f-center,.f-fairy,.f-glow,.f-half,.f-open{transition-duration:.01s!important;transition-delay:0s!important}}.fairy .card-frame{border:1.5px solid var(--line);border-radius:34px;background:linear-gradient(180deg,#fff 60%,var(--surface-2));box-shadow:0 18px 44px rgba(194,110,80,.14),inset 0 0 0 6px #fff,inset 0 0 0 7.5px var(--line-soft)}.fairy .card-hero{margin-top:-10px}.fairy .card-hero svg{width:132px;overflow:visible}.fairy .kid{color:var(--accent)}.fairy .age-badge{background:var(--accent-2)}.fairy .facts li{border-radius:22px}.fairy .cd{border-radius:22px}.fairy .h2::after{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:-18px 0 0 -2px var(--pet2),18px 0 0 -2px var(--pet2)}
