:root{color-scheme:dark;--ink:#e8eee7;--acid:#c7ff54;--dim:#8c9990;--line:rgba(224,240,226,.18)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#090d0c;color:var(--ink);font-family:SFMono-Regular,Roboto Mono,Liberation Mono,monospace}#stage{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair}.grain{position:absolute;inset:0;opacity:.13;pointer-events:none;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.masthead{position:absolute;top:0;left:0;right:0;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.14em}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--acid);border-radius:50%;color:var(--acid);font-family:Songti SC,STSong,serif;font-size:16px}.status{display:flex;align-items:center;gap:9px;color:var(--dim)}.status i{width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 14px var(--acid);animation:pulse 1.8s infinite}.intro{position:absolute;top:116px;left:7vw;pointer-events:none;animation:rise .9s cubic-bezier(.16,1,.3,1) both}.eyebrow{margin:0 0 23px;color:var(--acid);font-size:10px;letter-spacing:.28em}h1{margin:0;font-family:Songti SC,STSong,serif;font-size:clamp(45px,6.4vw,96px);line-height:1.06;letter-spacing:-.055em;font-weight:700}h1 em{color:transparent;-webkit-text-stroke:1px rgba(232,238,231,.72);font-style:normal}.lede{max-width:400px;margin:25px 0 0;color:var(--dim);font-size:11px;line-height:1.9;letter-spacing:.05em}.control-panel{position:absolute;right:34px;bottom:30px;width:310px;max-height:calc(100vh - 110px);overflow:auto;border:1px solid var(--line);background:#090d0cb8;backdrop-filter:blur(18px);padding:13px;animation:rise 1s .15s cubic-bezier(.16,1,.3,1) both;scrollbar-width:thin}.mode-switch{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.mode-switch button{border:0;border-right:1px solid var(--line);padding:10px 4px;background:transparent;color:var(--dim);font:10px SFMono-Regular,Roboto Mono,monospace;cursor:pointer}.mode-switch button:last-child{border-right:0}.mode-switch button.active{background:var(--acid);color:#10150f}.upload-button{margin-top:10px;display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border:1px solid var(--line);cursor:pointer;font-size:11px;transition:.25s}.upload-button:hover{border-color:var(--acid);color:var(--acid)}.upload-button input{display:none}.upload-button b{font-size:18px;font-weight:300}.sliders{display:grid;gap:11px;margin-top:15px;padding-top:14px;border-top:1px solid var(--line)}.sliders label{display:grid;gap:7px}.sliders label span{display:flex;justify-content:space-between;color:var(--dim);font-size:9px;letter-spacing:.08em}.sliders output{color:var(--ink)}.sliders input{width:100%;height:2px;margin:4px 0;appearance:none;background:linear-gradient(90deg,var(--acid),rgba(255,255,255,.16));outline:0}.sliders input::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border:1px solid #0a0e0c;border-radius:50%;background:var(--acid);box-shadow:0 0 12px #c7ff54a6;cursor:ew-resize}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:13px 0 0;padding-top:13px;border-top:1px solid var(--line)}.metrics div{border-right:1px solid var(--line);padding-left:10px}.metrics div:first-child{padding-left:0}.metrics div:last-child{border:0}.metrics dt{color:var(--dim);font-size:8px;letter-spacing:.15em}.metrics dd{margin:6px 0 0;font-size:10px}.coordinates{position:absolute;left:34px;bottom:30px;display:flex;gap:20px;color:var(--dim);font-size:9px;letter-spacing:.16em;writing-mode:vertical-rl}.loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#090d0c;transition:opacity .5s,visibility .5s;z-index:10}.loading.hidden{opacity:0;visibility:hidden}.loading span{width:56px;height:56px;border:1px solid var(--line);border-top-color:var(--acid);border-radius:50%;animation:spin 1s linear infinite}.loading p{color:var(--dim);font-size:9px;letter-spacing:.2em;margin-top:20px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.3}}@keyframes rise{0%{opacity:0;transform:translateY(25px)}}@media(max-width:720px){.masthead{padding:0 18px;height:62px}.intro{top:92px;left:22px;right:22px}.lede{max-width:290px}.control-panel{left:18px;right:18px;bottom:16px;width:auto}.coordinates{display:none}h1{font-size:12vw}}