@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&display=swap";:root{color:#dbe3e9;font-synthesis:none;--muted:#737f8d;--line:#ffffff16;--accent:#d7e9bd;background:#080b10;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{background:0 0;border:0}a{color:inherit;text-decoration:none}#world{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#app{pointer-events:none;position:fixed;inset:0}#app:before{content:"";pointer-events:none;background:linear-gradient(90deg,#080b1090,#0000 32% 78%,#080b1040);position:absolute;inset:0}header{z-index:3;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:32px 40px auto}header a,button,input{pointer-events:auto}.brand{letter-spacing:2.4px;align-items:center;gap:12px;font-size:10px;display:flex}.brand-icon{letter-spacing:0;color:var(--accent);font-size:25px;line-height:1}.chapter{color:#95a2b1;letter-spacing:2.3px;align-items:center;gap:16px;font-size:9px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.chapter .line{background:#65748580;width:28px;height:1px;display:block}.icon-button{border:1px solid var(--line);color:#a5afba;background:#0b0f1580;border-radius:24px;align-items:center;gap:10px;padding:9px 14px;font-size:10px;display:flex}.sound-icon{font-size:16px}.identity{width:270px;position:absolute;top:22%;left:5.2%}.eyebrow{letter-spacing:2px;color:#9ba9b7;align-items:center;gap:9px;font-size:8px;display:flex}.eyebrow i{background:var(--accent);border-radius:100%;width:4px;height:4px}h1{letter-spacing:-5px;color:#f0f2ed;margin:20px 0 22px;font-family:Instrument Serif,Georgia,serif;font-size:clamp(72px,8.6vw,144px);font-weight:400;line-height:1}h1 span{color:var(--accent)}.subtitle{letter-spacing:-.25px;color:#c6cfd7;font-size:17px;line-height:1.5}.subtitle em{color:#b1bfce;font-family:Instrument Serif,Georgia,serif;font-size:25px;font-weight:400}.identity-rule{background:#c1cfd044;width:34px;height:1px;margin:32px 0 20px}.description{color:var(--muted);font-size:11px;line-height:1.8}.instruments{pointer-events:auto;background:linear-gradient(90deg,#0000,#080b1050);width:188px;position:absolute;top:36%;right:40px}.instrument-heading{letter-spacing:1.3px;color:#9ea9b5;border-bottom:1px solid var(--line);justify-content:space-between;margin-bottom:23px;padding-bottom:16px;font-size:8px;display:flex}.instrument-heading span:last-child{color:#65727e;font-size:8px}label{color:#b3bfcb;justify-content:space-between;align-items:center;margin:16px 0 12px;font-size:10px;display:flex}output{color:#7e8b9a;font-variant-numeric:tabular-nums;font-size:9px}input[type=range]{appearance:none;cursor:pointer;width:100%;height:3px;accent-color:var(--accent);background:#3a424d;border-radius:2px;margin:0 0 21px;display:block}input[type=range]::-webkit-slider-thumb{appearance:none;background:#d7e9bd;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #0b1118}input[type=range]::-moz-range-thumb{background:#d7e9bd;border:0;border-radius:50%;width:8px;height:8px}.surface{justify-content:space-between;align-items:center;margin-top:25px;display:flex}.surface>span{color:#768594;letter-spacing:1.4px;font-size:8px}.chips{gap:5px;display:flex}.chips button{color:#7e8b99;border:1px solid #8fa4be22;border-radius:3px;padding:7px 10px;font-size:9px}.chips button[aria-pressed=true]{color:var(--accent);background:#d7e9bd0c;border-color:#d7e9bd55}.readout{border-top:1px solid var(--line);color:#7f8fa0;font-variant-numeric:tabular-nums;align-items:center;gap:8px;margin-top:23px;padding-top:20px;font-size:8px;display:flex}.live-dot{background:#a8bfbd;border-radius:50%;width:4px;height:4px;box-shadow:0 0 8px #a8bfbd50}#count{letter-spacing:2px;color:#b4c2d2;margin-left:auto;font-size:9px}.stage-label{text-align:center;color:#657180;letter-spacing:2px;opacity:.72;flex-direction:column;gap:7px;font-size:7px;display:flex;position:absolute;bottom:23%;left:51%;transform:translate(-50%)}.stage-label span:first-child{color:#a3b2c2}footer{justify-content:space-between;align-items:center;display:flex;position:absolute;inset:auto 40px 62px}.instructions{color:#b8c1ca;align-items:center;gap:13px;font-size:10px;display:flex}.gesture{color:#6b7f92;font-family:Georgia,serif;font-size:24px}.instructions div>span{color:#667786;margin-top:6px;font-size:9px;display:block}.actions{align-items:center;gap:9px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.primary{color:#1c2819;white-space:nowrap;background:#d7e9bd;border:1px solid #daedbb99;border-radius:32px;align-items:center;gap:15px;padding:16px 24px;font-size:11px;display:flex;box-shadow:0 0 30px #d5edab08}.primary>span{font-size:20px;line-height:10px}.primary kbd{color:#56674b;border-left:1px solid #25391d22;padding-left:14px;font:12px DM Sans,sans-serif}.primary:hover{background:#e8f5d4;transform:translateY(-1px)}.secondary{color:#a9baca;background:#0c131b80;border:1px solid #899aae2a;border-radius:50%;width:43px;height:43px;font-size:17px}.secondary:hover{border-color:#899aae77}.reset{color:#8f9ca9;font-size:9px}.reset span{margin-left:10px;font-size:15px}.fineprint{color:#455364;letter-spacing:1px;border-top:1px solid #ffffff0c;justify-content:space-between;padding-top:12px;font-size:7px;display:flex;position:absolute;bottom:22px;left:40px;right:40px}.fineprint a{pointer-events:auto}.fineprint span{letter-spacing:1.6px}#loading{text-align:center;letter-spacing:1px;color:#9daebb;z-index:5;background:#080b10;place-content:center;font-size:11px;display:grid;position:fixed;inset:0}#loading[hidden]{display:none}.loading-orbit{border:1px solid #647c8f44;border-top-color:#d7e9bd;border-radius:50%;width:28px;height:28px;margin:0 auto 20px;animation:1.7s linear infinite spin}#error{z-index:6;background:#0e1521;border:1px solid #647c8f44;max-width:450px;padding:24px;font-size:14px;line-height:1.7;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#notice{color:#d7e9bd;text-align:center;font-size:11px;position:absolute;bottom:126px;left:50%;transform:translate(-50%)}.ready .identity{animation:1.3s both enter}.preview #app{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=1000px){.identity{width:215px;top:18%;left:32px}.instruments{width:150px;top:33%;right:28px}.identity h1{font-size:90px}.description{display:none}.identity-rule{margin-top:23px}.instructions{max-width:150px}.instructions div>span{line-height:1.7}.primary{padding:14px 18px}.primary kbd{display:none}.stage-label{bottom:22%}}@media (width<=650px){header{inset:20px 22px auto}.brand{letter-spacing:1.8px;gap:8px;font-size:8px}.brand-icon{font-size:20px}.chapter{display:none}.icon-button{padding:7px 10px;font-size:9px}.identity{pointer-events:none;width:auto;top:95px;left:24px}.eyebrow{letter-spacing:1.8px;font-size:6px}.identity h1{letter-spacing:-2px;margin:12px 0 10px;font-size:70px}.subtitle{margin:0;font-size:12px;line-height:1.35}.subtitle br{display:none}.subtitle em{margin-left:4px;font-size:17px}.identity-rule{display:none}.instruments{background:0 0;grid-template-columns:repeat(3,1fr);align-items:center;column-gap:20px;width:auto;display:grid;inset:auto 24px 133px}.instrument-heading,.readout{display:none}.instruments .surface{grid-area:3/1/auto/-1;justify-content:center;gap:15px;margin-top:17px;display:flex}.surface .chips button{padding:5px 10px}.instruments label{grid-row:1;margin:0 0 10px;font-size:9px}.instruments input{grid-row:2;margin:0}.stage-label{font-size:6px;bottom:30%;left:50%}footer{justify-content:center;inset:auto 22px 66px}.instructions,.reset{display:none}.actions{gap:10px;position:static;transform:none}.primary{padding:13px 22px;font-size:11px}.secondary{width:39px;height:39px}.fineprint{font-size:6px;bottom:21px;left:22px;right:22px}.fineprint span{letter-spacing:1px;font-size:5px}#notice{width:90%;bottom:180px}#app:before{background:linear-gradient(#080b1030,#0000 32% 62%,#080b1060)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.playback{margin-top:14px}@media (width<=650px){.instruments{bottom:133px}.instruments .surface{grid-column:1/3;justify-content:flex-start;gap:8px;margin-top:14px}.instruments .surface.playback{grid-area:3/3;justify-content:flex-end}.playback>span{display:none}.surface .chips{gap:4px}.surface .chips button{padding:5px 7px;font-size:8px}}@media (width>=651px){.stage-label{bottom:17.5%}}