.moon-phase{margin:19px auto 0;padding-top:14px;border-top:1px solid #ffffff35;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center}.moon-phase small{display:block;font-size:10px;letter-spacing:.09em;color:#b8d8f1;font-weight:800}.moon-phase strong{display:block;font-size:17px;color:#fff}.moon-art{width:76px;height:76px;border-radius:50%;display:block;box-shadow:0 0 0 3px #ffffff22,0 4px 12px #00183499;background:#102646}.moon-0{background:#102646}.moon-1{background:radial-gradient(circle at 68% 50%,#ffe9a4 0 25%,#f6bf50 27% 42%,#102646 44%)}.moon-2{background:linear-gradient(90deg,#102646 0 49%,#f6c95d 50% 100%)}.moon-3{background:radial-gradient(circle at 37% 50%,#102646 0 24%,#f6c95d 26% 58%,#ffe9a4 60%)}.moon-4{background:radial-gradient(circle at 35% 30%,#fff4bf 0 18%,#ffe39a 35%,#f4bd58 75%,#d8942e 100%)}.moon-5{background:radial-gradient(circle at 63% 50%,#102646 0 24%,#f6c95d 26% 58%,#ffe9a4 60%)}.moon-6{background:linear-gradient(90deg,#f6c95d 0 49%,#102646 50% 100%)}.moon-7{background:radial-gradient(circle at 32% 50%,#ffe9a4 0 25%,#f6bf50 27% 42%,#102646 44%)}