#audio-overlay{position:fixed;inset:0;background:#111111f7;display:flex;align-items:center;justify-content:center;z-index:1000;transition:opacity .4s}.overlay-card{text-align:center;padding:48px 56px;background:var(--site-bg2);border:1px solid var(--site-rule);max-width:400px}.overlay-icon{font-size:48px;color:var(--site-accent);margin-bottom:16px;animation:overlay-pulse 2s ease-in-out infinite}@keyframes overlay-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.96)}}.overlay-card h2{font-size:1rem;font-weight:700;letter-spacing:.2em;color:var(--site-fg);margin-bottom:12px}.overlay-card p{font-size:.75rem;line-height:1.8;color:var(--site-mid);margin-bottom:24px}#init-btn{background:var(--site-accent);border:none;color:#fff;font-family:inherit;font-size:.72rem;font-weight:700;letter-spacing:.15em;padding:14px 32px;cursor:pointer;transition:opacity .15s;margin-bottom:20px;display:block;margin-left:auto;margin-right:auto}#init-btn:hover{opacity:.85}#init-btn:disabled{opacity:.5;cursor:not-allowed}.overlay-hint{font-size:.68rem!important;color:var(--site-dim)!important;margin-bottom:0!important}.overlay-hint strong{color:var(--site-mid)}.help-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 24px;font-size:.65rem;letter-spacing:.05em;color:var(--site-dim);border-bottom:1px solid var(--site-rule);margin-bottom:0}.help-bar strong{color:var(--site-mid)}.help-bar .sep{color:var(--site-rule)}.add-module-bar{flex-wrap:wrap;align-items:center;gap:6px;padding:8px 24px 10px;border-bottom:1px solid var(--site-rule)}.add-bar-label{font-size:.58rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--site-dim);margin-right:6px}.add-module-btn{font-family:monospace;font-size:.65rem;letter-spacing:.1em;font-weight:700;padding:5px 12px;background:none;border:1px solid var(--site-rule);color:var(--site-mid);cursor:pointer;transition:all .15s}.add-module-btn:hover{border-color:var(--site-accent);color:var(--site-accent)}#rack-container{padding:16px 24px 80px;overflow-x:auto}.rack-row{display:flex;flex-wrap:nowrap;gap:8px;align-items:flex-start;min-width:max-content}.synth-module{background:#151515;border:1px solid #282828;padding:10px 10px 12px;flex-shrink:0;position:relative}.module-standard{width:148px}.module-wide{width:100%}.module-seq{width:380px}.module-title{font-size:.55rem;font-weight:700;letter-spacing:.2em;color:var(--site-dim);text-align:center;padding-bottom:8px;border-bottom:1px solid #282828;margin-bottom:8px;text-transform:uppercase;cursor:grab;user-select:none;font-family:monospace}.module-title:active{cursor:grabbing}.module-body{display:flex;flex-direction:column;gap:6px}.module-section{display:flex;flex-direction:column;gap:4px}.section-label{font-size:.5rem;letter-spacing:.1em;color:#333;text-transform:uppercase;font-family:monospace}.knobs-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.knob-wrapper{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:ns-resize;user-select:none;position:relative}.knob-wrapper:hover svg{filter:drop-shadow(0 0 4px rgba(212,98,42,.4))}.wave-selector{display:flex;gap:3px;justify-content:center}.wave-btn{width:28px;height:24px;background:#111;border:1px solid #282828;color:var(--site-dim);font-size:13px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;font-family:monospace;padding:0}.wave-btn:hover{border-color:var(--site-mid);color:var(--site-mid)}.wave-btn.active{background:#1a1208;border-color:#c8a050;color:#c8a050}.jack-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding-top:4px;border-top:1px solid #1e1e1e;margin-top:4px}.jack{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:crosshair}.jack-circle{width:18px;height:18px;border-radius:50%;border:2px solid;transition:all .15s;position:relative}.jack-circle:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--site-bg)}.jack-output .jack-circle{border-color:#c8a050;box-shadow:0 0 4px #c8a0504d;background:#1a1208}.jack-input .jack-circle{border-color:#555;box-shadow:0 0 4px #5553;background:#1a1a1a}.jack:hover .jack-circle{transform:scale(1.2)}.jack-output:hover .jack-circle{box-shadow:0 0 8px #c8a05099;border-color:gold}.jack-input:hover .jack-circle{box-shadow:0 0 8px #8886;border-color:#888}@keyframes jack-pulse{0%{transform:scale(1)}to{transform:scale(1.3)}}.jack-selected .jack-circle{border-color:#fff!important;box-shadow:0 0 12px #fffc!important;animation:jack-pulse .5s ease infinite alternate}.jack-label{font-size:.42rem;letter-spacing:.06em;color:#444;text-align:center;pointer-events:none;white-space:nowrap;font-family:monospace}.transport-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.transport-btn{font-family:monospace;font-size:13px;font-weight:700;width:30px;height:30px;cursor:pointer;transition:all .15s;border:1px solid;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0}.play-btn{background:none;border-color:#4a7a4a;color:#6bcb77}.play-btn:hover{background:#6bcb771a;color:#9affa5;border-color:#6bcb77}.stop-btn{background:none;border-color:#5a3333;color:#c55}.stop-btn:hover{background:#cc55551a;color:#f88;border-color:#c55}.bpm-wrap{display:flex;align-items:center;gap:5px;margin-left:4px}.bpm-label{font-size:.5rem;letter-spacing:.1em;color:var(--site-dim);font-family:monospace}.bpm-display{font-size:1.1rem;font-weight:700;color:#c8a050;letter-spacing:.05em;min-width:36px;font-family:monospace;font-variant-numeric:tabular-nums}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.step-cell{background:#111;border:1px solid #282828;padding:5px 4px;display:flex;flex-direction:column;align-items:center;gap:3px;transition:all .1s;position:relative}.step-cell.active{background:#151515;border-color:#383838}.step-cell.playing{border-color:#c8a050!important;box-shadow:0 0 8px #c8a0504d;background:#1a1508!important}.step-toggle{font-size:12px;background:none;border:none;cursor:pointer;color:#333;line-height:1;transition:all .15s;font-family:monospace;padding:0}.step-cell.active .step-toggle{color:#6bcb77}.step-cell.playing .step-toggle{color:#c8a050}.step-note-label{font-size:.5rem;letter-spacing:.05em;color:var(--site-dim);text-align:center;pointer-events:none;font-family:monospace}.step-cell.active .step-note-label{color:var(--site-mid)}.step-cell.playing .step-note-label{color:#c8a050}.note-picker{background:var(--site-bg2);border:1px solid var(--site-rule);padding:8px;box-shadow:0 8px 32px #000000b3;display:flex;flex-direction:column;gap:3px}.note-picker-row{display:flex;gap:2px}.note-picker-btn{font-family:monospace;font-size:.45rem;letter-spacing:.03em;padding:4px 3px;min-width:22px;background:#151515;border:1px solid #282828;color:var(--site-mid);cursor:pointer;transition:all .1s;text-align:center}.note-picker-btn.sharp{background:#111;color:var(--site-dim)}.note-picker-btn:hover{border-color:#c8a050;color:#c8a050;background:#1a1208}.note-picker-btn.active{background:#1a1208;border-color:#c8a050;color:gold}.module-dragging{opacity:.45;box-shadow:0 0 0 1px #c8a050!important}.drag-over-left{box-shadow:-3px 0 #c8a050!important}.drag-over-right{box-shadow:3px 0 #c8a050!important}.module-remove-btn{position:absolute;top:3px;right:4px;width:16px;height:16px;background:none;border:none;color:#333;font-size:15px;line-height:1;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .15s;z-index:5}.module-remove-btn:hover{color:var(--site-accent)}.vu-meter{border:1px solid #282828}.knob-label{font-size:.5rem;color:var(--site-dim);letter-spacing:.08em;text-transform:uppercase;font-family:monospace}.knob-tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--site-bg2);border:1px solid var(--site-rule);color:var(--site-fg);font-size:.6rem;font-family:monospace;padding:3px 6px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .1s;z-index:100}.knob-wrapper:hover .knob-tooltip{opacity:1}header[data-astro-cid-b5ncxz74]{border-bottom:1px solid var(--site-rule);padding:32px 0 28px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:24px}h1[data-astro-cid-b5ncxz74]{font-size:clamp(2rem,6vw,4.5rem);font-weight:800;letter-spacing:-.04em;line-height:.95;color:var(--site-fg)}h1[data-astro-cid-b5ncxz74] span[data-astro-cid-b5ncxz74]{color:var(--site-accent)}.header-meta[data-astro-cid-b5ncxz74]{text-align:right;display:flex;flex-direction:column;gap:4px;padding-bottom:6px}.meta-line[data-astro-cid-b5ncxz74]{font-size:.68rem;letter-spacing:.06em;color:var(--site-mid);font-family:monospace}.meta-line[data-astro-cid-b5ncxz74] strong[data-astro-cid-b5ncxz74]{color:var(--site-fg);font-weight:600}@media(max-width:640px){header[data-astro-cid-b5ncxz74]{grid-template-columns:1fr;gap:12px}.header-meta[data-astro-cid-b5ncxz74]{text-align:left}}