@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@300;400;500;600&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#182225;background:#e9eef0;font-synthesis:none;--ink: #182225;--muted: #697579;--acid: #d8ff43}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}button,a{-webkit-tap-highlight-color:transparent}#app{position:relative;isolation:isolate;background:linear-gradient(90deg,transparent 49.94%,rgba(24,34,37,.07) 50%,transparent 50.06%),linear-gradient(#ffffff73,#e1e8eabf)}#scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1}.topbar{position:absolute;inset:0 0 auto;height:92px;padding:25px 34px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid rgba(24,34,37,.15)}.brand{display:flex;gap:11px;color:inherit;text-decoration:none;text-transform:uppercase;font-size:10px;font-weight:600;line-height:1.25;letter-spacing:.12em}.brand-mark{display:grid;place-items:center;width:29px;height:29px;background:var(--ink);color:#fff;font-family:serif;font-size:16px;line-height:1}.edition{font:400 10px/1.2 DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.edition span{color:var(--ink);margin-left:18px}.intro{position:absolute;left:4vw;top:17vh;width:min(425px,35vw)}.eyebrow{margin:0 0 22px;color:var(--muted);font:400 10px/1 DM Mono,monospace;letter-spacing:.16em;text-transform:uppercase}h1{margin:0;font-size:clamp(43px,5.2vw,84px);line-height:.91;letter-spacing:-.065em;font-weight:300}h1 em{font-family:Georgia,serif;font-weight:400}.lede{max-width:340px;margin:30px 0 0;color:#5a676b;font-size:12px;line-height:1.75}.telemetry{position:absolute;right:3vw;top:17vh;width:175px;border-top:1px solid rgba(24,34,37,.3);font:400 9px/1 DM Mono,monospace;text-transform:uppercase}.telemetry div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(24,34,37,.13)}.telemetry span{color:var(--muted)}.telemetry strong{font-weight:400}.controls{position:absolute;left:4vw;bottom:5.5vh;width:308px}button{font:inherit;color:inherit}.snapshot-button{width:100%;min-height:70px;padding:13px 16px;border:0;background:var(--acid);cursor:pointer;display:flex;align-items:center;gap:15px;text-align:left;transition:transform .2s,background .2s}.snapshot-button:hover{transform:translateY(-2px);background:#e2ff72}.snapshot-button:active{transform:translateY(0)}.snapshot-button b{display:block;font-size:12px;font-weight:600;margin-bottom:5px}.snapshot-button small{display:block;font:400 8px/1.2 DM Mono,monospace;text-transform:uppercase;letter-spacing:.04em;color:#5b6929}.button-icon{position:relative;width:38px;height:38px;flex:0 0 auto;border:1px solid rgba(24,34,37,.45);border-radius:50%}.button-icon:before,.button-icon:after{content:"";position:absolute;background:var(--ink);left:50%;top:50%;transform:translate(-50%,-50%)}.button-icon:before{width:13px;height:1px}.button-icon:after{width:1px;height:13px}.download-button{width:100%;height:42px;padding:0 15px;border:1px solid rgba(24,34,37,.25);border-top:0;background:#f0f4f5cc;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font:500 9px/1 DM Mono,monospace;text-transform:uppercase}.download-button svg{width:16px;fill:none;stroke:currentColor;stroke-width:1.5}.download-button:disabled{opacity:.42;cursor:default}.status{margin-top:10px;color:var(--muted);font:400 8px/1.4 DM Mono,monospace;text-transform:uppercase;letter-spacing:.05em}.status:before{content:"";display:inline-block;width:5px;height:5px;margin-right:7px;border-radius:50%;background:#7fbe00;box-shadow:0 0 0 3px #7fbe0024}.scroll-note{position:absolute;right:3vw;bottom:4vh;color:var(--muted);font:400 8px/1 DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.scroll-note span{display:inline-block;width:42px;height:1px;margin:0 10px 3px;background:#1822254d}@media(max-width:760px){.topbar{height:72px;padding:19px 20px}.intro{left:20px;top:12vh;width:calc(100% - 40px)}.intro h1{font-size:clamp(42px,13vw,66px)}.lede{max-width:270px;margin-top:18px;font-size:10px}.telemetry{top:auto;right:20px;bottom:126px;width:130px}.controls{left:20px;bottom:20px;width:calc(100% - 40px)}.download-button{width:50%;position:absolute;right:0;top:0;height:70px;border:0;border-left:1px solid rgba(24,34,37,.2);background:#ffffff3d}.snapshot-button{width:100%;padding-right:52%}.status,.scroll-note{display:none}}