:root{--night-deep:#14142b;--night:#1e2045;--night-lit:#2e3160;--moonlight:#f5e6c8;--moon-shadow:#6b6e9e;--moon-dark:#3f426d;--text-quiet:#9ba0c9;--glow:0.5;--font-serif:"Gowun Batang","Nanum Myeongjo",Batang,"Apple SD Gothic Neo","Times New Roman",serif;--font-sans:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,"Segoe UI","Malgun Gothic","Apple SD Gothic Neo",sans-serif;color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;padding:0}body{min-height:100dvh;background:var(--night-deep);color:var(--moonlight);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;word-break:keep-all}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}:focus-visible{outline:2px solid var(--moonlight);outline-offset:4px;border-radius:3px}.sky{position:relative;min-height:100dvh;display:flex;flex-direction:column;align-items:center;text-align:center;padding:calc(env(safe-area-inset-top, 0px) + 22px) 24px calc(env(safe-area-inset-bottom, 0px) + 32px)}.skyGlow{position:fixed;inset:0;z-index:0;pointer-events:none;transform-origin:50% 30%;background:radial-gradient(calc(30vmax + var(--glow) * 52vmax) calc(30vmax + var(--glow) * 52vmax) at 50% 30%,rgba(46,49,96,calc(1 * var(--glow))) 0,rgba(46,49,96,calc(.82 * var(--glow))) 30%,rgba(30,32,69,calc(.86 * var(--glow))) 58%,rgba(20,20,43,0) 84%);transition:background .9s ease-out;animation:glow-in 2.2s ease-out both,breathe 9s ease-in-out 2.2s infinite}.sky>:not(.skyGlow){position:relative;z-index:1}.header{display:flex;align-items:baseline;justify-content:center;gap:8px;font-size:.875rem;color:var(--text-quiet);letter-spacing:.01em}.placeButton{color:var(--moonlight);opacity:.82;border-bottom:1px solid rgba(245,230,200,.28);padding-bottom:1px;transition:opacity .2s ease}.placeButton:hover{opacity:1}.headerDot{opacity:.5}.picker{width:100%;max-width:24rem;margin:20px 0 4px;padding:18px 4px 20px;border-top:1px solid rgba(155,160,201,.16);border-bottom:1px solid rgba(155,160,201,.16)}.pickerNote{margin:0 0 14px;font-size:.8125rem;line-height:1.6;color:var(--text-quiet)}.pickerCities{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 10px;margin-bottom:16px}.cityButton{font-size:.9375rem;color:var(--text-quiet);padding:5px 11px;border:1px solid rgba(155,160,201,.22);border-radius:999px;transition:color .18s ease,border-color .18s ease}.cityButton:hover{color:var(--moonlight);border-color:rgba(245,230,200,.4)}.cityButton[aria-pressed=true]{color:var(--night-deep);background:var(--moonlight);border-color:var(--moonlight)}.geoButton{font-size:.875rem;color:var(--moonlight);opacity:.78;border-bottom:1px solid rgba(245,230,200,.28);padding-bottom:1px}.geoButton:hover{opacity:1}.moonStage{margin:clamp(6px,2.5vh,26px) 0 clamp(10px,2vh,20px);line-height:0}.moon{display:block;width:min(96vw,26rem);height:auto;animation:moon-in 1.7s cubic-bezier(.22,.7,.28,1) both}.phaseName{font-family:var(--font-serif);font-size:clamp(1.75rem,8vw,2.25rem);font-weight:700;letter-spacing:.02em;line-height:1.25;margin:0}.illumination{margin:8px 0 0;font-size:.875rem;color:var(--text-quiet);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.childLine{font-family:var(--font-serif);font-size:1.0625rem;line-height:1.85;color:rgba(245,230,200,.88);max-width:19rem;margin:18px auto 0}.rule{width:min(70%,13rem);height:1px;border:0;background:rgba(155,160,201,.2);margin:clamp(22px,4.5vh,36px) auto}.tonightLabel{margin:0;font-size:.75rem;color:var(--text-quiet);letter-spacing:.08em}.tonightVerdict{font-size:1.375rem;font-weight:700;line-height:1.5;margin:8px 0 0}.tonightVerdict,.tonightWhy{font-family:var(--font-serif)}.tonightWhy{font-size:1rem;line-height:1.8;color:rgba(245,230,200,.76);max-width:19rem;margin:10px auto 0}.times{width:min(100%,15rem);margin:clamp(22px,4vh,32px) auto 0;display:grid;grid-template-columns:1fr auto;grid-row-gap:11px;row-gap:11px;grid-column-gap:16px;column-gap:16px;font-size:.9375rem}.times dt{text-align:left;color:var(--text-quiet)}.times dd{margin:0;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:rgba(245,230,200,.92)}.source{margin:clamp(24px,4.5vh,38px) 0 0;font-size:.75rem;line-height:1.9;color:var(--text-quiet);opacity:.72;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.source p{margin:0}@keyframes moon-in{0%{opacity:0;transform:scale(.982)}to{opacity:1;transform:scale(1)}}@keyframes glow-in{0%{opacity:0}to{opacity:1}}@keyframes breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.035)}}@media (prefers-reduced-motion:reduce){.moon,.skyGlow{animation:none;opacity:1;transform:none}.skyGlow{transition:none}*,:after,:before{transition-duration:.01ms!important}}