/* The original curiosity composition, followed by a quiet project list. */
.observer-world{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#24314b transparent}
.observer-world .portal-close[hidden]{display:none}
.observer-home{background:none;border:0;padding:10px 0;color:inherit;font-family:inherit;cursor:pointer;text-align:left;min-height:44px}
.observer-projects{position:absolute;left:50%;width:min(360px,calc(100% - 48px));transform:translate(-50%,10px);z-index:4;opacity:0;filter:blur(4px);padding-bottom:34px;transition:opacity 1.5s .7s,transform 1.5s .7s,filter 1.5s .7s}
.observer-world.arrived .observer-projects{opacity:1;transform:translate(-50%,0);filter:none}
.observer-world.closing .observer-projects{opacity:0;transition:opacity .3s;filter:none}
.observer-projects>h3{display:flex;align-items:center;justify-content:center;gap:17px;font:400 8px/1.5 ui-monospace,monospace;letter-spacing:2.2px;text-transform:uppercase;color:#939fbd;margin:0 0 20px}
.observer-projects>h3:before,.observer-projects>h3:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#98aed635)}
.observer-projects>h3:after{transform:rotate(180deg)}
.project-list{list-style:none;padding:0;margin:0}
.observer-signal{--rhythm:9s;display:flex;align-items:center;justify-content:center;gap:19px;position:relative;padding:4px 0;text-align:left}
.observer-emitter{width:48px;height:48px;flex:none;position:relative;display:grid;place-items:center}
.observer-copy h4{font:450 17px/1.4 var(--font);letter-spacing:-.25px;color:#dce5fa;text-shadow:0 1px 18px #05060c;margin:0}
.observer-copy p{font:400 11px/1.7 var(--font);letter-spacing:0;color:#9daac5;margin:5px 0 0;text-shadow:0 1px 14px #05060c}
.observer-core{display:grid;grid-template-columns:5px 5px;gap:3px;transform:rotate(-9deg);position:relative;animation:observer-breathe var(--rhythm) ease-in-out infinite}
.observer-core i{width:5px;height:5px;border-radius:1.2px;background:#9db7ff;box-shadow:0 0 8px #7da8ff55}.observer-core i:nth-child(2){background:#668be7}.observer-core i:nth-child(3){background:#759bf0}.observer-core i:nth-child(4){background:#c1d3ff}
.observer-halo{position:absolute;width:54px;height:54px;border-radius:50%;background:radial-gradient(circle,#729cff20,transparent 68%);animation:observer-halo var(--rhythm) ease-in-out infinite}
.observer-ring{position:absolute;width:22px;height:22px;border:1px solid #91b5ff;border-radius:50%;opacity:0;animation:observer-ripple var(--rhythm) cubic-bezier(.2,.5,.3,1) infinite}
.ring-two{animation-delay:1.2s}
.observer-signal[data-state=observing]{--rhythm:6s}.observer-signal[data-state=working]{--rhythm:3s}
.observer-signal[data-state=unavailable] .observer-ring,.observer-signal[data-state=complete] .observer-ring{animation:none}
.observer-signal[data-state=unavailable] .observer-core{opacity:.35;animation:none}
.observer-signal.activity-arrived .observer-ring{animation:observer-arrival 3s ease-out 1}.observer-signal.activity-arrived .ring-two{animation-delay:.35s}
.observer-signal.motion-paused *,.observer-world:not(.arrived) .observer-signal *{animation-play-state:paused}
@keyframes observer-breathe{0%,100%{opacity:.45;filter:brightness(.85);transform:rotate(-9deg) scale(.92)}45%{opacity:.95;filter:brightness(1.2);transform:rotate(-9deg) scale(1.06)}}
@keyframes observer-halo{0%,100%{opacity:.35;transform:scale(.8)}45%{opacity:.85;transform:scale(1.2)}}
@keyframes observer-ripple{0%,12%{opacity:0;transform:scale(.65)}19%{opacity:.23}65%,100%{opacity:0;transform:scale(2.8)}}
@keyframes observer-arrival{0%{opacity:.55;transform:scale(.65)}100%{opacity:0;transform:scale(3.2)}}
@media(max-width:600px){.observer-projects{width:calc(100% - 52px);max-width:330px}.observer-projects>h3{font-size:7px;letter-spacing:1.8px;gap:13px;margin-bottom:18px}.observer-signal{gap:16px;justify-content:flex-start}.observer-emitter{width:44px;height:44px}.observer-copy h4{font-size:16px}.observer-copy p{font-size:10px;line-height:1.6}}
@media(prefers-reduced-motion:reduce){.observer-projects{transition:none;filter:none}.observer-signal *{animation:none!important}.observer-core{opacity:.8}.observer-halo{opacity:.5}.observer-ring{display:none}}