.sky{--sky-paper:var(--color-void);--sky-cloud:color-mix(in srgb, #27303d calc(var(--night-hard,0) * 100%), #fff);--sky-shade:color-mix(in srgb, #1a2230 calc(var(--night-hard,0) * 100%), #e3e6e9);z-index:40;pointer-events:none;background-color:color-mix(in srgb, var(--sky-paper) 0%, transparent);transition:background-color .9s .1s;position:absolute;inset:0;overflow:hidden}.sky.is-fixed{z-index:1000;position:fixed}.sky-clouds{animation:16s ease-in-out infinite alternate sky-drift;position:absolute;inset:0;overflow:hidden}.sky:not(.is-cover) .sky-clouds{animation-play-state:paused}.sky.is-clear .sky-clouds{animation:none}.sky-clouds i{width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);background:radial-gradient(closest-side, color-mix(in srgb, var(--sky-cloud) 94%, transparent), color-mix(in srgb, var(--sky-cloud) 66%, transparent) 40%, color-mix(in srgb, var(--sky-cloud) 0%, transparent) 100%);transform:translate(calc(var(--x) * 2.8), calc(var(--y) * 2.8)) scale(2.3);opacity:0;border-radius:50%;transition:transform 1.25s cubic-bezier(.25,.6,.2,1),opacity 1s .1s;position:absolute;top:50%;left:50%}.sky-clouds i.shade{background:radial-gradient(closest-side, color-mix(in srgb, var(--sky-shade) 75%, transparent), color-mix(in srgb, var(--sky-shade) 38%, transparent) 45%, color-mix(in srgb, var(--sky-shade) 0%, transparent) 100%)}@keyframes sky-drift{to{translate:2.5vw -1.8vh}}.sky.is-cover{background-color:var(--sky-paper);pointer-events:auto;transition:background-color .55s}.sky.is-cover .sky-clouds i{transform:translate(var(--x), var(--y)) scale(1);opacity:1;transition:transform .65s cubic-bezier(.3,.6,.3,1),opacity .45s}.sky.is-clear{visibility:hidden;transition:visibility 0s 1.4s,background-color .9s .1s}.sky.is-instant,.sky.is-instant .sky-clouds i{transition:none!important}.sky-note{place-items:center;padding:24px 16px;transition:opacity .35s,translate .6s cubic-bezier(.25,.6,.2,1);display:grid;position:absolute;inset:0}.sky:not(.is-cover) .sky-note{opacity:0;translate:0 -10px}@media (prefers-reduced-motion:reduce){.sky,.sky-clouds,.sky-clouds i,.sky-note{transition:opacity .2s!important;animation:none!important}}.load-note{text-align:center;width:min(560px,100%);color:var(--color-frost);justify-items:center;gap:10px;display:grid}.load-note .thinking{--thinking-mark:var(--color-pulse);color:var(--color-dim);font-size:12px}.load-note-title{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-dim);margin:6px 0 0;font-size:10.5px}.load-note-now{gap:4px;margin:0;animation:.45s cubic-bezier(.2,.8,.3,1) both load-note-in;display:grid}.load-note-now b{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-frost);font-size:clamp(26px,3.4vw,38px);font-weight:500;line-height:1.08}.load-note-now span{color:var(--color-mist);font-size:13px}@keyframes load-note-in{0%{opacity:0;filter:blur(2px);translate:0 6px}}.load-note-line{background:color-mix(in srgb, var(--color-frost) 16%, transparent);width:min(320px,70vw);height:1px;margin-top:12px;position:relative}.load-note-line i{transform-origin:0;background:var(--color-frost);will-change:transform;transition-property:transform;transition-timing-function:cubic-bezier(.3,.6,.4,1);position:absolute;inset:-.5px 0}@starting-style{.load-note-line i{transform:scaleX(0)}}.load-note-line span{text-align:left;width:36px;font-family:var(--font-mono);color:var(--color-dim);font-variant-numeric:tabular-nums;font-size:10px;position:absolute;top:-7px;right:-44px}.load-note-trail{max-width:520px;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-dim);flex-wrap:wrap;justify-content:center;gap:4px 14px;margin:10px 0 0;padding:0;font-size:10px;list-style:none;display:flex}.load-note-trail li{opacity:.38;transition:opacity .3s,color .3s}.load-note-trail li.is-done{opacity:.8}.load-note-trail li.is-done:before{content:"✓ ";color:var(--color-ok)}.load-note-trail li.is-now{opacity:1;color:var(--color-frost)}.load-note-trail li.is-now:before{content:"› ";color:var(--color-pulse)}@media (max-width:600px){.load-note-trail{display:none}.load-note-line span{top:8px;right:0}}