.skyline-layer{pointer-events:none;height:212px;position:absolute;bottom:0;left:0;right:0}.skyline-art{width:100%;height:100%;display:block}.skyline-art path{fill:none;stroke:var(--accent-strong);stroke-width:2.2px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.skyline-art .sky-detail{stroke-width:1.8px;opacity:.9}@keyframes skyline-draw{to{stroke-dashoffset:0}}@keyframes constellation-in{0%{opacity:0}to{opacity:.92}}@keyframes hero-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.skyline-art path{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:skyline-draw 2.2s var(--ease-out) forwards}.skyline-art .sky-detail{animation-duration:1.1s;animation-delay:1.3s}.constellation-layer{animation:constellation-in .9s var(--ease-out) 1s both}.hero-rise{animation:hero-rise .7s var(--ease-out) both}.hero-rise--2{animation-delay:.12s}.hero-rise--3{animation-delay:.26s}.hero-rise--4{animation-delay:.4s}}:root,[data-theme=ink]{--wx-rain:var(--gold-300);--wx-flake:#fff;--wx-cloud:#9db0c23d;--wx-fog:#9db0c22e;--wx-star:var(--gold-200)}[data-theme=parchment]{--wx-rain:#3c507399;--wx-flake:#fff;--wx-cloud:#5064874d;--wx-fog:#6e809e3d;--wx-star:var(--gold-500)}.wx-layer{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.wx-drop{background:linear-gradient(var(--wx-rain), transparent);width:1.5px;height:46px;animation:linear infinite wx-rain;position:absolute;top:-60px}@keyframes wx-rain{to{transform:translateY(640px)}}.wx-flake{background:var(--wx-flake);border-radius:50%;animation:linear infinite wx-snow;position:absolute;top:-10px;box-shadow:0 0 3px #5a6e8c80}@keyframes wx-snow{to{transform:translateY(620px)translate(24px)}}.wx-cloud{filter:blur(40px);background:radial-gradient(closest-side, var(--wx-cloud), transparent);border-radius:999px;animation:linear infinite wx-drift;position:absolute}@keyframes wx-drift{0%{transform:translate(-14%)}to{transform:translate(114%)}}.wx-fog{background:linear-gradient(to top, var(--wx-fog), transparent);height:60%;position:absolute;bottom:0;left:0;right:0}.wx-star{background:var(--wx-star);border-radius:50%;width:2px;height:2px;animation:ease-in-out infinite wx-twinkle;position:absolute}@keyframes wx-twinkle{0%,to{opacity:.15}50%{opacity:.7}}@media (prefers-reduced-motion:reduce){.wx-drop,.wx-flake,.wx-cloud,.wx-star{animation:none}.wx-drop,.wx-flake{display:none}}
