.viz{display:block;width:100%;border-radius:var(--r)}.viz-spectrum,.viz-scope{background:linear-gradient(180deg,transparent,rgba(0,0,0,.22));border:1px solid var(--line-faint)}.viz-cymatics{background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.03),transparent 70%)}.viz-orbs{background:transparent}.viz-waveform{background:var(--surface-sunk);border:1px solid var(--line-faint)}.aurora{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(120% 90% at 50% 0%,var(--bg-base),var(--bg-deep) 55%,var(--bg-void) 100%)}.aurora-blob{position:absolute;border-radius:50%;filter:blur(90px);will-change:transform}.aurora .a1{width:62vw;height:62vw;top:-22vw;left:-14vw;background:var(--aura-1);animation:np-drift 34s ease-in-out infinite}.aurora .a2{width:52vw;height:52vw;bottom:-20vw;right:-10vw;background:var(--aura-2);animation:np-drift 44s ease-in-out infinite reverse}.aurora .a3{width:40vw;height:40vw;top:32%;right:16%;background:var(--aura-3);animation:np-drift 52s ease-in-out infinite}.aurora .a4{width:34vw;height:34vw;bottom:8%;left:22%;background:var(--aura-4);animation:np-drift 62s ease-in-out infinite reverse}.aurora.is-still .aurora-blob{animation:none}.aurora-grain{position:absolute;inset:0;opacity:.16;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E")}.knob{display:flex;flex-direction:column;align-items:center;gap:3px;user-select:none}.knob-dial{cursor:grab;border-radius:50%;transition:filter var(--t-fast),transform var(--t-fast)}.knob.is-dragging .knob-dial{cursor:grabbing;transform:scale(1.06)}.knob.is-disabled .knob-dial{cursor:not-allowed;opacity:.4}.knob-dial:hover{filter:drop-shadow(0 0 7px var(--knob-color))}.knob-track{fill:none;stroke:var(--surface-sunk);stroke-width:3.5}.knob-arc{fill:none;stroke:var(--knob-color);stroke-width:3.5;stroke-linecap:round;filter:drop-shadow(0 0 4px var(--knob-color))}.knob-body{fill:var(--surface-2);stroke:var(--line);stroke-width:1}.knob-pointer{stroke:var(--text);stroke-width:2.2;stroke-linecap:round}.knob-label{font-size:var(--fs-2xs);letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);font-weight:600;line-height:1}.knob-value{font-size:var(--fs-2xs);color:var(--knob-color);line-height:1;min-height:12px;opacity:0;transition:opacity var(--t-fast);white-space:nowrap}.knob-value.is-shown{opacity:1}.fader{display:flex;flex-direction:column;align-items:center;gap:5px;user-select:none}.fader-track{position:relative;width:30px;border-radius:var(--r-full);background:var(--surface-sunk);border:1px solid var(--line-faint);cursor:grab;touch-action:none;box-shadow:inset 0 2px 6px #00000080}.fader.is-dragging .fader-track{cursor:grabbing}.fader-track:before{content:"";position:absolute;left:50%;top:10px;bottom:10px;width:3px;transform:translate(-50%);background:#0000008c;border-radius:var(--r-full)}.fader-fill{position:absolute;left:50%;bottom:10px;width:3px;transform:translate(-50%);background:var(--fader-color);border-radius:var(--r-full);box-shadow:0 0 9px var(--fader-color);max-height:calc(100% - 20px);transition:none}.fader-ticks{position:absolute;inset:10px 0;pointer-events:none}.fader-ticks span{position:absolute;right:3px;width:5px;height:1px;background:var(--line)}.fader-cap{position:absolute;left:50%;width:26px;height:22px;transform:translate(-50%);border-radius:5px;background:linear-gradient(180deg,#4a4a63,#22222f 48%,#34344a);border:1px solid rgba(0,0,0,.65);box-shadow:0 3px 9px #0009,inset 0 1px #ffffff38;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:0 4px;pointer-events:none}.fader-cap span{height:1px;background:#ffffff29;border-radius:1px}.fader-cap:after{content:"";position:absolute;left:3px;right:3px;top:50%;height:2px;transform:translateY(-50%);background:var(--fader-color);border-radius:1px;box-shadow:0 0 6px var(--fader-color)}.fader-db{font-size:var(--fs-2xs);color:var(--text-3);min-width:34px;text-align:center}.meter{display:block;border-radius:var(--r-full);background:#00000059}.slider-row{display:flex;flex-direction:column;gap:2px;width:100%}.slider-head{display:flex;justify-content:space-between;align-items:baseline;font-size:var(--fs-2xs);letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);font-weight:600}.slider-head .mono{text-transform:none;letter-spacing:0;color:var(--text-2)}.home{display:flex;flex-direction:column;gap:var(--s7);max-width:1280px}.home section{scroll-margin-top:var(--s5)}.home-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:var(--s6);align-items:center;padding:var(--s7) var(--s6);border-radius:var(--r-xl);border:1px solid var(--line-faint);background:var(--surface-1);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));overflow:hidden;position:relative}.home-hero:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 78% 45%,var(--aura-1),transparent 55%);filter:blur(60px);pointer-events:none}.home-hero-copy{position:relative}.home-hero h1{font-size:clamp(1.9rem,3.4vw,3rem);margin:var(--s2) 0 var(--s4)}.home-hero p{font-size:var(--fs-md);max-width:56ch}.home-hero-viz{position:relative}.home-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(228px,1fr));gap:var(--s4)}.home-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:var(--s5);border-radius:var(--r-lg);background:var(--surface-1);border:1px solid var(--line-faint);text-align:left;overflow:hidden;transition:transform var(--t),border-color var(--t),background var(--t)}.home-card:after{content:"";position:absolute;inset:auto -30% -60%;height:120px;background:radial-gradient(ellipse at 50% 100%,var(--accent-card),transparent 70%);opacity:.22;transition:opacity var(--t);pointer-events:none}.home-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent-card) 50%,transparent);background:var(--surface-2)}.home-card:hover:after{opacity:.42}.home-card-icon{font-size:26px;line-height:1}.home-card-name{font-family:var(--font-display);font-weight:650;font-size:var(--fs-md)}.home-card-blurb{font-size:var(--fs-sm);color:var(--text-2);flex:1}.home-card-meta{font-size:var(--fs-2xs);color:var(--text-3);letter-spacing:.03em}.home-journeys{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--s3)}.home-journey{display:flex;align-items:center;gap:var(--s3);padding:var(--s4);border-radius:var(--r);border:1px solid var(--line-faint);background:var(--surface-1);transition:border-color var(--t),background var(--t),transform var(--t)}.home-journey:hover{border-color:color-mix(in srgb,var(--accent-card) 55%,transparent);background:var(--surface-2);transform:translate(2px)}.home-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--s4)}.home-tile{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s5);border-radius:var(--r-lg);border:1px solid var(--line-faint);background:var(--surface-1);text-align:left;transition:border-color var(--t),background var(--t)}.home-tile:hover{border-color:var(--line);background:var(--surface-2)}.home-tile strong{font-family:var(--font-display);font-size:var(--fs-md)}.home-tile span{color:var(--text-2);font-size:var(--fs-sm)}.home-tile-go{color:var(--accent-2)!important;display:inline-flex;align-items:center;gap:4px;font-weight:600}@media (max-width: 980px){.home-hero{grid-template-columns:minmax(0,1fr)}.home-hero-viz{display:none}}.lib{display:flex;flex-direction:column;gap:var(--s6);max-width:1280px}.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:var(--s4)}.lib-card{position:relative;display:flex;flex-direction:column;gap:var(--s2);padding:var(--s5);border-radius:var(--r-lg);border:1px solid var(--line-faint);background:var(--surface-1);overflow:hidden;transition:transform var(--t),border-color var(--t)}.lib-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent-card) 45%,transparent)}.lib-card.is-active{border-color:var(--accent-card);box-shadow:0 0 0 1px var(--accent-card),0 14px 40px -20px var(--accent-card)}.lib-card-head{display:flex;align-items:center;gap:var(--s3)}.lib-card-icon{width:40px;height:40px;flex:none;display:grid;place-items:center;font-size:20px;border-radius:var(--r);background:color-mix(in srgb,var(--accent-card) 20%,transparent);border:1px solid color-mix(in srgb,var(--accent-card) 40%,transparent)}.lib-card-layers{display:flex;gap:3px;flex-wrap:wrap;margin-top:auto;padding-top:var(--s2)}.lib-dot{width:9px;height:9px;border-radius:50%}.lib-actions{display:flex;gap:var(--s2);margin-top:var(--s3)}.jr{display:flex;flex-direction:column;gap:var(--s6);max-width:1180px}.jr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:var(--s4)}.jr-card{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s5);border-radius:var(--r-lg);border:1px solid var(--line-faint);background:var(--surface-1);transition:border-color var(--t),transform var(--t)}.jr-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent-card) 50%,transparent)}.jr-card.is-running{border-color:var(--accent-card);box-shadow:0 0 0 1px var(--accent-card),0 16px 44px -22px var(--accent-card)}.jr-stages{display:flex;gap:2px;height:30px;border-radius:var(--r-sm);overflow:hidden}.jr-stage{position:relative;display:grid;place-items:center;font-size:9px;font-family:var(--font-mono);color:var(--text-3);background:var(--surface-2);transition:background var(--t),color var(--t)}.jr-stage.is-now{background:color-mix(in srgb,var(--accent-card) 40%,transparent);color:var(--text)}.jr-stage.is-done{background:color-mix(in srgb,var(--accent-card) 16%,transparent)}.breath{display:grid;place-items:center;gap:var(--s4);padding:var(--s6)}.breath-ring{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--accent-2);background:radial-gradient(circle,rgba(33,212,196,.16),transparent 70%);transition:transform .2s linear,box-shadow .4s linear;box-shadow:0 0 40px #21d4c43d}.breath-word{font-family:var(--font-display);font-size:var(--fs-lg);letter-spacing:.06em;text-transform:uppercase}.breath-count{font-family:var(--font-mono);font-size:var(--fs-2xl);line-height:1}.studio{display:flex;flex-direction:column;gap:var(--s6);max-width:1180px}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s4)}.booth{display:flex;flex-direction:column;gap:var(--s4);align-items:center;text-align:center;padding:var(--s6)}.booth-orb{position:relative;width:132px;height:132px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--line);background:var(--surface-sunk);transition:border-color var(--t),box-shadow var(--t)}.booth-orb.is-live{border-color:var(--rec);box-shadow:0 0 44px #ff4d5e66}.booth-orb-ring{position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--rec);opacity:.4;pointer-events:none}.clip-list{display:flex;flex-direction:column;gap:var(--s2)}.clip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--s3);padding:var(--s3);border-radius:var(--r);background:var(--surface-1);border:1px solid var(--line-faint);transition:border-color var(--t)}.clip:hover{border-color:var(--line)}.clip-name{font-size:var(--fs-sm);font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-meta{font-size:var(--fs-2xs);color:var(--text-3);font-family:var(--font-mono)}@media (max-width: 980px){.studio-grid{grid-template-columns:minmax(0,1fr)}}.gen{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:var(--s5);max-width:1320px;align-items:start}.gen-full{grid-column:1 / -1}.gen-readout{text-align:center;padding:var(--s5) var(--s4);border-radius:var(--r-lg);background:var(--surface-sunk);border:1px solid var(--line-faint)}.gen-hz{font-family:var(--font-mono);font-size:clamp(2.2rem,6vw,3.6rem);font-weight:500;line-height:1;letter-spacing:-.03em;color:var(--gen-color, var(--accent));text-shadow:0 0 34px var(--gen-color, var(--accent))}.gen-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s2)}.gen-key{height:44px;border-radius:var(--r);border:1px solid var(--line-faint);background:var(--surface-2);font-family:var(--font-mono);font-size:var(--fs-md);transition:background var(--t-fast),border-color var(--t-fast)}.gen-key:hover{background:var(--surface-3);border-color:var(--line)}.gen-sets{display:flex;flex-wrap:wrap;gap:5px}.gen-freq-btn{height:30px;padding:0 11px;border-radius:var(--r-full);border:1px solid var(--line-faint);background:var(--surface-2);font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--text-2);transition:all var(--t-fast)}.gen-freq-btn:hover{color:var(--text);border-color:var(--line-strong);transform:translateY(-1px)}.gen-freq-btn.is-active{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.band-strip{display:flex;gap:3px}.band-cell{flex:1;padding:var(--s2) var(--s1);border-radius:var(--r-sm);text-align:center;font-size:var(--fs-2xs);border:1px solid transparent;background:var(--surface-2);color:var(--text-3);transition:all var(--t-fast)}.band-cell:hover{color:var(--text)}.band-cell.is-active{color:var(--text);border-color:currentColor}@media (max-width: 1080px){.gen{grid-template-columns:minmax(0,1fr)}}.tl{display:flex;flex-direction:column;gap:var(--s4)}.tl-grid{display:grid;grid-template-columns:168px minmax(0,1fr);border-radius:var(--r-lg);border:1px solid var(--line-faint);background:var(--surface-sunk);overflow:hidden}.tl-names{border-right:1px solid var(--line-faint);background:var(--surface-1)}.tl-ruler-spacer{height:30px;border-bottom:1px solid var(--line-faint)}.tl-name{display:flex;align-items:center;gap:var(--s2);padding:0 var(--s3);font-size:var(--fs-xs);color:var(--text-3);border-bottom:1px solid var(--line-faint);white-space:nowrap;overflow:hidden}.tl-name.is-on{color:var(--text)}.tl-name:last-child{border-bottom:none}.tl-dot{width:8px;height:8px;border-radius:50%;flex:none;opacity:.85}.tl-clear{width:18px;height:18px;border-radius:5px;color:var(--text-3);font-size:13px;line-height:1;flex:none}.tl-clear:hover{background:var(--surface-3);color:var(--bad)}.tl-lanes{position:relative;min-width:0}.tl-ruler{position:relative;height:30px;border-bottom:1px solid var(--line-faint);background:var(--surface-1)}.tl-tick{position:absolute;top:8px;transform:translate(-50%);font-family:var(--font-mono);font-size:9.5px;color:var(--text-3);padding:0 3px}.tl-tick:before{content:"";position:absolute;left:50%;bottom:-8px;width:1px;height:6px;background:var(--line)}.tl-playhead-head{position:absolute;top:0;bottom:0;width:2px;background:var(--accent-2);box-shadow:0 0 8px var(--accent-2)}.tl-lane{position:relative;display:flex;border-bottom:1px solid var(--line-faint);opacity:.5;transition:opacity var(--t),background var(--t)}.tl-lane.is-on,.tl-lane.has-points{opacity:1}.tl-lane:last-child{border-bottom:none}.tl-lane:hover{background:#ffffff05}.tl-lane-hit{position:relative;flex:1;min-width:0;cursor:crosshair;touch-action:none;background-image:linear-gradient(to bottom,var(--line-faint) 1px,transparent 1px),linear-gradient(to bottom,transparent calc(50% - 1px),var(--line-faint) 50%,transparent calc(50% + 1px));background-size:100% 100%,100% 100%}.tl-curve{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.tl-point{position:absolute;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;border-radius:50%;border:1.5px solid rgba(0,0,0,.5);box-shadow:0 1px 4px #0000008c;cursor:grab;transition:transform var(--t-fast);padding:0}.tl-point:hover{transform:scale(1.3)}.tl-point.is-dragging{cursor:grabbing;transform:scale(1.45)}.tl-playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--accent-2);opacity:0;pointer-events:none;box-shadow:0 0 7px var(--accent-2)}.tl-lane-side{flex:none;width:0;position:static}.tl-live{position:absolute;right:8px;top:4px;font-size:9px;color:var(--ch);pointer-events:none;z-index:2}.tl-shapes{position:absolute;right:6px;bottom:4px;display:flex;gap:2px;opacity:0;transition:opacity var(--t-fast);z-index:2}.tl-lane:hover .tl-shapes,.tl-lane:focus-within .tl-shapes{opacity:1}.tl-shape{font-size:9px;padding:2px 6px;border-radius:5px;background:var(--surface-solid);border:1px solid var(--line);color:var(--text-3);white-space:nowrap}.tl-shape:hover{color:var(--text);border-color:var(--ch)}.tl-hover{position:absolute;left:6px;top:3px;font-size:9px;color:var(--text-3);pointer-events:none}@media (max-width: 820px){.tl-grid{grid-template-columns:108px minmax(0,1fr)}.tl-shapes{display:none}}.synth{--panel: #1c1d24;--panel-hi: #26272f;--panel-lo: #141419;--engrave: rgba(0, 0, 0, .55);--silk: rgba(233, 236, 255, .62);--silk-bright: #eef0ff;--screw: #3a3b45;display:flex;flex-direction:column;gap:var(--s4);max-width:1400px}:root[data-theme=dawn] .synth{--panel: #dcdae6;--panel-hi: #ecebf3;--panel-lo: #c7c5d4;--engrave: rgba(255, 255, 255, .7);--silk: rgba(23, 20, 58, .66);--silk-bright: #17143a;--screw: #b0aec0}.synth-rack{display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:var(--s3);align-items:start}.synth-module{position:relative;padding:var(--s5) var(--s4) var(--s4);border-radius:10px;background:linear-gradient(180deg,var(--panel-hi),var(--panel) 32%,var(--panel-lo));border:1px solid rgba(0,0,0,.55);box-shadow:inset 0 1px #ffffff17,inset 0 -1px #0006,0 6px 18px #00000059}.synth-module:before{content:"";position:absolute;inset:0;border-radius:10px;pointer-events:none;opacity:.5;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.016) 0px,rgba(255,255,255,.016) 1px,transparent 1px,transparent 3px)}.synth-module-title{position:absolute;top:7px;left:var(--s4);right:var(--s4);display:flex;align-items:center;gap:var(--s2);font-size:9px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--silk);text-shadow:0 1px 0 var(--engrave)}.synth-module-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.12),transparent)}.synth-module-title .led{width:6px;height:6px;border-radius:50%;background:var(--mod-accent, var(--accent));box-shadow:0 0 7px var(--mod-accent, var(--accent));flex:none}.synth-module-title .led.is-off{background:#2b2c34;box-shadow:inset 0 1px 2px #000c}.synth-module:after{content:"";position:absolute;top:8px;right:9px;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#55565f,var(--screw) 60%,#17181d);box-shadow:inset 0 0 0 1px #00000080,0 1px #ffffff12}.synth-knobs{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s3) var(--s2);padding-top:var(--s2)}.synth-knobs.tight{gap:var(--s2) 2px}.synth-module .knob-label{color:var(--silk);text-shadow:0 1px 0 var(--engrave);font-weight:700;letter-spacing:.09em}.synth-module .knob-value{opacity:1}.synth-module .knob-body{fill:#2b2c35;stroke:#0009}.synth-module .knob-track{stroke:#00000080}.synth-module .knob-tick{stroke:#ffffff29}.synth-module .knob-pointer{stroke:#f2f3ff}:root[data-theme=dawn] .synth-module .knob-body{fill:#f3f2f8}:root[data-theme=dawn] .synth-module .knob-pointer{stroke:#17143a}:root[data-theme=dawn] .synth-module .knob-tick{stroke:#17143a40}.synth-field{display:flex;flex-direction:column;gap:4px;padding-top:var(--s2)}.synth-field>span{font-size:8.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--silk);text-shadow:0 1px 0 var(--engrave)}.synth-select{display:flex;padding:2px;gap:2px;border-radius:6px;background:#0000006b;box-shadow:inset 0 2px 5px #000000a6;flex-wrap:wrap}.synth-select button{flex:1 1 auto;min-width:0;padding:5px 7px;border-radius:4px;font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--silk);white-space:nowrap;transition:background var(--t-fast),color var(--t-fast),box-shadow var(--t-fast)}.synth-select button:hover{color:var(--silk-bright);background:#ffffff0d}.synth-select button[aria-pressed=true]{background:linear-gradient(180deg,var(--mod-accent, var(--accent)),color-mix(in srgb,var(--mod-accent, var(--accent)) 65%,#000));color:#fff;box-shadow:0 0 10px color-mix(in srgb,var(--mod-accent, var(--accent)) 55%,transparent),inset 0 1px #ffffff40;text-shadow:0 1px 1px rgba(0,0,0,.4)}.synth-display{position:relative;padding:var(--s4) var(--s5);border-radius:8px;background:linear-gradient(180deg,#07080b,#0d0f14);border:1px solid rgba(0,0,0,.7);box-shadow:inset 0 2px 12px #000000e6,0 1px #ffffff0f;text-align:center;overflow:hidden}.synth-display:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.028) 0 1px,transparent 1px 3px)}.synth-readout{font-family:var(--font-mono);font-size:clamp(1.7rem,4vw,2.9rem);font-weight:500;line-height:1;letter-spacing:-.02em;color:var(--display-color, #ffb26b);text-shadow:0 0 22px var(--display-color, #ffb26b),0 0 60px color-mix(in srgb,var(--display-color, #ffb26b) 45%,transparent)}.synth-readout small{font-size:.3em;opacity:.6;margin-left:4px}.synth-readout-sub{margin-top:7px;font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--display-color, #ffb26b) 70%,transparent)}.synth-env{width:100%;height:62px;border-radius:6px;background:#0006;box-shadow:inset 0 2px 6px #0009;display:block}.kbd-wrap{position:relative;padding:var(--s4) var(--s4) var(--s3);border-radius:10px;background:linear-gradient(180deg,var(--panel-lo),#0e0f13);border:1px solid rgba(0,0,0,.6);box-shadow:inset 0 2px 10px #0009}.kbd{position:relative;display:flex;height:148px;user-select:none;touch-action:none;border-radius:5px;overflow:hidden;box-shadow:0 5px 16px #0000008c}.kbd-white{position:relative;flex:1 1 0;min-width:0;background:linear-gradient(180deg,#f6f5f2,#e7e5e0 82%,#cfcdc7);border-right:1px solid #b9b7b1;border-radius:0 0 4px 4px;cursor:pointer;transition:background 60ms linear;display:flex;align-items:flex-end;justify-content:center;padding-bottom:7px;font-size:8.5px;font-weight:700;color:#0000004d;letter-spacing:.04em}.kbd-white:last-child{border-right:none}.kbd-white.is-down,.kbd-white.is-held{background:linear-gradient(180deg,color-mix(in srgb,var(--key-accent, #ff9d5c) 55%,#f6f5f2),color-mix(in srgb,var(--key-accent, #ff9d5c) 78%,#cfcdc7));box-shadow:inset 0 -3px 9px #0000002e}.kbd-black{position:absolute;top:0;width:3.6%;height:62%;transform:translate(-50%);background:linear-gradient(180deg,#35363d,#1a1b20 78%,#0c0d10);border-radius:0 0 4px 4px;box-shadow:0 3px 7px #000000b3,inset 0 -2px #ffffff0d;cursor:pointer;z-index:2;transition:background 60ms linear}.kbd-black.is-down,.kbd-black.is-held{background:linear-gradient(180deg,color-mix(in srgb,var(--key-accent, #ff9d5c) 80%,#35363d),color-mix(in srgb,var(--key-accent, #ff9d5c) 55%,#0c0d10));box-shadow:0 0 14px color-mix(in srgb,var(--key-accent, #ff9d5c) 60%,transparent)}.kbd-hint{position:absolute;bottom:4px;left:50%;transform:translate(-50%);font-size:7.5px;font-family:var(--font-mono);color:#00000047;pointer-events:none}.kbd-bar{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;margin-bottom:var(--s3)}.wheel{width:34px;height:96px;border-radius:17px;background:linear-gradient(90deg,#101116,#2c2d35 45%,#101116);box-shadow:inset 0 0 0 1px #000000b3;position:relative;cursor:grab;touch-action:none;flex:none}.wheel:active{cursor:grabbing}.wheel-cap{position:absolute;left:3px;right:3px;height:20px;border-radius:10px;background:linear-gradient(180deg,#6a6b78,#3a3b45 55%,#23242b);box-shadow:0 2px 5px #0009,inset 0 1px #fff3}.wheel-label{text-align:center;font-size:8px;font-weight:800;letter-spacing:.14em;color:var(--silk);margin-top:5px}.midi-dot{width:7px;height:7px;border-radius:50%;background:#2b2c34;box-shadow:inset 0 1px 2px #000c;flex:none;transition:background 80ms linear,box-shadow 80ms linear}.midi-dot.is-on{background:var(--good);box-shadow:0 0 9px var(--good)}.midi-dot.is-active{background:var(--accent-warm);box-shadow:0 0 12px var(--accent-warm)}@media (max-width: 700px){.kbd{height:112px}.wheel{height:74px}}.edu{max-width:1140px;margin:0 auto;padding-bottom:var(--s9)}.edu-hero{position:relative;padding:var(--s7) var(--s6);border-radius:var(--r-xl);overflow:hidden;margin-bottom:var(--s6);border:1px solid var(--line-faint);background:var(--surface-1)}.edu-hero:before{content:"";position:absolute;inset:-40%;background:var(--edu-hero-glow, radial-gradient(circle at 30% 20%, var(--aura-1), transparent 60%));filter:blur(50px);opacity:.85;pointer-events:none;animation:np-drift 26s ease-in-out infinite}.edu-hero>*{position:relative}.edu-hero h1{font-size:clamp(1.9rem,4vw,var(--fs-3xl));margin-bottom:var(--s3)}.edu-hero p{font-size:var(--fs-md);color:var(--text-2);max-width:62ch}.edu-section{margin-bottom:var(--s7);scroll-margin-top:var(--s6)}.edu-section>h2{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s2)}.edu-section>h2:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent)}.edu-lede{color:var(--text-2);max-width:70ch;margin-bottom:var(--s5);font-size:var(--fs-md)}.edu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--s4)}.edu-grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(330px,1fr))}.edu-grid.cols-4{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.edu-card{position:relative;padding:var(--s5);border-radius:var(--r-lg);background:var(--surface-1);border:1px solid var(--line-faint);overflow:hidden;transition:transform var(--t),border-color var(--t),background var(--t)}.edu-card:hover{transform:translateY(-2px);border-color:var(--line);background:var(--surface-2)}.edu-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--card-accent, var(--accent));opacity:.9}.edu-card h3,.edu-card h4{margin-bottom:var(--s2)}.edu-card p{font-size:var(--fs-sm);margin-bottom:var(--s2)}.edu-card ul{margin:0;padding-left:1.1em;color:var(--text-2);font-size:var(--fs-sm)}.edu-card li{margin-bottom:4px}.edu-card-title{display:flex;align-items:center;gap:var(--s2);font-family:var(--font-display);font-weight:600;font-size:var(--fs-md);margin-bottom:var(--s2)}.edu-swatch{width:22px;height:22px;border-radius:7px;flex:none;box-shadow:0 0 14px var(--card-accent, var(--accent))}.edu-hz{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--card-accent, var(--accent));padding:2px 7px;border-radius:var(--r-full);border:1px solid currentColor;margin-left:auto}.edu-process{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:stretch}.edu-step{flex:1 1 150px;position:relative;padding:var(--s4);border-radius:var(--r);background:var(--surface-1);border:1px solid var(--line-faint);text-align:center}.edu-step+.edu-step:before{content:"→";position:absolute;left:calc(var(--s3) * -1);top:50%;transform:translate(-2px,-50%);color:var(--text-3);font-size:14px}.edu-step-icon{font-size:26px;line-height:1;margin-bottom:var(--s2);display:block}.edu-step-n{font-size:var(--fs-2xs);font-weight:700;letter-spacing:.12em;color:var(--step-accent, var(--accent))}.edu-step h4{font-size:var(--fs-base);margin:4px 0}.edu-step p{font-size:var(--fs-xs);margin:0}.edu-spectrum{height:54px;border-radius:var(--r);background:linear-gradient(90deg,#a8703c,#e74c3c 13%,#f39c12 27%,#f1c40f 40%,#2ecc71,#3498db 68%,#9b59b6,#e91e63);position:relative;overflow:hidden;border:1px solid var(--line-faint)}.edu-spectrum:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);background-size:200% 100%;animation:np-shimmer 7s linear infinite}.edu-spectrum-labels{display:flex;justify-content:space-between;font-size:var(--fs-2xs);color:var(--text-3);margin-top:6px;font-family:var(--font-mono)}.edu-note{padding:var(--s4) var(--s5);border-radius:var(--r);border:1px solid var(--line-faint);border-left:3px solid var(--note-accent, var(--accent-2));background:var(--surface-1);font-size:var(--fs-sm);color:var(--text-2)}.edu-note strong{color:var(--text)}.edu-note.caution{--note-accent: var(--warn)}.edu-note.evidence{--note-accent: var(--accent-2)}.edu-refs{display:grid;gap:var(--s2)}.edu-ref{display:flex;gap:var(--s3);padding:var(--s3);border-radius:var(--r-sm);background:var(--surface-1);border:1px solid var(--line-faint);font-size:var(--fs-sm)}.edu-ref-kind{flex:none;width:74px;font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.09em;color:var(--text-3);font-weight:700;padding-top:2px}.edu-ref-body{min-width:0}.edu-ref-body strong{color:var(--text);display:block}.edu-ref-body span{color:var(--text-3);font-size:var(--fs-xs)}.edu-toc{position:sticky;top:0;z-index:4;display:flex;gap:var(--s1);flex-wrap:wrap;padding:var(--s2) 0 var(--s4);margin-bottom:var(--s5);background:linear-gradient(180deg,var(--bg-base) 60%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.edu-try{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap;padding:var(--s4) var(--s5);border-radius:var(--r-lg);background:linear-gradient(120deg,var(--accent-soft),transparent 70%);border:1px solid var(--line)}.edu-try p{margin:0;flex:1 1 260px}:root,:root[data-theme=aurora]{color-scheme:dark;--bg-void: #06060d;--bg-deep: #0b0b17;--bg-base: #101024;--surface-1: rgba(255, 255, 255, .035);--surface-2: rgba(255, 255, 255, .06);--surface-3: rgba(255, 255, 255, .095);--surface-sunk: rgba(0, 0, 0, .34);--surface-solid: #16162e;--line-faint: rgba(255, 255, 255, .06);--line: rgba(255, 255, 255, .11);--line-strong: rgba(255, 255, 255, .2);--text: #eef0ff;--text-2: rgba(233, 236, 255, .72);--text-3: rgba(226, 230, 255, .46);--text-inverse: #0b0b17;--accent: #7c5cff;--accent-2: #21d4c4;--accent-warm: #ff9d5c;--accent-soft: rgba(124, 92, 255, .16);--accent-glow: rgba(124, 92, 255, .45);--good: #35d39a;--warn: #ffb547;--bad: #ff5f6d;--rec: #ff4d5e;--aura-1: rgba(124, 92, 255, .3);--aura-2: rgba(33, 212, 196, .18);--aura-3: rgba(233, 30, 99, .14);--aura-4: rgba(255, 157, 92, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 8px 30px rgba(0, 0, 0, .42);--shadow-lg: 0 24px 70px rgba(0, 0, 0, .55);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .07);--blur: 22px}:root[data-theme=midnight]{color-scheme:dark;--bg-void: #000000;--bg-deep: #030308;--bg-base: #06060e;--surface-1: rgba(255, 255, 255, .028);--surface-2: rgba(255, 255, 255, .05);--surface-3: rgba(255, 255, 255, .08);--surface-solid: #0c0c16;--line-faint: rgba(255, 255, 255, .05);--line: rgba(255, 255, 255, .09);--text: #e8ebff;--text-2: rgba(232, 235, 255, .66);--text-3: rgba(232, 235, 255, .4);--aura-1: rgba(90, 70, 200, .16);--aura-2: rgba(20, 150, 150, .1);--aura-3: rgba(180, 30, 90, .08);--aura-4: rgba(255, 157, 92, .05);--blur: 18px}:root[data-theme=dawn]{color-scheme:light;--bg-void: #eceaf6;--bg-deep: #f3f1fa;--bg-base: #f8f7fd;--surface-1: rgba(20, 16, 50, .035);--surface-2: rgba(20, 16, 50, .055);--surface-3: rgba(20, 16, 50, .09);--surface-sunk: rgba(20, 16, 50, .07);--surface-solid: #ffffff;--line-faint: rgba(20, 16, 50, .07);--line: rgba(20, 16, 50, .13);--line-strong: rgba(20, 16, 50, .24);--text: #17143a;--text-2: rgba(23, 20, 58, .72);--text-3: rgba(23, 20, 58, .5);--text-inverse: #ffffff;--accent: #6039e8;--accent-2: #0aa89a;--accent-soft: rgba(96, 57, 232, .12);--accent-glow: rgba(96, 57, 232, .3);--aura-1: rgba(124, 92, 255, .22);--aura-2: rgba(33, 212, 196, .18);--aura-3: rgba(233, 30, 99, .13);--aura-4: rgba(255, 157, 92, .14);--shadow-sm: 0 1px 2px rgba(30, 20, 80, .1);--shadow: 0 10px 30px rgba(30, 20, 80, .12);--shadow-lg: 0 24px 60px rgba(30, 20, 80, .16);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .6)}:root[data-contrast=high]{--line: rgba(255, 255, 255, .42);--line-faint: rgba(255, 255, 255, .24);--line-strong: rgba(255, 255, 255, .7);--text-2: rgba(255, 255, 255, .92);--text-3: rgba(255, 255, 255, .75);--surface-1: rgba(255, 255, 255, .1);--surface-2: rgba(255, 255, 255, .16);--blur: 0px}:root[data-theme=dawn][data-contrast=high]{--line: rgba(20, 16, 50, .5);--line-faint: rgba(20, 16, 50, .3);--text-2: rgba(23, 20, 58, .95);--text-3: rgba(23, 20, 58, .8)}:root{--font: "Segoe UI Variable Text", "Segoe UI", -apple-system, BlinkMacSystemFont, "SF Pro Text", Roboto, "Helvetica Neue", system-ui, sans-serif;--font-display: "Segoe UI Variable Display", "Segoe UI Semibold", -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif;--font-mono: ui-monospace, "Cascadia Mono", "Cascadia Code", "SF Mono", Consolas, Menlo, monospace;--fs-2xs: .6875rem;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-base: .9375rem;--fs-md: 1.0625rem;--fs-lg: 1.3125rem;--fs-xl: 1.75rem;--fs-2xl: 2.375rem;--fs-3xl: 3.25rem;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 22px;--s6: 30px;--s7: 42px;--s8: 60px;--s9: 84px;--r-sm: 7px;--r: 12px;--r-lg: 18px;--r-xl: 26px;--r-full: 999px;--sidebar-w: 246px;--transport-h: 76px;--ease: cubic-bezier(.32, .72, 0, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--t-fast: .12s var(--ease);--t: .22s var(--ease);--t-slow: .48s var(--ease-out)}@media (prefers-reduced-motion: reduce){:root{--t-fast: 1ms linear;--t: 1ms linear;--t-slow: 1ms linear}}:root[data-motion=reduced]{--t-fast: 1ms linear;--t: 1ms linear;--t-slow: 1ms linear}:root[data-motion=reduced] *,:root[data-motion=reduced] *:before,:root[data-motion=reduced] *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font);font-size:var(--fs-base);line-height:1.6;color:var(--text);background:var(--bg-void);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;text-rendering:optimizeLegibility;font-variant-numeric:tabular-nums}h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:600;letter-spacing:-.022em;line-height:1.18;margin:0;color:var(--text)}h1{font-size:var(--fs-2xl)}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-lg)}h4{font-size:var(--fs-md)}p{margin:0 0 1em;color:var(--text-2)}p:last-child{margin-bottom:0}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}small{font-size:var(--fs-xs)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none;padding:0}button:disabled{cursor:not-allowed;opacity:.42}:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px;border-radius:4px}::selection{background:var(--accent-glow);color:#fff}*{scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:var(--r-full);border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--line-strong);background-clip:content-box}[hidden]{display:none!important}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.eyebrow{font-size:var(--fs-2xs);letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);font-weight:600}.muted{color:var(--text-3)}.dim{color:var(--text-2)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.gap1{gap:var(--s1)}.gap2{gap:var(--s2)}.gap3{gap:var(--s3)}.gap4{gap:var(--s4)}.gap5{gap:var(--s5)}.gap6{gap:var(--s6)}.grow{flex:1 1 auto;min-width:0}.wrap{flex-wrap:wrap}.center{align-items:center;justify-content:center}.between{justify-content:space-between}.panel{background:var(--surface-1);border:1px solid var(--line-faint);border-radius:var(--r-lg);backdrop-filter:blur(var(--blur)) saturate(1.4);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.4);box-shadow:var(--shadow-inset)}.panel-solid{background:var(--surface-solid);border:1px solid var(--line-faint);border-radius:var(--r-lg);box-shadow:var(--shadow)}.panel-pad{padding:var(--s5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);height:38px;padding:0 var(--s4);border-radius:var(--r);border:1px solid var(--line);background:var(--surface-2);color:var(--text);font-size:var(--fs-sm);font-weight:550;white-space:nowrap;transition:background var(--t-fast),border-color var(--t-fast),transform var(--t-fast),color var(--t-fast)}.btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--line-strong)}.btn:active:not(:disabled){transform:translateY(1px)}.btn-sm{height:30px;padding:0 var(--s3);font-size:var(--fs-xs);border-radius:var(--r-sm)}.btn-lg{height:46px;padding:0 var(--s5);font-size:var(--fs-base);border-radius:var(--r)}.btn-primary{background:linear-gradient(135deg,var(--accent),#a07dff);border-color:transparent;color:#fff;box-shadow:0 6px 22px var(--accent-glow)}.btn-primary:hover:not(:disabled){filter:brightness(1.09);background:linear-gradient(135deg,var(--accent),#a07dff)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn-danger{border-color:#ff5f6d66;color:var(--bad);background:#ff5f6d1a}.btn-danger:hover:not(:disabled){background:#ff5f6d2e}.btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.btn-icon{width:38px;padding:0}.btn-icon.btn-sm{width:30px}.segmented{display:inline-flex;padding:3px;gap:2px;background:var(--surface-sunk);border:1px solid var(--line-faint);border-radius:var(--r)}.segmented button{padding:5px 13px;border-radius:calc(var(--r) - 4px);font-size:var(--fs-xs);font-weight:550;color:var(--text-3);transition:background var(--t-fast),color var(--t-fast);white-space:nowrap}.segmented button:hover{color:var(--text)}.segmented button[aria-pressed=true]{background:var(--surface-3);color:var(--text);box-shadow:var(--shadow-sm)}.chip{display:inline-flex;align-items:center;gap:6px;height:25px;padding:0 10px;border-radius:var(--r-full);background:var(--surface-2);border:1px solid var(--line-faint);font-size:var(--fs-2xs);font-weight:600;letter-spacing:.03em;color:var(--text-2)}.field{display:flex;flex-direction:column;gap:5px}.field>label{font-size:var(--fs-2xs);letter-spacing:.11em;text-transform:uppercase;color:var(--text-3);font-weight:600}.input,select.input,textarea.input{height:36px;padding:0 var(--s3);background:var(--surface-sunk);border:1px solid var(--line-faint);border-radius:var(--r-sm);color:var(--text);font-size:var(--fs-sm);transition:border-color var(--t-fast),background var(--t-fast);width:100%}textarea.input{height:auto;padding:var(--s2) var(--s3);resize:vertical;line-height:1.5}.input:hover{border-color:var(--line)}.input:focus{border-color:var(--accent);outline:none;background:var(--surface-1)}select.input{appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 15px) 15px,calc(100% - 10px) 15px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:30px}select.input option{background:var(--surface-solid);color:var(--text)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:22px;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:var(--r-full);background:linear-gradient(90deg,var(--accent) var(--fill, 50%),var(--surface-sunk) var(--fill, 50%));border:1px solid var(--line-faint)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;margin-top:-6px;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.3);box-shadow:0 2px 7px #00000073;transition:transform var(--t-fast)}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.16)}input[type=range]::-moz-range-track{height:5px;border-radius:var(--r-full);background:var(--surface-sunk)}input[type=range]::-moz-range-progress{height:5px;border-radius:var(--r-full);background:var(--accent)}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.3)}.switch{position:relative;width:40px;height:22px;border-radius:var(--r-full);background:var(--surface-sunk);border:1px solid var(--line);transition:background var(--t-fast),border-color var(--t-fast);flex:none}.switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--text-3);transition:transform var(--t),background var(--t-fast)}.switch[aria-checked=true]{background:var(--accent);border-color:transparent}.switch[aria-checked=true]:after{transform:translate(18px);background:#fff}.table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.table th{text-align:left;font-size:var(--fs-2xs);letter-spacing:.11em;text-transform:uppercase;color:var(--text-3);font-weight:600;padding:var(--s2) var(--s3);border-bottom:1px solid var(--line)}.table td{padding:var(--s3);border-bottom:1px solid var(--line-faint);color:var(--text-2);vertical-align:top}.table tr:last-child td{border-bottom:none}@keyframes np-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes np-fade{0%{opacity:0}to{opacity:1}}@keyframes np-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.055)}}@keyframes np-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.09)}}@keyframes np-spin{to{transform:rotate(360deg)}}@keyframes np-drift{0%{transform:translateZ(0) scale(1)}33%{transform:translate3d(4%,-3%,0) scale(1.07)}66%{transform:translate3d(-3%,3%,0) scale(.96)}to{transform:translateZ(0) scale(1)}}@keyframes np-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.app{position:relative;z-index:1;display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);grid-template-rows:minmax(0,1fr) var(--transport-h);grid-template-areas:"sidebar main" "transport transport";height:100vh;height:100dvh}.sidebar{grid-area:sidebar;display:flex;flex-direction:column;min-height:0;padding:var(--s4) var(--s3) var(--s3);gap:var(--s3);background:linear-gradient(180deg,#ffffff0b,#ffffff03);backdrop-filter:blur(var(--blur)) saturate(1.5);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.5);border-right:1px solid var(--line-faint)}.brand{display:flex;align-items:center;gap:var(--s3);padding:0 var(--s2) var(--s2)}.brand-mark{width:34px;height:34px;flex:none;filter:drop-shadow(0 0 12px var(--accent-glow))}.brand-text{min-width:0}.brand-name{font-family:var(--font-display);font-size:var(--fs-md);font-weight:650;letter-spacing:-.02em;line-height:1.1}.brand-sub{font-size:9.5px;letter-spacing:.17em;text-transform:uppercase;color:var(--text-3)}.nav{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:2px;margin:0 calc(var(--s2) * -1);padding:0 var(--s2)}.nav-group-label{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);font-weight:700;padding:var(--s3) var(--s3) 5px}.nav-item{position:relative;display:flex;align-items:center;gap:var(--s3);width:100%;padding:8px var(--s3);border-radius:var(--r);color:var(--text-2);font-size:var(--fs-sm);font-weight:550;text-align:left;transition:background var(--t-fast),color var(--t-fast)}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.is-active{background:var(--accent-soft);color:var(--text)}.nav-item.is-active:before{content:"";position:absolute;left:0;top:50%;width:3px;height:18px;transform:translateY(-50%);border-radius:0 3px 3px 0;background:var(--accent);box-shadow:0 0 10px var(--accent)}.nav-icon{width:18px;flex:none;display:grid;place-items:center;opacity:.9}.nav-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-key{font-family:var(--font-mono);font-size:9.5px;color:var(--text-3);border:1px solid var(--line-faint);border-radius:4px;padding:1px 4px;opacity:0;transition:opacity var(--t-fast)}.nav-item:hover .nav-key,.nav-item.is-active .nav-key{opacity:1}.nav-live{width:6px;height:6px;border-radius:50%;background:var(--good);box-shadow:0 0 8px var(--good);animation:np-pulse 2s ease-in-out infinite}.sidebar-foot{display:flex;flex-direction:column;gap:var(--s2);padding-top:var(--s3);border-top:1px solid var(--line-faint)}.sidebar-foot .row{gap:4px}.main{grid-area:main;min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden}.main-inner{padding:var(--s6) var(--s6) var(--s8);min-height:100%;animation:np-fade-up .32s var(--ease-out) both}.section-head{margin-bottom:var(--s5)}.section-head h1{margin-bottom:6px}.section-head p{max-width:68ch}.transport{grid-area:transport;display:flex;align-items:center;gap:var(--s4);padding:0 var(--s5);background:linear-gradient(180deg,#ffffff0d,#00000052);backdrop-filter:blur(var(--blur)) saturate(1.5);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.5);border-top:1px solid var(--line);z-index:20}.play-btn{position:relative;width:50px;height:50px;flex:none;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,var(--accent),#a07dff);color:#fff;box-shadow:0 6px 26px var(--accent-glow);transition:transform var(--t-fast),box-shadow var(--t-fast),filter var(--t-fast)}.play-btn:hover{transform:scale(1.05);filter:brightness(1.08)}.play-btn:active{transform:scale(.97)}.play-btn.is-playing{background:linear-gradient(140deg,#2b2b45,#1c1c30);box-shadow:0 0 0 1px var(--line-strong),0 6px 22px #00000080}.play-btn.is-playing:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1.5px solid var(--accent);opacity:.55;animation:np-pulse 2.6s ease-in-out infinite}.transport-clock{font-family:var(--font-mono);font-size:var(--fs-lg);font-weight:500;letter-spacing:-.01em;min-width:88px}.transport-sub{font-size:var(--fs-2xs);color:var(--text-3);letter-spacing:.04em}.transport-journey{flex:1;min-width:120px;max-width:460px;display:flex;flex-direction:column;gap:4px}.journey-bar{position:relative;height:6px;border-radius:var(--r-full);background:var(--surface-sunk);overflow:hidden}.journey-bar-fill{position:absolute;inset:0 auto 0 0;border-radius:var(--r-full);background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .4s linear}.journey-bar-stages{position:absolute;inset:0;display:flex}.journey-bar-stages span{flex:1;border-right:1px solid rgba(0,0,0,.5)}.journey-bar-stages span:last-child{border-right:none}.journey-note{font-size:var(--fs-2xs);color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transport-meter{width:120px;display:flex;flex-direction:column;gap:3px}.rec-dot{width:9px;height:9px;border-radius:50%;background:var(--rec);box-shadow:0 0 10px var(--rec);animation:np-pulse 1.1s ease-in-out infinite}.toasts{position:fixed;right:var(--s5);bottom:calc(var(--transport-h) + var(--s4));display:flex;flex-direction:column;gap:var(--s2);z-index:200;pointer-events:none;max-width:min(400px,80vw)}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:var(--s3);padding:var(--s3) var(--s4);border-radius:var(--r);background:var(--surface-solid);border:1px solid var(--line);box-shadow:var(--shadow-lg);font-size:var(--fs-sm);animation:np-fade-up .26s var(--ease-out) both}.toast-icon{flex:none;font-size:15px;line-height:1.4}.toast.is-error{border-color:#ff5f6d80}.toast.is-good{border-color:#35d39a73}.toast-close{margin-left:auto;color:var(--text-3);font-size:16px;line-height:1}.toast-close:hover{color:var(--text)}.overlay{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:var(--s5);background:#04040cb3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:np-fade .18s ease both}.modal{width:min(660px,100%);max-height:min(84vh,780px);overflow-y:auto;padding:var(--s6);border-radius:var(--r-xl);background:var(--surface-solid);border:1px solid var(--line);box-shadow:var(--shadow-lg);animation:np-fade-up .24s var(--ease-out) both}.modal-head{display:flex;align-items:flex-start;gap:var(--s4);margin-bottom:var(--s4)}.modal-head h2{flex:1}.palette{width:min(620px,100%);max-height:62vh;display:flex;flex-direction:column;border-radius:var(--r-lg);background:var(--surface-solid);border:1px solid var(--line);box-shadow:var(--shadow-lg);overflow:hidden;animation:np-fade-up .2s var(--ease-out) both}.palette input{height:54px;padding:0 var(--s5);background:transparent;border:none;border-bottom:1px solid var(--line-faint);font-size:var(--fs-md);outline:none}.palette-list{overflow-y:auto;padding:var(--s2)}.palette-item{display:flex;align-items:center;gap:var(--s3);width:100%;padding:9px var(--s3);border-radius:var(--r-sm);text-align:left;font-size:var(--fs-sm);color:var(--text-2)}.palette-item[data-active=true]{background:var(--accent-soft);color:var(--text)}.palette-item kbd{margin-left:auto;font-family:var(--font-mono);font-size:10px;border:1px solid var(--line);border-radius:4px;padding:1px 5px;color:var(--text-3)}.palette-kind{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--text-3);min-width:62px}.keys-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--s5)}.keys-row{display:flex;align-items:center;gap:var(--s3);padding:5px 0;font-size:var(--fs-sm)}.keys-row kbd{font-family:var(--font-mono);font-size:10.5px;min-width:26px;text-align:center;border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:2px 6px;background:var(--surface-2);color:var(--text)}.gate{position:fixed;inset:0;z-index:400;display:grid;place-items:center;padding:var(--s5);background:radial-gradient(120% 90% at 50% 0%,var(--bg-base),var(--bg-void))}.gate-card{width:min(560px,100%);padding:var(--s7);border-radius:var(--r-xl);background:var(--surface-1);border:1px solid var(--line);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));text-align:center;animation:np-fade-up .4s var(--ease-out) both}.gate-card h1{margin-bottom:var(--s3)}.gate-list{text-align:left;margin:var(--s5) 0;display:grid;gap:var(--s2)}.gate-list li{list-style:none;display:flex;gap:var(--s3);font-size:var(--fs-sm);color:var(--text-2)}.gate-list li:before{content:"·";color:var(--accent);font-weight:900}@media (max-width: 900px){.app{grid-template-columns:64px minmax(0,1fr)}:root{--sidebar-w: 64px}.brand-text,.nav-label,.nav-key,.nav-group-label,.sidebar-foot .btn span{display:none}.nav-item{justify-content:center;padding:10px 0}.main-inner{padding:var(--s5) var(--s4) var(--s8)}.transport{padding:0 var(--s3);gap:var(--s3)}.transport-meter{display:none}}.console{display:flex;flex-direction:column;gap:var(--s4);height:100%;min-height:0}.console-body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s4);min-height:0;flex:1}.console-rail{display:flex;gap:var(--s2);overflow-x:auto;overflow-y:hidden;padding:var(--s3) var(--s3) var(--s4);border-radius:var(--r-lg);background:linear-gradient(180deg,#ffffff0b,#00000047),var(--surface-sunk);border:1px solid var(--line-faint);box-shadow:inset 0 2px 20px #00000073;scroll-snap-type:x proximity}.strip{position:relative;flex:none;width:118px;display:flex;flex-direction:column;align-items:center;gap:var(--s2);padding:var(--s2) 6px 0;border-radius:var(--r);background:linear-gradient(180deg,var(--surface-2),var(--surface-1));border:1px solid var(--line-faint);scroll-snap-align:start;transition:border-color var(--t),background var(--t),opacity var(--t),box-shadow var(--t)}.strip.is-on{border-color:color-mix(in srgb,var(--ch) 45%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--ch) 20%,transparent),0 10px 30px -14px var(--ch);background:linear-gradient(180deg,color-mix(in srgb,var(--ch) 11%,var(--surface-2)),var(--surface-1))}.strip.is-dimmed{opacity:.4}.strip.is-muted .strip-fader-row{opacity:.45}.strip.kind-neuro{width:122px}.strip-power{display:flex;align-items:center;gap:6px;width:100%;padding:5px 7px;border-radius:var(--r-sm);background:var(--surface-sunk);border:1px solid var(--line-faint);transition:background var(--t-fast),border-color var(--t-fast)}.strip-power:hover{background:var(--surface-2);border-color:var(--line)}.strip-led{width:8px;height:8px;border-radius:50%;flex:none;background:var(--line-strong);transition:background var(--t),box-shadow var(--t)}.strip.is-on .strip-led{background:var(--ch-glow);box-shadow:0 0 9px var(--ch-glow),0 0 20px color-mix(in srgb,var(--ch) 55%,transparent);animation:np-pulse 3.4s ease-in-out infinite}.strip-name{font-size:var(--fs-2xs);font-weight:650;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-2)}.strip.is-on .strip-name{color:var(--text)}.strip-source{width:100%;text-align:center;padding:5px 4px;border-radius:var(--r-sm);background:#00000047;border:1px solid var(--line-faint);min-height:52px;display:flex;flex-direction:column;justify-content:center;gap:1px}.strip-hz{font-family:var(--font-mono);font-size:15px;font-weight:600;line-height:1.1;color:var(--ch-glow);text-shadow:0 0 14px color-mix(in srgb,var(--ch) 60%,transparent);background:none;width:100%}.strip-hz small{font-size:9px;opacity:.6;margin-left:2px}.strip-hz-input{width:100%;background:var(--surface-3);border:1px solid var(--accent);border-radius:4px;text-align:center;font-size:14px;padding:1px 2px;color:var(--text);font-family:var(--font-mono)}.strip-note{font-size:var(--fs-2xs);color:var(--text-3);line-height:1.2}.strip-emoji{font-size:22px;line-height:1.2}.strip-source-label{font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.strip-select,.strip-select-static{width:100%;height:24px;font-size:10.5px;padding:0 5px;border-radius:var(--r-sm);background:var(--surface-sunk);border:1px solid var(--line-faint);color:var(--text-2);appearance:none;text-align:center;text-align-last:center;cursor:pointer}.strip-select:hover{border-color:var(--line);color:var(--text)}.strip-select-static{display:grid;place-items:center;cursor:default}.strip-select option{background:var(--surface-solid);color:var(--text)}.strip-group{width:100%}.strip-group-label{display:block;text-align:center;font-size:8.5px;letter-spacing:.15em;color:var(--text-3);font-weight:700;margin-bottom:1px}.strip-knobs{display:flex;justify-content:center;gap:3px;padding:4px 0 2px;border-top:1px solid var(--line-faint)}.strip-fader-row{display:flex;align-items:flex-start;gap:7px;padding-top:var(--s1);transition:opacity var(--t)}.strip-meter{display:flex;align-items:stretch}.strip-buttons{display:flex;gap:4px;width:100%}.strip-btn{flex:1;height:22px;border-radius:var(--r-sm);border:1px solid var(--line-faint);background:var(--surface-sunk);font-size:10px;font-weight:800;letter-spacing:.06em;color:var(--text-3);transition:all var(--t-fast)}.strip-btn:hover{border-color:var(--line-strong);color:var(--text)}.strip-btn.mute.is-active{background:#ff5f6d38;border-color:var(--bad);color:#ff9aa2;box-shadow:0 0 12px #ff5f6d59}.strip-btn.solo.is-active{background:#ffb54738;border-color:var(--warn);color:#ffd08a;box-shadow:0 0 12px #ffb54759}.strip-footer{width:calc(100% + 12px);margin:0 -6px;padding:5px 4px;text-align:center;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text);border-radius:0 0 var(--r) var(--r);border-top:1px solid var(--line-faint);transition:background var(--t);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.master{width:176px;flex:none;display:flex;flex-direction:column;gap:var(--s3);padding:var(--s3);border-radius:var(--r-lg);background:linear-gradient(180deg,rgba(124,92,255,.1),var(--surface-1));border:1px solid var(--line);box-shadow:var(--shadow)}.master-head{display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-2xs);letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--text-2)}.master-fader-row{display:flex;justify-content:center;gap:var(--s2)}.master-knobs{display:flex;justify-content:center;gap:2px}.master-lufs{text-align:center;font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--text-3)}.rack{display:flex;flex-direction:column;gap:var(--s3)}.rack-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(184px,1fr));gap:var(--s2)}.rack-slot{position:relative;min-height:96px;padding:var(--s3);border-radius:var(--r);border:1px dashed var(--line);background:var(--surface-sunk);display:flex;flex-direction:column;gap:6px;transition:border-color var(--t),background var(--t),transform var(--t)}.rack-slot.is-over{border-color:var(--accent);background:var(--accent-soft);transform:scale(1.015)}.rack-slot.is-filled{border-style:solid;border-color:color-mix(in srgb,var(--fx) 55%,transparent);background:linear-gradient(150deg,color-mix(in srgb,var(--fx) 13%,transparent),var(--surface-1))}.rack-slot-empty{display:grid;place-items:center;height:100%;color:var(--text-3);font-size:var(--fs-xs);text-align:center;gap:3px}.rack-slot-head{display:flex;align-items:center;gap:6px;font-size:var(--fs-xs);font-weight:650}.rack-slot-index{font-family:var(--font-mono);font-size:9px;padding:1px 5px;border-radius:4px;background:var(--surface-2);color:var(--text-3)}.rack-slot-knobs{display:flex;gap:2px;flex-wrap:wrap;justify-content:center}.rack-slot-actions{position:absolute;top:6px;right:6px;display:flex;gap:3px}.rack-mini{width:20px;height:20px;border-radius:5px;display:grid;place-items:center;font-size:11px;color:var(--text-3);border:1px solid transparent;transition:all var(--t-fast)}.rack-mini:hover{background:var(--surface-3);color:var(--text)}.rack-mini.is-on{color:var(--warn);border-color:var(--warn)}.rack-library{display:flex;flex-wrap:wrap;gap:5px}.fx-pill{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:var(--r-full);background:var(--surface-2);border:1px solid color-mix(in srgb,var(--fx) 35%,transparent);font-size:var(--fs-2xs);font-weight:600;color:var(--text-2);cursor:grab;transition:all var(--t-fast);user-select:none}.fx-pill:hover{background:color-mix(in srgb,var(--fx) 18%,var(--surface-2));color:var(--text);transform:translateY(-1px)}.fx-pill:active{cursor:grabbing}.fx-pill-dot{width:7px;height:7px;border-radius:50%;background:var(--fx);box-shadow:0 0 7px var(--fx)}@media (max-width: 1180px){.console-body{grid-template-columns:minmax(0,1fr)}.master{width:100%;flex-direction:row;align-items:center;flex-wrap:wrap}.master-fader-row{flex:1}}