:root{color-scheme:light;--paper: #f6f6f6;--ink: #0f1010;--graphite: #484a4a;--shell-0: #f5f5f5;--shell-1: #ececec;--shell-2: #d4d4d4;--shell-3: #b0b0b0;--key-light: #f4f4f4;--key-mid: #e2e2e0;--key-dark: #2a2a2a;--key-ink: #2c2c2c;--light-x: 28%;--light-y: 22%;--key-lift: inset 1px 1px 0 rgba(255,255,255,.98), inset 2px 2px 0 rgba(255,255,255,.55), inset 3px 4px 6px rgba(255,255,255,.2), inset -1px -1px 0 rgba(0,0,0,.15), inset -2px -2px 1px rgba(0,0,0,.08), inset -5px -7px 12px rgba(255,255,255,.1), inset -4px -6px 10px rgba(0,0,0,.06), -1px -1px 2px rgba(255,255,255,.5), 0 1px 0 rgba(255,255,255,.42), 1px 1px 0 #d0d0ce, 1px 2px 0 #b8b8b6, 2px 3px 0 #a0a09e, 2px 4px 0 #888886, 3px 5px 0 #70706e, 3px 6px 0 rgba(0,0,0,.5), 4px 7px 2px rgba(0,0,0,.26), 5px 10px 6px rgba(0,0,0,.16), 8px 15px 12px rgba(0,0,0,.1), 12px 22px 22px rgba(0,0,0,.06);--key-press: inset 1px 1px 0 rgba(255,255,255,.4), inset 2px 2px 0 rgba(0,0,0,.22), inset 3px 4px 6px rgba(0,0,0,.28), inset 5px 8px 12px rgba(0,0,0,.12), inset -1px -1px 0 rgba(255,255,255,.22), inset -3px -4px 8px rgba(255,255,255,.08), 1px 1px 0 #b0b0ae, 1px 2px 0 #949492, 2px 3px 0 #787876, 2px 4px 0 rgba(0,0,0,.4), 3px 5px 3px rgba(0,0,0,.2), 4px 8px 10px rgba(0,0,0,.1);--key-intrude: inset 1px 1px 0 rgba(0,0,0,.45), inset 2px 2px 0 rgba(0,0,0,.28), inset 3px 3px 0 rgba(0,0,0,.16), inset 4px 6px 8px rgba(0,0,0,.22), inset 8px 12px 16px rgba(0,0,0,.1), inset -1px -1px 0 rgba(255,255,255,.55), inset -2px -2px 0 rgba(255,255,255,.28), inset -5px -7px 12px rgba(255,255,255,.14), 0 1px 0 rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.1), 0 0 0 1px rgba(0,0,0,.08);--key-intrude-press: inset 1px 1px 0 rgba(0,0,0,.5), inset 2px 3px 0 rgba(0,0,0,.32), inset 4px 5px 0 rgba(0,0,0,.18), inset 5px 8px 10px rgba(0,0,0,.26), inset 10px 14px 18px rgba(0,0,0,.12), inset -1px -1px 0 rgba(255,255,255,.4), inset -2px -3px 0 rgba(255,255,255,.2), inset -6px -8px 12px rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.45), 0 0 0 1px rgba(0,0,0,.1);--chassis-lift: inset 1px 1px 0 rgba(255,255,255,.95), inset 2px 2px 0 rgba(255,255,255,.45), inset 3px 4px 8px rgba(255,255,255,.14), inset -1px -1px 0 rgba(0,0,0,.2), inset -2px -2px 0 rgba(0,0,0,.1), inset -6px -8px 14px rgba(0,0,0,.06), -1px -1px 2px rgba(255,255,255,.4), 1px 1px 0 #d2d2d0, 2px 2px 0 #bcbcba, 2px 3px 0 #a6a6a4, 3px 4px 0 #90908e, 3px 5px 0 #7a7a78, 4px 6px 0 #646462, 4px 7px 0 rgba(0,0,0,.5), 5px 9px 3px rgba(0,0,0,.24), 8px 14px 10px rgba(0,0,0,.14), 12px 22px 20px rgba(0,0,0,.09), 20px 36px 36px rgba(0,0,0,.05);--mono: "DM Mono", "Courier New", monospace;--sans: "Inter", Arial, sans-serif}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 50% 35%,#fafafa 0 26%,rgba(250,250,250,.4) 57%,transparent 75%),linear-gradient(115deg,#f3f3f3,#f6f6f6 44%,#f2f2f2);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.1;background:url(./assets/track-xlist.webp) center / cover no-repeat}#app{position:relative;z-index:1}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.player-view{position:relative;z-index:1;isolation:isolate;min-height:100svh;overflow:visible;background:linear-gradient(90deg,transparent 49.96%,rgba(0,0,0,.025) 50%,transparent 50.04%),linear-gradient(to bottom,#f6f6f6 0%,#f6f6f6 48%,rgba(246,246,246,.92) 62%,rgba(250,250,250,.55) 78%,rgba(246,246,246,.18) 90%,transparent 100%)}.player-view:before{content:"";position:absolute;left:0;right:0;bottom:0;height:min(36vh,320px);z-index:0;pointer-events:none;background:linear-gradient(to top,transparent 0%,rgba(255,255,255,.2) 35%,rgba(255,255,255,.45) 70%,rgba(246,246,246,.15) 100%)}.player-view:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.08;pointer-events:none;background-image:repeating-radial-gradient(circle at 20% 30%,rgba(0,0,0,.035) 0 .4px,transparent .7px 2.4px);background-size:3px 3px}.site-header{position:absolute;z-index:8;top:clamp(26px,5.6vh,68px);left:clamp(28px,5.2vw,92px);right:clamp(28px,5.2vw,92px);display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:clamp(28px,6vw,96px)}.header-actions{display:inline-flex;align-items:center;gap:10px;justify-self:end}.brand{display:inline-flex;align-items:center;width:max-content;text-decoration:none;line-height:0}.brand-logo{display:block;height:clamp(18px,2.3vw,32px);width:auto;max-width:min(19vw,153px);object-fit:contain;filter:brightness(0)}.play-star:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#6a6a68,#d0d0ce 42%,#3a3a38 76%);clip-path:polygon(50% 0,58% 39%,100% 50%,58% 59%,50% 100%,42% 59%,0 50%,42% 39%)}.release-meta{display:grid;color:#202222;font:500 clamp(8px,.73vw,12px)/1.26 var(--mono);letter-spacing:-.025em;white-space:nowrap}.listen-link{display:inline-flex;align-items:center;justify-content:center;min-width:132px;min-height:42px;padding:0 24px;border:1px solid #383a3a;border-radius:999px;color:#171818;font:400 11px/1 var(--mono);letter-spacing:.06em;text-decoration:none;transition:color .25s ease,background .25s ease,transform .25s ease}.listen-link:hover,.listen-link:focus-visible{color:#fff;background:#171818;transform:translateY(-2px)}.details-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border:0;border-radius:999px;background:transparent;color:#171818;font:400 11px/1 var(--mono);letter-spacing:.06em;cursor:pointer;opacity:.55;transition:opacity .2s ease,color .2s ease,background .2s ease}.details-link:hover,.details-link:focus-visible{opacity:1;background:#1718180f}.details-overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:clamp(20px,4vw,48px)}.details-overlay[hidden]{display:none}.details-backdrop{position:absolute;inset:0;border:0;padding:0;cursor:pointer;background:radial-gradient(circle at 20% 30%,rgba(0,0,0,.035) 0 .45px,transparent .7px 2.4px),#f6f6f6d1;background-size:3px 3px,auto;backdrop-filter:grayscale(1) contrast(1.05);-webkit-backdrop-filter:grayscale(1) contrast(1.05)}.details-panel{position:relative;z-index:1;width:min(920px,100%);max-height:min(82vh,680px);border:1px solid #2a2a2a;background:linear-gradient(180deg,#fafafaf0,#ececeaf5);box-shadow:0 1px #ffffff8c,0 18px 40px #0000001f;color:#171818;overflow:hidden}.details-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:stretch;min-height:0;max-height:inherit}.details-cover{margin:0;border-right:1px solid rgba(23,24,24,.14);background:#121314;overflow:hidden;min-height:0}.details-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(1) contrast(1.06)}.details-copy{display:flex;flex-direction:column;min-height:0;max-height:min(82vh,680px)}.details-head{position:relative;padding:22px 56px 14px 22px;border-bottom:1px solid rgba(23,24,24,.14);flex:0 0 auto}.details-kicker{margin:0 0 6px;font:500 10px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;opacity:.5}.details-head h2{margin:0;font:500 clamp(28px,4vw,40px)/.95 var(--sans);letter-spacing:-.04em;color:#121314}.details-close{position:absolute;top:16px;right:14px;z-index:2;border:0;padding:8px 10px;background:transparent;color:#171818;font:500 10px/1 var(--mono);letter-spacing:.14em;cursor:pointer;opacity:.45;transition:opacity .2s ease}.details-close:hover,.details-close:focus-visible{opacity:.9}.details-body{padding:18px 22px 10px;overflow:auto;flex:1 1 auto;font:400 clamp(13px,1.3vw,15px)/1.55 var(--sans);color:#2a2a2a}.details-body p{margin:0 0 .95em}.details-body p:last-child{margin-bottom:0}.details-foot{display:flex;justify-content:space-between;gap:12px;padding:14px 22px 18px;border-top:1px solid rgba(23,24,24,.1);font:500 9px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;opacity:.45;flex:0 0 auto}@media(max-width:760px){.details-overlay{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));align-items:end}.details-panel{width:100%;max-width:none;max-height:92vh;max-height:92dvh;border-radius:18px 18px 12px 12px}.details-close{top:12px;right:12px;min-width:44px;min-height:44px;padding:12px 14px}.details-layout{grid-template-columns:1fr;max-height:calc(92vh - 2px);max-height:calc(92dvh - 2px);overflow:auto}.details-cover{border-right:0;border-bottom:1px solid rgba(23,24,24,.14);width:100%;height:min(36vh,calc(100vw - 24px))}.details-copy{max-height:none}}body.is-details-open{overflow:hidden}body.is-details-open .details-overlay{animation:details-in .35s cubic-bezier(.22,.7,.2,1) both}@keyframes details-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){body.is-details-open .details-overlay{animation:none}}.guide{position:absolute;z-index:0;left:clamp(28px,5.2vw,92px);right:clamp(28px,5.2vw,92px);display:grid;grid-template-columns:12px 1fr 12px;align-items:center;gap:14px;color:#636565;font:300 13px/1 var(--mono);pointer-events:none}.guide i{height:1px;background:#34363659}.guide span:last-child{grid-column:3}.guide-top{top:clamp(218px,30.5vh,315px)}.guide-bottom{top:clamp(445px,61vh,630px)}.title-field{position:fixed;z-index:0;left:-3vw;right:auto;bottom:-.18em;overflow:visible;width:max-content;max-width:none;color:#121314;font-size:clamp(150px,29.4vw,570px);font-weight:500;line-height:.72;letter-spacing:-.085em;white-space:nowrap;user-select:none;pointer-events:none;opacity:.88;filter:blur(5px)}.title-field.is-typing:after{content:"";display:inline-block;width:.08em;height:.72em;margin-left:.04em;vertical-align:baseline;background:#1a1a1a;animation:title-caret .7s steps(1,end) infinite}@keyframes title-caret{50%{opacity:0}}.instrument-stage{--design-w: 720px;--design-h: calc(720px / 1.96);--stage-clearance: 160px;--shadow-bleed: 28px;position:absolute;z-index:4;top:50%;left:50%;width:calc(var(--design-w) * var(--stage-scale, 1));height:calc(var(--design-h) * var(--stage-scale, 1));aspect-ratio:auto;max-width:none;padding:6px var(--shadow-bleed) var(--shadow-bleed) 6px;box-sizing:content-box;transform:translate(-50%,-46%);perspective:1800px;overflow:visible;container-type:inline-size;container-name:stage}.visual-slot{--tilt-x: 0deg;--tilt-y: 0deg;--light-x: 28%;--light-y: 22%;--volume: 72;position:absolute;top:6px;left:6px;width:var(--design-w);height:var(--design-h);max-width:none;transform-origin:top left;transform:scale(var(--stage-scale, 1));transform-style:preserve-3d;backface-visibility:visible;zoom:1}.machine-shadow{display:none}.machine{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:24px;overflow:visible;border:0;border-radius:22px;cursor:default;user-select:none;-webkit-user-select:none;caret-color:transparent;-webkit-user-drag:none;background:radial-gradient(ellipse 48% 42% at 22% 18%,rgba(255,255,255,.7) 0%,rgba(255,255,255,.22) 34%,transparent 58%),radial-gradient(ellipse 85% 75% at 28% 22%,rgba(255,255,255,.2) 0%,transparent 70%),radial-gradient(ellipse 60% 50% at 86% 88%,rgba(255,255,255,.14) 0%,transparent 62%),repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 .7px,rgba(0,0,0,.02) .7px 1.4px,transparent 1.4px 2.8px),repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 3px),linear-gradient(145deg,#f3f3f1,#e6e6e4 32%,#d6d6d4 62%,#c4c4c2);box-shadow:var(--chassis-lift);transform:none;contain:layout style}.machine,.machine *{user-select:none!important;-webkit-user-select:none!important;caret-color:transparent!important}.machine:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;background-image:repeating-linear-gradient(92deg,rgba(255,255,255,.07) 0 1px,rgba(0,0,0,.025) 1px 2px,transparent 2px 4px),repeating-radial-gradient(circle at 30% 40%,rgba(0,0,0,.04) 0 .35px,transparent .7px 2.2px);background-size:auto,3px 3px;opacity:.3;pointer-events:none}.machine:after{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;background:linear-gradient(145deg,rgba(255,255,255,.38) 0%,rgba(255,255,255,.12) 28%,transparent 52%,rgba(0,0,0,.04) 78%,rgba(0,0,0,.08) 100%);pointer-events:none;opacity:.9}.machine-highlight{display:none}.machine-deck{position:relative;z-index:3;isolation:isolate;display:grid;grid-template-rows:minmax(0,1fr) auto auto;align-content:stretch;width:max-content;max-width:none;min-width:max-content;height:100%;min-height:0;flex-shrink:0}.machine-top{--gutter: 22px;--pad-gap: 20px;--grill-w: 32px;--pad-size: 84px;--cluster-h: calc(var(--pad-size) * 2 + var(--pad-gap));position:relative;display:grid;grid-template-columns:auto var(--grill-w) auto;gap:var(--gutter);height:auto;min-height:0;width:max-content;max-width:none;min-width:max-content;align-items:center;align-self:center;justify-self:center;flex-shrink:0}.screen{position:relative;z-index:1;width:var(--cluster-h);height:var(--cluster-h);aspect-ratio:auto;min-width:0;justify-self:start;overflow:hidden;border:3px solid #4a4a48;border-radius:5px;background:linear-gradient(180deg,#f7f7f5,#e6e6e4);box-shadow:inset 0 0 0 2px #222,inset 1px 1px #ffffff38,inset -1px -1px #0000008c,inset 0 2px #00000059,inset 0 3px #ffffff1f,inset 0 6px 8px #00000047,inset 0 14px 22px #00000029,inset 0 24px 36px #00000014,inset 0 -2px 6px #ffffff2e,1px 1px #fff6,2px 2px #0003,3px 4px 4px #00000024,5px 8px 12px #00000014,8px 14px 20px #0000000d;box-sizing:border-box;filter:brightness(calc(1 + var(--bass-bloom, 0) * .1)) contrast(calc(1 + var(--bass-bloom, 0) * .06))}.screen:before{content:"";position:absolute;inset:0;z-index:6;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.55) 0%,rgba(255,255,255,.1) 42%,transparent 72%);opacity:calc(var(--bass-bloom, 0) * .35);mix-blend-mode:soft-light}.screen:after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;opacity:.21;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0 1px,transparent 1px 3px),radial-gradient(circle,rgba(30,30,30,.23) 0 .7px,transparent .8px) 0 0 / 4px 4px;mix-blend-mode:multiply}.screen-head{position:absolute;z-index:7;top:9px;left:12px;right:10px;display:flex;justify-content:space-between;align-items:center;padding-bottom:5px;border-bottom:1px dotted rgba(30,32,31,.35);font:400 11px/1 var(--mono);letter-spacing:.05em;white-space:nowrap}#screen-track{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;transform-origin:left center;user-select:none;caret-color:transparent;cursor:default;pointer-events:none}#screen-track.is-swapping{animation:track-title-in .38s cubic-bezier(.2,.75,.2,1)}@keyframes track-title-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.screen-status{display:flex;gap:3px}.screen-status i{width:4px;height:4px;border-radius:50%;background:#232525}.screen-status i:nth-child(2){opacity:.45}.screen-art-wrap{position:absolute;inset:29px 4px 10px;overflow:hidden}.screen-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:grayscale(1) contrast(1.42) brightness(.92);mix-blend-mode:multiply;transform:translateY(0);transform-origin:50% 100%}.screen-art.is-bouncing{animation:art-bounce .7s cubic-bezier(.22,.7,.2,1)}@keyframes art-bounce{0%{transform:translateY(5px);opacity:.7}45%{transform:translateY(-4px);opacity:1}70%{transform:translateY(1px)}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.screen-art.is-bouncing{animation:none}}.screen-aura{position:absolute;inset:8% 13%;border-radius:50%;background:radial-gradient(circle,rgba(0,0,0,.12),transparent 65%);pointer-events:none}.screen-progress{position:absolute;z-index:7;left:11px;right:11px;bottom:8px;height:2px;overflow:hidden;background:#24262533}.screen-progress i{display:block;width:0;height:100%;background:#202222;transition:width .12s linear}.meter{align-self:center;display:flex;align-items:stretch;justify-content:space-between;gap:3px;height:var(--cluster-h);min-height:0;width:100%;padding:0;pointer-events:none;background:none;box-shadow:none}.meter span{--level: .12;position:relative;flex:1;min-width:0;background:linear-gradient(to top,#fff 0% calc(var(--level) * 100%),#4a4a48 calc(var(--level) * 100%) 100%);-webkit-mask-image:repeating-linear-gradient(180deg,#000 0 2px,transparent 2px 5px);mask-image:repeating-linear-gradient(180deg,#000 0 2px,transparent 2px 5px);opacity:calc(.55 + var(--level) * .45)}.track-pads{display:grid;grid-template-columns:repeat(4,minmax(var(--pad-size),var(--pad-size)));grid-template-rows:repeat(2,minmax(var(--pad-size),var(--pad-size)));gap:var(--pad-gap);height:var(--cluster-h);width:calc(var(--pad-size) * 4 + var(--pad-gap) * 3);max-width:none;min-width:calc(var(--pad-size) * 4 + var(--pad-gap) * 3);justify-self:start;align-self:center;padding:0;flex-shrink:0}.track-pad,.round-control,.volume-knob,.play-control{position:relative;z-index:3;border:0;color:var(--key-ink);cursor:pointer;outline:none;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;caret-color:transparent}.track-pad ::selection,.pad-label::selection{background:transparent;color:inherit}.track-pad{box-sizing:border-box;display:grid;place-items:center;width:var(--pad-size);height:var(--pad-size);min-width:var(--pad-size);min-height:var(--pad-size);max-width:var(--pad-size);max-height:var(--pad-size);aspect-ratio:auto;padding:0;border-radius:14px;overflow:visible;background:transparent;box-shadow:none;transition:transform .12s ease;justify-self:stretch;align-self:stretch;flex-shrink:0}.pad-face{position:absolute;z-index:1;inset:0;border-radius:inherit;background:linear-gradient(145deg,#efefef,#e2e2e0 55%,#d4d4d2);box-shadow:var(--key-lift);contain:paint;transform:translate3d(var(--sx, 0px),var(--sy, 0px),0) rotate(var(--sr, 0deg))}.pad-face:before,.pad-face:after{content:"";position:absolute;pointer-events:none;border-radius:inherit}.pad-face:before{inset:1px;border:1px solid rgba(255,255,255,.6);border-top-color:#ffffffd9;border-left-color:#ffffffbf;border-bottom-color:#0000001a;border-right-color:#00000014;box-shadow:inset 1px 1px #ffffff59,inset -1px -1px #0000000f}.pad-face:after{display:block;top:7%;left:10%;right:18%;height:36%;border-radius:40% 45% 55% 40%/55% 50% 45% 45%;background:linear-gradient(165deg,rgba(255,255,255,.7) 0%,rgba(255,255,255,.22) 40%,transparent 78%);opacity:.85}.pad-specular{display:block;position:absolute;z-index:2;top:5%;left:8%;width:46%;height:30%;border-radius:48% 42% 55% 38%;pointer-events:none;background:radial-gradient(ellipse 70% 65% at 38% 32%,rgba(255,255,255,.95) 0%,rgba(255,255,255,.35) 38%,transparent 72%);opacity:.55}.pad-label{position:absolute;z-index:3;inset:0;display:grid;place-items:center;margin:0;font:500 12px/1 var(--mono);color:#2a2a2a;user-select:none;-webkit-user-select:none;pointer-events:none;text-shadow:0 1px 0 rgba(255,255,255,.55),0 2px 3px rgba(255,255,255,.2)}.track-pad:not(:disabled):hover .pad-face{background:linear-gradient(145deg,#f2f2f2,#e6e6e4 55%,#d8d8d6)}.track-pad:not(:disabled):active:not(.is-active){transform:translate(1px,2px)}.track-pad:not(:disabled):active:not(.is-active) .pad-face{box-shadow:var(--key-press)}.track-pad:not(:disabled):active:not(.is-active){box-shadow:0 0 10px #14141447,0 0 22px #00000029}.track-pad.is-active{transform:translate(1px,2px);box-shadow:0 0 0 1px #14141466,0 0 14px #0000006b,0 0 28px #00000047,0 0 46px #00000029}.track-pad.is-active .pad-face{background:linear-gradient(145deg,#4a4a48,#2e2e2c 38%,#1a1a18 72%,#0e0e0c);box-shadow:var(--key-press),inset 0 0 18px #00000059,inset 0 -8px 16px #00000047,inset 0 1px #ffffff1f}.track-pad.is-active .pad-face:after{background:linear-gradient(165deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,.06) 42%,transparent 78%)}.track-pad.is-active .pad-label{color:#f2f2f0;text-shadow:0 1px 0 rgba(0,0,0,.55)}.pad-note{position:absolute;z-index:3;bottom:15px;left:4px;right:4px;text-align:center;font:500 8px/1 var(--mono);letter-spacing:.08em;color:#454645;pointer-events:none}.track-pad .pad-label{padding-bottom:10px}.track-pad.is-active .pad-note{color:#e4e4e2}.track-pad:disabled,.round-control:disabled{cursor:default}.track-pad:disabled .pad-face{background:linear-gradient(145deg,#c3c4c2,#b5b6b4);box-shadow:inset 1px 1px 2px #ffffff59,inset -1px -1px 2px #0000001f,1px 2px 2px #0000002e}.track-pad:disabled .pad-specular,.track-pad:disabled .pad-face:after{opacity:.12}.track-pad:disabled .pad-label,.track-pad:disabled .pad-note{color:#737571;text-shadow:none}.round-control:disabled{opacity:.45}.release-availability{position:absolute;top:100%;left:0;right:0;margin:10px 0 0;text-align:center;font:400 10px/1.4 var(--mono);letter-spacing:.04em;color:#666864}.track-pad:focus-visible,.round-control:focus-visible,.play-control:focus-visible,.volume-knob:focus-visible{outline:2px solid #151616;outline-offset:4px}.machine-rule{position:relative;width:100%;height:1px;margin:18px 0 16px;background:linear-gradient(90deg,#312f2d8c,#312f2d47);box-shadow:0 1px #ffffff8c,0 2px 3px #ffffff26,0 -1px #0000001f,0 3px 6px #0000000f}.transport{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:26px;width:100%;height:auto;min-height:60px}.skip-controls{display:flex;align-items:center;gap:16px}.round-control{width:60px;height:60px;aspect-ratio:auto;border-radius:50%;padding:0;background:transparent;box-shadow:none;transition:transform .14s ease}.round-face{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse 55% 45% at 32% 28%,rgba(255,255,255,.55) 0%,transparent 60%),radial-gradient(ellipse 50% 45% at 78% 78%,rgba(255,255,255,.16) 0%,transparent 55%),linear-gradient(145deg,#efefef,#e2e2e0 55%,#d4d4d2);box-shadow:var(--key-lift);transform:translate3d(var(--sx, 0px),var(--sy, 0px),0) rotate(var(--sr, 0deg))}.round-face:before{content:"";position:absolute;inset:1px;border-radius:inherit;border:1px solid rgba(255,255,255,.55);border-top-color:#fffc;border-left-color:#ffffffb3;border-bottom-color:#00000014;border-right-color:#0000000f;box-shadow:inset 1px 1px #ffffff4d,inset -1px -1px #0000000d;pointer-events:none}.round-face:after{content:"";position:absolute;top:10%;left:14%;width:48%;height:32%;border-radius:50%;background:radial-gradient(ellipse at 40% 35%,rgba(255,255,255,.65),transparent 70%);opacity:.6;pointer-events:none}.round-control:not(:disabled):active{transform:translate(1px,2px) scale(.98)}.round-control:not(:disabled):active .round-face{box-shadow:var(--key-press)}.previous-icon,.next-icon{position:absolute;inset:0;z-index:2}.previous-icon:before,.previous-icon:after,.next-icon:before,.next-icon:after{content:"";position:absolute;top:39%;width:20%;height:22%;background:#2a2a2a;clip-path:polygon(100% 0,0 50%,100% 100%)}.previous-icon:before{left:34%}.previous-icon:after{left:47%}.next-icon{transform:rotate(180deg)}.next-icon:before{left:34%}.next-icon:after{left:47%}.play-control{display:block;width:100%;height:60px;padding:0;border-radius:999px;background:transparent;box-shadow:none;transition:transform .12s ease}.play-face{position:absolute;inset:0;display:grid;grid-template-columns:20% 1fr 20%;align-items:center;justify-items:center;border-radius:inherit;background:radial-gradient(ellipse 48% 42% at 22% 18%,rgba(255,255,255,.35) 0%,transparent 55%),linear-gradient(145deg,#f0f0ee,#e4e4e2 40%,#d8d8d6);box-shadow:inset 0 0 0 1px #0000000f,inset 1px 1px #ffffff59,inset -1px -1px #0000000d;transition:box-shadow .12s ease,background .12s ease}.play-face:before{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(0,0,0,.05);border-top-color:#ffffff40;border-left-color:#fff3;pointer-events:none;opacity:.7}.play-face:after{content:"";position:absolute;inset:0;border-radius:inherit;background:none;opacity:0;pointer-events:none;transition:opacity .12s ease}.play-control:active{transform:none}.play-control:active .play-face,.machine.is-playing .play-face{background:radial-gradient(ellipse 55% 70% at 78% 72%,rgba(255,255,255,.18) 0%,transparent 58%),radial-gradient(ellipse 70% 80% at 22% 18%,rgba(0,0,0,.1) 0%,transparent 55%),linear-gradient(155deg,#d0d0ce,#dcdcd9 42%,#e6e6e4);box-shadow:var(--key-intrude-press)}.play-control:active .play-face:before,.machine.is-playing .play-face:before{inset:2px;border-color:#0000001a;border-top-color:#0003;border-left-color:#00000029;border-bottom-color:#ffffff4d;border-right-color:#ffffff38;opacity:1}.play-control:active .play-face:after,.machine.is-playing .play-face:after{inset:auto 10% 10% 18%;height:38%;background:linear-gradient(0deg,rgba(255,255,255,.35),transparent 75%);opacity:.5}.play-star{position:relative;z-index:2;width:44px;aspect-ratio:1}.pause-mark{position:relative;z-index:2;width:10px;height:14px;border-left:3px solid #2a2a2a;border-right:3px solid #2a2a2a;opacity:.35}.play-mark{position:relative;z-index:2;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid #2a2a2a;opacity:.9}.is-playing .play-star{opacity:.92}.is-playing .pause-mark{opacity:1}.is-playing .play-mark{opacity:.28}.volume-control{position:relative;display:grid;place-items:center;width:96px;align-self:center}.volume-well{display:grid;place-items:center;width:100%;aspect-ratio:1;border-radius:50%;background:radial-gradient(ellipse 70% 65% at 80% 82%,rgba(255,255,255,.28) 0%,transparent 55%),radial-gradient(ellipse 75% 70% at 18% 14%,rgba(0,0,0,.22) 0%,transparent 58%),radial-gradient(circle at 50% 50%,#a8a8a6,#bcbcba 40%,#cbcbc9);box-shadow:inset 1px 1px #0000008c,inset 2px 2px #00000059,inset 3px 3px #0003,inset 4px 5px #0000001f,inset 5px 8px 12px #0000003d,inset 10px 16px 20px #0000001f,inset -1px -1px #ffffffa6,inset -2px -2px #ffffff52,inset -3px -4px #ffffff24,inset -6px -8px 14px #ffffff24,0 1px #fff6,0 0 0 1px #0000001a}.volume-knob{--rotation: 59.4deg;position:relative;width:84%;aspect-ratio:1;border-radius:50%;border:0;padding:0;background:transparent;transform:none;box-shadow:1px 1px #c4c4c2,1px 2px #acaca9,2px 3px #949492,2px 4px #7c7c7a,3px 5px #646462,3px 6px #0000007a,4px 8px 4px #0000003d,6px 12px 10px #00000024,10px 18px 20px #00000014;cursor:ns-resize}.volume-knob:after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;background:linear-gradient(145deg,rgba(255,255,255,.32) 0%,rgba(255,255,255,.08) 32%,transparent 52%,rgba(0,0,0,.08) 78%,rgba(0,0,0,.14) 100%);box-shadow:inset 1px 1px #ffffffb3,inset 2px 2px #ffffff4d,inset 3px 4px 8px #ffffff1a,inset -1px -1px #00000059,inset -2px -2px #0000002e,inset -5px -7px 12px #0000001a}.knob-face{position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;background:repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 0 .6px,rgba(0,0,0,.035) .6px 1.2px,transparent 1.2px 2.4px),conic-gradient(from 20deg,#7d7d7b,#f3f3f1 28deg,#a8a8a6 55deg,#fff 88deg,#8f8f8d 120deg,#e9e9e7,#757573,#f7f7f5,#9c9c9a,#efefed,#81817f 330deg,#7d7d7b 360deg);transform:translate3d(var(--sx, 0px),var(--sy, 0px),0) rotate(calc(var(--rotation) + var(--sr, 0deg)));transition:transform .35s cubic-bezier(.2,.8,.2,1)}.volume-knob.is-scrubbing .knob-face{transition:none;will-change:transform}.machine.is-rattling .knob-face{transition:none}.knob-face:before{content:"";position:absolute;inset:14%;border-radius:50%;background:#0000000a;box-shadow:inset 0 0 0 1px #ffffff2e,inset 1px 1px 2px #0000001f;opacity:.85}.knob-face i{position:absolute;z-index:3;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#2a2a2a;box-shadow:inset 1px 1px #0000008c,inset -1px -1px #ffffff40,1px 1px #fff6,2px 3px 3px #00000047;transform:translateY(calc(96px * -.28));transform-origin:center}.render-layers{position:absolute;inset:0;z-index:10;pointer-events:none}.render-layers img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}[data-renderer=layers] .machine>:not(.render-layers){opacity:0}[data-renderer=layers] .machine{background:transparent;border-color:transparent;box-shadow:none}.proof-footer{position:absolute;z-index:6;left:clamp(28px,5.2vw,92px);right:clamp(28px,5.2vw,92px);bottom:18px;display:flex;justify-content:space-between;color:#1e201f99;font:400 8px/1 var(--mono);letter-spacing:.08em}.intro-view{position:fixed;inset:0;z-index:40;display:grid;place-items:center;width:100%;height:100%;min-height:100svh;min-height:-webkit-fill-available;background:#fff;overflow:hidden;transition:opacity .7s cubic-bezier(.2,.75,.2,1),visibility .7s;contain:layout style paint;isolation:isolate}.intro-view[hidden]{display:none;content-visibility:hidden;pointer-events:none}.intro-view.is-leaving{opacity:0;pointer-events:none}.intro-view.is-entering{pointer-events:none}.intro-view.is-entering .intro-hint,.intro-view.is-entering .intro-skip,.intro-view.is-entering .intro-crosshair,.intro-view.is-entering .intro-hud,.intro-view.is-entering .intro-touch{opacity:0;transition:opacity .25s ease}.intro-hud{position:absolute;z-index:3;top:clamp(18px,3.2vh,28px);left:clamp(18px,3vw,28px);display:grid;grid-template-columns:auto 1fr;gap:11px 14px;align-items:center;pointer-events:none}.intro-hud-glyph{width:36px;height:36px;border-radius:50%;background:#121314;box-shadow:inset 0 1px #ffffff24,inset 0 -3px 6px #00000073,0 1px #ffffff73,0 3px 8px #00000024;display:grid;place-items:center}.intro-hud-star{width:15px;height:15px;background:#f2f2f0;clip-path:polygon(50% 0,58% 39%,100% 50%,58% 59%,50% 100%,42% 59%,0 50%,42% 39%);filter:drop-shadow(0 1px 0 rgba(0,0,0,.35))}.intro-hud-meters{display:flex;flex-direction:column;gap:5px;padding-top:1px;align-items:flex-start}.intro-hud-cubes{display:flex;gap:1px;align-items:center;height:10px}.intro-hud-cubes i{display:block;width:9px;height:9px;border-radius:0;flex:0 0 auto;background:#1213141a;box-shadow:inset 0 0 0 1px #12131447}.intro-hud-cubes i.is-on{background:#121314;box-shadow:none}.intro-whiteout{position:absolute;inset:0;z-index:4;background:#fff;opacity:0;pointer-events:none}.intro-view.is-hovering-machine .intro-canvas{cursor:pointer}.intro-view.is-looking .intro-canvas{cursor:none}.intro-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:crosshair;touch-action:none}.intro-crosshair{position:absolute;z-index:2;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border:1px solid rgba(30,30,30,.45);border-radius:50%;pointer-events:none;opacity:0;transition:opacity .2s ease,border-color .2s ease,background .2s ease}.intro-view.is-looking .intro-crosshair{opacity:.7}.intro-crosshair.is-hot{border-color:#ff501ee6;background:#ff501e40;opacity:1}.intro-hint{position:absolute;z-index:2;left:0;right:0;bottom:clamp(28px,6vh,56px);margin:0;padding:0 16px;text-align:center;color:#1a1a1a;font:500 clamp(10px,1.1vw,13px)/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;opacity:.55;pointer-events:none;transition:opacity .35s ease;transform:none;backface-visibility:hidden}.intro-hint.is-hidden{opacity:0}.intro-skip{position:absolute;z-index:3;top:clamp(18px,3vh,28px);right:clamp(18px,3vw,28px);border:0;padding:8px 10px;background:transparent;color:#222;font:500 10px/1 var(--mono);letter-spacing:.14em;cursor:pointer;opacity:.4;transition:opacity .2s ease}.intro-skip:hover,.intro-skip:focus-visible{opacity:.85}.intro-touch{display:none;position:absolute;z-index:3;left:max(18px,env(safe-area-inset-left));bottom:max(22px,env(safe-area-inset-bottom));width:132px;height:132px;pointer-events:none}.intro-view.is-touch .intro-touch{display:block;pointer-events:auto}.intro-stick{position:absolute;inset:0;border-radius:50%;background:#12131414;box-shadow:inset 0 0 0 1px #12131438,0 1px #ffffff8c;touch-action:none;-webkit-user-select:none;user-select:none}.intro-stick-knob{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:#121314b8;box-shadow:inset 0 1px #ffffff38,0 4px 12px #00000038;pointer-events:none;will-change:transform}.intro-view.is-touch .intro-crosshair{opacity:.55}.intro-view.is-touch .intro-hint{bottom:max(168px,calc(env(safe-area-inset-bottom) + 148px));font-size:clamp(10px,2.8vw,12px);letter-spacing:.1em;padding:0 72px 0 16px}.intro-view.is-touch .intro-skip{top:max(14px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));min-width:52px;min-height:44px;padding:12px 14px;opacity:.55}.intro-view.is-touch .intro-hud{top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left))}body.is-intro .title-field,body.is-intro .player-view{visibility:hidden;content-visibility:hidden;pointer-events:none}body.is-intro{overflow:hidden;overscroll-behavior:none}body.is-intro.is-touch-intro,body.is-intro:has(.intro-view.is-touch){touch-action:none}body.is-player .intro-view{content-visibility:hidden;pointer-events:none}body.is-intro:before{opacity:0}body.is-entering-player{overflow:hidden}body.is-entering-player:before{opacity:0;animation:enter-paper-tex 1.1s cubic-bezier(.22,.7,.2,1) .55s forwards}body.is-entering-player:after{content:"";position:fixed;inset:0;z-index:45;background:#fff;pointer-events:none;animation:enter-white-lift 1.35s cubic-bezier(.22,.7,.2,1) forwards}body.is-entering-player .player-view{animation:none;opacity:1;filter:none}body.is-entering-player .title-field{opacity:0;filter:blur(14px);animation:enter-bg-title 1.15s cubic-bezier(.22,.7,.2,1) .55s forwards}body.is-entering-player .site-header,body.is-entering-player .proof-footer,body.is-entering-player .guide{opacity:0;transform:translateY(10px);animation:enter-chrome .85s cubic-bezier(.22,.7,.2,1) 1.15s forwards}body.is-entering-player .instrument-stage{opacity:0;filter:blur(10px);transform:translate(-50%,calc(-46% + 18px)) scale(.965);animation:enter-machine .85s cubic-bezier(.16,.84,.22,1) 1.2s forwards}body.is-entering-player .player-view:before,body.is-entering-player .player-view:after{opacity:0;animation:enter-frost .9s ease .9s forwards}@keyframes enter-white-lift{0%,18%{opacity:1}to{opacity:0}}@keyframes enter-paper-tex{0%{opacity:0}to{opacity:.1}}@keyframes enter-bg-title{0%{opacity:0;filter:blur(14px);transform:translateY(12px)}to{opacity:.88;filter:blur(5px);transform:translateY(0)}}@keyframes enter-chrome{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes enter-frost{0%{opacity:0}to{opacity:1}}body.is-entering-player .player-view:after{animation-name:enter-frost-dot}@keyframes enter-frost-dot{0%{opacity:0}to{opacity:.08}}@keyframes enter-machine{0%{opacity:0;filter:blur(10px);transform:translate(-50%,calc(-46% + 18px)) scale(.965)}to{opacity:1;filter:blur(0);transform:translate(-50%,-46%) scale(1)}}@media(prefers-reduced-motion:reduce){.intro-view{transition-duration:.01ms}body.is-entering-player:after,body.is-entering-player:before,body.is-entering-player .title-field,body.is-entering-player .site-header,body.is-entering-player .proof-footer,body.is-entering-player .guide,body.is-entering-player .instrument-stage,body.is-entering-player .player-view:before,body.is-entering-player .player-view:after{animation:none!important}body.is-entering-player:after{opacity:0}body.is-entering-player:before{opacity:.1}body.is-entering-player .title-field{opacity:.88;filter:blur(5px)}body.is-entering-player .site-header,body.is-entering-player .proof-footer,body.is-entering-player .guide,body.is-entering-player .instrument-stage{opacity:1;transform:none;filter:none}}@media(max-width:1100px){.title-field{font-size:31vw}.release-meta{display:none}.site-header{grid-template-columns:1fr auto}}@media(max-width:760px),(orientation:landscape)and (max-height:520px){body{overflow-x:hidden;overflow-y:auto;min-height:100vh;min-height:100dvh}.player-view{position:relative;min-height:100vh;min-height:100svh;min-height:100dvh;padding:0;display:block;overflow:visible}.site-header{position:absolute;top:0;left:0;right:0;z-index:8;padding:max(12px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left));gap:10px;align-items:center}.header-actions{gap:8px;flex-wrap:wrap;justify-content:flex-end}.brand-logo{height:clamp(16px,4.8vw,22px);max-width:min(34vw,120px)}.listen-link{min-width:118px;min-height:44px;padding:0 16px;font-size:10px;letter-spacing:.08em}.details-link{min-height:44px;padding:0 14px;font-size:10px;letter-spacing:.06em}.guide{display:none}.title-field{left:-4vw;bottom:max(-.12em,calc(-.06em + env(safe-area-inset-bottom)));font-size:min(42vw,180px);opacity:.55}.instrument-stage{--stage-clearance: 140px;--shadow-bleed: 36px;position:absolute;top:50%;left:50%;width:calc(var(--design-w) * var(--stage-scale, 1));height:calc(var(--design-h) * var(--stage-scale, 1));max-width:none;max-height:none;margin:0;transform:translate(-50%,-46%);flex:none;overflow:visible;perspective:none}.visual-slot{position:absolute;inset:6px auto auto 6px;width:var(--design-w);height:var(--design-h);transform:scale(var(--stage-scale, 1));transform-origin:top left;transform-style:flat;backface-visibility:visible;zoom:1}.machine{-webkit-mask-image:none;isolation:isolate}.proof-footer{position:absolute;left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));margin-top:0;padding:0;font-size:10px;letter-spacing:.1em}.proof-footer span:first-child{display:none}body.is-entering-player .instrument-stage{opacity:0;filter:blur(10px);transform:translate(-50%,calc(-46% + 14px)) scale(.97);animation:enter-machine-phone .85s cubic-bezier(.16,.84,.22,1) 1.2s forwards}}@keyframes enter-machine-phone{0%{opacity:0;filter:blur(10px);transform:translate(-50%,calc(-46% + 14px)) scale(.97)}to{opacity:1;filter:blur(0);transform:translate(-50%,-46%)}}@media(max-width:460px){.brand-logo{height:15px;max-width:96px}.listen-link{min-width:108px;padding:0 12px}.details-link{padding:0 10px}.instrument-stage{--stage-clearance: 130px}}@media(orientation:landscape)and (max-height:520px){.instrument-stage{--stage-clearance: 112px;--shadow-bleed: 28px;transform:translate(-50%,-50%)}.title-field{font-size:22vw;opacity:.35}.site-header{padding-top:max(6px,env(safe-area-inset-top))}.listen-link,.details-link{min-height:36px}.proof-footer{bottom:max(6px,env(safe-area-inset-bottom));font-size:9px}body.is-entering-player .instrument-stage{transform:translate(-50%,calc(-50% + 10px)) scale(.97);animation-name:enter-machine-phone-land}}@keyframes enter-machine-phone-land{0%{opacity:0;filter:blur(10px);transform:translate(-50%,calc(-50% + 10px)) scale(.97)}to{opacity:1;filter:blur(0);transform:translate(-50%,-50%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}