@font-face{font-family:"Instrument Sans";src:url('/fonts/instrument-sans.woff2') format('woff2');font-weight:400 700;font-display:swap}
*{box-sizing:border-box}html,body{height:100%;margin:0;background:transparent;color:#f0f4ff;font-family:"Instrument Sans",Arial,sans-serif}

    #john-orbit-preview{--orbit-bg:#000012;--orbit-ink:#f0f4ff;--orbit-line:#344475;--orbit-mesh:#d4efff;--orbit-accent:#abc4ff;color-scheme:dark;height:100svh;display:grid;grid-template-rows:minmax(0,1fr);font-family:inherit;color:var(--orbit-ink);background:transparent}
    #john-orbit-preview .orbit-scene{position:relative;overflow:hidden;background:transparent;height:auto;min-height:0;isolation:isolate}
    #john-orbit-preview canvas{width:100%;height:100%;display:block;touch-action:pan-y}
    #john-orbit-preview .orbit-fallback{position:absolute;height:108%;bottom:-8%;left:50%;transform:translateX(-50%);max-width:none;opacity:.6175;mix-blend-mode:screen;mask-image:radial-gradient(ellipse 48% 56% at 50% 46%,#000 68%,transparent 100%)}
    #john-orbit-preview .orbit-status{position:absolute;bottom:15px;left:18px;right:18px;font-size:12px;text-align:center;color:var(--orbit-ink)}
    #john-orbit-preview [hidden]{display:none!important}