/* Astronomical imagery lives around the data, with a quiet reading surface. */
#anomalies-view,#spot-view{position:relative;isolation:isolate;overflow-x:clip}
#anomalies-view>.feature-heading{position:relative;min-height:250px;align-items:center;margin-bottom:30px}
#anomalies-view>.feature-heading>div{max-width:54%}
#anomalies-view>.feature-heading h1{font-size:clamp(30px,3.6vw,48px);letter-spacing:-.045em}
#anomalies-view>.feature-heading>.quiet-badge{align-self:flex-start;margin-top:14px;background:rgba(10,10,10,.5)}


#spot-view::after{content:"";position:absolute;pointer-events:none;z-index:-2;inset:0;background-image:radial-gradient(1px 1px at 3% 25%,#c9c9d0 80%,transparent),radial-gradient(1px 1px at 98% 42%,#c9c9d0 80%,transparent),radial-gradient(1px 1px at 1% 70%,#8b8b94 80%,transparent),radial-gradient(1.4px 1.4px at 99% 82%,#c9c9d0 80%,transparent);background-size:100% 350px;opacity:.5}
.portfolio-heading{position:relative;min-height:210px;align-items:center;overflow:hidden;margin-bottom:26px;padding:20px 0}
.portfolio-heading>div:not(.spot-universe){position:relative;z-index:1}
.portfolio-heading>div:first-of-type+h1{position:relative}
.portfolio-heading h1{font-size:clamp(32px,3.6vw,48px);letter-spacing:-.045em}
.portfolio-heading>div:nth-child(2){max-width:48%}
.portfolio-heading-actions{align-self:flex-end;flex-wrap:wrap;justify-content:flex-end;gap:12px}
.spot-universe{position:absolute!important;inset:-20px -30px 0;z-index:0;pointer-events:none;overflow:hidden;mask-image:linear-gradient(#000 65%,transparent)}
.spot-universe::before{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 61% 25%,#ddd 80%,transparent),radial-gradient(1px 1px at 89% 62%,#ddd 80%,transparent),radial-gradient(1px 1px at 75% 8%,#ddd 80%,transparent),radial-gradient(1px 1px at 99% 15%,#888 80%,transparent),radial-gradient(1px 1px at 5% 4%,#ddd 80%,transparent)}
.spot-universe img{position:absolute;object-fit:contain;mix-blend-mode:screen;mask-image:radial-gradient(ellipse at center,#000 37%,transparent 71%)}
.spot-planet-jupiter{height:315px;width:315px;right:15%;top:-65px;opacity:.5;transform:rotate(-13deg)}
.spot-planet-earth{height:150px;width:150px;right:0;top:-4px;opacity:.55}
.portfolio-currency{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid var(--line);border-radius:7px;background:var(--surface);min-height:44px;font-size:12px}
.portfolio-currency>span{color:var(--muted)}
.portfolio-currency select{min-height:28px;padding:0 5px;background:transparent;border:0;color:var(--text);font-weight:600;font-size:13px;cursor:pointer}
.portfolio-fx-note{margin:-6px 0 24px;padding:13px 16px;border-left:2px solid var(--line);color:var(--muted);font-size:12px;line-height:1.7}
.portfolio-fx-note a{text-decoration:underline;text-underline-offset:3px;color:var(--text)}
.portfolio-fx-note span{display:block;font-size:11px}
.portfolio-history h2>small{font-size:11px;letter-spacing:.05em;margin-left:5px;color:var(--muted);font-weight:400}
.journal-capture-stage{position:fixed;left:-16000px;top:0;width:1200px;padding:0;background:var(--surface);pointer-events:none;opacity:0;z-index:-1}
.journal-capture-stage .chart-area{width:1200px;max-width:none}
.chart-expand svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}


[data-theme=light] #anomalies-view>.feature-heading>.quiet-badge{position:relative;color:#ddd;border-color:#555;background:#111c}
[data-theme=light] #anomalies-view::after,[data-theme=light] #spot-view::after{filter:invert(1);opacity:.22}
[data-theme=light] .spot-universe img{mix-blend-mode:normal;opacity:.5;filter:none;mask-image:none;clip-path:circle(22.5% at 50% 49%)}
[data-theme=light] .spot-universe::before{filter:invert(1)}
@media(max-width:850px){#anomalies-view>.feature-heading{min-height:225px;align-items:flex-end;padding-bottom:20px}#anomalies-view>.feature-heading>div{max-width:65%}.portfolio-heading{min-height:235px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:18px}.portfolio-heading>div:nth-child(2){max-width:80%}.portfolio-heading-actions{align-self:flex-start;justify-content:flex-start}.spot-planet-jupiter{right:0;opacity:.36}.spot-planet-earth{right:-30px;top:34px;opacity:.4}.portfolio-heading p{max-width:400px}.portfolio-currency>span{display:none}#spot-view::after{inset:0}}
@media(max-width:520px){#anomalies-view>.feature-heading{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding-top:150px;margin-bottom:20px;gap:10px}#anomalies-view>.feature-heading>div{max-width:100%}#anomalies-view>.feature-heading>.quiet-badge{margin-top:0}[[data-theme=light] #anomalies-view>.feature-heading>.quiet-badge{background:var(--surface);color:var(--text);border-color:var(--line)}.portfolio-heading{min-height:260px}.portfolio-heading>div:nth-child(2){max-width:100%}.portfolio-heading p{max-width:280px}.spot-planet-jupiter{top:-62px;right:-35px;width:260px;height:260px;opacity:.29}.spot-planet-earth{top:40px;right:-40px;width:115px;height:115px}.portfolio-fx-note{margin-top:0;padding-left:11px}}