.holo{margin:0}.holo__stage{aspect-ratio:4/3;border-radius:var(--r-lg);background:radial-gradient(ellipse 70% 55% at 50% 58%, var(--c-surface) 0%, transparent 70%), linear-gradient(180deg, var(--c-page) 0%, var(--c-sunken) 100%);box-shadow:inset 0 0 0 1px var(--c-line);position:relative;overflow:hidden}.holo__poster,.holo__canvas{width:100%;height:100%;position:absolute;inset:0}.holo__poster{object-fit:cover;transition:opacity .6s var(--ease-out)}.holo__canvas{opacity:0;cursor:grab;touch-action:pan-y;border-radius:var(--r-lg);transition:opacity .6s var(--ease-out);display:block}.holo__canvas:active{cursor:grabbing}.holo__canvas:focus-visible{outline:2px solid var(--c-focus);outline-offset:-2px}.holo--ready .holo__canvas{opacity:1}.holo--ready .holo__poster{opacity:0;transition-delay:.6s}:root.js[data-theme=dark] .holo:not(.holo--fallback) .holo__poster{opacity:0}@media (prefers-color-scheme:dark){:root.js:not([data-theme]) .holo:not(.holo--fallback) .holo__poster{opacity:0}}.holo__note{left:var(--s-3);bottom:var(--s-3);max-width:calc(100% - 2 * var(--s-3));padding:var(--s-1) var(--s-3);border-radius:var(--r-sm);background:var(--c-surface);color:var(--c-ink-muted);font-size:var(--fs-xs);box-shadow:var(--shadow-raised);margin:0;position:absolute}.holo__caption{margin-top:var(--s-2);color:var(--c-ink-muted);font-size:var(--fs-xs);line-height:var(--lh-snug)}.holo__caption:empty{display:none}@media (prefers-reduced-motion:reduce){.holo__poster,.holo__canvas{transition:none}}.holo__canvas--still{cursor:default;pointer-events:none}.holo__bar{align-items:center;gap:var(--s-2) var(--s-5);margin-top:var(--s-3);font-size:var(--fs-sm);flex-wrap:wrap;display:flex}.holo__legend{align-items:center;gap:var(--s-2);font-weight:var(--fw-semibold);margin:0 auto 0 0;display:inline-flex}.holo__swatch{background:var(--holo-state,var(--c-status-normal));width:.75rem;height:.75rem;box-shadow:0 0 0 3px color-mix(in srgb, var(--holo-state,var(--c-status-normal)) 22%, transparent);border-radius:50%}[data-field-state=info]{--holo-state:var(--c-status-info)}[data-field-state=warning]{--holo-state:var(--c-status-warning)}[data-field-state=critical]{--holo-state:var(--c-status-critical)}[data-field-state=no_recent_data]{--holo-state:var(--c-status-no_recent_data)}.holo__switch{gap:var(--s-4);display:inline-flex}.holo__opt,.holo__reset{min-height:44px;color:var(--c-ink-muted);font:inherit;cursor:pointer;transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);background:0 0;border:0;border-bottom:2px solid #0000;padding:0}.holo__opt:hover,.holo__reset:hover{color:var(--c-ink)}.holo__opt[aria-pressed=true]{color:var(--c-ink);border-bottom-color:var(--c-accent)}.holo__opt:focus-visible,.holo__reset:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}.holo__opt:disabled,.holo__reset:disabled{opacity:.5;cursor:default}.holo__reset:before{content:"↺ " / ""}.holo[data-field-state] .holo__stage{box-shadow:inset 0 0 0 1px var(--c-line), inset 0 -40px 80px -40px color-mix(in srgb, var(--holo-state,var(--c-status-normal)) 18%, transparent)}