/* 리엔과 함께 움직이는 작은 우주. 색은 테마 토큰, 장식은 기존 Font Awesome과 생성한 행성이다. */
.home .home-space { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.home .home-space-orbit { position: absolute; border: 1px solid color-mix(in srgb, var(--wa-color-brand-on-quiet) 20%, transparent); border-radius: 50%; transform: rotate(-28deg); animation: home-orbit-drift 28s ease-in-out infinite alternate; }
.home .home-space-orbit-outer { inset-block: 5% 10%; inset-inline: 2%; }
.home .home-space-orbit-inner { inset-block: 19% 24%; inset-inline: 8%; border-style: dashed; border-color: color-mix(in srgb, var(--wa-color-brand-on-quiet) 15%, transparent); animation-delay: -14s; }
.home .home-space-stars { position: absolute; inset: 0; }
.home .home-space-star { position: absolute; inset-inline-start: calc(var(--star-x) * 1%); inset-block-start: calc(var(--star-y) * 1%); color: var(--wa-color-brand-on-quiet); font-size: calc(var(--star-size) * 1px); line-height: 1; opacity: 0.25; animation: home-star-twinkle calc(var(--star-time) * 1s) ease-in-out calc(var(--star-delay) * -1s) infinite alternate; }
.home .home-space-star:nth-child(9n + 1) { font-size: var(--wa-font-size-s); color: color-mix(in srgb, var(--wa-color-brand-on-quiet) 65%, var(--wa-color-warning-fill-loud)); }
.home .home-space-planet { position: absolute; animation: home-planet-float 9s ease-in-out infinite alternate; }
.home .home-space-planet img { display: block; inline-size: 100%; block-size: 100%; object-fit: contain; }
.home .home-space-planet-saturn { inline-size: 25%; inset-block-start: 7%; inset-inline-start: 3%; animation-duration: 11s; }
.home .home-space-planet-mint { inline-size: 13%; inset-block-start: 25%; inset-inline-end: 3%; animation-delay: -4s; }
.home .home-space-planet-apricot { inline-size: 11%; inset-block-end: 20%; inset-inline-start: 6%; animation-delay: -6s; animation-duration: 10s; }
.home .home-space-planet-moon { inline-size: 10%; inset-block-end: 8%; inset-inline-end: 6%; animation-delay: -3s; animation-duration: 12s; }
.home .home-space :is(.home-space-star, .home-space-planet, .home-space-orbit) { animation-play-state: paused; }
.home .home-space.is-moving :is(.home-space-star, .home-space-planet, .home-space-orbit) { animation-play-state: running; }
@keyframes home-star-twinkle { from { opacity: 0.13; transform: translateY(0) scale(0.8); } to { opacity: 0.56; transform: translateY(-5px) scale(1.12); } }
@keyframes home-planet-float { from { transform: translateY(0) rotate(-4deg); } to { transform: translateY(-12px) rotate(6deg); } }
@keyframes home-orbit-drift { from { transform: rotate(-28deg); } to { transform: rotate(-19deg); } }
@media (prefers-reduced-motion: reduce) {
	.home .home-space :is(.home-space-star, .home-space-planet, .home-space-orbit) { animation: none; }
}

/* 격자에 분산한 별 좌표. 크기·속도만 달리해 무늬 반복과 한곳 몰림을 피한다. */
.home .home-space-star:nth-child(1) { --star-x: 3.0; --star-y: 2.0; --star-size: 2; --star-time: 3; --star-delay: 0; }
.home .home-space-star:nth-child(2) { --star-x: 17.5; --star-y: 3.3; --star-size: 3; --star-time: 4; --star-delay: 1; }
.home .home-space-star:nth-child(3) { --star-x: 32.0; --star-y: 4.6; --star-size: 4; --star-time: 5; --star-delay: 2; }
.home .home-space-star:nth-child(4) { --star-x: 42.3; --star-y: 5.9; --star-size: 2; --star-time: 6; --star-delay: 3; }
.home .home-space-star:nth-child(5) { --star-x: 56.8; --star-y: 7.2; --star-size: 3; --star-time: 7; --star-delay: 4; }
.home .home-space-star:nth-child(6) { --star-x: 67.1; --star-y: 2.6; --star-size: 4; --star-time: 3; --star-delay: 5; }
.home .home-space-star:nth-child(7) { --star-x: 81.6; --star-y: 4.0; --star-size: 2; --star-time: 4; --star-delay: 6; }
.home .home-space-star:nth-child(8) { --star-x: 91.9; --star-y: 5.2; --star-size: 3; --star-time: 5; --star-delay: 7; }
.home .home-space-star:nth-child(9) { --star-x: 4.8; --star-y: 17.6; --star-size: 4; --star-time: 6; --star-delay: 8; }
.home .home-space-star:nth-child(10) { --star-x: 19.3; --star-y: 13.0; --star-size: 2; --star-time: 7; --star-delay: 9; }
.home .home-space-star:nth-child(11) { --star-x: 29.6; --star-y: 14.3; --star-size: 3; --star-time: 3; --star-delay: 10; }
.home .home-space-star:nth-child(12) { --star-x: 44.1; --star-y: 15.6; --star-size: 4; --star-time: 4; --star-delay: 0; }
.home .home-space-star:nth-child(13) { --star-x: 54.4; --star-y: 16.9; --star-size: 2; --star-time: 5; --star-delay: 1; }
.home .home-space-star:nth-child(14) { --star-x: 68.9; --star-y: 18.2; --star-size: 3; --star-time: 6; --star-delay: 2; }
.home .home-space-star:nth-child(15) { --star-x: 79.2; --star-y: 13.7; --star-size: 4; --star-time: 7; --star-delay: 3; }
.home .home-space-star:nth-child(16) { --star-x: 93.7; --star-y: 14.9; --star-size: 2; --star-time: 3; --star-delay: 4; }
.home .home-space-star:nth-child(17) { --star-x: 6.6; --star-y: 27.2; --star-size: 3; --star-time: 4; --star-delay: 5; }
.home .home-space-star:nth-child(18) { --star-x: 16.9; --star-y: 28.6; --star-size: 4; --star-time: 5; --star-delay: 6; }
.home .home-space-star:nth-child(19) { --star-x: 31.4; --star-y: 24.0; --star-size: 2; --star-time: 6; --star-delay: 7; }
.home .home-space-star:nth-child(20) { --star-x: 41.7; --star-y: 25.3; --star-size: 3; --star-time: 7; --star-delay: 8; }
.home .home-space-star:nth-child(21) { --star-x: 56.2; --star-y: 26.6; --star-size: 4; --star-time: 3; --star-delay: 9; }
.home .home-space-star:nth-child(22) { --star-x: 66.5; --star-y: 27.9; --star-size: 2; --star-time: 4; --star-delay: 10; }
.home .home-space-star:nth-child(23) { --star-x: 81.0; --star-y: 29.2; --star-size: 3; --star-time: 5; --star-delay: 0; }
.home .home-space-star:nth-child(24) { --star-x: 95.5; --star-y: 24.6; --star-size: 4; --star-time: 6; --star-delay: 1; }
.home .home-space-star:nth-child(25) { --star-x: 4.2; --star-y: 37.0; --star-size: 2; --star-time: 7; --star-delay: 2; }
.home .home-space-star:nth-child(26) { --star-x: 18.7; --star-y: 38.2; --star-size: 3; --star-time: 3; --star-delay: 3; }
.home .home-space-star:nth-child(27) { --star-x: 29.0; --star-y: 39.5; --star-size: 4; --star-time: 4; --star-delay: 4; }
.home .home-space-star:nth-child(28) { --star-x: 43.5; --star-y: 35.0; --star-size: 2; --star-time: 5; --star-delay: 5; }
.home .home-space-star:nth-child(29) { --star-x: 53.8; --star-y: 36.3; --star-size: 3; --star-time: 6; --star-delay: 6; }
.home .home-space-star:nth-child(30) { --star-x: 68.3; --star-y: 37.6; --star-size: 4; --star-time: 7; --star-delay: 7; }
.home .home-space-star:nth-child(31) { --star-x: 82.8; --star-y: 38.9; --star-size: 2; --star-time: 3; --star-delay: 8; }
.home .home-space-star:nth-child(32) { --star-x: 93.1; --star-y: 40.2; --star-size: 3; --star-time: 4; --star-delay: 9; }
.home .home-space-star:nth-child(33) { --star-x: 6.0; --star-y: 46.6; --star-size: 4; --star-time: 5; --star-delay: 10; }
.home .home-space-star:nth-child(34) { --star-x: 16.3; --star-y: 48.0; --star-size: 2; --star-time: 6; --star-delay: 0; }
.home .home-space-star:nth-child(35) { --star-x: 30.8; --star-y: 49.2; --star-size: 3; --star-time: 7; --star-delay: 1; }
.home .home-space-star:nth-child(36) { --star-x: 41.1; --star-y: 50.5; --star-size: 4; --star-time: 3; --star-delay: 2; }
.home .home-space-star:nth-child(37) { --star-x: 55.6; --star-y: 46.0; --star-size: 2; --star-time: 4; --star-delay: 3; }
.home .home-space-star:nth-child(38) { --star-x: 70.1; --star-y: 47.3; --star-size: 3; --star-time: 5; --star-delay: 4; }
.home .home-space-star:nth-child(39) { --star-x: 80.4; --star-y: 48.6; --star-size: 4; --star-time: 6; --star-delay: 5; }
.home .home-space-star:nth-child(40) { --star-x: 94.9; --star-y: 49.9; --star-size: 2; --star-time: 7; --star-delay: 6; }
.home .home-space-star:nth-child(41) { --star-x: 3.6; --star-y: 62.2; --star-size: 3; --star-time: 3; --star-delay: 7; }
.home .home-space-star:nth-child(42) { --star-x: 18.1; --star-y: 57.6; --star-size: 4; --star-time: 4; --star-delay: 8; }
.home .home-space-star:nth-child(43) { --star-x: 28.4; --star-y: 59.0; --star-size: 2; --star-time: 5; --star-delay: 9; }
.home .home-space-star:nth-child(44) { --star-x: 42.9; --star-y: 60.2; --star-size: 3; --star-time: 6; --star-delay: 10; }
.home .home-space-star:nth-child(45) { --star-x: 57.4; --star-y: 61.5; --star-size: 4; --star-time: 7; --star-delay: 0; }
.home .home-space-star:nth-child(46) { --star-x: 67.7; --star-y: 57.0; --star-size: 2; --star-time: 3; --star-delay: 1; }
.home .home-space-star:nth-child(47) { --star-x: 82.2; --star-y: 58.3; --star-size: 3; --star-time: 4; --star-delay: 2; }
.home .home-space-star:nth-child(48) { --star-x: 92.5; --star-y: 59.6; --star-size: 4; --star-time: 5; --star-delay: 3; }
.home .home-space-star:nth-child(49) { --star-x: 5.4; --star-y: 71.9; --star-size: 2; --star-time: 6; --star-delay: 4; }
.home .home-space-star:nth-child(50) { --star-x: 15.7; --star-y: 73.2; --star-size: 3; --star-time: 7; --star-delay: 5; }
.home .home-space-star:nth-child(51) { --star-x: 30.2; --star-y: 68.7; --star-size: 4; --star-time: 3; --star-delay: 6; }
.home .home-space-star:nth-child(52) { --star-x: 44.7; --star-y: 70.0; --star-size: 2; --star-time: 4; --star-delay: 7; }
.home .home-space-star:nth-child(53) { --star-x: 55.0; --star-y: 71.2; --star-size: 3; --star-time: 5; --star-delay: 8; }
.home .home-space-star:nth-child(54) { --star-x: 69.5; --star-y: 72.5; --star-size: 4; --star-time: 6; --star-delay: 9; }
.home .home-space-star:nth-child(55) { --star-x: 79.8; --star-y: 68.0; --star-size: 2; --star-time: 7; --star-delay: 10; }
.home .home-space-star:nth-child(56) { --star-x: 94.3; --star-y: 69.3; --star-size: 3; --star-time: 3; --star-delay: 0; }
.home .home-space-star:nth-child(57) { --star-x: 3.0; --star-y: 81.6; --star-size: 4; --star-time: 4; --star-delay: 1; }
.home .home-space-star:nth-child(58) { --star-x: 17.5; --star-y: 82.9; --star-size: 2; --star-time: 5; --star-delay: 2; }
.home .home-space-star:nth-child(59) { --star-x: 32.0; --star-y: 84.2; --star-size: 3; --star-time: 6; --star-delay: 3; }
.home .home-space-star:nth-child(60) { --star-x: 42.3; --star-y: 79.7; --star-size: 4; --star-time: 7; --star-delay: 4; }
.home .home-space-star:nth-child(61) { --star-x: 56.8; --star-y: 81.0; --star-size: 2; --star-time: 3; --star-delay: 5; }
.home .home-space-star:nth-child(62) { --star-x: 67.1; --star-y: 82.2; --star-size: 3; --star-time: 4; --star-delay: 6; }
.home .home-space-star:nth-child(63) { --star-x: 81.6; --star-y: 83.5; --star-size: 4; --star-time: 5; --star-delay: 7; }
.home .home-space-star:nth-child(64) { --star-x: 91.9; --star-y: 79.0; --star-size: 2; --star-time: 6; --star-delay: 8; }
.home .home-space-star:nth-child(65) { --star-x: 4.8; --star-y: 91.3; --star-size: 3; --star-time: 7; --star-delay: 9; }
.home .home-space-star:nth-child(66) { --star-x: 19.3; --star-y: 92.6; --star-size: 4; --star-time: 3; --star-delay: 10; }
.home .home-space-star:nth-child(67) { --star-x: 29.6; --star-y: 93.9; --star-size: 2; --star-time: 4; --star-delay: 0; }
.home .home-space-star:nth-child(68) { --star-x: 44.1; --star-y: 95.2; --star-size: 3; --star-time: 5; --star-delay: 1; }
.home .home-space-star:nth-child(69) { --star-x: 54.4; --star-y: 90.7; --star-size: 4; --star-time: 6; --star-delay: 2; }
.home .home-space-star:nth-child(70) { --star-x: 68.9; --star-y: 92.0; --star-size: 2; --star-time: 7; --star-delay: 3; }
.home .home-space-star:nth-child(71) { --star-x: 79.2; --star-y: 93.2; --star-size: 3; --star-time: 3; --star-delay: 4; }
.home .home-space-star:nth-child(72) { --star-x: 93.7; --star-y: 94.5; --star-size: 4; --star-time: 4; --star-delay: 5; }