@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{color-scheme:dark;--acid:#19c7bf;--pink:#ff3da8;--white:#ecede6;--muted:#a4ada4}*{box-sizing:border-box}body{margin:0;background:#071317;color:var(--white);font-family:'DM Sans',Arial,sans-serif;overflow:hidden}#stage{position:fixed;inset:0;touch-action:pan-y;cursor:grab}#stage:active{cursor:grabbing}canvas{display:block;width:100%;height:100%}header{position:absolute;top:0;left:0;width:100%;padding:36px 4.5vw;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brand{font-size:28px;letter-spacing:-1.5px;color:var(--white);text-decoration:none;font-weight:600;pointer-events:auto}.brand span{font-weight:400}.brand sup{color:var(--acid);font-size:12px;vertical-align:top;margin:3px 0 0 4px;display:inline-block}.edition{text-align:right;font-size:12px;letter-spacing:2px;color:#ccd1c8;line-height:1.7}.edition span{display:block;font-size:12px;letter-spacing:1px;color:#88958a}.title{position:absolute;top:26vh;left:4.5vw;pointer-events:none;max-width:38vw}.eyebrow{font-size:12px;letter-spacing:3px;margin-bottom:24px;color:var(--acid)}h1{font-family:'Space Grotesk','DM Sans',Arial,sans-serif;font-size:clamp(58px,6.7vw,110px);line-height:.94;letter-spacing:-.065em;font-weight:600;margin:0}h1 em{font-style:normal;font-weight:600;color:var(--pink)}p{font-size:15px;color:var(--muted);margin-top:28px;line-height:1.5}.scene-note{position:absolute;right:4.5vw;bottom:24vh;display:flex;align-items:center;gap:12px;font-size:13px;color:#c4cdbd;pointer-events:none}.note-line{width:30px;height:1px;background:var(--pink);opacity:.9}footer{position:absolute;bottom:0;width:100%;padding:0 4.5vw 25px;pointer-events:none}.control-label{font-size:12px;letter-spacing:2px;color:#929e92;margin-bottom:16px}.buttons{display:flex;gap:8px;flex-wrap:wrap}.buttons button{border:1px solid #3b8c8e99;border-radius:3px;padding:13px 20px;background:#071d22ad;backdrop-filter:blur(12px);color:#c7d2c0;font:400 14px 'DM Sans',Arial;cursor:pointer;pointer-events:auto}.buttons button:hover{border-color:var(--pink);color:white}.buttons button.active{background:var(--pink);color:#170a18;border-color:var(--pink)}.buttons .pulse{margin-left:12px;background:#ff3da81c;border-color:var(--pink);color:#ffc4e4}.pulse span{padding-left:16px}.bottom-line{border-top:1px solid #52989a55;margin-top:24px;padding-top:17px;display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#8e9d8d}.hint span{margin:0 9px}.quiet-controls{display:flex;gap:25px;align-items:center}.quiet-controls button{pointer-events:auto;background:none;border:0;padding:0;color:#b3bdae;font:inherit;cursor:pointer}.quiet-controls button:hover{color:var(--acid)}#angle{font-variant-numeric:tabular-nums;color:#bac9ac}.corner-index{position:absolute;right:4.5vw;top:48%;writing-mode:vertical-rl;font-size:12px;letter-spacing:3px;color:#79a5a6;pointer-events:none}button:focus-visible,a:focus-visible{outline:2px solid var(--acid);outline-offset:5px}#loading{position:fixed;inset:0;background:#071317;z-index:3;display:flex;gap:16px;justify-content:center;align-items:center;font-size:14px;color:#b3bdae;transition:opacity .7s}.loading-ring{width:20px;height:20px;border:1px solid #19c7bf40;border-top-color:var(--acid);border-radius:100%;animation:spin 1s infinite linear}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:700px){header{padding:25px 6vw}.brand{font-size:23px}.edition{font-size:10px;letter-spacing:1.5px}.edition span{font-size:10px}.title{top:15vh;left:6vw;max-width:90vw}h1{font-size:58px;letter-spacing:-.065em;line-height:.94}.eyebrow{font-size:11px;margin-bottom:15px}.title p{font-size:13px;margin-top:14px}footer{padding:0 6vw 20px}.buttons{gap:6px}.buttons button{font-size:12px;padding:11px 12px}.buttons .pulse{margin-left:0}.pulse span{padding-left:4px}.bottom-line{margin-top:17px;flex-direction:column;gap:16px;padding-top:15px}.hint{font-size:11px}.quiet-controls{gap:22px}.quiet-controls #angle{margin-left:auto}.scene-note{bottom:29vh;right:6vw;font-size:12px}.corner-index{display:none}.control-label{font-size:10px;margin-bottom:11px}}@media(prefers-reduced-motion:reduce){.loading-ring{animation:none}}@media(max-height:600px) and (min-width:701px){header{padding-top:20px}.title{top:22vh}h1{font-size:72px}.eyebrow{margin-bottom:15px}p{margin-top:15px}.scene-note{bottom:32vh}}

.zoom-controls{display:flex;gap:6px}.quiet-controls .zoom-controls button{width:34px;height:34px;border:1px solid #3b8c8e99;border-radius:3px;background:#071d22ad;color:#ffc4e4;font-size:20px;line-height:1}.quiet-controls .zoom-controls button:hover{border-color:var(--pink);color:white}@media(max-width:700px){.quiet-controls{gap:16px}.hint{font-size:11px}}