#sky{.desk{display:grid;grid-template-columns:minmax(0,1fr);width:min(42rem,100%);>*{min-width:0;grid-area:1 / 1}}.app{align-self:start;font-size:clamp(.6rem,.95vw,.78rem);font-variant-numeric:tabular-nums}.body{display:grid;padding:1.4em 1.8em 1.2em;>:not(.top){grid-area:2 / 1;align-self:start}}.top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.4em;strong{font-size:1.5em;font-weight:600;letter-spacing:-.01em}>span{color:var(--ink-soft);animation-name:show-stay}}.button{display:inline-block;margin-left:.3em;padding:.25em .8em;border:1px solid var(--rule);border-radius:999px;color:var(--ink)}.setup{display:grid;gap:.5em;width:min(28em,100%);padding:1.4em;border:1px solid var(--rule);border-radius:12px;animation-name:leave;>p:first-child{margin-bottom:.4em;color:var(--ink-soft)}.button{justify-self:start;margin:.5em 0 0}}.field{font-weight:500}.input{display:grid;margin-bottom:.4em;padding:.55em .7em;border:1px solid var(--rule);border-radius:8px;background:var(--well);&:before{content:"​";grid-area:1 / 1}>span{grid-area:1 / 1}}.placeholder{color:var(--ink-soft);animation-name:sky-hide}.typed{animation-name:sky-type;animation-timing-function:steps(12)}.press{animation-name:sky-press}.sky{animation-name:show-stay}.next{display:grid;gap:.25em;padding:1em 1.2em;border:1px solid var(--rule);border-left:4px solid var(--accent);border-radius:12px;small{color:var(--ink-soft);font-size:.85em;font-weight:600;letter-spacing:.06em;text-transform:uppercase}}.when{display:flex;gap:.7em;align-items:baseline;font-size:2.1em;font-weight:600;letter-spacing:-.02em}.countdown{display:grid;color:var(--ink-soft);font-size:.48em;font-weight:400;letter-spacing:0;>span{grid-area:1 / 1;animation-name:show}>:last-child{animation-name:show-stay}}.soft{color:var(--ink-soft)}.heading{display:flex;justify-content:space-between;margin:2em 0 .5em;color:var(--ink-soft);font-size:.85em;font-weight:600;letter-spacing:.06em;text-transform:uppercase;span+span{font-weight:400;letter-spacing:0;text-transform:none}}.night{margin:.9em 0 .1em;font-weight:600}.row{display:grid;gap:1em;align-items:center;padding:.45em 0;border-bottom:1px solid var(--rule);animation-name:sky-arrive;>:last-child{text-align:right}}.row.head{padding:0 0 .3em;color:var(--ink-soft);font-size:.85em;animation-name:none}.pass{grid-template-columns:4em 7.5em minmax(0,1fr) 4em 10em;color:var(--ink-soft);&.visible{color:var(--ink);>:last-child:before{content:"";display:inline-block;width:.5em;height:.5em;margin-right:.5em;border-radius:50%;background:var(--accent)}.fill{background:var(--accent)}}}.high{display:flex;gap:.6em;align-items:center}.track{display:flex;width:5em;height:.45em;border-radius:999px;background:var(--well)}.fill{border-radius:inherit;background:var(--ink-soft);transform-origin:left;animation-name:sky-grow}.planet{grid-template-columns:6em 4em 4em minmax(0,1fr) 5em;&.faint{color:var(--ink-soft)}}.moon{grid-template-columns:1.6em minmax(0,1fr) 4em 4em;svg{width:1.6em}}.foot{display:grid;margin-top:2em;color:var(--ink-soft);font-size:.85em;>span{grid-area:1 / 1;animation-name:show}>:last-child{animation-name:show-stay}}.json{justify-self:end;align-self:end;width:min(20rem,88%);translate:1.5rem 1.5rem;animation-name:show;@media(width<48rem){translate:0 .5rem}pre{display:grid;padding:1rem;overflow:hidden;font-family:var(--mono);font-size:clamp(.65rem,.95vw,.8rem);line-height:1.5}.line{overflow:hidden;text-overflow:ellipsis}&.full{width:min(22rem,88%);animation-name:show-stay}.fetched{margin:0 -.4rem;padding:0 .4rem;background:var(--accent);color:var(--on-accent)}}@media(width<48rem){.bodies{display:none}.body{padding:1em 1.2em .8em}.top{margin-bottom:1em}.foot{margin-top:.8em}}.notice{display:flex;gap:.8rem;align-items:start;justify-self:end;align-self:start;width:min(21rem,90%);padding:.8rem 1rem;translate:1.5rem -1.5rem;border:1px solid var(--rule);border-radius:var(--radius);background:var(--sheet);box-shadow:0 18px 40px -18px rgb(0 0 0 / var(--shadow));font-size:.85rem;line-height:1.35;animation-name:show;@media(width<48rem){translate:0 .4rem}svg{flex:none;width:2.2rem;padding:.3rem;border-radius:9px;background:#fff;box-shadow:inset 0 0 0 1px var(--rule)}small{display:block;color:var(--ink-soft);font-size:.75rem}strong{display:block;font-weight:600}}.offline{justify-self:end;align-self:start;padding:.3rem .8rem;translate:1rem -2.6rem;border:1px solid var(--rule);border-radius:999px;background:var(--sheet);font-family:var(--mono);font-size:.75rem;animation-name:show-stay;@media(width<48rem){translate:-.5rem .3rem}&:before{content:"";display:inline-block;width:.5rem;height:.5rem;margin-right:.5rem;border-radius:50%;background:var(--ink-soft)}}}@keyframes sky-type{0%{clip-path:inset(0 100% 0 0)}}@keyframes sky-hide{to{visibility:hidden}}@keyframes sky-press{to{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}}@keyframes sky-arrive{0%{opacity:0;translate:0 .4rem}}@keyframes sky-grow{0%{scale:0 1}}