:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;font-synthesis:none;background:#000;color:#e7e7e9;--muted:#96969e;--line:#29292e}*{box-sizing:border-box}body{margin:0;min-width:280px}a{color:inherit;text-decoration:none}a:hover{color:#fff}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:1px solid #c9b4ff;outline-offset:7px}button:disabled{cursor:default}header{display:flex;justify-content:space-between;align-items:center;padding:30px 44px;gap:24px;min-height:96px}.brand{display:flex;align-items:center;gap:15px;min-height:44px}.brand img{width:30px;height:30px;object-fit:contain}.wordmark{text-transform:uppercase;font-size:12px;letter-spacing:.26em;font-weight:400}nav{display:flex;gap:30px;align-items:center;font-size:14px;color:#b3b3ba}nav a{padding:14px 0}nav a[aria-current=page]{color:#fff}nav .app-link{border-bottom:1px solid #777;padding-bottom:7px}.skip{position:fixed;top:-80px;left:20px;background:#111;padding:12px;z-index:10}.skip:focus{top:12px}.home{min-height:calc(100svh - 184px);display:flex;align-items:center;justify-content:center;text-align:center}.receiver{display:flex;flex-direction:column;align-items:center;width:100%;padding:22px 20px 36px}.artwork{width:clamp(230px,37vw,390px);aspect-ratio:620/660;position:relative;margin:0 0 26px}.artwork canvas,.grid-fallback{width:100%;height:100%;display:block}.grid-fallback{position:absolute;inset:0;object-fit:fill}.artwork canvas{position:relative}.tagline{font-size:14px;font-weight:400;letter-spacing:.085em;color:#b4b4bc;margin:0}.demo{margin-top:26px;min-height:66px}.listen{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:104px;min-height:44px;background:none;border:1px solid #3b3b42;border-radius:30px;font-size:14px;padding:10px 20px}.listen:not(:disabled):hover{border-color:#aaa}.listen:disabled{color:#85858e;border-color:#29292f}.play-icon{font-size:12px}.demo-status{font-size:12px;color:var(--muted);margin:13px 0 0;min-height:18px}.footer{min-height:88px;padding:18px 44px 26px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px;color:var(--muted)}.motion{width:44px;height:44px;display:grid;place-items:center;border:1px solid #29292f;border-radius:50%;background:none;font-size:13px}.motion:hover{border-color:#777}.document{max-width:660px;margin:72px auto 110px;padding:0 28px;min-height:calc(100svh - 400px)}.eyebrow{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:25px}h1{font-size:36px;letter-spacing:-.035em;font-weight:400;margin:0 0 32px;line-height:1.2}.document p{font-size:16px;line-height:1.8;color:#babac2}.document h2{font-size:18px;font-weight:400;color:#eee;margin:35px 0 10px}.document a{border-bottom:1px solid #696971;padding-bottom:3px}.document .meta{font-size:12px;color:var(--muted)}.document .draft{border-left:1px solid #706277;padding-left:15px;font-size:14px}.store{display:inline-flex;min-height:52px;align-items:center;padding:14px 22px;margin-top:22px;border:1px solid #45454e!important;border-radius:5px;font-size:14px;color:#e5e5eb}.store.pending{color:#a5a5af}.app-art{width:80px;height:80px;object-fit:contain;margin:6px 0 38px}.no-js{color:#aaa;font-size:12px;text-align:center}.document .contact{color:#e3e3e8} @media(max-width:600px){header{padding:18px 22px;min-height:86px;gap:12px}.brand{gap:9px}.wordmark{font-size:10px;letter-spacing:.15em}.brand img{width:25px;height:25px}nav{gap:17px;font-size:12px}.home{min-height:calc(100svh - 168px)}.artwork{width:min(76vw,330px);margin-bottom:27px}.receiver{padding:12px 20px 20px}.footer{padding:15px 22px 23px;gap:14px;min-height:82px;font-size:12px}.footer .credit{max-width:220px;line-height:1.7}.document{margin:48px auto 75px;padding:0 25px}h1{font-size:32px}.tagline{font-size:13px}.demo{margin-top:23px}nav .support-nav{display:none}}@media(max-width:360px){header{padding:16px}.wordmark{font-size:9px}nav{gap:13px}.footer{padding-left:16px;padding-right:16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
[hidden]{display:none!important}
.receiver:focus-visible{outline:1px solid #86799f;outline-offset:-6px}.artwork{touch-action:pan-y}.symbols{height:34px;display:flex;justify-content:center;align-items:center;gap:25px;margin:-10px 0 24px}.symbols img{width:30px;height:30px;object-fit:contain;opacity:.82}.transport{display:flex;align-items:center;gap:25px;margin-top:24px}.transport .listen{width:54px;height:48px;min-width:0;padding:8px;border-color:#3b3b42}.step{width:44px;height:44px;background:none;border:0;font-size:27px;font-weight:200;color:#a9a9b1}.step:disabled{opacity:.22}.step:hover:not(:disabled){color:#fff}.player-status{font-size:12px;line-height:1.5;color:var(--muted);min-height:18px;margin:16px 0 0}.explanation{max-width:540px;line-height:1.8;white-space:pre-line;color:#babac2}.support-form{display:flex;flex-direction:column;gap:12px;position:relative}.support-form label{font-size:14px;color:#babac2}.support-form input,.support-form textarea{font:inherit;font-size:16px;line-height:1.6;color:#eee;border:1px solid #3c3c43;background:#070708;border-radius:3px;padding:12px;max-width:100%}.support-form textarea{resize:vertical;margin-bottom:8px}.support-form :focus-visible{outline:1px solid #c9b4ff;outline-offset:3px}.support-form button{align-self:flex-start}.support-form .form-status{font-size:14px;margin:0}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.support-form .meta{margin-top:0}.receiver audio{display:none}@media(max-width:600px){.symbols{margin-bottom:20px}.transport{margin-top:22px}.receiver{padding-bottom:20px}}@media(max-height:760px) and (max-width:600px){.artwork{width:min(66vw,275px);margin-bottom:18px}.symbols{margin-bottom:17px}.transport{margin-top:18px}}

.hero-secondary{font-size:13px;font-weight:400;letter-spacing:.085em;color:var(--muted);margin:10px 0 0}.credit a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:#555}