/* A quiet, independent moon in the painted sky. */
.scene-moon{display:none;position:absolute;right:9%;top:4.5%;width:4.6%;z-index:4}
:root[data-theme="dark"] .scene-moon{display:block}
.moon-toggle{display:grid;place-items:center;width:100%;aspect-ratio:1;min-width:44px;min-height:44px;border:0;padding:0;background:none;cursor:pointer;color:#f3e8c7}
.moon-toggle svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 7px #f4e7b51c)}
.moon-shadow{fill:#172b43;stroke:#bbd1df22;stroke-width:.6}
.moon-toggle:focus-visible{outline:1px solid #f3e8c7;outline-offset:4px;border-radius:50%}
.moon-note{position:fixed;z-index:20;width:280px;max-width:calc(100vw - 32px);max-height:calc(100svh - 32px);overflow:auto;padding:18px 20px;background:#172633f5;color:#eee7d5;border:1px solid #e5d0a34d;border-radius:10px;box-shadow:0 12px 35px #0005;font:400 13px/1.5 var(--sans);text-align:left}
.moon-note[hidden],.moon-note [hidden]{display:none}
.moon-heading{font:500 20px/1.2 var(--serif)}
.moon-note p{margin:10px 0}
.moon-note button{display:block;min-height:44px;padding:8px 12px;margin-top:8px;border:1px solid #eee0bc66;border-radius:6px;background:#e5d5ad14;color:inherit;font:inherit;cursor:pointer}
.moon-note button:disabled{opacity:.6;cursor:wait}
.moon-note button:focus-visible{outline:2px solid #f4dfaa;outline-offset:2px}
.moon-note .moon-privacy{font-size:11px;opacity:.8;margin-bottom:0}
@media(max-width:760px){.scene-moon{right:9%;top:1.5%;width:7%}.moon-toggle svg{width:28px;height:28px}}