/*! © حبر الفرح habralfarah.com — جميع الحقوق محفوظة. يُمنع النسخ أو إعادة الاستخدام. */
.pal-pink,:root{--bg:#fff5f9;--bg-2:#ffe0ec;--surface:#ffffff;--surface-2:#fff6fa;--text:#4e3348;--muted:#85677d;--accent:#b2427a;--accent-2:#ffe48a;--accent-ink:#ffffff;--line:rgba(178, 66, 122, .22);--line-soft:rgba(178, 66, 122, .10);--sky1:#ffd3e6;--sky2:#eadcff;--sky3:#d8ecff;--hoof:#f6b6cf;--uline:#dccbe9}.pal-lilac{--bg:#f8f4ff;--bg-2:#ebe0ff;--surface-2:#f9f6ff;--text:#3e3360;--muted:#726a91;--accent:#7148bd;--accent-2:#ffe48a;--line:rgba(113, 72, 189, .22);--line-soft:rgba(113, 72, 189, .10);--sky1:#e4d8ff;--sky2:#f6e2ff;--sky3:#ffe6f1;--hoof:#c9b2f2;--uline:#d6c9ee}.pal-sky{--bg:#f3f8ff;--bg-2:#dbeaff;--surface-2:#f4f9ff;--text:#2f3f5c;--muted:#66758f;--accent:#2f68a8;--accent-2:#ffe48a;--line:rgba(47, 104, 168, .22);--line-soft:rgba(47, 104, 168, .10);--sky1:#cfe5ff;--sky2:#e5efff;--sky3:#fff0f6;--hoof:#a9cdf6;--uline:#c9d8ee}:root{--r1:#ff9db0;--r2:#ffc38a;--r3:#ffe48a;--r4:#a4e3b8;--r5:#9fcaff;--m1:var(--r1);--m2:var(--r2);--m3:var(--r3);--m4:var(--r4);--m5:var(--r5)}body.unicorn{background:linear-gradient(180deg,var(--bg-2),var(--bg) 600px),var(--bg)}@property --p{syntax:'<angle>';inherits:false;initial-value:0deg}.u-intro{padding:0;background:#d9c9f5;display:grid;place-items:center}.u-fill{position:absolute;inset:-30px;background:#d9c9f5 url(art/bg.webp) center/cover;filter:blur(20px);transform:scale(1.06)}.u-stage{position:relative;width:min(100vw,100dvh * .6);height:100dvh;overflow:hidden;display:flex;flex-direction:column;align-items:center;color:#fff}.u-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 100%}.u-glints{position:absolute;inset:0;pointer-events:none}.u-glints i{position:absolute;width:12px;height:12px;background:#fff;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:uTw 2.6s ease-in-out infinite;opacity:.8}@keyframes uTw{50%{opacity:.15;transform:scale(.5) rotate(40deg)}}.u-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 ease,transform .5s var(--ease);text-shadow:0 2px 12px rgba(120,60,150,.45)}.u-hello{margin:0;font:600 17px/1.5 var(--f-ui)}.u-line{margin:2px 0 0;font:900 clamp(24px, 7.2vw, 32px)/1.35 var(--f-display);text-wrap:balance}.u-sky{position:relative;z-index:3;width:min(94%,420px,58dvh);margin-top:1.5dvh;aspect-ratio:1024/640}.u-rb{position:absolute;inset:0;--p:0deg;-webkit-mask-image:conic-gradient(from -100deg at 50% 87.5%,#000 var(--p),transparent calc(var(--p) + 3deg));mask-image:conic-gradient(from -100deg at 50% 87.5%,#000 var(--p),transparent calc(var(--p) + 3deg));transition:--p .8s cubic-bezier(.3,.7,.2,1);filter:drop-shadow(0 8px 14px rgba(110, 60, 160, .3))}.u-rb img{width:100%;height:100%}.u-ghost{position:absolute;inset:0;width:100%;height:100%;opacity:.22;filter:grayscale(.6) brightness(1.5)}.u-rb.is-full{-webkit-mask-image:none;mask-image:none}.u-star{position:absolute;z-index:2;width:17%;aspect-ratio:1;margin:-8.5% 0 0 -8.5%;padding:0;border:0;background:url(art/star.webp) center/contain no-repeat;cursor:pointer;animation:uStar 1.8s ease-in-out infinite;animation-delay:var(--d, 0s);-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 0 10px rgba(255, 236, 150, .95));touch-action:manipulation}.u-star::after{content:'';position:absolute;inset:-16%}.u-star:focus-visible{outline:3px solid #fff;border-radius:50%;outline-offset:2px}@keyframes uStar{50%{transform:scale(1.14) rotate(7deg)}}.u-star.is-lit{animation:uLit .7s ease-out forwards;pointer-events:none}@keyframes uLit{0%{transform:scale(1.2);opacity:1}100%{transform:scale(2.4) rotate(90deg);opacity:0}}.u-orb{position:absolute;left:50%;top:84%;width:34%;aspect-ratio:1;transform:translate(-50%,-60%) scale(.2);opacity:0;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff 0 18%,#fff0fa 55%,#e6d5ff);box-shadow:0 0 0 5px rgba(255,255,255,.5),0 0 36px 12px rgba(255,240,255,.8);transition:transform 1s var(--spring),opacity .4s}.u-age{font:900 clamp(48px, 15vw, 70px)/1 var(--f-display);color:var(--accent);padding-top:4px;text-shadow:0 2px 0 #fff}.u-plaque{position:relative;z-index:4;margin-top:-1.2dvh;padding:8px 26px 10px;border-radius:18px;background:rgba(255,255,255,.94);color:var(--accent);text-align:center;max-width:92%;font:900 clamp(28px, 9vw, 38px)/1.2 var(--f-display);box-shadow:0 10px 26px rgba(110,50,140,.25);border:2px solid #fff;opacity:0;transform:translateY(14px) scale(.92);transition:opacity .6s ease .5s,transform .7s var(--spring) .5s;overflow-wrap:anywhere}.u-plaque small{display:block;font:600 14px/1.4 var(--f-ui);color:var(--muted)}.u-uni{position:absolute;z-index:2;bottom:8dvh;left:50%;width:min(80%,340px,40dvh);aspect-ratio:1;transform:translateX(-50%);animation:uBob 3.4s ease-in-out infinite;pointer-events:none}.u-uni img{position:absolute;inset:0;width:100%;height:auto;filter:drop-shadow(0 10px 8px rgba(110, 50, 140, .3));transition:opacity .5s}.u-uni-b{opacity:0}@keyframes uBob{50%{transform:translateX(-50%) translateY(-7px)}}.u-tw{position:absolute;width:18px;height:18px;background:#fff;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:uTw 1.8s ease-in-out infinite;filter:drop-shadow(0 0 5px #fff)}.u-tw1{left:52%;top:4%}.u-tw2{left:66%;top:20%;animation-delay:-.9s;width:13px;height:13px}.u-tw3{left:20%;top:40%;animation-delay:-1.3s;width:12px;height:12px}.u-hint{position:absolute;z-index:5;bottom:3.2dvh;inset-inline:0;margin:0;display:grid;justify-items:center;gap:6px;font:700 15px/1.4 var(--f-ui);color:#fff;text-shadow:0 1px 8px rgba(100,40,130,.5);transition:opacity .3s}.u-dots{display:flex;gap:8px}.u-dots i{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.5);transition:background-color .3s,transform .3s var(--spring)}.u-dots i.on{transform:scale(1.25)}.u-dots i.on:first-child{background:var(--r1)}.u-dots i.on:nth-child(2){background:var(--r2)}.u-dots i.on:nth-child(3){background:var(--r3)}.u-dots i.on:nth-child(4){background:var(--r4)}.u-dots i.on:nth-child(5){background:var(--r5)}.u-burst{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:hidden}.u-burst i{position:absolute;width:10px;height:10px;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:sparkle ease-out forwards}@keyframes sparkle{0%{transform:translate(0,0) scale(.3);opacity:0}15%{opacity:1}100%{transform:translate(var(--dx),var(--dy)) scale(1.1) rotate(160deg);opacity:0}}.u-intro.is-done .u-orb{opacity:1;transform:translate(-50%,-60%) scale(1)}.u-intro.is-done .u-plaque{opacity:1;transform:none}.u-intro.is-done .u-hint{opacity:0}.u-intro.is-done .u-uni-a{opacity:0}.u-intro.is-done .u-uni-b{opacity:1}.u-intro.is-done .u-uni{animation:uHop .7s var(--ease) 2,uBob 3.2s ease-in-out 1.4s infinite}@keyframes uHop{40%{transform:translateX(-50%) translateY(-24px) rotate(-2deg)}}.unicorn .card-frame{border:2px solid var(--line);border-radius:34px;box-shadow:0 0 0 6px var(--surface-2),0 16px 40px rgba(140,80,150,.12)}.unicorn .card-hero img{width:230px;height:auto;margin-inline:auto;filter:drop-shadow(0 6px 8px rgba(110,50,140,.25))}.unicorn .cd{border-radius:24px}.unicorn .facts li{border-radius:22px}.unicorn .h2::after{width:64px;background:linear-gradient(90deg,var(--r5),var(--r4),var(--r3),var(--r2),var(--r1))}@media (prefers-reduced-motion:reduce){.u-glints i,.u-star,.u-tw,.u-uni{animation:none!important}.u-orb,.u-plaque,.u-rb,.u-uni img{transition-duration:.01s!important;transition-delay:0s!important}}