:root{color-scheme:dark;--phi:1.618033989;--paper:#010711;--ink:#e4edf5;--quiet:#90a2b7;--line:#263240;--acid:#a0d1fa;--space-blue:#7ab8e8}
html,body{background:#010711}body{color:#e4edf5}
:focus{outline:none}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{color:#fff}
button,input,select,summary{-webkit-tap-highlight-color:transparent}
button,input,select{font:inherit}button{color:inherit;cursor:pointer}
.orbit-page{position:relative;overflow-x:hidden}
.orbit{position:relative;min-height:760px;height:100svh;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 75% 20%,#13273f,transparent 46%),#010711}
.universe{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.orbit::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#010711 0%,#01071130 22%,transparent 48%)}
.orbit-header{position:absolute;inset:34px 42px auto;display:flex;justify-content:space-between;align-items:center;gap:21px}
.orbit-header h1{width:190px;line-height:0}.orbit-header img{width:100%;height:auto;opacity:.93}
.orbit-id{display:flex;align-items:center;gap:13px;font-size:11px;letter-spacing:.18em;color:#c5d3e1}.orbit-edition{color:#738599}
.status-dot{width:4px;height:4px;border-radius:50%;background:#add7f8;box-shadow:0 0 9px #a1d8ff66}

.instrument{--surface:#191b1e;--surface-recessed:#0c0d0f;--console-ink:#ecece8;--console-quiet:#a4a6a8;position:absolute;z-index:1;bottom:clamp(78px,8vh,110px);left:50%;width:min(960px,calc(100% - 84px));transform:translateX(-50%) perspective(1600px) rotateX(3deg);transform-origin:50% 70%;padding:21px 21px 0;border:0;border-radius:6px;background:var(--surface);color:var(--console-ink);box-shadow:0 1px 0 #ffffff15 inset,0 5px 0 #090a0c,0 7px 0 #34373a,0 24px 52px #0008;user-select:none;-webkit-user-select:none}
.instrument-top{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:21px;padding:0 5px 13px}
.control-label{display:flex;justify-content:space-between;gap:13px;color:var(--console-quiet);font-size:10px;line-height:1;letter-spacing:.1em}.control-label span{color:var(--console-quiet);font-variant-numeric:tabular-nums;font-size:10px}
.patch-selector{display:flex;align-items:center;gap:8px;margin-top:5px;min-width:0}.patch-selector button{font-size:26px;width:32px;min-width:24px;min-height:44px;background:none;border:0;color:var(--console-quiet)}.patch-selector button:first-child{margin-left:-10px}
.patch-selector select{font-size:24px;letter-spacing:0;width:100%;min-width:0;background:transparent;border:0;border-radius:0;color:var(--console-ink);appearance:none;cursor:pointer;padding:8px 0}.patch-selector option{background:var(--surface-recessed);color:var(--console-ink)}
.signal-display{text-align:center;color:#d3d4ce;font-size:9px;letter-spacing:.1em;overflow:hidden;background:#08090a;padding:13px;border-radius:2px;box-shadow:0 1px 0 #ffffff0a}.signal-display svg{width:100%;height:36px;display:block}.signal-display path{fill:none;stroke:#d3d4ce;stroke-width:1.4;opacity:1}
.mix-controls{display:flex;gap:21px;justify-content:flex-end}.mix-controls label{width:80px;display:flex;flex-direction:column;gap:9px}
.mix-controls input{width:100%;height:28px;margin:0;appearance:none;background:transparent;cursor:pointer;touch-action:pan-y}.mix-controls input::-webkit-slider-runnable-track{height:2px;background:#42576c}.mix-controls input::-webkit-slider-thumb{appearance:none;width:10px;height:16px;background:#bdd0df;border:1px solid #e6eff5;border-radius:2px;margin-top:-7px;box-shadow:0 2px 5px #0009}.mix-controls input::-moz-range-track{height:2px;background:#42576c}.mix-controls input::-moz-range-thumb{width:10px;height:16px;background:#bdd0df;border:0;border-radius:2px}
.keybed{--white-keys:15;position:relative;width:100%;height:auto;aspect-ratio:calc(var(--phi)*var(--phi)*var(--phi));min-height:112px;padding:0;border:4px solid #0b0c0e;border-bottom:6px solid #0b0c0e;border-radius:3px;background:#0b0c0e;touch-action:none}
.piano-key{position:absolute;top:0;left:calc(var(--key-position)*100%/var(--white-keys));padding:0;border:0;touch-action:none;transition:transform 65ms,background 80ms;will-change:transform}
.piano-key:focus{outline:none}.piano-key:focus-visible{filter:brightness(1.18)}
.white-key{width:calc(100%/var(--white-keys) - 2px);height:100%;background:#dddeda;border-radius:2px 2px 4px 4px;box-shadow:inset 0 -4px 0 #b6b8b4,0 1px 0 #fafaf333 inset;color:#585b5c;transform-origin:50% 0}
.black-key{z-index:2;width:calc(100%/var(--white-keys)/var(--phi));height:calc(100%/var(--phi));background:#24272a;border-radius:1px 1px 3px 3px;box-shadow:inset 0 -5px 0 #111315,0 1px 0 #ffffff18 inset,0 3px 2px #0005;color:#afb2b3;transform-origin:50% 0}
.key-letter{position:absolute;bottom:15px;left:0;right:0;text-align:center;font-size:9px;pointer-events:none;font-family:D-DIN,sans-serif}.black-key .key-letter{bottom:14px;font-size:8px}
.white-key.is-playing{transform:rotateX(-3deg) translateY(3px);background:#f6f7f1;box-shadow:inset 0 -2px 0 #b6b8b4}
.black-key.is-playing{transform:rotateX(-5deg) translateY(3px);background:#626767;box-shadow:inset 0 -2px 0 #212425}
.instrument-bottom{display:flex;align-items:center;justify-content:space-between;gap:13px;min-height:46px;font-size:10px;letter-spacing:.08em;color:var(--console-quiet)}
.octave-controls{display:flex;align-items:center;gap:5px}.octave-controls>span{font-size:8px;margin-right:5px}.octave-controls button,#sustain{background:none;border:0;min-width:32px;min-height:44px;padding:0;color:var(--console-ink)}.octave-controls button{font-size:17px}.octave-controls button:disabled{opacity:.3;cursor:default}.octave-controls output{min-width:8px;text-align:center}

#sustain{display:flex;gap:10px;align-items:center;font-size:8px;letter-spacing:.13em}.switch-dot{width:5px;height:5px;border:0;background:#54585a;border-radius:50%}#sustain[aria-pressed="true"] .switch-dot{background:#ecece8;box-shadow:none}
.instrument-status{margin:13px 13px 21px;text-align:center;font-size:12px;line-height:1.6;overflow-wrap:anywhere;color:var(--console-ink);pointer-events:none}.instrument-status:empty{display:none}.no-script{position:absolute;bottom:90px;left:0;right:0;text-align:center;font-size:14px}
.orbit-page .site-footer{position:absolute;bottom:max(13px,env(safe-area-inset-bottom));left:42px;right:42px;z-index:3;width:auto;margin:0;border:0;padding:0;min-height:0;display:flex;justify-content:flex-end}.site-footer nav{gap:21px}.site-footer nav a{color:#8c9cae;font-size:11px;padding:9px 0}
.legal-main,.legal-copy{color:#d4dfeb}.legal-copy h2{color:#f2f6fa}.legal-copy a,.back-link{color:#b5d4eb}.back-link img{filter:invert(1)}.site-footer{border-color:#233145;color:#91a3b6}
[data-renderer="fallback"] .universe{display:none}
@media(max-width:1024px){.orbit-header{inset:27px 27px auto}.instrument{width:calc(100% - 68px);bottom:90px}.orbit-page .site-footer{left:27px;right:27px}.site-footer{justify-content:flex-end}.site-footer nav{margin-left:auto}}
@media(max-width:600px){
.orbit{min-height:780px}.orbit-header{inset:26px 21px auto}.orbit-header h1{width:146px}.orbit-id{font-size:9px;gap:8px}.orbit-edition{display:none}

.instrument{width:calc(100% - 30px);bottom:80px;padding:13px 10px 0;transform:translateX(-50%) perspective(1000px) rotateX(3deg);border-radius:7px}
.instrument-top{grid-template-columns:1fr 1fr;gap:13px;padding:0 5px 9px}.signal-display{display:none}.control-label{font-size:8px}.control-label span{font-size:7px}
.patch-selector{gap:3px}.patch-selector select{font-size:21px}.patch-selector button{font-size:24px;width:26px}.mix-controls{gap:13px}.mix-controls label{width:38px}.mix-controls input{height:30px}.mix-controls input::-webkit-slider-thumb{width:12px;height:18px;margin-top:-8px}
.keybed{--white-keys:8;aspect-ratio:calc(var(--phi)*var(--phi));border-width:3px;border-bottom-width:5px}.extended-key{display:none}.key-letter{display:none}
.instrument-bottom{gap:5px;min-height:47px}.octave-controls{gap:2px}.octave-controls>span{font-size:7px}.octave-controls button{min-width:27px}#sustain{font-size:7px;gap:6px}
.orbit-page .site-footer{left:21px;right:21px}.site-footer nav a{font-size:11px}.instrument-status{font-size:11px}
}
@media(max-height:600px) and (min-width:601px){.orbit{min-height:400px}.orbit-header{inset:18px 27px auto}.instrument{bottom:61px;width:min(720px,calc(100% - 110px));padding-top:10px}.instrument-top{padding-bottom:5px}.orbit-page .site-footer{bottom:6px}}
@media(prefers-reduced-motion:reduce){.piano-key{transition:none}}
.band-transport{display:flex;align-items:center;gap:13px;min-height:48px;padding:0 4px 17px;color:var(--console-ink);font-size:10px;letter-spacing:.07em}
.band-transport button,.band-transport select,.band-transport input,.take-controls button,.instrument-menu summary{border:0;background:transparent;color:inherit;font:inherit;min-height:44px;padding:8px;cursor:pointer;border-radius:5px}
.band-transport button:hover,.track-select:hover,.take-controls button:hover,.instrument-menu summary:hover{background:#ffffff0b;color:#fff}
.transport-actions{display:flex;gap:8px}.transport-actions button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:76px;white-space:nowrap;background:#dddeda;color:#181a1c;letter-spacing:.07em;box-shadow:0 2px 0 #969a96}.transport-icon{width:13px;height:13px;fill:currentColor;flex-shrink:0}.stop-shape,.is-running .play-shape{display:none}.is-running .stop-shape{display:block}#record-loop{background:#2e3033;color:#ecece8;box-shadow:0 2px 0 #0b0c0d}#record-loop i{display:block;width:7px;height:7px;background:#e75743;border-radius:50%}#record-loop[aria-pressed="true"]{background:#9e342a;color:#fff}#record-loop[aria-pressed="true"] i{background:#ffc1c7}
.loop-readout{min-width:110px;flex:1;color:#dedfd8;font-variant-numeric:tabular-nums;background:#0c0d0f;padding:10px 12px;border-radius:2px}.loop-readout output{font-size:13px;letter-spacing:.18em}#loop-progress{--progress:0;height:3px;margin-top:6px;display:flex;gap:3px;position:relative;overflow:hidden}#loop-progress i{flex:1;background:#373b3d}#loop-progress:after{content:"";position:absolute;inset:0 auto 0 0;width:calc(var(--progress)*100%);background:#e5e7df}.is-recording #loop-progress:after{background:#d59b9a}
.tempo-control,.length-control{display:flex;align-items:center;gap:0;color:#cccecc;background:#111315;border-radius:3px}.band-transport .tempo-control input,.band-transport .length-control input{width:48px;appearance:textfield;text-align:right;padding:7px 5px;font-size:16px;letter-spacing:0;cursor:text}.tempo-control input::-webkit-inner-spin-button,.length-control input::-webkit-inner-spin-button{appearance:none}.tempo-control span,.length-control span{font-size:8px;padding-right:8px}.band-transport .length-control input{width:32px}
.band-tracks{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:0 0 20px}
.band-track{position:relative;border-radius:4px;background:#101214;transition:background .16s,transform .1s;box-shadow:0 2px 0 #08090a}.band-track.selected{background:#d8dad5}.band-track.is-sounding{background:#373c3d}.band-track.muted{opacity:.45}
.track-select{width:100%;height:68px;text-align:left;padding:11px 10px 8px;border:0;background:transparent;border-radius:4px;color:#dfe1dd;position:relative}.track-select span{display:block;font-size:14px;line-height:1.1}.track-select small{display:block;font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:#a0a6a5;margin-top:5px}.track-select svg{display:block;width:100%;height:12px;margin-top:7px;fill:currentColor;opacity:.9}
.take-controls{display:flex;gap:8px;align-items:center}.take-controls button{font-size:10px;letter-spacing:.07em;color:var(--console-quiet);min-width:44px}button:disabled,select:disabled,input:disabled{opacity:.38;cursor:default}.track-select:disabled{opacity:.85}
.instrument-menu{position:relative;z-index:5}.instrument-menu summary{list-style:none;display:flex;align-items:center;justify-content:center;font-size:9px;letter-spacing:.1em}.instrument-menu summary::-webkit-details-marker{display:none}.instrument-menu[open] summary{background:#333639}.session-actions,.settings-panel{position:absolute;right:0;bottom:calc(100% + 12px);width:200px;display:grid;padding:10px;background:#272a2d;border-radius:5px;box-shadow:0 14px 45px #0009;max-height:min(440px,calc(100svh - 130px));overflow:auto}.session-actions button{font-size:15px;text-align:left;min-height:44px;letter-spacing:0}.session-actions>span{font-size:8px;color:#839aad;padding:8px;letter-spacing:.12em}#clear-session{margin-top:8px;background:#3d2b36;color:#f0bec5}#clear-session:disabled{background:transparent}
.settings-panel{width:min(286px,calc(100vw - 68px));padding:18px;gap:8px;font-size:14px;letter-spacing:0;color:#e0ebf4}.settings-heading{color:#8ca7bc;font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding-bottom:3px}.band-transport .setting-toggle{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;font-size:14px;background:#0b1622;gap:16px;text-align:left}.setting-state{font-size:10px;letter-spacing:.1em;color:#859aad}.setting-toggle[aria-pressed="true"] .setting-state{color:#bee5ff}.correction-settings{display:grid;gap:6px;padding:2px 10px}.correction-settings label,.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px}.correction-settings label:last-child{display:grid;gap:3px;padding-bottom:4px}.correction-settings label>span{display:flex;justify-content:space-between;gap:12px}.settings-panel output{font-size:12px;color:#a6cce9;font-variant-numeric:tabular-nums}.band-transport .settings-panel select{appearance:none;width:100%;min-width:0;padding:7px 34px 7px 10px;font-size:16px;background:#0b1622 url("/assets/icons/select-arrow.svg") no-repeat right 12px center;background-size:10px 10px;color:#e1effb}.band-transport .settings-panel input[type="range"]{accent-color:#9ec8e8;width:100%;padding:0;min-height:28px}.settings-note{font-size:11px;line-height:1.5;letter-spacing:0;color:#a0b4c5;margin:0 10px 5px}.setting-row{padding:0;display:grid;grid-template-columns:58px minmax(0,1fr);gap:8px}.correction-settings{padding-inline:0}.correction-settings label:first-child{display:grid;grid-template-columns:58px minmax(0,1fr);gap:8px}
.orbit:has(.instrument-menu[open]){z-index:4}
.instrument-menu.opens-below .settings-panel,.instrument-menu.opens-below .session-actions{top:calc(100% + 12px);bottom:auto}
@media(max-width:760px){.band-transport{gap:8px}.band-tracks{gap:4px}.track-select{padding:10px 6px}.track-select span{font-size:12px}.loop-readout{min-width:55px}.transport-actions button{min-width:64px}.take-controls{gap:2px}.mix-controls{gap:13px}.instrument-menu summary{padding:8px 5px;font-size:8px}}
@media(max-width:600px){.band-transport{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px 7px;padding:0 3px 13px}.transport-actions{grid-column:1/4;gap:8px}.transport-actions button{min-width:78px;font-size:11px}.loop-readout{grid-column:4;min-width:0;text-align:right}.loop-readout output{font-size:12px;letter-spacing:.1em}.tempo-control,.length-control{justify-content:center}.instrument-menu summary{font-size:9px;padding:8px 3px}.settings-panel{right:-60px}.band-tracks{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px;gap:5px}.track-select{height:66px;padding:9px 7px}.track-select span{font-size:12px}.track-select small{font-size:8px;margin-top:5px}.track-select svg{height:9px;margin-top:6px}.instrument-bottom{flex-wrap:wrap;gap:0}.octave-controls{order:0}.take-controls{order:1}.take-controls button{min-height:44px;padding:6px;font-size:8px}#sustain{order:2}.instrument-top{gap:8px}.mix-controls{gap:8px}.mix-controls label{width:35px}.patch-selector select{font-size:19px}}
@media(max-height:650px) and (min-width:601px){.orbit{min-height:660px}.instrument{bottom:72px}.orbit-page .site-footer{position:absolute}}
@media(prefers-reduced-motion:reduce){.band-track{transition:none}}

.studio-panel,#instrument-controls{display:flow-root}
.studio-panel[hidden],#instrument-controls[hidden],.transport-state[hidden]{display:none}
.studio-bottom{display:flex;align-items:center;justify-content:space-between;gap:21px;padding:0 6px 13px;margin-bottom:13px;box-shadow:0 1px #ffffff09}.studio-bottom .mix-controls label{width:120px}
.instrument-bar{min-height:44px;display:flex;align-items:center}.instrument-bar button{width:100%;min-height:44px;display:flex;align-items:center;gap:13px;background:transparent;border:0;padding:6px;color:var(--console-ink);border-radius:3px}.instrument-bar #current-sound{font-size:16px;letter-spacing:0}.explore-label{margin-left:auto;font-size:10px;letter-spacing:.1em;color:var(--console-quiet)}.instrument-bar svg{width:12px;height:12px;fill:currentColor}.instrument-bar [aria-expanded="true"] .expand-stroke{display:none}
#studio-toggle{display:flex;align-items:center;gap:10px;background:transparent;color:var(--console-ink);border:0;padding:8px 14px;min-height:44px;font-size:10px;letter-spacing:.08em}#studio-toggle span{font-size:15px}
.instrument-bar button:hover,#studio-toggle:hover,.instrument-bar button:focus-visible,#studio-toggle:focus-visible,.transport-state button:focus-visible{color:#fff}
.instrument-top{grid-template-columns:minmax(180px,1fr) 1fr 1fr}.instrument-bottom{margin-bottom:10px}
.transport-state{display:flex;align-items:center;gap:10px;min-height:40px;margin:0 0 12px;padding:0 12px;background:#173045;border-radius:5px;color:#cae5fa;font-size:12px;letter-spacing:.06em}.recording-light{width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}#recording-status{font-weight:bold}#recording-position{font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.12em}.transport-state button{margin-left:auto;display:flex;gap:7px;align-items:center;min-height:40px;background:transparent;border:0;border-radius:4px;padding:4px 6px;color:inherit;font-size:10px;letter-spacing:.08em}.transport-state svg{width:10px;height:10px;fill:currentColor}
[data-transport="count-in"] .transport-state,[data-transport="waiting"] .transport-state{background:#493b26;color:#ffe0a9}[data-transport="count-in"] #record-loop,[data-transport="waiting"] #record-loop{background:#493b26;color:#ffe0a9}.is-recording .transport-state{background:#873848;color:#fff}.is-recording .recording-light{background:#ffb8bf}.is-recording #record-loop{background:#873848;color:#fff}
@media(max-width:600px){.orbit{min-height:560px}.orbit[data-exploration="studio"]{min-height:860px}.instrument-top{grid-template-columns:minmax(0,1fr) auto}.instrument-bottom{margin-bottom:7px}.instrument-top .mix-controls label{width:45px}.instrument-bar{min-height:40px}.instrument-bar button{min-height:40px}.studio-bottom{margin-bottom:13px;padding-bottom:13px}.studio-bottom .mix-controls label{width:86px}.transport-state{gap:7px;padding-inline:9px;font-size:11px}#recording-position{font-size:9px}#studio-toggle{padding-inline:10px;font-size:8px}.settings-panel{width:min(300px,calc(100vw - 42px));padding:16px}}
@media(max-height:650px) and (min-width:601px){.orbit{min-height:430px}.orbit[data-exploration="sound"]{min-height:550px}.orbit[data-exploration="studio"]{min-height:810px}}

.band-tracks{grid-template-columns:repeat(8,minmax(0,1fr))}
.instrument-bar{justify-content:space-between;gap:21px}
.instrument-bar button{width:auto}
.instrument-bar #instrument-toggle{margin-left:auto}
.quick-sound{position:relative}
.sound-options{position:absolute;z-index:8;left:0;bottom:calc(100% + 21px);width:min(calc(226px*var(--phi)),calc(100vw - 56px));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:44px;gap:8px 13px;padding:13px;background:#272a2d;border-radius:5px;box-shadow:0 14px 45px #0009;transform-origin:bottom left}
.sound-options[hidden],#reroll-mystery[hidden]{display:none}
.sound-options button{min-width:0;font-size:16px;line-height:21px;letter-spacing:0;min-height:44px;padding:8px 13px;text-align:left}
.sound-options button:hover{color:#fff;background:#353a3d}
.sound-options button:focus-visible{color:#fff}
.sound-options button[aria-pressed="true"]{color:#181a1c;background:#dddeda}
#reroll-mystery svg{width:18px;height:18px;fill:currentColor}
@media(max-width:600px){
.orbit,.orbit[data-exploration="studio"]{height:auto;min-height:max(560px,100svh);display:flex;flex-direction:column;padding:89px 0 80px}
.instrument{position:relative;left:auto;bottom:auto;margin:auto 15px 0;transform:perspective(1000px) rotateX(3deg)}
.orbit[data-exploration="studio"] .instrument{margin-top:0}
.band-tracks{grid-template-columns:repeat(4,minmax(0,1fr))}
}

.instrument .mix-controls .dial-control{width:56px;min-width:56px;align-items:center;gap:6px}
.dial-control .control-label{font-size:9px;letter-spacing:.1em}
.dial-face{--dial-angle:0deg;position:relative;width:52px;height:52px;display:block;border-radius:50%;background:#111315;box-shadow:0 1px 0 #ffffff09}
.dial-face::before{content:"";position:absolute;inset:5px;border-radius:50%;background:linear-gradient(145deg,#414548,#2a2d30);box-shadow:0 2px 3px #0008,0 1px 0 #ffffff20 inset;pointer-events:none}
.dial-face::after{content:"";position:absolute;inset:9px 25px 26px;background:linear-gradient(#eff0e9 0 5px,transparent 5px);transform-origin:50% 100%;transform:rotate(var(--dial-angle));pointer-events:none}
.instrument .dial-face input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ns-resize;touch-action:none;margin:0}
.dial-face:has(input:focus-visible)::before,.dial-face:hover::before,.is-adjusting .dial-face::before{background:#4c5153}
.dial-value{font-size:10px;line-height:1;color:#b9bcb8;font-variant-numeric:tabular-nums;letter-spacing:.06em}
.band-track.selected .track-select,.band-track.selected .track-select small{color:#202425}
.band-track.selected .track-select:hover{background:#eeefe92b;color:#090a0b}
.band-track.selected.is-sounding{background:#f3f4ed}
.track-select:active,.transport-actions button:active{transform:translateY(1px)}
.band-track:not(.selected) .track-select:focus-visible{color:#fff}
.instrument .transport-actions button:not(#record-loop):hover,.instrument .transport-actions button:not(#record-loop):focus-visible{background:#f1f2eb;color:#090a0b}
.instrument .settings-panel{color:#ecece8}
.instrument .settings-heading,.instrument .session-actions>span{color:#b5bab8}
.instrument .setting-toggle,.instrument .settings-panel select{background-color:#16191b;color:#ecece8}
.instrument .setting-state,.instrument .settings-note{color:#aeb4b1}
.instrument .setting-toggle[aria-pressed="true"] .setting-state,.instrument .settings-panel output{color:#f0f1ea}
.instrument .settings-panel input[type="range"]{accent-color:#d8dad5}
.orbit[data-transport="playing"] .transport-state{background:#30383b;color:#f0f1eb}
.instrument .mix-controls{gap:21px}
.instrument .studio-bottom .mix-controls .dial-control{width:auto;min-width:0;display:grid;grid-template-columns:auto 52px;column-gap:13px;row-gap:3px}
.studio-bottom .dial-control .control-label{grid-column:1;grid-row:1;align-self:end;justify-content:flex-end}
.studio-bottom .dial-control .dial-value{grid-column:1;grid-row:2;align-self:start;text-align:right}
.studio-bottom .dial-control .dial-face{grid-column:2;grid-row:1/3}
@media(min-width:601px){
.orbit{height:auto;min-height:max(640px,100svh);display:flex;flex-direction:column;padding:100px 42px 90px}
.instrument{position:relative;left:auto;bottom:auto;width:min(960px,100%);margin:auto auto 0;transform:perspective(1600px) rotateX(3deg)}
}
@media(max-width:600px){
.instrument{border-radius:5px;padding:13px 13px 0;transform:perspective(1400px) rotateX(2deg)}
.instrument-top{padding:5px 0 13px;gap:13px}
.instrument .mix-controls{gap:8px}
.instrument .mix-controls .dial-control{width:48px;min-width:48px}
.dial-face{width:48px;height:48px}
.instrument .studio-bottom .mix-controls .dial-control{grid-template-columns:auto 48px}
.dial-face::after{inset:8px 23px 24px}
.studio-bottom{padding-bottom:13px;margin-bottom:8px}
.band-transport{padding:0 0 16px;gap:10px 7px}
.band-tracks{gap:6px;margin-bottom:13px}
.track-select{padding:10px 7px;height:65px}
.track-select small{font-size:8px}
.loop-readout{padding:8px 5px}
.instrument-bar{min-height:44px}
.instrument-bar button{min-height:44px}
.explore-label,#studio-toggle{font-size:9px}
.patch-selector{gap:2px}
.patch-selector button{width:24px;min-width:20px;font-size:22px}
.patch-selector select{font-size:19px}
#reroll-mystery svg{width:16px;height:16px}
}

.cosmic-page{position:relative;isolation:isolate;min-height:100svh}
.page-universe{position:fixed;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}
.cosmic-page::before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,#010711e6,#010711a3 55%,#01071180);pointer-events:none}
.cosmic-page a,.cosmic-page a:hover,.cosmic-page a:focus-visible{color:#e82127;text-decoration:none}
.site-footer a,.site-footer a:hover,.back-link,.back-link:hover{text-decoration:none}
.legal-copy .section-title{color:#e4edf5}