@font-face{font-family:Plex Mono;src:url(/fonts/plex-mono-400.woff)format("woff")}@font-face{font-family:Manrope;font-weight:800;src:url(/fonts/manrope-800.woff)format("woff")}html,body,#root{overscroll-behavior:none;background:#02030a;height:100%;margin:0;overflow:hidden}main.vortex{touch-action:none;-webkit-user-select:none;user-select:none;color:#dfe6ff;letter-spacing:.08em;text-transform:uppercase;height:100%;font-family:Plex Mono,ui-monospace,monospace;font-size:12px;position:relative}.vortex header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex;position:absolute;inset:0 0 auto}.vortex h1{margin:0;font-size:12px;font-weight:400}.vortex nav{flex-wrap:wrap;gap:6px;display:flex}.vortex button{font:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;opacity:.75;background:#02030a66;border:1px solid;border-radius:999px;min-height:32px;padding:6px 12px}.vortex button:hover,.vortex button[aria-pressed=true]{opacity:1}.vortex .labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.vortex .labels span{font-size:calc(10px * var(--text,1));opacity:0;color:#dfe6ffd9;white-space:nowrap;position:absolute;top:0;left:0}.vortex footer{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;padding:12px 16px 16px;display:flex;position:absolute;inset:auto 0 0}.vortex footer input{flex:200px;max-width:520px}.vortex footer .place{color:#fff;opacity:1}.vortex footer .clock{text-align:right;opacity:.8;min-width:9ch}.vortex footer p{text-align:center;opacity:.7;flex:1 0 100%;margin:0}.vortex .panel{box-sizing:border-box;text-transform:none;letter-spacing:0;-webkit-user-select:text;user-select:text;touch-action:pan-y;background:#02030ad1;border:1px solid #dfe6ff40;border-radius:12px;width:min(380px,100% - 32px);padding:16px 18px;font-size:12.5px;line-height:1.55;position:absolute;top:64px;bottom:110px;right:16px;overflow-y:auto}.vortex .panel h2{letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:400}.vortex .maths b{color:#ffd98a;font-weight:400}.vortex .maths code{color:#9fb4ff;font-family:inherit}.vortex .maths ul{padding-left:18px}.vortex .look{text-transform:uppercase;letter-spacing:.08em;flex-direction:column;gap:12px;width:min(300px,100% - 32px);max-height:calc(100% - 180px);font-size:11px;display:flex;bottom:auto}.vortex .look h2{margin:0}.vortex .choice{flex-wrap:wrap;gap:6px;display:flex}.vortex .look button{opacity:.55;min-height:28px;padding:4px 10px}.vortex .look button[aria-pressed=true],.vortex .look>button{opacity:1}.vortex .look>button{align-self:flex-start}.vortex .slider{gap:4px;display:grid}.vortex .slider>span{justify-content:space-between;gap:8px;display:flex}.vortex .slider output{opacity:.6}.vortex .look details{border-top:1px solid #dfe6ff2e;padding-top:10px}.vortex .look summary{cursor:pointer;justify-content:space-between;list-style:none;display:flex}.vortex .look summary::-webkit-details-marker{display:none}.vortex .look summary:after{content:"+";opacity:.6}.vortex .look details[open] summary:after{content:"−"}.vortex .look .rows{flex-direction:column;gap:12px;padding-top:12px;display:flex}.vortex input[type=range]{appearance:none;cursor:pointer;background:0 0;height:18px;margin:0}.vortex input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, #fff var(--fill,0%), #dfe6ff38 var(--fill,0%));border-radius:1px;height:2px}.vortex input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:none;border-radius:50%;width:12px;height:12px;margin-top:-5px}.vortex input[type=range]::-moz-range-track{background:#dfe6ff38;height:2px}.vortex input[type=range]::-moz-range-progress{background:#fff;height:2px}.vortex input[type=range]::-moz-range-thumb{background:#fff;border:none;border-radius:50%;width:12px;height:12px}.vortex input[type=range]:focus-visible{outline-offset:2px;outline:1px solid #fff9}.vortex .fade{background:var(--bg,#02030a);opacity:0;pointer-events:none;position:absolute;inset:0}.vortex.film nav,.vortex.film footer{display:none}.vortex.film header{justify-content:center;padding-top:10%}.vortex.film h1{letter-spacing:.3em;opacity:.85;font-size:15px}.vortex.film .subs{font-size:calc(21px * var(--sub-size,1));width:min(calc(var(--sub-width,42) * 1ch), calc(100% - 64px));bottom:24%}.vortex.film .labels span{font-size:calc(13px * var(--text,1))}@media (width<=600px){.vortex .panel{z-index:2;background:#02030af0;top:12px;bottom:12px}}.vortex .stage{position:absolute;inset:0}.vortex.portrait .stage{outline:1px solid #dfe6ff33;width:min(100%,56.25dvh);height:min(100%,177.778vw);inset:50% auto auto 50%;transform:translate(-50%,-50%)}.vortex.portrait .subs{bottom:22%}.vortex.clean header,.vortex.clean footer,.vortex.clean .panel{display:none}.vortex.clean .stage{outline:none}.vortex.story .stage{cursor:grab}.vortex.story .stage:active{cursor:grabbing}