:root{color-scheme:dark;font-family:Inter,sans-serif;background:#030303;color:#f2f7ff;font-synthesis:none}*{box-sizing:border-box}html,body{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden;background:#030303}button,a{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid #a9d8ff;outline-offset:5px}.stage{position:relative;width:100%;height:100svh;isolation:isolate;overflow:hidden;background:#030303}.stage:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 58% 49%,transparent 28%,rgba(0,0,0,.44) 86%)}#system-scene{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}#system-scene:active{cursor:grabbing}.masthead{position:absolute;z-index:3;top:clamp(24px,4vw,52px);left:clamp(24px,4vw,58px);right:clamp(24px,4vw,58px);display:flex;justify-content:space-between;align-items:center;pointer-events:none}.wordmark,.study-label,.eyebrow,.controls,.module-status,.loading{font-family:IBM Plex Mono,monospace;font-size:10px;line-height:1;letter-spacing:.18em;text-transform:uppercase}.wordmark{color:#f5f8fc;text-decoration:none;pointer-events:auto}.study-label{margin:0;color:#657181}.caption{position:absolute;z-index:3;left:clamp(24px,4vw,58px);bottom:clamp(88px,10vw,132px);width:min(390px,calc(100vw - 48px));pointer-events:none}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 20px;color:#8ea0b5}.eyebrow span{display:block;width:5px;height:5px;border-radius:50%;background:#8ecaff;box-shadow:0 0 14px #8ecaffd9}h1{max-width:9ch;margin:0;font-size:clamp(34px,4.2vw,64px);font-weight:400;line-height:.98;letter-spacing:-.055em}.caption>p:last-child{max-width:36ch;margin:22px 0 0;color:#8793a3;font-size:13px;line-height:1.65}.module-status{position:absolute;z-index:3;top:50%;right:clamp(24px,4vw,58px);color:#657181;pointer-events:none;transform:translateY(-50%) rotate(-90deg) translate(50%);transform-origin:right center}.controls{position:absolute;z-index:3;right:clamp(24px,4vw,58px);bottom:clamp(28px,4vw,52px);display:flex;gap:24px;align-items:center;color:#586473}.controls p{margin:0}.controls button,.fallback button{padding:0;border:0;border-bottom:1px solid #4d5a68;color:#a7b4c4;background:transparent;text-transform:uppercase;letter-spacing:inherit;cursor:pointer}.controls button:hover{color:#f1f6fc;border-color:#a7d7ff}kbd{font:inherit;color:#7c8999}.loading{position:absolute;z-index:5;inset:0;display:grid;place-content:center;justify-items:center;gap:17px;color:#738092;background:#030303;transition:opacity .6s ease,visibility .6s ease}.loading.is-done{visibility:hidden;opacity:0}.loading-line{width:124px;height:1px;overflow:hidden;background:#17202a}.loading-line i{display:block;width:45%;height:100%;background:#a9d9ff;box-shadow:0 0 12px #82c9ffcc;animation:load 1.2s ease-in-out infinite}.fallback{position:absolute;z-index:6;inset:0;place-content:center;justify-items:center;gap:14px;background:#030303;color:#aab4c2}.fallback:not([hidden]){display:grid}@keyframes load{0%{transform:translate(-105%)}to{transform:translate(230%)}}@media(max-width:720px){.study-label,.module-status,.controls p{display:none}.caption{bottom:84px}h1{font-size:clamp(34px,11vw,48px)}.caption>p:last-child{max-width:28ch}.controls{right:24px;bottom:30px;gap:18px}}@media(prefers-reduced-motion:reduce){.loading,.loading-line i{transition:none;animation:none}}