:root{color:#eef3f5;font-synthesis:none;background:#020406;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.showcase{color:#eef3f5;background:#020406;min-height:100dvh;position:fixed;inset:0;overflow:hidden}.showcase-canvas{position:absolute;inset:0}.showcase-title{top:max(24px, env(safe-area-inset-top));left:max(24px, env(safe-area-inset-left));z-index:2;pointer-events:none;text-shadow:0 2px 24px #000;max-width:min(540px,68vw);position:absolute}.showcase-title span,.showcase-readout>span{color:#cbdee6a8;letter-spacing:.22em;text-transform:uppercase;font-size:10px;font-weight:700;display:block}.showcase-title h1{letter-spacing:-.055em;margin:7px 0 0;font-size:clamp(30px,5vw,74px);font-weight:350;line-height:.92}.showcase-readout{left:max(24px, env(safe-area-inset-left));bottom:max(31px, calc(env(safe-area-inset-bottom) + 20px));z-index:2;pointer-events:none;text-shadow:0 2px 18px #000,0 1px 4px #000;max-width:min(560px,100vw - 110px);position:absolute}.showcase-readout p{text-wrap:balance;margin:8px 0 11px;font-size:clamp(17px,2.4vw,30px);font-weight:380;line-height:1.2}.showcase-readout code{color:#ddecefb8;letter-spacing:.045em;font-family:SFMono-Regular,Consolas,monospace;font-size:11px}.showcase-toggle{top:max(22px, env(safe-area-inset-top));right:max(22px, env(safe-area-inset-right));z-index:3;color:#ecf7f9db;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#02070a8c;border:1px solid #b5d3dc42;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute}.showcase-toggle:focus-visible{outline-offset:4px;outline:2px solid #8fe7dc}.showcase-progress{z-index:3;background:#ffffff0f;height:2px;position:absolute;bottom:0;left:0;right:0}.showcase-progress i{opacity:.7;background:#8fe7dc;height:100%;display:block}.showcase-machine-ecology .showcase-progress i{background:#ff8747}.showcase-photon-capture .showcase-progress i{background:#fff0ad}@media (width<=640px){.showcase-title{top:max(18px, env(safe-area-inset-top));left:max(17px, env(safe-area-inset-left));max-width:calc(100vw - 88px)}.showcase-title h1{margin-top:5px;font-size:clamp(34px,12vw,56px)}.showcase-readout{left:max(17px, env(safe-area-inset-left));bottom:max(25px, calc(env(safe-area-inset-bottom) + 15px));max-width:calc(100vw - 76px)}.showcase-readout p{margin-block:7px 9px;font-size:18px}.showcase-toggle{top:max(16px, env(safe-area-inset-top));right:max(15px, env(safe-area-inset-right));width:42px;height:42px}}@media (prefers-reduced-motion:reduce){.showcase-progress i{transition:none}}