.moon-dial{display:none}@media(min-width:641px){html.has-moon-dial .moon-dial{display:block}html.has-moon-dial .lz-journal .nav-grid{display:none}}.moon-dial .md{position:relative;margin:4px auto 10px;width:min(100%,460px);aspect-ratio:1;container-type:inline-size;--md: color-mix(in srgb, var(--text) 26%, var(--card));--moon-lit: #f7f6f3}html.dark .moon-dial .md{--md: color-mix(in srgb, var(--text) 15%, var(--card));--moon-lit: #e9e6e0}.moon-dial .ring{position:absolute;inset:6%;border:1px solid var(--border);border-radius:50%}.moon-dial .node{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(calc(var(--a) * 1deg)) translateY(-44cqw) rotate(calc(var(--a) * -1deg))}.moon-dial .lab{position:absolute;left:0;top:0;transform:translate(-50%,-50%);padding:3px 10px;background:var(--bg);color:var(--text);text-decoration:none;white-space:nowrap;font-family:BrittanySignature,cursive;font-size:1.24rem;letter-spacing:.01em;line-height:1.2;transition:color .3s ease}.moon-dial .lab:hover,.moon-dial .lab.on{color:var(--accent)}.moon-dial .lab:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.moon-dial .nd{position:absolute;left:50%;top:50%;width:0;height:0;transform-origin:0 0;transition:transform .45s ease}.moon-dial .nd i{position:absolute;left:-.5px;width:1px;background:var(--text)}.moon-dial .nd .stem{bottom:27cqw;height:15cqw;background:linear-gradient(to top,color-mix(in srgb,var(--text) 20%,transparent),var(--text))}.moon-dial .nd .tip{position:absolute;left:-2.5px;bottom:41.5cqw;width:5px;height:5px;border-radius:50%;background:var(--accent)}.moon-dial .hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:11px;text-align:center}.moon-dial .nm{font-size:1.42rem;font-weight:600;letter-spacing:.18em}.moon-dial .meta{font-size:.76rem;color:var(--text-muted);line-height:1.8;max-width:15ch}.moon-dial .meta .n{font-size:.95rem;color:var(--text);letter-spacing:.06em}.moon-dial .moon{position:relative;width:64px;height:64px;border-radius:50%;overflow:hidden;background:var(--md);box-shadow:inset 0 0 0 1px var(--border)}.moon-dial .moon .half{position:absolute;inset:0 0 0 50%;border-radius:0 999px 999px 0;background:var(--moon-lit)}.moon-dial .moon:not(.wax) .half{left:0;right:50%;border-radius:999px 0 0 999px}.moon-dial .moon .term{position:absolute;left:50%;top:0;width:100%;height:100%;border-radius:50%;background:var(--md);transform:translate(-50%) scaleX(0);transition:transform .45s ease,background-color .45s ease}.moon-dial .moon.gib .term{background:var(--moon-lit)}.moon-dial .moon .shade{position:absolute;inset:0;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 74% 80%,#14141a24,#14141a00 62%)}.moon-dial .phase{position:absolute;left:50%;bottom:0;transform:translate(-50%);white-space:nowrap;padding:0 8px;background:var(--bg);font-size:1.15rem;line-height:1.25;letter-spacing:.01em;color:var(--accent)}
