/* Shared by the pre-JavaScript shell and the actual data-loading views. */
.obser-loading{--ol-ink:#eff4fb;--ol-muted:#8d9cb0;--ol-line:rgba(163,187,217,.15);box-sizing:border-box;position:relative;isolation:isolate;display:flex;flex-direction:column;width:100%;min-height:100svh;overflow:hidden;background:#091729;color:var(--ol-ink);font-family:'Manrope',Arial,sans-serif;padding:36px clamp(24px,6vw,104px);text-align:left;color-scheme:dark}
.obser-loading *{box-sizing:border-box}
.obser-loading::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 55%,rgba(32,72,114,.12));pointer-events:none}
.obser-loading-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:26px;border-bottom:1px solid var(--ol-line)}
.obser-loading-brand{display:block;width:151px;height:auto;object-fit:contain}
.obser-loading-area{font-size:10px;letter-spacing:.15em;color:#b5c1d1;font-weight:500;line-height:1.8}
.obser-loading-area>span:last-child{color:#75859d}.obser-loading-area>span:first-child{margin:0 12px;color:#4a607d}
.obser-loading-body{width:100%;max-width:1300px;margin:auto;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:clamp(30px,6vw,100px);padding:66px 0 75px;flex:1}
.obser-loading-copy{position:relative;z-index:1}
.obser-loading-eyebrow{display:flex;align-items:center;gap:12px;color:#9dacc0;font-size:10px;letter-spacing:.22em;font-weight:600}
.obser-loading-eyebrow i{display:block;height:1px;width:28px;background:#5e8dca}
.obser-loading .obser-loading-copy h1{font-family:'Manrope',Arial,sans-serif;font-size:clamp(48px,5.5vw,84px);font-weight:500;letter-spacing:-.065em;line-height:1.12;margin:28px 0 24px;color:#f0f4fa;text-wrap:initial}
.obser-loading-copy h1>span{color:#8d9fb8}
.obser-loading .obser-loading-copy p{font-size:15px;line-height:1.85;letter-spacing:.005em;color:#9dacc0;margin:0;font-weight:400}
.obser-loading-status{display:flex;align-items:center;gap:13px;margin-top:52px;min-height:34px;font-size:11px;line-height:1.7;color:#becbdb}
.obser-loading-signal{display:flex;align-items:center;gap:3px;height:16px;flex:none}
.obser-loading-signal i{width:2px;height:6px;background:#7aa7e1;animation:obser-signal 1.6s ease-in-out infinite}
.obser-loading-signal i:nth-child(2){animation-delay:.16s}.obser-loading-signal i:nth-child(3){animation-delay:.32s}
.obser-loading-optic{position:relative;width:100%;max-width:480px;aspect-ratio:1;margin-left:auto;opacity:.88}
.obser-loading-optic svg{display:block;width:100%;height:100%;overflow:visible}
.loading-guide{stroke:#91afd1;stroke-opacity:.13;stroke-width:.75}.loading-ring{stroke:#8aaace;stroke-opacity:.27;stroke-width:1}.loading-ring-inner{stroke:#8aaace;stroke-opacity:.15;stroke-width:1;stroke-dasharray:2 7}
.loading-aperture{stroke:#7d9dbf;stroke-width:.85;stroke-opacity:.32}.loading-reticle{stroke:#92b6df;stroke-width:1.2;stroke-opacity:.55}.loading-center{stroke:#b3d2f3;stroke-width:1}
.obser-loading-note,.obser-loading-caption{position:absolute;font-size:8px;font-weight:500;letter-spacing:.18em;color:#6d86a4}
.obser-loading-note{top:-10px;left:0}.obser-loading-caption{right:0;bottom:-14px}
.obser-loading-scan{position:absolute;top:50%;left:13.5%;width:73%;height:1px;background:linear-gradient(90deg,transparent,#9ac7fa,transparent);box-shadow:0 0 12px rgba(95,161,240,.12);animation:obser-scan 5s cubic-bezier(.45,0,.55,1) infinite;opacity:.65}
.obser-loading-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:24px;border-top:1px solid var(--ol-line);font-size:8px;letter-spacing:.17em;color:#778ba5;line-height:1.5}
.obser-loading-bottom-mark{font-size:12px;letter-spacing:.04em;color:#a5b6cd}.obser-loading-bottom-mark>span{padding:0 5px;color:#4b709d}.obser-loading-dots{display:inline-block;min-width:1em}
@keyframes obser-signal{0%,100%{transform:scaleY(1);opacity:.4}50%{transform:scaleY(2);opacity:1}}
@keyframes obser-scan{0%,100%{transform:translateY(-115px);opacity:.1}50%{transform:translateY(115px);opacity:.8}}
@media(min-width:1600px){.obser-loading-body{max-width:1350px}.obser-loading-top,.obser-loading-bottom{width:100%;max-width:1600px;margin-inline:auto}}
@media(max-width:720px){.obser-loading{padding:24px}.obser-loading-top{padding-bottom:22px}.obser-loading-brand{width:120px}.obser-loading-area{font-size:9px;letter-spacing:.12em}.obser-loading-area>span{display:none}.obser-loading-body{grid-template-columns:1fr;gap:44px;padding:50px 0 48px}.obser-loading .obser-loading-copy h1{font-size:clamp(45px,10vw,66px);margin:22px 0 20px}.obser-loading .obser-loading-copy p{font-size:14px}.obser-loading-status{margin-top:30px;font-size:11px}.obser-loading-optic{width:220px;margin:0 auto}.obser-loading-note{font-size:7px;left:-24px}.obser-loading-caption{font-size:7px;right:-24px}.obser-loading-bottom{padding-top:20px;font-size:7px;letter-spacing:.1em}.obser-loading-bottom-mark{display:none}@keyframes obser-scan{0%,100%{transform:translateY(-52px);opacity:.1}50%{transform:translateY(52px);opacity:.8}}}
@media(max-width:380px){.obser-loading{padding:20px}.obser-loading-optic{width:180px}.obser-loading-body{padding:38px 0}.obser-loading .obser-loading-copy h1{font-size:44px}}
@media(prefers-reduced-motion:reduce){.obser-loading-signal i,.obser-loading-scan{animation:none}.obser-loading-signal i:nth-child(2){height:12px}.obser-loading-scan{opacity:.5}}