.moon-experience{isolation:isolate;color:#edf0f5;--moon-cap:var(--header-height);margin-top:calc(-1 * var(--moon-cap));padding-top:var(--moon-cap);background: linear-gradient(#0c0d12 0 var(--moon-cap), transparent calc(var(--moon-cap) + 18%) 75%, #090a0e 100%), radial-gradient(ellipse at 50% 46%, transparent 15%, #06070b80 100%), radial-gradient(ellipse at 78% 38%, #29202e70, transparent 62%), radial-gradient(ellipse at 25% 65%, #171e2b80, transparent 65%), #111116;position:relative;overflow:clip}.moon-sky{z-index:-1;pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#000 72%,#0000);mask-image:linear-gradient(#000,#000 72%,#0000)}.moon-sky-map{mix-blend-mode:screen;opacity:.44;filter:brightness(.95)contrast(1.35)saturate(.5);background:url(/moon/stars.webp) 50% 42%/cover;animation:180s ease-in-out infinite alternate moon-sky-drift;position:absolute;inset:-12px}.moon-stars{width:calc(100% + 24px);height:calc(100% + 24px);position:absolute;inset:-12px;-webkit-mask-image:radial-gradient(at 50% 45%,#000 20%,#000b 72%,#0004);mask-image:radial-gradient(at 50% 45%,#000 20%,#000b 72%,#0004)}.moon-stars-distant{animation:240s ease-in-out infinite alternate-reverse moon-sky-drift}.moon-stars-bright{animation:150s ease-in-out infinite alternate moon-sky-drift}@keyframes moon-sky-drift{0%{transform:translate(-6px,2px)}to{transform:translate(6px,-3px)}}.moon-inner{max-width:1240px;margin:auto;padding:26px 24px 88px}.moon-selected-date{text-align:center;letter-spacing:.025em;color:#aaa5b1;height:44px;font-size:12px;line-height:44px}.moon-date-line{z-index:1;justify-content:center;align-items:center;gap:6px;margin:0 auto;font-size:12px;display:flex;position:relative}.moon-date-navigation{width:fit-content;min-height:44px;margin:8px auto 0;position:relative}.moon-scene{max-width:1120px;height:clamp(350px,100svh - 335px,650px);margin:12px auto 6px;position:relative}.moon-viewer{width:min(760px,100%);height:100%;margin:auto;transition:transform .65s cubic-bezier(.22,.68,0,1.01);position:relative;transform:translate(0)}.moon-canvas-wrap{height:100%;position:relative}.moon-canvas{border-radius:4px;width:100%;height:100%;transition:opacity .4s;display:block}.moon-viewer[data-renderer=ready][data-interactive=false] .moon-canvas{cursor:pointer}.moon-viewer[data-interactive=true] .moon-canvas{cursor:grab}.moon-viewer[data-interactive=true] .moon-canvas:active{cursor:grabbing}.moon-fallback{aspect-ratio:1;object-fit:contain;pointer-events:none;width:auto;max-width:85%;height:85%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.moon-viewer-tools{color:#aaa5b3;justify-content:center;align-items:center;min-height:44px;font-size:11px;display:flex}.moon-fallback-tap{width:100%;height:100%;position:absolute;inset:0;background:0 0!important}.moon-canvas:focus-visible,.moon-fallback-tap:focus-visible{outline-offset:4px;outline:2px solid #e9d8c4}.moon-orientation{color:#b2abba;white-space:nowrap;align-items:baseline;gap:4px;margin-top:24px;font-size:10px;line-height:1.6;display:flex}.moon-view-context{flex-shrink:0}.moon-timezone{text-overflow:ellipsis;min-width:0;overflow:hidden}.moon-reading{opacity:0;visibility:hidden;width:255px;transition:opacity .3s,transform .55s cubic-bezier(.22,.68,0,1.01),visibility .55s;position:absolute;top:50%;right:32px;transform:translate(20px,-50%)}.moon-experience[data-details=true] .moon-viewer{transform:translate(-185px)}.moon-experience[data-details=true] .moon-reading{opacity:1;visibility:visible;transition-delay:.12s;transform:translateY(-50%)}.moon-reading-content{opacity:1;transition:opacity .2s}.moon-reading-content[data-changing=true]{opacity:0;transition:none}.moon-reading h2{letter-spacing:-.025em;font-size:19px;font-weight:400}.moon-sign{color:#959eac;letter-spacing:-.01em;margin-top:5px;font-size:13px}.moon-illumination{letter-spacing:-.065em;font-variant-numeric:tabular-nums;margin:17px 0 6px;font-size:72px;font-weight:300;line-height:1.05}.moon-illumination>span{letter-spacing:-.03em;color:#b4bcc9;margin-left:6px;font-size:28px}.moon-illumination-label{color:#959eac;font-size:12px}.moon-events{gap:24px;margin-top:35px;display:grid}.moon-events dt{color:#959eac;margin-bottom:4px;font-size:11px}.moon-events dd{font-variant-numeric:tabular-nums;letter-spacing:-.015em;font-size:19px}.moon-events time{color:#959eac;letter-spacing:0;margin-top:4px;font-size:11px;display:block}.moon-reading-status{opacity:0;color:#a5adba;pointer-events:none;align-items:center;font-size:13px;display:flex;position:absolute;inset:0}.moon-reading-status[data-visible=true]{opacity:1;transition:opacity .2s .1s}.moon-error{color:#fff;text-align:center;max-width:600px;margin:16px auto;font-size:13px;line-height:1.6}@media (max-width:1000px) and (min-width:701px){.moon-scene{max-height:calc(100vw - 270px)}.moon-experience[data-details=true] .moon-viewer{transform:translate(-155px)scale(.86)}.moon-reading{width:220px;right:0}}@media (max-width:700px){.moon-experience{--moon-scene-max:354px;--moon-scene-min:156px;--moon-room:calc(var(--moon-vh,100svh) - var(--header-height) - 152px - var(--bottom-dock-band) - 12px);--moon-scene-height:clamp(var(--moon-scene-min), calc(var(--moon-room) - 10px), var(--moon-scene-max));--moon-spare:max(0px, calc(var(--moon-room) - var(--moon-scene-height) - 10px));--moon-top:calc(2px + min(max(0px, calc(var(--moon-spare) - 112px)), 20px));--moon-gap:calc(8px + min(var(--moon-spare), 112px));--moon-open-scale:.74;--moon-lift:calc(var(--moon-scene-height) * 60 / 354);--moon-open-radius:min(31.45vw, calc(var(--moon-scene-height) * .3145));--moon-reading-top:calc(var(--moon-scene-height) / 2 - var(--moon-lift) + var(--moon-open-radius) + 24px);--moon-reading-room:220px;--moon-reading-gap:calc(var(--moon-reading-top) + var(--moon-reading-room) - var(--moon-scene-height))}.moon-inner{padding:var(--moon-top) 18px 90px}.moon-date-line{gap:0;margin-top:0;font-size:12px}.moon-scene{height:var(--moon-scene-height);margin:12px -18px var(--moon-gap);transition:margin-bottom .55s cubic-bezier(.22,.68,0,1.01)}.moon-experience[data-details=true] .moon-scene{margin-bottom:max(var(--moon-gap), var(--moon-reading-gap))}.moon-viewer{width:100%}.moon-canvas-wrap{height:100%}.moon-experience[data-details=true] .moon-viewer{transform:translateY(calc(var(--moon-lift) * -1)) scale(var(--moon-open-scale))}.moon-viewer-tools{padding:0 14px}.moon-orientation{font-size:9px}.moon-reading{top:var(--moon-reading-top);width:auto;bottom:auto;left:22px;right:22px;transform:translateY(12px)}.moon-experience[data-details=true] .moon-reading{transform:translateY(0)}.moon-reading-content{text-align:center}.moon-reading h2{font-size:15px}.moon-sign{margin-top:3px;font-size:12px}.moon-illumination{margin:8px 0 3px;font-size:47px}.moon-illumination>span{font-size:20px}.moon-illumination-label{font-size:10px}.moon-events{margin-inline:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:360px;margin-top:16px}.moon-events dt{margin-bottom:2px;font-size:10px}.moon-events dd{font-size:15px}.moon-events time{margin-top:2px;font-size:10px}.moon-reading-status{justify-content:center;min-height:120px}.moon-orientation{text-align:center;justify-content:center;margin-top:14px}}@media (max-width:370px){.moon-experience{--moon-scene-max:350px}}@media (prefers-reduced-motion:reduce){.moon-experience *,.moon-experience :before,.moon-experience :after{transition:none!important;animation:none!important}}