.observatory{--color-bg:#07080c;--color-elevated:#fffdf8;--color-subtle:#eee5fa;--color-fg:#382153;--color-muted:#655275;--color-faint:#726281;--color-border:#d9c58d;--color-accent:#7343ac;--color-accent-fg:#fffdf8;--font-sans:system-ui,sans-serif;--font-mono:ui-monospace,monospace;--radius-sm:8px;--radius-xl:24px;--motion-quick:.15s;--motion-fast:.25s;--ease-out:cubic-bezier(.23,1,.32,1);--space-3:.75rem;--space-4:1rem;font-family:var(--font-sans);background:var(--color-bg);width:100%;height:100dvh;color:var(--color-fg);position:relative;overflow:hidden}.observatory .viewport{z-index:0;touch-action:none;position:absolute;inset:0}.observatory .viewport canvas{display:block}.observatory .hud{z-index:2;pointer-events:none;justify-content:space-between;gap:var(--space-3);padding:max(var(--space-3),env(safe-area-inset-top))max(var(--space-3),env(safe-area-inset-right))max(var(--space-3),env(safe-area-inset-bottom))max(var(--space-3),env(safe-area-inset-left));flex-direction:column;display:flex;position:absolute;inset:0}.observatory .stack{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.observatory .panel{pointer-events:auto;background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4)}.observatory .wordmark{justify-content:space-between;align-items:flex-end;gap:var(--space-4);text-align:left;width:100%;min-height:2.75rem;color:inherit;background:var(--color-elevated);display:flex}.observatory .eyebrow{color:var(--color-muted);letter-spacing:.04em;font-size:.75rem;font-weight:500}.observatory .title{letter-spacing:-.03em;margin-top:.125rem;font-size:clamp(1.5rem,1.2rem + 1vw,2rem);font-weight:600;line-height:1.1;display:block}.observatory .clock{text-align:right}.observatory .clock b{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:500;display:block}.observatory .clock span,.observatory .note{color:var(--color-faint);font-size:.75rem}.observatory .badge{border:1px solid var(--color-border);color:var(--color-muted);border-radius:999px;margin-top:.25rem;padding:.125rem .5rem;font-size:.75rem;font-weight:500;display:inline-block}.observatory .rail-scroll{scrollbar-width:none;gap:.5rem;margin:-.25rem;padding:.25rem;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 1.75rem),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 1.75rem),#0000)}.observatory .rail-scroll::-webkit-scrollbar{display:none}.observatory .rail button{border:1px solid var(--color-border);border-radius:var(--radius-sm);min-height:2.75rem;color:var(--color-muted);font:500 .875rem/1 var(--font-sans);background:0 0;flex:none;padding:0 .875rem}.observatory .rail button[aria-pressed=true]{background:var(--color-subtle);border-color:var(--color-accent);color:var(--color-fg)}.observatory .rail button:hover{color:var(--color-fg)}.observatory .dossier{min-height:0;animation:space-rise var(--motion-fast)var(--ease-out);overflow:auto}@media (max-width:959px){.observatory .hud{padding:max(.5rem,env(safe-area-inset-top))max(.5rem,env(safe-area-inset-right))max(.5rem,env(safe-area-inset-bottom))max(.5rem,env(safe-area-inset-left));gap:.375rem}.observatory .stack{gap:.375rem}.observatory .panel{padding:.5rem .625rem}.observatory .wordmark{align-items:center}.observatory .wordmark .eyebrow,.observatory .clock>span:not(.badge),.observatory .dossier.is-system,.observatory .footnote,.observatory .hint,.observatory .blurb,.observatory .kind{display:none}.observatory .title{margin-top:0;font-size:1.05rem}.observatory .clock b{font-size:.75rem}.observatory .rail-scroll{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;overflow-x:visible;-webkit-mask-image:none;mask-image:none}.observatory .rail button{flex:calc(20% - .35rem);min-width:0;min-height:2.75rem;padding-inline:.35rem;font-size:.75rem}.observatory .dossier h2{font-size:1rem}.observatory .stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem .5rem;margin-top:.375rem}.observatory .stats dt{font-size:.625rem}.observatory .stats dd{font-size:.75rem}.observatory .dock{gap:.375rem}.observatory .btn{min-height:2.375rem}.observatory .slider{height:2.375rem}}.observatory .kind{color:var(--color-muted);margin-top:.25rem;font-size:.875rem}.observatory .dossier h2{letter-spacing:-.02em;font-size:1.25rem;font-weight:600;line-height:1.2}.observatory .blurb{margin-top:var(--space-3);color:var(--color-muted);font-size:.9375rem;line-height:1.5}.observatory .stats{margin-top:var(--space-4);grid-template-columns:1fr 1fr;gap:.75rem 1rem;display:grid}.observatory .stats dt{color:var(--color-faint);font-size:.75rem;font-weight:500}.observatory .stats dd{font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin-top:.125rem;font-size:.875rem}.observatory .footnote{margin-top:var(--space-4);color:var(--color-faint);font-size:.75rem;line-height:1.4}.observatory .dock{gap:var(--space-3);flex-direction:column;display:flex}.observatory .speed-row,.observatory .toggle-row{align-items:center;gap:.5rem;display:flex}.observatory .speed-readout{min-width:3.25rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;font-size:.875rem}.observatory .btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);min-height:2.75rem;color:var(--color-fg);font:500 .875rem/1 var(--font-sans);transition:background var(--motion-quick)var(--ease-out),transform var(--motion-quick)var(--ease-out);background:0 0;justify-content:center;align-items:center;gap:.5rem;padding:0 .875rem;display:inline-flex}.observatory .btn:hover{background:var(--color-subtle)}.observatory .btn:active{transform:scale(.98)}.observatory .btn.primary{background:var(--color-accent);color:var(--color-accent-fg);border-color:#0000}.observatory .btn.primary:hover{background:color-mix(in oklab,var(--color-accent)88%,white)}.observatory .btn[aria-pressed=true]{background:var(--color-subtle);border-color:var(--color-accent)}.observatory .toggle-row .btn{flex:1 1 0;min-width:0;padding-inline:.5rem}.observatory .slider{touch-action:none;-webkit-user-select:none;user-select:none;flex:auto;align-items:center;height:2.75rem;display:flex;position:relative}.observatory .slider-track{background:var(--color-subtle);border-radius:999px;flex:1;height:2px;position:relative}.observatory .slider-range{border-radius:inherit;background:var(--color-accent);height:100%;position:absolute}.observatory .slider-thumb{background:var(--color-accent);width:1.25rem;height:1.25rem;box-shadow:0 0 0 6px color-mix(in oklab,var(--color-accent)0%,transparent);border-radius:999px;display:block}.observatory .slider-thumb:before{content:"";width:2.75rem;height:2.75rem;position:absolute;transform:translate(-.75rem,-.75rem)}.observatory .hint{color:var(--color-faint);font-size:.75rem;line-height:1.4}.observatory .body-label{pointer-events:none!important}.observatory .body-label span{border:1px solid var(--color-border);background:color-mix(in oklab,var(--color-bg)78%,transparent);color:var(--color-fg);font-family:var(--font-sans);letter-spacing:.01em;white-space:nowrap;border-radius:999px;padding:.125rem .45rem;font-size:12px;font-weight:500;line-height:1.3;display:inline-block}.observatory .body-label.is-active span{border-color:var(--color-accent)}.observatory .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes space-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.observatory .dossier,.observatory .btn{transition:none;animation:none}}@media (min-width:960px){.observatory .hud{align-items:start;column-gap:var(--space-4);grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:16.5rem minmax(0,1fr) 20.5rem;display:grid}.observatory .top,.observatory .bottom{display:contents}.observatory .wordmark{grid-area:1/1}.observatory .rail{grid-area:2/1;min-height:0;max-height:100%;overflow:hidden}.observatory .rail-scroll{flex-direction:column;max-height:calc(100dvh - 18rem);overflow:hidden auto;-webkit-mask-image:none;mask-image:none}.observatory .rail button{text-align:left;width:100%}.observatory .dossier{grid-area:1/3/span 2;align-self:start;max-height:calc(100dvh - 8rem)}.observatory .dossier.is-system,.observatory .footnote,.observatory .hint,.observatory .kind{display:block}.observatory .blurb{-webkit-line-clamp:unset;margin-top:var(--space-3);display:block;overflow:visible}.observatory .dock{grid-area:3/2;justify-self:center;width:min(34rem,100%)}}.observatory a{color:#684090;text-decoration:underline}.observatory button:focus-visible,.observatory [role=slider]:focus-visible{outline-offset:2px;outline:2px solid #7343ac}