*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{color:#1a1a1a;background-color:#f5f5f5;font-family:Arial,Helvetica,sans-serif}main{z-index:1;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;min-height:100dvh;padding:2rem 2rem 3.5rem;display:flex;position:relative}.copyright{z-index:2;color:#1a1a1a8c;letter-spacing:.06em;white-space:nowrap;pointer-events:none;font-size:.72rem;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}ul{text-align:center;text-shadow:0 0 1.5rem #f7faf4f2;font-size:clamp(2.5rem,8vw,6rem);font-weight:700;line-height:1.3;list-style:none}.couple{flex-wrap:wrap;justify-content:center;align-items:center;column-gap:.35em;display:flex}.cat{opacity:0;filter:blur(4px);max-height:0;transition:max-height .52s cubic-bezier(.22, 1, .36, 1) var(--cat-delay,0s), opacity .32s ease var(--cat-delay,0s), transform .52s cubic-bezier(.34, 1.56, .64, 1) var(--cat-delay,0s), filter .32s ease var(--cat-delay,0s);overflow:hidden;transform:translateY(.35em)scale(.9)}.names--revealed .cat{opacity:1;filter:blur();max-height:1.4em;transform:translateY(0)scale(1)}.planetarium{z-index:0;pointer-events:none;background:radial-gradient(circle,#f4f9f0 0%,#edf5e7 48%,#e3eeda 100%);position:fixed;inset:0;overflow:hidden}.planetarium:before{content:"";opacity:.72;background-image:radial-gradient(circle,#4a703a38 1px,#0000 1.5px),radial-gradient(circle,#4a703a24 1.5px,#0000 2px),radial-gradient(circle,#4a703a1a 1px,#0000 1.5px);background-position:0 0,70px 110px,40px 20px;background-size:190px 190px,290px 290px,130px 130px;transition:opacity .8s;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#0000 0 10%,#000 42%);mask-image:radial-gradient(circle,#0000 0 10%,#000 42%)}.orbit{width:var(--orbit-size);height:var(--orbit-size);opacity:.72;border-radius:50%;transition:opacity .8s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit__ring{border-radius:inherit;border:1px dashed #507a3e38;transition:border-color .8s,box-shadow .8s;position:absolute;inset:0}.orbit__rotor{animation:orbit-spin var(--orbit-duration) linear infinite;position:absolute;inset:0}.orbit--reverse .orbit__rotor{animation-direction:reverse}.orbit__item{width:0;height:0;position:absolute}.plant{font-size:var(--plant-size);filter:drop-shadow(0 5px 10px #34592824);animation:plant-spin var(--orbit-duration) linear infinite reverse;will-change:transform;line-height:1;display:block;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.orbit--reverse .plant{animation-direction:normal}.planetarium__glow{background:radial-gradient(circle,#f8fbf5d6 0%,#f8fbf580 16%,#f8fbf500 42%);position:absolute;inset:0}.planetarium--revealed .orbit,.planetarium--revealed:before{opacity:1}.planetarium--revealed .orbit__ring{border-color:#4c7e3657;box-shadow:0 0 34px #7eb45e1a}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes plant-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@media (prefers-reduced-motion:reduce){.orbit__rotor,.plant{animation:none}.planetarium:before,.orbit,.orbit__ring,.cat{transition:none}}