.skyh{position:relative;overflow:hidden;flex:none;height:var(--skyh-h, 250px);background:linear-gradient(180deg,var(--sky1) 0%,var(--sky2) 58%,var(--sky3) 100%);transition:all .55s ease}.skyh-stars{position:absolute;inset:0;opacity:var(--star-op, 0);pointer-events:none;background-image:radial-gradient(1.6px 1.6px at 12% 22%,#fff,transparent),radial-gradient(1.4px 1.4px at 28% 12%,#fff,transparent),radial-gradient(2px 2px at 44% 30%,#fff,transparent),radial-gradient(1.4px 1.4px at 58% 15%,#fff,transparent),radial-gradient(1.6px 1.6px at 72% 26%,#fff,transparent),radial-gradient(1.4px 1.4px at 86% 10%,#fff,transparent),radial-gradient(1.8px 1.8px at 20% 44%,#fff,transparent),radial-gradient(1.4px 1.4px at 66% 46%,#fff,transparent),radial-gradient(1.4px 1.4px at 92% 38%,#fff,transparent),radial-gradient(1.6px 1.6px at 36% 56%,#fff,transparent);animation:twinkle 5s ease-in-out infinite}.skyh-sun{position:absolute;border-radius:999px;transition:all .6s ease;pointer-events:none}.skyh-clouds{position:absolute;inset:0;opacity:var(--cloud-op, .3);pointer-events:none}.skyh-cloud{position:absolute;left:0;border-radius:999px;background:var(--cloud, #fff)}.skyh-cloud.c1{top:14%;width:214px;height:54px;filter:blur(10px);opacity:.72;animation:cloudDrift 68s linear infinite}.skyh-cloud.c2{top:42%;width:152px;height:38px;filter:blur(12px);opacity:.58;animation:cloudDrift 94s linear -34s infinite}.skyh-fogwrap{position:absolute;inset:-10%;opacity:var(--fog-op, 0);pointer-events:none}.skyh-fog{position:absolute;background:var(--fog, #fff)}.skyh-fog.f1{inset:0;filter:blur(30px);opacity:.5;animation:fogA 26s ease-in-out infinite}.skyh-fog.f2{top:30%;left:0;right:0;height:70%;filter:blur(24px);opacity:.6;animation:fogB 34s ease-in-out infinite}.skyh-rain{position:absolute;inset:0;pointer-events:none}.skyh-rain.r1{opacity:var(--rain-op, 0);background-image:repeating-linear-gradient(102deg,rgba(210,235,255,.55) 0 1.5px,transparent 1.5px 9px);animation:rainfall .55s linear infinite}.skyh-rain.r2{opacity:var(--rain2-op, 0);background-image:repeating-linear-gradient(96deg,rgba(180,215,245,.4) 0 2.5px,transparent 2.5px 22px);animation:rainfall .82s linear infinite}.skyh-lane{position:absolute;left:0;width:100%;animation:flyR var(--dur) linear var(--delay) infinite;pointer-events:none}.skyh-lane.hover{animation-timing-function:ease-in-out}.skyh-hop{position:relative;display:inline-block;animation:bob calc(var(--flap) * 2) ease-in-out infinite}.skyh-hop.undulate{animation-name:undulate;animation-duration:1.4s}.skyh-bird{height:auto;display:block;overflow:visible;cursor:pointer;pointer-events:auto;filter:drop-shadow(0 4px 7px rgba(0,0,0,.16))}.skyh .wingA,.skyh .wingB{transform-origin:46px 26px}.skyh-bird.mid .wingA{animation:flapUpMid var(--flap) ease-in-out infinite}.skyh-bird.mid .wingB{animation:flapDnMid var(--flap) ease-in-out infinite}.skyh-bird.fast .wingA{animation:flapUpFast var(--flap) ease-in-out infinite}.skyh-bird.fast .wingB{animation:flapDnFast var(--flap) ease-in-out infinite}.skyh-bird.soar .wingA{animation:flapUpSoar var(--flap) ease-in-out infinite}.skyh-bird.soar .wingB{animation:flapDnSoar var(--flap) ease-in-out infinite}.skyh-bird.blur .wingA{animation:flapUpBlur var(--flap) ease-in-out infinite;opacity:.5}.skyh-bird.blur .wingB{animation:flapDnBlur var(--flap) ease-in-out infinite;opacity:.5}.skyh-lane.startled{animation-duration:calc(var(--dur) / 2)}.skyh-lane.startled .skyh-hop{animation-duration:.7s}.skyh-lane.startled .wingA{animation:flapUpFast calc(var(--flap) * .4) ease-in-out infinite}.skyh-lane.startled .wingB{animation:flapDnFast calc(var(--flap) * .4) ease-in-out infinite}.skyh-bubble{position:absolute;left:50%;top:-14px;white-space:nowrap;transform:translate(-50%);padding:6px 11px;border-radius:999px;background:var(--panel);border:1px solid var(--panel-brd);color:var(--ink);font-size:12px;font-weight:600;backdrop-filter:blur(8px);opacity:0;transition:opacity .22s;pointer-events:none}.skyh-lane.startled .skyh-bubble{opacity:1}.skyh-perch{position:absolute;right:26%;bottom:0;z-index:5;animation:perchBob 4.6s ease-in-out infinite;transition:all .6s ease}.skyh-perch-svg{width:58px;height:auto;display:block;overflow:visible;cursor:pointer;filter:drop-shadow(0 4px 6px rgba(0,0,0,.22));transform-origin:50% 100%;animation:preen 7s ease-in-out infinite}.skyh-perch.away{transform:translate(70px,-90px) scale(.7);opacity:0}@keyframes flyR{0%{transform:translate(-16%)}to{transform:translate(116%)}}@keyframes flyL{0%{transform:translate(116%)}to{transform:translate(-16%)}}@keyframes flapUpFast{0%,to{transform:rotate(-40deg)}50%{transform:rotate(30deg)}}@keyframes flapDnFast{0%,to{transform:rotate(40deg)}50%{transform:rotate(-30deg)}}@keyframes flapUpMid{0%,to{transform:rotate(-26deg)}50%{transform:rotate(14deg)}}@keyframes flapDnMid{0%,to{transform:rotate(26deg)}50%{transform:rotate(-14deg)}}@keyframes flapUpSoar{0%,to{transform:rotate(-11deg)}50%{transform:rotate(4deg)}}@keyframes flapDnSoar{0%,to{transform:rotate(11deg)}50%{transform:rotate(-4deg)}}@keyframes flapUpBlur{0%,to{transform:rotate(-52deg)}50%{transform:rotate(44deg)}}@keyframes flapDnBlur{0%,to{transform:rotate(52deg)}50%{transform:rotate(-44deg)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes undulate{0%,to{transform:translateY(-6px)}50%{transform:translateY(7px)}}@keyframes dart{0%,to{transform:translate(0)}14%{transform:translate(-16px,-9px)}28%{transform:translate(-14px,4px)}44%{transform:translate(6px,-6px)}58%{transform:translate(22px,2px)}74%{transform:translate(10px,-11px)}88%{transform:translate(-5px,5px)}}@keyframes twinkle{0%,to{opacity:.35}50%{opacity:1}}@keyframes cloudDrift{0%{transform:translate(-12%)}to{transform:translate(112%)}}@keyframes fogA{0%,to{transform:translate(-6%)}50%{transform:translate(10%)}}@keyframes fogB{0%,to{transform:translate(8%)}50%{transform:translate(-9%)}}@keyframes rainfall{0%{background-position:0 0}to{background-position:-90px 520px}}@keyframes perchBob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes preen{0%,66%,to{transform:rotate(0)}74%{transform:rotate(-15deg)}82%{transform:rotate(7deg)}90%{transform:rotate(-4deg)}}@media(prefers-reduced-motion:reduce){.skyh-lane,.skyh-hop,.skyh .wingA,.skyh .wingB,.skyh-stars,.skyh-cloud,.skyh-fog,.skyh-rain,.skyh-perch,.skyh-perch-svg{animation:none!important}}