/* A faint independent tide sits behind the cursor-responsive color pools. */
:root{--sky-cyan:#08434e;--sky-teal:#08483b;--sky-cloud-opacity:.32;--sky-field-strength:72%}
:root[data-phase=dawn]{--sky-cyan:#12444e;--sky-teal:#134637}
:root[data-phase=day]{--sky-cyan:#084853;--sky-teal:#084b3e}
:root[data-phase=dusk]{--sky-cyan:#093f4b;--sky-teal:#084438}
:root[data-theme=light]{--sky-cyan:#a6cfd7;--sky-teal:#abd5c7;--sky-cloud-opacity:.25;--sky-field-strength:64%}
#ambient-flow::before,#ambient-flow::after{content:"";position:absolute;pointer-events:none;inset:-12%;opacity:var(--sky-cloud-opacity);transform-origin:50% 50%;will-change:transform}
#ambient-flow::before{background:radial-gradient(ellipse 35% 62% at 94% 60%,var(--sky-cyan),transparent 76%);animation:sky-tide-cyan 46s ease-in-out infinite alternate}
#ambient-flow::after{background:radial-gradient(ellipse 35% 62% at 8% 37%,var(--sky-teal),transparent 76%);animation:sky-tide-teal 57s ease-in-out infinite alternate}
#astral-sky{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:.75;mask-image:linear-gradient(#0008,#000 18%,#000b 75%,#0007)}
:root[data-theme=light] #astral-sky{opacity:.42}
.ambient-grain{opacity:.035}
.sky-note{position:relative;font:10px/1.65 var(--mono);color:var(--muted)}
.sky-note summary{cursor:pointer;list-style:none;white-space:nowrap;padding:8px 0}
.sky-note summary::-webkit-details-marker{display:none}
.sky-note summary span{color:var(--accent-2);padding-left:6px}
.sky-note summary:hover,.sky-note[open] summary{color:var(--ink)}
.sky-note summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.sky-note-content{position:absolute;bottom:calc(100% + 12px);right:0;width:330px;max-width:calc(100vw - 48px);padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);z-index:60;font:13px/1.7 var(--font);color:var(--muted)}
.sky-note-content strong{font-size:15px;color:var(--ink)}
.sky-note-content p{margin:12px 0}
.sky-note-content a{display:block;color:var(--accent-2);font-size:12px;margin-top:8px}
@keyframes sky-tide-cyan{from{transform:translate3d(-2%,-1%,0) scale(.96)}to{transform:translate3d(3%,2%,0) scale(1.06)}}
@keyframes sky-tide-teal{from{transform:translate3d(2%,2%,0) scale(1.04)}to{transform:translate3d(-3%,-2%,0) scale(.97)}}
:root[data-sky-paused=true] #ambient-flow::before,:root[data-sky-paused=true] #ambient-flow::after,.motion-off #ambient-flow::before,.motion-off #ambient-flow::after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){#ambient-flow::before,#ambient-flow::after{animation:none;will-change:auto}}
@media(max-width:600px){.sky-note-content{right:auto;left:0}#ambient-flow::before,#ambient-flow::after{animation-duration:65s;will-change:auto}}
@media print{#astral-sky,.sky-note,#ambient-flow::before,#ambient-flow::after{display:none!important}}