@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;--bg:#0a0118;--surface:#180a29;--surface-raised:#241a30;--surface-soft:#2b2338;--text:#fff;--text-secondary:#c3c4c7;--text-muted:#9b96b0;--violet:#b47cfd;--pink:#ff7fc2;--peach:#ffb07b;--border:#ffffff1c;--border-strong:#fff3;--gradient:linear-gradient(120deg, var(--violet) 20%, var(--pink) 62%, var(--peach) 115%);--shadow:0 22px 70px #00000052;background:#0a0118;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth}body{background:radial-gradient(circle at 72% -8%, #b47cfd24, transparent 32rem), radial-gradient(circle at -5% 38%, #ff7fc214, transparent 30rem), var(--bg);min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;opacity:.18;mix-blend-mode:soft-light;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E");position:fixed;inset:0}button,input,select{font:inherit}button,select,input[type=range]{-webkit-tap-highlight-color:transparent}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--pink);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.42}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100vh;position:relative;overflow:hidden}.ambient{filter:blur(100px);opacity:.12;pointer-events:none;border-radius:50%;width:28rem;height:28rem;position:fixed}.ambient--one{background:var(--violet);top:22rem;right:-12rem}.ambient--two{background:var(--pink);bottom:-16rem;left:10%}.transport{z-index:9;border:1px solid var(--border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#180a29d4;border-radius:1rem;grid-template-columns:auto auto 1fr auto;align-items:center;gap:1rem;width:min(1480px,100% - 2rem);margin:1rem auto 0;padding:.75rem .9rem;display:grid;position:sticky;top:0;box-shadow:0 14px 45px #00000047}.transport__brand,.transport__brand>div,.transport__controls,.transport__meters,.live-status,.transport__meters>span,.hero-kicker,.cycle-display__pulse,.now-playing,.range-heading span,.sound-source,.voice-badge,.effect-controls label>span,.license-note,.mvp-note,.site-footer,.site-footer a{align-items:center;display:flex}.transport__brand{gap:.7rem}.transport__brand>div{flex-direction:column;align-items:flex-start;line-height:1.1}.transport__brand strong{letter-spacing:-.02em;font-size:.95rem}.transport__brand div span{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-top:.18rem;font-size:.65rem}.brand-mark{background:var(--gradient);width:2.25rem;height:2.25rem;box-shadow:inset -12px 0 16px -12px var(--peach), 0 0 24px #b47cfd40;border-radius:.72rem;justify-content:center;align-items:flex-end;gap:2px;padding:.55rem;display:flex}.brand-mark span{background:#fff;border-radius:2px;width:3px}.brand-mark span:first-child{height:50%}.brand-mark span:nth-child(2){height:100%}.brand-mark span:nth-child(3){height:72%}.transport__controls{gap:.45rem}.transport-button{border:1px solid var(--border-strong);min-height:2.35rem;color:var(--text-secondary);cursor:pointer;background:#ffffff09;border-radius:999px;align-items:center;gap:.42rem;padding:0 .85rem;transition:border-color .16s,color .16s,transform .16s;display:inline-flex}.transport-button:not(:disabled):hover{color:#fff;border-color:#ff7fc27a;transform:translateY(-1px)}.transport-button--play{color:#fff;background:var(--gradient);box-shadow:inset -20px 0 18px -16px var(--peach), 0 8px 24px #b47cfd2e;border:0}.transport__meters{color:var(--text-muted);justify-content:flex-end;gap:.85rem;font-size:.75rem}.transport__meters>span{white-space:nowrap;gap:.35rem}.preset-select select{border:1px solid var(--border);max-width:10rem;min-height:2.25rem;color:var(--text-secondary);background:var(--surface-raised);cursor:pointer;border-radius:999px;padding:0 2rem 0 .75rem}.live-status{border:1px solid var(--border);min-height:2rem;color:var(--text-muted);white-space:nowrap;border-radius:999px;gap:.4rem;padding:0 .7rem;font-size:.68rem}.live-status--ready svg{color:#8ee3bd}.live-status--loading svg{color:var(--violet);animation:1s ease-in-out infinite pulse}.live-status--error{color:#ffc0c0;border-color:#ff7f7f40}.console{z-index:1;width:min(1380px,100% - 2rem);margin:0 auto;padding:4.5rem 0 2rem;position:relative}.hero-copy{grid-template-columns:1.25fr .75fr;align-items:end;gap:2rem;margin-bottom:2.7rem;display:grid}.hero-kicker{width:max-content;color:var(--pink);letter-spacing:.11em;text-transform:uppercase;border:1px solid #ff7fc26b;border-radius:999px;gap:.45rem;margin-bottom:1rem;padding:.38rem .7rem;font-size:.68rem;font-weight:600}.hero-copy h1{letter-spacing:-.065em;margin:0;font-size:clamp(2.4rem,6vw,5rem);line-height:.96}.hero-copy h1 span{color:#0000;background:var(--gradient);-webkit-background-clip:text;background-clip:text}.hero-copy>p{max-width:34rem;color:var(--text-muted);margin:0 0 .35rem;font-size:.94rem;line-height:1.72}.cycle-display{border:1px solid var(--border);background:#241a3094;border-radius:.9rem;justify-content:space-between;align-items:center;gap:1rem;min-height:3.65rem;margin-bottom:1rem;padding:.7rem .95rem;display:flex}.cycle-display__pulse{color:var(--text-secondary);gap:.55rem;font-size:.76rem}.cycle-display__pulse svg{color:var(--violet)}.beat-dots{gap:.3rem;margin-left:.35rem;display:flex}.beat-dots span{background:#ffffff1a;border-radius:999px;width:1.7rem;height:.28rem;transition:background .2s,box-shadow .2s}.beat-dots span.is-active{background:var(--gradient);box-shadow:0 0 14px #ff7fc266}.now-playing{flex-wrap:wrap;justify-content:flex-end;gap:.45rem}.now-playing svg{color:var(--pink)}.now-playing span{border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:.28rem .55rem;font-size:.66rem}.parameter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.control-grid{grid-template-columns:1.15fr .85fr;gap:1rem;margin-top:1rem;display:grid}.panel{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(145deg,#2b2338e6,#180a29d1);border-radius:1.05rem;padding:1.15rem;position:relative;overflow:hidden}.panel:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,#ffffff09,#0000 38%);position:absolute;inset:0}.panel__header{z-index:1;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex;position:relative}.panel__header>svg{color:var(--pink)}.panel h2{letter-spacing:-.025em;margin:.15rem 0 0;font-size:1rem}.eyebrow{color:var(--text-muted);letter-spacing:.11em;text-transform:uppercase;font-size:.62rem;font-weight:600}.choice-grid{z-index:1;flex-wrap:wrap;gap:.45rem;min-height:5.15rem;display:flex;position:relative}.choice-chip{border:1px solid var(--border);min-height:2rem;color:var(--text-muted);cursor:pointer;background:#ffffff05;border-radius:999px;align-items:center;gap:.4rem;padding:0 .65rem;font-size:.69rem;transition:background .16s,color .16s,border-color .16s,transform .16s;display:inline-flex}.choice-chip:hover{color:#fff;border-color:#b47cfd66;transform:translateY(-1px)}.choice-chip__dot{border:1px solid;border-radius:50%;width:.38rem;height:.38rem}.choice-chip.is-allowed{color:#f7efff;background:#b47cfd21;border-color:#b47cfd59}.choice-chip.is-allowed .choice-chip__dot{background:var(--violet);border:0;box-shadow:0 0 8px #b47cfdb3}.choice-chip.is-current{border-color:#ff7fc2b8;box-shadow:inset 0 0 0 1px #ff7fc224,0 0 18px #ff7fc214}.choice-chip.is-current .choice-chip__dot{background:var(--pink);box-shadow:0 0 8px #ff7fc2c2}.knob-pair{z-index:1;border-top:1px solid var(--border);justify-content:flex-end;gap:1.1rem;margin-top:1.1rem;padding-top:.95rem;display:flex;position:relative}.knob-control{cursor:ew-resize;grid-template-rows:auto auto;grid-template-columns:2.8rem auto;align-items:center;column-gap:.55rem;min-width:6.4rem;display:grid;position:relative}.knob{--knob-color:var(--violet);border:1px solid var(--border-strong);background:radial-gradient(circle at 38% 30%, #ffffff29, transparent 24%), conic-gradient(from 225deg, var(--knob-color) var(--knob-value), #ffffff12 0 75%, transparent 0);width:2.8rem;height:2.8rem;box-shadow:inset 0 0 0 .32rem var(--surface-raised), 0 7px 20px #00000040;border-radius:50%;grid-row:1/3;display:block;position:relative}.knob--pink{--knob-color:var(--pink)}.knob__center{background:linear-gradient(145deg,#3a3047,#171020);border-radius:50%;position:absolute;inset:.48rem;box-shadow:inset 1px 1px 2px #ffffff17,3px 4px 7px #0000004d}.knob__pointer{z-index:2;width:2px;height:.78rem;transform:translateX(-50%) rotate(var(--knob-angle));transform-origin:50% .86rem;background:#fff;border-radius:2px;position:absolute;top:.54rem;left:50%}.knob-control__input{opacity:0;cursor:ew-resize;width:100%;position:absolute;inset:0}.knob-control__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.58rem;line-height:1.15}.knob-control__value{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:.7rem}.continuous-panel,.sound-panel{min-height:29rem}.continuous-control{z-index:1;border:1px solid var(--border);background:#ffffff05;border-radius:.8rem;margin-bottom:1rem;padding:.75rem;position:relative}.continuous-control--compact{margin-bottom:0}.range-heading{color:var(--text-muted);justify-content:space-between;gap:1rem;margin-bottom:.6rem;font-size:.68rem}.range-heading span{gap:.35rem}.range-heading strong{color:var(--text-secondary);font-size:.7rem;font-weight:500}.split-range-label{color:var(--text-muted);grid-template-columns:4.5rem 1fr;align-items:center;gap:.7rem;margin-top:.5rem;font-size:.58rem;display:grid}.range-input{appearance:none;background:linear-gradient(90deg, var(--violet), #b47cfd33);cursor:pointer;border-radius:999px;width:100%;height:.28rem}.range-input--pink{background:linear-gradient(90deg, var(--pink), #ff7fc233)}.range-input::-webkit-slider-thumb{border:3px solid var(--surface-raised);appearance:none;width:.92rem;height:.92rem;box-shadow:0 0 0 1px var(--violet), 0 0 13px #b47cfd80;background:#fff;border-radius:50%}.range-input--pink::-webkit-slider-thumb{box-shadow:0 0 0 1px var(--pink), 0 0 13px #ff7fc27a}.range-input::-moz-range-thumb{border:3px solid var(--surface-raised);width:.65rem;height:.65rem;box-shadow:0 0 0 1px var(--violet);background:#fff;border-radius:50%}.knob-pair--continuous{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.knob-cluster{border:1px solid var(--border);border-radius:.8rem;grid-template-columns:auto auto;gap:.65rem;padding:.65rem;display:grid}.knob-cluster__title{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;grid-column:1/-1;font-size:.6rem;font-weight:600}.knob-cluster .knob-control{grid-template-columns:2.4rem auto;column-gap:.4rem;min-width:0}.knob-cluster .knob{width:2.4rem;height:2.4rem}.knob-cluster .knob__center{inset:.42rem}.knob-cluster .knob__pointer{transform-origin:50% .73rem;height:.66rem;top:.47rem}.preset-cards{z-index:1;gap:.55rem;display:grid;position:relative}.preset-card{border:1px solid var(--border);width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;background:#ffffff05;border-radius:.82rem;grid-template-columns:auto 1fr;align-items:center;gap:.75rem;padding:.7rem;transition:border-color .16s,background .16s,transform .16s;display:grid}.preset-card:hover{border-color:#b47cfd6b;transform:translateY(-1px)}.preset-card.is-selected{background:linear-gradient(110deg,#b47cfd1f,#ff7fc214);border-color:#ff7fc27a}.preset-card__icon{border:1px solid var(--border);width:2.4rem;height:2.4rem;color:var(--violet);background:#b47cfd14;border-radius:.68rem;place-items:center;display:grid}.preset-card.is-selected .preset-card__icon{color:#fff;background:var(--gradient);border:0}.preset-card strong,.preset-card small{display:block}.preset-card strong{color:#fff;margin-bottom:.18rem;font-size:.75rem}.preset-card small{color:var(--text-muted);font-size:.6rem;line-height:1.4}.sound-source{z-index:1;border:1px solid var(--border);border-radius:.82rem;gap:.75rem;margin:.85rem 0;padding:.72rem;position:relative}.voice-badge{color:#fff;white-space:nowrap;background:#b47cfd2e;border-radius:999px;gap:.35rem;padding:.38rem .55rem;font-size:.58rem}.voice-badge--sampler{background:#ff7fc22b}.sound-source>div strong,.sound-source>div small{display:block}.sound-source>div strong{font-size:.73rem}.sound-source>div small{color:var(--text-muted);margin-top:.18rem;font-size:.58rem}.effect-controls{z-index:1;border:1px solid var(--border);background:#ffffff05;border-radius:.82rem;gap:.95rem;padding:.8rem;display:grid;position:relative}.effect-controls label>span{color:var(--text-muted);justify-content:space-between;gap:.4rem;margin-bottom:.6rem;font-size:.65rem}.effect-controls label>span strong{color:var(--text-secondary);margin-left:auto;font-weight:500}.license-note{z-index:1;color:var(--text-muted);gap:.4rem;margin:.75rem 0 0;font-size:.58rem;line-height:1.35;position:relative}.mvp-note{color:var(--text-muted);background:#b47cfd09;border:1px dashed #b47cfd40;border-radius:.85rem;gap:.65rem;margin-top:1rem;padding:.75rem .9rem}.mvp-note svg{color:var(--violet);flex:none}.mvp-note p{margin:0;font-size:.67rem;line-height:1.5}.mvp-note strong{color:var(--text-secondary)}.site-footer{z-index:1;width:min(1380px,100% - 2rem);color:var(--text-muted);justify-content:space-between;margin:0 auto;padding:1rem 0 1.7rem;font-size:.64rem;position:relative}.site-footer a{color:var(--text-muted);gap:.35rem;text-decoration:none}.site-footer a:hover{color:var(--pink)}@keyframes pulse{0%,to{opacity:.45}50%{opacity:1}}@media (width<=1080px){.transport{grid-template-columns:auto auto 1fr}.live-status{display:none}.parameter-grid{grid-template-columns:1fr 1fr}.parameter-panel:last-child{grid-column:1/-1}.control-grid{grid-template-columns:1fr}}@media (width<=760px){.transport{grid-template-columns:1fr auto;position:relative}.transport__controls{justify-content:flex-end}.transport__meters{border-top:1px solid var(--border);grid-column:1/-1;justify-content:space-between;padding-top:.6rem}.console{padding-top:3.2rem}.hero-copy{grid-template-columns:1fr;gap:1.25rem}.hero-copy h1{font-size:clamp(2.5rem,12vw,4rem)}.cycle-display{flex-direction:column;align-items:flex-start}.now-playing{justify-content:flex-start}.parameter-grid{grid-template-columns:1fr}.parameter-panel:last-child{grid-column:auto}}@media (width<=520px){.transport,.console,.site-footer{width:min(100% - 1rem,1380px)}.transport__brand div span,.transport-button span{display:none}.transport-button{justify-content:center;min-width:2.35rem;padding:0;font-size:0}.transport-button svg{width:17px;height:17px}.transport__meters>span:nth-child(2){display:none}.hero-copy{margin-bottom:2rem}.beat-dots span{width:1.15rem}.panel{padding:.9rem}.knob-pair{justify-content:space-between;gap:.5rem}.knob-pair--continuous{grid-template-columns:1fr}.site-footer{flex-direction:column;align-items:flex-start;gap:.6rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}