.endo-monitor{--endo-ink:#f3f7f6;--endo-muted:#b9c6c4;--endo-panel:#070f13ed;--endo-teal:#5eead4;color:var(--endo-ink);font-family:"Atkinson Hyperlegible", var(--font-text,Arial, sans-serif);pointer-events:none;position:absolute;inset:0;overflow:hidden}.endo-monitor>*{pointer-events:auto}.endo-view{flex-direction:column;align-items:center;gap:.4rem;margin:0;display:flex;position:absolute}.endo-disc{aspect-ratio:1;background:#000;border-radius:50%;position:relative;overflow:hidden;box-shadow:0 0 0 2px #ffffff1f,0 .8rem 2.4rem #0000008c}.endo-disc img{object-fit:cover;width:100%;height:100%;display:block}.endo-disc.is-mirror img{transform:scaleX(-1)}.endo-disc img.endo-blend{position:absolute;inset:0}.endo-disc:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000 58%,#0000008c 88%,#000 100%);border-radius:50%;position:absolute;inset:0}.endo-notch{z-index:1;border-top:.55rem solid #000;border-left:.35rem solid #0000;border-right:.35rem solid #0000;width:0;height:0;position:absolute;top:0;left:50%;transform:translate(-50%)}.endo-view figcaption{background:var(--endo-panel);text-align:center;border-radius:.55rem;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem .5rem;max-width:100%;padding:.35rem .6rem;font-size:.8125rem;line-height:1.3;display:flex}.endo-chip{border:1px solid var(--endo-teal);color:var(--endo-teal);border-radius:999px;padding:.05rem .45rem;font-size:.6875rem}.endo-note{color:var(--endo-muted);flex-basis:100%}.endo-monitor.is-full{background:#000000e0}.endo-monitor.is-full .endo-view{top:calc(var(--scene-caption-bottom,4.5rem) + .5rem);width:min(78%,34rem);left:50%;transform:translate(-50%)}.endo-monitor.is-full .endo-disc{width:min(100%, calc(var(--scene-height,70svh) - var(--scene-caption-bottom,4.5rem) - 9.5rem))}.endo-monitor.is-inset .endo-view{width:min(12.5rem,38%);bottom:3.9rem;right:.75rem}.endo-monitor.is-inset .endo-disc{width:100%}.endo-toggle{border:1px solid var(--endo-teal);background:var(--endo-panel);min-height:2.75rem;color:var(--endo-teal);cursor:pointer;border-radius:999px;padding:.4rem .95rem;font:700 .8125rem/1.2 inherit;position:absolute;bottom:.75rem;right:.75rem}.endo-toggle:focus-visible{outline-offset:2px;outline:2px solid #fff2a8}@media (width<=480px){.endo-monitor.is-inset .endo-view{width:min(8.5rem,40%);bottom:3.6rem}.endo-view figcaption{font-size:.6875rem}.endo-monitor.is-full .endo-view{width:88%}}@media (orientation:landscape) and (height<=480px){.endo-monitor.is-inset .endo-view{bottom:calc(3.6rem + var(--scene-dock-overlay,0px));width:min(7.5rem,22%)}.endo-monitor.is-inset .endo-note{display:none}.endo-toggle{bottom:calc(.5rem + var(--scene-dock-overlay,0px))}.endo-monitor.is-full .endo-disc{width:min(100%, calc(var(--scene-height,100svh) - var(--scene-caption-bottom,4.5rem) - 8rem - var(--scene-dock-overlay,0px)))}}