:root{color-scheme:dark;--ink:#fbf5ff;--muted:#bfb0cb;--accent:#dac4ff;--line:#d9c9ed2d;font-family:"Inter Variable",sans-serif;background:#10091b;color:var(--ink)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}button,input,select{font:inherit}button,select{color:var(--ink)}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid #efc77e;outline-offset:4px}button{min-height:44px;border:1px solid var(--line);border-radius:4px;background:#21162bde;padding:0 15px;font-size:12px}button:hover{background:#40304f}button[aria-pressed=true]{background:#dec5ff;color:#21162b}#scene{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;display:block;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}.hud{position:fixed;z-index:2;pointer-events:none}.hud button,.hud input,.hud select{pointer-events:auto}.identity{top:max(32px,env(safe-area-inset-top));left:38px}.wordmark{font:500 14px "Space Grotesk Variable",sans-serif;letter-spacing:.28em;display:flex;align-items:center;gap:10px}.brand-mark{font-size:25px;line-height:1;color:#e1c6ff}h1{font-weight:450;font-size:22px;letter-spacing:-.03em;margin:25px 0 7px}.identity p{font-family:"Instrument Serif",serif;font-size:21px;font-style:italic;margin:0;color:var(--muted)}.top-tools{right:38px;top:32px;display:flex;align-items:center;gap:27px}.live-state{font-size:12px;color:#d3c3df;display:flex;gap:8px;align-items:center}.live-state i{height:5px;width:5px;border-radius:50%;background:#d5b4f5;box-shadow:0 0 9px #d5b4f5}.top-tools button{display:flex;align-items:center;gap:20px}.top-tools button span{font-size:20px}.settings{right:38px;top:90px;width:260px;padding:21px;border:1px solid var(--line);border-radius:6px;background:#170f20ed;backdrop-filter:blur(18px);box-shadow:0 20px 70px #0006}.settings[hidden]{display:none}.panel-heading{font:11px "JetBrains Mono Variable",monospace;letter-spacing:.09em;display:flex;justify-content:space-between;margin-bottom:20px;color:#d1c0df}.settings label{display:block;font-size:12px;margin-top:18px}.settings output{float:right;color:#bfb0cb}.settings select{display:block;width:100%;height:39px;border:1px solid var(--line);border-radius:3px;margin-top:8px;padding:0 9px;background:#25192e;font-size:13px}.settings button{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:18px}.settings p{font-size:11px;line-height:1.5;color:var(--muted);margin:15px 0 0}input[type=range]{width:100%;height:24px;accent-color:#dbc2fa;cursor:pointer;margin:8px 0 0}.specimen{left:38px;bottom:154px}.micro{font:11px "JetBrains Mono Variable",monospace;letter-spacing:.12em;color:var(--muted);margin:0 0 13px}.specimen h2{font-family:"Instrument Serif",serif;font-weight:400;font-size:54px;line-height:1;margin:0 0 12px;letter-spacing:-.02em}.specimen>p:not(.micro){font-size:13px;color:#d9cbdf;margin:0}.measure{display:flex;gap:12px;align-items:center;margin-top:32px;font:11px "JetBrains Mono Variable",monospace;letter-spacing:.15em;color:#ad9cbb}.measure span{display:block;height:5px;width:45px;border:1px solid #b49dc8;border-top:0}.growth-readout{right:39px;bottom:157px;text-align:right;display:flex;flex-direction:column;gap:10px}.growth-readout .micro{margin:0}.growth-readout strong{font:300 44px "Space Grotesk Variable",sans-serif;letter-spacing:-.04em}.growth-readout .fraction{font-size:18px;color:#a18dad}.growth-readout>span:last-child{font-size:11px;color:var(--muted)}.transport{left:50%;bottom:50px;transform:translateX(-50%);display:flex;align-items:center;gap:23px;width:464px;padding:13px 15px 13px 21px;background:#1a1125dc;border:1px solid #d9c9ed30;backdrop-filter:blur(16px);border-radius:7px;box-shadow:0 8px 50px #0004}.timeline{flex:1;min-width:0}.timeline label{display:flex;justify-content:space-between;font:11px "JetBrains Mono Variable",monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.timeline output{color:var(--ink)}.timeline input{height:18px;margin:5px 0 0;display:block}.actions{display:flex;gap:5px}.actions button{font-size:12px;padding:0 11px;white-space:nowrap}.actions #pause{min-width:78px;background:#e6d4ff;color:#24142f;border-color:#e6d4ff}.actions #reset{font-size:22px;min-width:44px}.gesture{bottom:20px;left:50%;transform:translateX(-50%);font:11px "JetBrains Mono Variable",monospace;letter-spacing:.1em;color:#b6a3c6;margin:0;white-space:nowrap}.gesture span{margin:0 14px}.sample{bottom:26px;left:38px;margin:0;font-size:11px;color:#b4a3c2}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#fallback{position:fixed;inset:0;z-index:8;padding:20vh 30px;text-align:center;background:radial-gradient(ellipse at center,#46235b,#10091b 60%)}#fallback span{font-size:110px;color:#d5a9f9}#fallback h1{font-size:28px}#fallback p{max-width:400px;margin:auto;line-height:1.7;color:#d8c9e2}.no-webgl .hud{display:none}
@media(max-width:700px){.identity{top:max(21px,env(safe-area-inset-top));left:20px}.wordmark{font-size:12px;gap:7px;letter-spacing:.23em}.brand-mark{font-size:21px}h1{font-size:18px;margin:13px 0 4px}.identity p{font-size:17px}.top-tools{top:max(22px,env(safe-area-inset-top));right:18px}.live-state{display:none}.top-tools button{font-size:11px;padding:0 11px;gap:9px}.settings{top:auto;bottom:calc(142px + env(safe-area-inset-bottom));right:18px;width:calc(100% - 36px);padding:15px 17px;display:grid;grid-template-columns:1fr 1fr;gap:0 16px;max-height:250px}.panel-heading{grid-column:1/-1;margin:0 0 4px}.settings label{margin-top:11px;font-size:11px}.settings label[for=mineral]{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.settings select{width:65%;margin:0;height:34px}.settings input{margin-top:3px;height:19px}.settings button{grid-column:1/-1;margin-top:10px;min-height:38px}.settings p{display:none}.specimen{left:21px;bottom:181px}.micro{font-size:11px;letter-spacing:.07em;margin-bottom:8px}.specimen h2{font-size:34px;margin-bottom:6px}.specimen>p:not(.micro){font-size:11px}.measure{display:none}.growth-readout{right:21px;bottom:183px;gap:3px}.growth-readout .micro{display:none}.growth-readout strong{font-size:31px}.growth-readout .fraction{font-size:13px}.growth-readout>span:last-child{font-size:11px}.transport{width:calc(100% - 36px);bottom:calc(65px + env(safe-area-inset-bottom));gap:13px;padding:12px}.actions{gap:4px}.actions button{padding:0 8px;font-size:11px}.actions #pause{min-width:66px}.actions #reset{min-width:37px;padding:0 7px}.timeline label{font-size:11px}.gesture{bottom:calc(43px + env(safe-area-inset-bottom));font-size:11px;letter-spacing:.04em}.sample{bottom:calc(18px + env(safe-area-inset-bottom));left:0;width:100%;text-align:center;font-size:11px}body.settings-open .specimen,body.settings-open .growth-readout,body.settings-open .gesture,body.settings-open .sample{visibility:hidden}}
@media(max-height:600px){.identity p{display:none}.specimen{bottom:125px}.specimen h2{font-size:32px}.growth-readout{bottom:125px}.measure{display:none}.settings{top:80px;max-height:calc(100vh - 100px);overflow:auto}.sample{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}