.app{background-color:var(--bg-primary);flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-top-bar{background-color:var(--bg-surface);border-bottom:1px solid var(--terminal-green-dim);justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.app-logo{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.15em;color:var(--terminal-green);text-shadow:0 0 10px var(--glow-color), 0 0 20px var(--glow-color);-webkit-user-select:none;user-select:none;align-items:baseline;gap:.75rem;font-size:1.75rem;font-weight:400;display:flex}.app-top-bar-actions{align-items:center;gap:.75rem;display:flex}.app-btn{font-family:var(--font-body);border:1px solid var(--text-muted);color:var(--text-primary);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:0 0;border-radius:0;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:400;transition:border-color .15s ease-out,box-shadow .15s ease-out,color .15s ease-out;display:inline-flex}.app-btn:hover{border-color:var(--terminal-green);color:var(--terminal-green);box-shadow:0 0 8px var(--glow-color)}.app-btn:focus-visible{outline:2px solid var(--terminal-green);outline-offset:2px}.app-btn--export{border-color:var(--terminal-green);color:var(--terminal-green)}.app-btn--export:hover{background-color:var(--terminal-green);color:var(--bg-primary);box-shadow:0 0 12px var(--glow-color)}.app-main{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.app-upload-zone{border:1px dashed var(--text-muted);background-color:var(--bg-surface);cursor:pointer;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;min-height:200px;margin:1.5rem;padding:2rem;transition:border-color .2s ease-out,box-shadow .2s ease-out,background-color .2s ease-out;display:flex}.app-upload-zone:hover,.app-upload-zone--drag-over{border-color:var(--terminal-green);background-color:var(--bg-elevated);box-shadow:0 0 16px #00ff4126,inset 0 0 30px #00ff4108}.app-upload-zone:focus-visible{outline:2px solid var(--terminal-green);outline-offset:2px}.app-upload-icon{color:var(--text-muted);font-size:2.5rem;line-height:1}.app-upload-text{font-family:var(--font-body);color:var(--text-muted);text-align:center;font-size:1rem}.app-upload-text strong{color:var(--terminal-green);text-shadow:0 0 6px var(--glow-color)}.app-upload-formats{font-family:var(--font-mono);color:var(--text-muted);font-size:.75rem}.app-upload-input{display:none}.app-waveform-area{background-color:var(--bg-surface);border:1px solid var(--terminal-green-dim);border-radius:0;flex-direction:column;flex:1;min-height:200px;margin:1.5rem;padding:1rem;display:flex}.app-track-info{background-color:var(--bg-surface);font-family:var(--font-mono);color:var(--text-muted);border-radius:0;align-items:center;gap:.5rem;margin:0 1.5rem;padding:.5rem .75rem;font-size:.8125rem;display:flex}.app-track-info-name{color:var(--terminal-green);text-shadow:0 0 6px var(--glow-color);font-weight:400}.app-transport-bar{background-color:var(--bg-surface);border-top:1px solid var(--terminal-green-dim);border-bottom:1px solid var(--terminal-green-dim);justify-content:center;align-items:center;min-height:56px;padding:.75rem 1.5rem;display:flex}.app-bottom-panel{background-color:var(--bg-elevated);gap:1px;min-height:180px;display:flex}.app-takes-panel{background-color:var(--bg-primary);flex:1;padding:1rem 1.5rem}.app-autotune-panel{background-color:var(--bg-primary);border-left:1px solid var(--terminal-green-dim);flex:0 0 280px;padding:1rem 1.5rem}.app-panel-title{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);text-shadow:0 0 4px #00ff414d;margin-bottom:.75rem;font-size:1.25rem;font-weight:400}.placeholder-text{font-family:var(--font-mono);color:var(--text-muted);font-size:.8125rem;font-style:normal}.placeholder-text:before{content:"> ";color:var(--terminal-green-dim)}.app-analyzing{font-family:var(--font-mono);color:var(--terminal-green);text-shadow:0 0 6px var(--glow-color);align-items:center;gap:.5rem;margin:0 1.5rem;padding:.5rem .75rem;font-size:.8125rem;display:flex}.app-analyzing:before{content:"["}.app-analyzing:after{content:"]"}.app-samples{flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem 1.5rem;display:flex}.app-samples-label{font-family:var(--font-body);color:var(--text-muted);margin-right:.25rem;font-size:.8125rem}.app-sample-btn{font-family:var(--font-mono);border:1px solid var(--text-muted);color:var(--text-muted);cursor:pointer;text-transform:none;letter-spacing:.02em;background:0 0;border-radius:0;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.75rem;font-weight:400;transition:border-color .15s ease-out,color .15s ease-out,box-shadow .15s ease-out;display:inline-flex}.app-sample-btn:hover{border-color:var(--terminal-green);color:var(--terminal-green);box-shadow:0 0 6px var(--glow-color)}.app-sample-btn:focus-visible{outline:2px solid var(--terminal-green);outline-offset:2px}.app-sample-btn:disabled{opacity:.3;cursor:not-allowed}.app-clear-btn{font-family:var(--font-mono);border:1px solid var(--terminal-red);color:var(--terminal-red);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:0 0;border-radius:0;align-items:center;gap:.25rem;margin-left:auto;padding:.25rem .5rem;font-size:.6875rem;font-weight:400;transition:background-color .15s ease-out,box-shadow .15s ease-out;display:inline-flex}.app-clear-btn:hover{background-color:#ff33331a;box-shadow:0 0 6px #ff33334d}.app-clear-btn:focus-visible{outline:2px solid var(--terminal-red);outline-offset:2px}.autotune-panel{flex-direction:column;gap:.75rem;display:flex}.autotune-toggle-row{align-items:center;gap:.75rem;display:flex}.autotune-toggle{font-family:var(--font-mono);border:1px solid var(--text-muted);color:var(--text-muted);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:0 0;align-items:center;padding:.375rem .75rem;font-size:.8125rem;font-weight:400;transition:color .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out;display:inline-flex}.autotune-toggle:hover{border-color:var(--text-primary);color:var(--text-primary)}.autotune-toggle--on{color:var(--terminal-green);border-color:var(--terminal-green);box-shadow:0 0 8px var(--glow-color)}.autotune-toggle--on:hover{box-shadow:0 0 12px var(--glow-color)}.autotune-toggle:focus-visible{outline:2px solid var(--terminal-green);outline-offset:2px}.autotune-detected{font-family:var(--font-mono);color:var(--text-muted);font-size:.6875rem}.autotune-field{flex-direction:column;gap:.25rem;display:flex}.autotune-label{font-family:var(--font-body);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.6875rem}.autotune-select{appearance:none;font-family:var(--font-mono);color:var(--text-primary);background-color:var(--bg-elevated);border:1px solid var(--text-muted);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23338033'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;padding:.375rem 1.75rem .375rem .5rem;font-size:.8125rem;transition:border-color .15s ease-out,box-shadow .15s ease-out}.autotune-select:hover:not(:disabled){border-color:var(--terminal-green)}.autotune-select:focus{border-color:var(--terminal-green);box-shadow:0 0 8px var(--glow-color);outline:none}.autotune-select:disabled{opacity:.4;cursor:not-allowed}.autotune-select option{background-color:var(--bg-elevated);color:var(--text-primary)}.autotune-slider-row{align-items:center;gap:.5rem;display:flex}.autotune-slider{appearance:none;background:linear-gradient(to right, var(--bg-elevated), var(--terminal-amber));cursor:pointer;border:none;outline:none;flex:1;height:4px}.autotune-slider:disabled{opacity:.4;cursor:not-allowed}.autotune-slider::-webkit-slider-thumb{appearance:none;background-color:var(--terminal-amber);border:1px solid var(--bg-primary);cursor:pointer;width:14px;height:14px;transition:box-shadow .15s ease-out;box-shadow:0 0 6px #ffb00080}.autotune-slider:hover:not(:disabled)::-webkit-slider-thumb{box-shadow:0 0 12px #ffb000b3}.autotune-slider:focus::-webkit-slider-thumb{box-shadow:0 0 12px #ffb000b3}.autotune-slider::-moz-range-thumb{background-color:var(--terminal-amber);border:1px solid var(--bg-primary);cursor:pointer;border-radius:0;width:14px;height:14px;box-shadow:0 0 6px #ffb00080}.autotune-slider:hover:not(:disabled)::-moz-range-thumb{box-shadow:0 0 12px #ffb000b3}.autotune-slider::-moz-range-track{background:linear-gradient(to right, var(--bg-elevated), var(--terminal-amber));border:none;height:4px}.autotune-strength-value{font-family:var(--font-mono);color:var(--terminal-amber);text-align:right;text-shadow:0 0 4px #ffb0004d;min-width:2.5rem;font-size:.8125rem}.calibration-overlay{z-index:1000;background-color:#0a0a0ae6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.calibration-modal{background-color:var(--bg-surface);border:1px solid var(--terminal-amber);flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:420px;padding:2rem;display:flex;box-shadow:0 0 24px #ffb00026}.calibration-title{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;color:var(--terminal-amber);text-shadow:0 0 8px #ffb00066;text-align:center;margin:0;font-size:1.5rem;font-weight:400}.calibration-description{font-family:var(--font-body);color:var(--text-muted);text-align:center;margin:0;font-size:.8125rem;line-height:1.5}.calibration-ring-container{justify-content:center;align-items:center;width:120px;height:120px;margin:.5rem 0;display:flex;position:relative}.calibration-ring{border:2px solid var(--terminal-amber);border-radius:0;animation:1.5s ease-out infinite calibration-radiate;position:absolute;inset:0}.calibration-ring--delayed{animation-delay:.75s}@keyframes calibration-radiate{0%{opacity:1;transform:scale(.3);box-shadow:0 0 12px #ffb00099}to{opacity:0;transform:scale(1);box-shadow:0 0 24px #ffb00000}}.calibration-status{z-index:1;font-family:var(--font-mono);color:var(--terminal-amber);text-shadow:0 0 6px #ffb00066;font-size:.8125rem;position:relative}.calibration-result{background-color:var(--bg-elevated);border:1px solid var(--terminal-green-dim);flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1.5rem;display:flex}.calibration-result-label{font-family:var(--font-body);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.calibration-result-value{font-family:var(--font-mono);color:var(--terminal-green);text-shadow:0 0 8px var(--glow-color);font-size:1.5rem}.calibration-warning{font-family:var(--font-body);color:var(--terminal-amber);border:1px solid var(--terminal-amber);text-align:center;background-color:#ffb0000d;padding:.5rem .75rem;font-size:.8125rem;line-height:1.4}.calibration-warning:before{content:"[WARN] "}.calibration-error{font-family:var(--font-body);color:var(--terminal-red);border:1px solid var(--terminal-red);text-align:center;background-color:#ff33330d;padding:.5rem .75rem;font-size:.8125rem;line-height:1.4}.calibration-error:before{content:"[ERROR] "}.calibration-actions{align-items:center;gap:.75rem;display:flex}.calibration-btn{font-family:var(--font-body);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:0 0;border:1px solid;padding:.5rem 1.25rem;font-size:.875rem;font-weight:400;transition:color .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out,background-color .15s ease-out}.calibration-btn:focus-visible{outline:2px solid var(--terminal-green);outline-offset:2px}.calibration-btn--start{border-color:var(--terminal-amber);color:var(--terminal-amber)}.calibration-btn--start:hover{background-color:var(--terminal-amber);color:var(--bg-primary);box-shadow:0 0 12px #ffb00066}.calibration-btn--skip{border-color:var(--text-muted);color:var(--text-muted)}.calibration-btn--skip:hover{border-color:var(--text-primary);color:var(--text-primary);box-shadow:0 0 6px var(--glow-color)}.calibration-skip-note{font-family:var(--font-mono);color:var(--text-muted);margin:0;font-size:.6875rem}.calibration-visualizer{background-color:var(--bg-primary);border:1px solid var(--terminal-green-dim);width:100%;height:60px;image-rendering:pixelated;margin-top:1rem}.countdown-overlay{pointer-events:none;z-index:5;background-color:#0006;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.countdown-overlay-number{font-family:var(--font-heading);color:var(--terminal-green);text-shadow:0 0 12px var(--glow-color), 0 0 24px var(--glow-color), 0 0 48px #00ff414d;-webkit-user-select:none;user-select:none;font-size:8rem;font-weight:400;line-height:1}.countdown-pulse{animation:.18s ease-out forwards countdown-beat-pulse}.countdown-pulse--downbeat{animation:.25s ease-out forwards countdown-downbeat-pulse}@keyframes countdown-beat-pulse{0%{text-shadow:0 0 18px var(--glow-color), 0 0 36px var(--glow-color), 0 0 64px #00ff4180;transform:scale(1.18)}to{text-shadow:0 0 12px var(--glow-color), 0 0 24px var(--glow-color), 0 0 48px #00ff414d;transform:scale(1)}}@keyframes countdown-downbeat-pulse{0%{text-shadow:0 0 24px var(--glow-color), 0 0 48px var(--glow-color), 0 0 96px #00ff41b3;transform:scale(1.35)}to{text-shadow:0 0 12px var(--glow-color), 0 0 24px var(--glow-color), 0 0 48px #00ff414d;transform:scale(1)}}.error-banner-wrapper{opacity:0;max-height:0;transition:max-height .3s ease-out,opacity .2s ease-out;overflow:hidden}.error-banner-wrapper.error-banner-visible{opacity:1;max-height:200px;transition:max-height .3s ease-in,opacity .2s ease-in 50ms}.error-banner{background-color:var(--bg-surface);border-left:4px solid var(--terminal-red);justify-content:space-between;align-items:flex-start;gap:1rem;width:100%;padding:.75rem 1rem;display:flex;box-shadow:inset 4px 0 12px -4px #ff33334d,0 2px 8px #0006}.error-banner-content{flex:1;min-width:0}.error-banner-message{font-family:var(--font-body);color:var(--terminal-red);text-shadow:0 0 4px #ff33334d;margin:0;font-size:.9375rem;font-weight:400;line-height:1.4}.error-banner-message:before{content:"[ERROR] ";color:var(--terminal-red)}.error-banner-detail{font-family:var(--font-body);color:var(--text-muted);margin:.25rem 0 0;font-size:.8125rem;line-height:1.4}.error-banner-dismiss{border:1px solid var(--text-muted);width:1.75rem;height:1.75rem;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;margin-top:.125rem;padding:0;font-size:1.125rem;line-height:1;transition:color .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out;display:flex}.error-banner-dismiss:hover{color:var(--terminal-red);border-color:var(--terminal-red);box-shadow:0 0 6px #f336}.error-banner-dismiss:focus-visible{outline:2px solid var(--terminal-green);outline-offset:2px}.export-btn{font-family:var(--font-body);border:1px solid var(--terminal-green);color:var(--terminal-green);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 0 6px var(--glow-color);background:0 0;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:400;transition:background-color .15s ease-out,color .15s ease-out,box-shadow .15s ease-out,opacity .15s ease-out;display:inline-flex}.export-btn:hover:not(:disabled){background-color:var(--terminal-green);color:var(--bg-primary);box-shadow:0 0 16px var(--glow-color)}.export-btn:focus-visible{outline:2px solid var(--terminal-green);outline-offset:2px}.export-btn:disabled{opacity:.35;cursor:not-allowed}.export-btn--exporting{border-color:var(--terminal-amber);color:var(--terminal-amber);box-shadow:0 0 6px #ffb00066}.export-spinner{border:2px solid var(--terminal-amber);border-top-color:#0000;width:12px;height:12px;animation:.8s linear infinite export-spin;display:inline-block}@keyframes export-spin{to{transform:rotate(360deg)}}.mic-level-meter{background:var(--bg-elevated);border:1px solid #00ff4133;border-radius:0;width:100%;height:12px;position:relative;overflow:hidden}.mic-level-meter__bar{background:#00ff41;border-radius:0;height:100%;transition:width 50ms linear}.mic-level-meter__peak{background:var(--terminal-green-bright,#3f6);pointer-events:none;width:2px;height:100%;transition:left 50ms linear;position:absolute;top:0}.mic-level-meter--inactive{opacity:0;pointer-events:none}.knob-control{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:.25rem;display:inline-flex}.knob-control-label{font-family:var(--font-body);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem}.knob-control-ring{border:2px solid var(--terminal-green-dim);background-color:var(--bg-elevated);cursor:ew-resize;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:border-color .15s ease-out,box-shadow .15s ease-out;display:flex;position:relative}.knob-control-ring:hover{border-color:var(--terminal-green);box-shadow:0 0 8px var(--glow-color)}.knob-control-ring--active{border-color:var(--terminal-green);box-shadow:0 0 12px var(--glow-color)}.knob-control-ring--amber{border-color:var(--terminal-amber)}.knob-control-ring--amber:hover,.knob-control-ring--amber.knob-control-ring--active{border-color:var(--terminal-amber);box-shadow:0 0 8px #ffb00066}.knob-control-value{font-family:var(--font-mono);color:var(--terminal-green);text-align:center;cursor:ew-resize;pointer-events:none;background:0 0;border:none;width:100%;padding:0;font-size:.8125rem;font-weight:400;line-height:1}.knob-control-ring--amber .knob-control-value{color:var(--terminal-amber)}.knob-control-input{font-family:var(--font-mono);color:var(--terminal-green);background-color:var(--bg-primary);border:1px solid var(--terminal-green);text-align:center;width:44px;box-shadow:0 0 6px var(--glow-color);border-radius:0;outline:none;padding:.125rem;font-size:.8125rem;font-weight:400}.knob-control-ring--amber .knob-control-input{color:var(--terminal-amber);border-color:var(--terminal-amber);box-shadow:0 0 6px #ffb0004d}.knob-control-unit{font-family:var(--font-mono);color:var(--text-muted);font-size:.5625rem}.take-list{flex-direction:column;gap:.375rem;display:flex}.take-list--empty{justify-content:center;align-items:center;min-height:60px;display:flex}.take-list-empty-text{font-family:var(--font-mono);color:var(--text-muted);margin:0;font-size:.8125rem}.take-list-empty-text:before{content:"> ";color:var(--terminal-green-dim)}.take-strip{background-color:var(--bg-surface);border:1px solid #0000;align-items:center;gap:.75rem;padding:.5rem .75rem;transition:border-color .15s ease-out,opacity .15s ease-out;display:flex}.take-strip:hover{border-color:var(--terminal-green-dim)}.take-strip--muted{opacity:.5}.take-strip-accent{background-color:var(--take-accent,var(--terminal-green));width:3px;height:2rem;box-shadow:0 0 6px var(--take-accent,var(--terminal-green));flex-shrink:0}.take-strip-info{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.take-strip-name{font-family:var(--font-body);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}.take-strip-waveform{width:100%;height:24px;display:block}.take-strip-waveform polygon{fill:var(--take-accent,var(--terminal-green));opacity:.5}.take-strip:hover .take-strip-waveform polygon{opacity:.8}.take-strip-region{background-color:var(--bg-elevated);width:100%;height:4px;position:relative}.take-strip-region-bar{background-color:var(--take-accent,var(--terminal-green));opacity:.6;min-width:2px;height:100%;transition:opacity .15s ease-out;position:absolute;top:0}.take-strip:hover .take-strip-region-bar{opacity:1}.take-strip-controls{flex-shrink:0;align-items:center;gap:.375rem;display:flex}.take-strip-controls .knob-control{flex-shrink:0;max-width:2.5rem}.take-strip-controls .knob-control-ring{width:1.75rem;min-width:1.75rem;height:1.75rem}.take-strip-controls .knob-control-value{font-size:.5625rem}.take-strip-controls .knob-control-label{display:none}.take-strip-btn{width:1.625rem;height:1.625rem;font-family:var(--font-mono);border:1px solid var(--text-muted);color:var(--text-muted);cursor:pointer;text-transform:uppercase;background:0 0;justify-content:center;align-items:center;padding:0;font-size:.6875rem;font-weight:400;transition:color .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out,background-color .15s ease-out;display:inline-flex}.take-strip-btn:hover{color:var(--text-primary);border-color:var(--text-primary);box-shadow:0 0 6px var(--glow-color)}.take-strip-btn:focus-visible{outline:2px solid var(--terminal-green);outline-offset:2px}.take-strip-btn--mute.take-strip-btn--active{color:var(--terminal-amber);border-color:var(--terminal-amber);box-shadow:0 0 6px #ffb00066}.take-strip-btn--solo.take-strip-btn--active{color:var(--terminal-green);border-color:var(--terminal-green);box-shadow:0 0 6px var(--glow-color);background-color:#00ff411a}.take-strip-btn--delete{font-size:.75rem}.take-strip-btn--delete:hover{color:var(--terminal-red);border-color:var(--terminal-red);box-shadow:0 0 6px #f336}.transport-bar{background-color:var(--bg-surface);border-top:1px solid var(--terminal-green-dim);border-bottom:1px solid var(--terminal-green-dim);flex-wrap:wrap;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex}.transport-buttons{align-items:center;gap:.5rem;display:flex}.transport-btn{font-family:var(--font-body);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:0 0;border:1px solid;border-radius:0;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:400;transition:border-color .15s ease-out,box-shadow .15s ease-out,color .15s ease-out,opacity .15s ease-out;display:inline-flex}.transport-btn:disabled{opacity:.3;cursor:not-allowed}.transport-btn--play{border-color:var(--terminal-green);color:var(--terminal-green)}.transport-btn--play:hover:not(:disabled){box-shadow:0 0 12px var(--glow-color);text-shadow:0 0 6px var(--glow-color)}.transport-btn--record{border-color:var(--terminal-red);color:var(--terminal-red)}.transport-btn--record:hover:not(:disabled){text-shadow:0 0 6px #f336;box-shadow:0 0 12px #f336}.transport-btn--record.pulse-glow{animation:2s ease-in-out infinite pulse-glow}.transport-btn--stop{border-color:var(--text-muted);color:var(--text-muted)}.transport-btn--stop:hover:not(:disabled){border-color:var(--text-primary);color:var(--text-primary);box-shadow:0 0 8px var(--glow-color)}.transport-prompt{background-color:var(--bg-elevated);border:1px solid var(--terminal-red);border-radius:0;align-items:center;gap:.5rem;padding:.375rem .75rem;display:flex;box-shadow:0 0 8px #f333}.transport-prompt-text{font-family:var(--font-body);color:var(--text-muted);white-space:nowrap;font-size:.8125rem}.transport-prompt-btn{font-family:var(--font-body);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:0 0;border:1px solid;border-radius:0;padding:.25rem .625rem;font-size:.75rem;font-weight:400;transition:background-color .15s ease-out,box-shadow .15s ease-out}.transport-prompt-btn--replace{border-color:var(--terminal-amber);color:var(--terminal-amber)}.transport-prompt-btn--replace:hover{background-color:#ffb0001a;box-shadow:0 0 6px #ffb0004d}.transport-prompt-btn--layer{border-color:var(--terminal-green);color:var(--terminal-green)}.transport-prompt-btn--layer:hover{box-shadow:0 0 6px var(--glow-color);background-color:#00ff411a}.transport-prompt-btn--cancel{border-color:var(--text-muted);color:var(--text-muted);padding:.25rem .5rem}.transport-prompt-btn--cancel:hover{border-color:var(--text-primary);color:var(--text-primary)}.transport-bpm{align-items:center;gap:.375rem;display:flex}.transport-bpm-label{font-family:var(--font-body);color:var(--text-muted);font-size:.8125rem}.transport-bpm-value{font-family:var(--font-mono);color:var(--terminal-amber);cursor:pointer;text-align:center;background:0 0;border:1px solid #0000;border-radius:0;min-width:3rem;padding:.125rem .375rem;font-size:.9375rem;font-weight:400;transition:border-color .15s ease-out,box-shadow .15s ease-out}.transport-bpm-value:hover{border-color:var(--terminal-amber);box-shadow:0 0 6px #ffb0004d}.transport-bpm-input{font-family:var(--font-mono);color:var(--terminal-amber);background-color:var(--bg-elevated);border:1px solid var(--terminal-amber);text-align:center;border-radius:0;outline:none;width:4rem;padding:.125rem .375rem;font-size:.9375rem;font-weight:400;box-shadow:0 0 8px #ffb0004d}.transport-toggle{font-family:var(--font-body);border:1px solid var(--text-muted);color:var(--text-muted);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:0 0;border-radius:0;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:400;transition:border-color .15s ease-out,color .15s ease-out,box-shadow .15s ease-out;display:inline-flex}.transport-toggle:hover{border-color:var(--text-primary);color:var(--text-primary)}.transport-toggle--active{border-color:var(--terminal-green);color:var(--terminal-green)}.transport-toggle--active:hover{box-shadow:0 0 6px var(--glow-color)}.transport-click-dot{background-color:var(--text-muted);border-radius:0;width:6px;height:6px;transition:background-color .15s ease-out,box-shadow .15s ease-out;display:inline-block}.transport-click-dot--on{background-color:var(--terminal-green);box-shadow:0 0 4px var(--glow-color)}.transport-time-sig{align-items:center;gap:.375rem;display:flex}.transport-time-sig-label{font-family:var(--font-body);color:var(--text-muted);white-space:nowrap;font-size:.8125rem}.transport-time-sig-value{font-family:var(--font-mono);color:var(--terminal-amber);background-color:var(--bg-elevated);cursor:pointer;text-align:center;appearance:none;border:1px solid #0000;border-radius:0;min-width:3.5rem;padding:.125rem .375rem;font-size:.9375rem;font-weight:400;transition:border-color .15s ease-out,box-shadow .15s ease-out}.transport-time-sig-value:hover{border-color:var(--terminal-amber);box-shadow:0 0 6px #ffb0004d}.transport-time-sig-value:focus{border-color:var(--terminal-amber);outline:none;box-shadow:0 0 8px #ffb0004d}.transport-time-sig-value option{background-color:var(--bg-elevated);color:var(--terminal-amber)}.transport-btn--pause{border-color:var(--terminal-amber);color:var(--terminal-amber)}.transport-btn--pause:hover:not(:disabled){text-shadow:0 0 6px #ffb00066;box-shadow:0 0 12px #ffb00066}.transport-dropin{align-items:center;gap:.375rem;display:flex}.transport-dropin-label{font-family:var(--font-body);color:var(--text-muted);white-space:nowrap;font-size:.8125rem}.transport-dropin-input{font-family:var(--font-mono);color:var(--terminal-amber);background-color:var(--bg-elevated);text-align:center;-moz-appearance:textfield;border:1px solid #0000;border-radius:0;width:3.5rem;padding:.125rem .375rem;font-size:.9375rem;font-weight:400;transition:border-color .15s ease-out,box-shadow .15s ease-out}.transport-dropin-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.transport-dropin-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.transport-dropin-input:hover{border-color:var(--terminal-amber);box-shadow:0 0 6px #ffb0004d}.transport-dropin-input:focus{border-color:var(--terminal-amber);outline:none;box-shadow:0 0 8px #ffb0004d}.transport-monitor-wrapper{position:relative}.transport-feedback-warning{background-color:var(--bg-elevated);border:1px solid var(--terminal-green-dim);color:var(--text-muted);font-family:var(--font-body);white-space:nowrap;cursor:pointer;z-index:10;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.75rem;display:flex;position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%);box-shadow:0 0 8px #00ff4126}.transport-feedback-warning-dismiss{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-left:.25rem;padding:0;font-size:.75rem;line-height:1;transition:color .15s ease-out;display:inline-flex}.transport-feedback-warning-dismiss:hover{color:var(--terminal-green)}.version-tag{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.05em;opacity:.5;cursor:default;-webkit-user-select:none;user-select:none;font-size:.625rem;transition:opacity .15s ease-out}.version-tag:hover{opacity:1;color:var(--terminal-green-dim)}.waveform-container{background-color:var(--bg-surface);border:1px solid var(--terminal-green-dim);border-radius:0;flex-direction:column;flex:1;justify-content:center;width:100%;min-height:0;transition:border-color .2s ease-out,box-shadow .2s ease-out;display:flex;position:relative;overflow:hidden}@keyframes recording-border-pulse{0%,to{border-color:#ff33334d;box-shadow:inset 0 0 8px #ff33331a}50%{border-color:#ff3333b3;box-shadow:inset 0 0 16px #ff333340}}.waveform-container--recording{border-color:var(--terminal-red);animation:2s ease-in-out infinite recording-border-pulse}.waveform-wave{width:100%}.waveform-wave ::part(cursor){box-shadow:0 0 6px var(--glow-color), 0 0 12px var(--glow-color)}.waveform-markers-clip{pointer-events:auto;cursor:crosshair;position:absolute;inset:0;overflow:hidden}.waveform-markers{pointer-events:none;height:100%;position:relative}.waveform-marker{pointer-events:auto;cursor:pointer;width:1px;height:100%;position:absolute;top:0}.waveform-marker--downbeat{background-color:var(--terminal-amber);opacity:.8;width:2px;box-shadow:0 0 4px #ffb00066}.waveform-marker--offbeat{background-color:var(--terminal-amber);opacity:.3;width:1px}.waveform-marker--selected{opacity:1;width:3px;box-shadow:0 0 8px #ffb00080,0 0 16px #ffb0004d}.waveform-marker:hover{opacity:1}.waveform-marker-label{font-family:var(--font-mono);color:var(--terminal-amber);opacity:.8;pointer-events:none;white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:.625rem;position:absolute;top:2px;left:4px}.waveform-marker--selected .waveform-marker-label{opacity:1;color:var(--terminal-amber);text-shadow:0 0 4px #ffb00080}.waveform-dropin-marker{background-color:var(--terminal-red,#f33);opacity:1;pointer-events:none;z-index:5;width:2px;height:100%;position:absolute;top:0;box-shadow:0 0 6px #f339,0 0 12px #ff33334d}.waveform-dropin-marker-label{font-family:var(--font-mono);color:var(--terminal-red,#f33);opacity:1;pointer-events:none;white-space:nowrap;-webkit-user-select:none;user-select:none;text-shadow:0 0 4px #ff333380;font-size:.625rem;position:absolute;top:2px;left:4px}.waveform-zoom-controls{z-index:10;gap:4px;display:flex;position:absolute;bottom:8px;right:8px}.waveform-zoom-btn{width:28px;height:24px;font-family:var(--font-mono);color:var(--text-muted);background-color:var(--bg-elevated);border:1px solid var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:0;justify-content:center;align-items:center;padding:0;font-size:.875rem;font-weight:700;transition:border-color .15s ease-out,color .15s ease-out,box-shadow .15s ease-out;display:inline-flex}.waveform-zoom-btn:hover{color:var(--terminal-green);border-color:var(--terminal-green);box-shadow:0 0 6px var(--glow-color)}.waveform-zoom-btn:focus-visible{outline:2px solid var(--terminal-green);outline-offset:2px}:root{--bg-primary:#0a0a0a;--bg-surface:#0d0d0d;--bg-elevated:#141414;--terminal-green:#00ff41;--terminal-green-dim:#0c3;--terminal-green-bright:#3f6;--terminal-amber:#ffb000;--terminal-red:#f33;--terminal-cyan:#0cc;--neon-cyan:#00ff41;--neon-magenta:#f33;--neon-green:#00ff41;--neon-orange:#ffb000;--neon-yellow:#ffb000;--text-primary:#00ff41;--text-muted:#338033;--glow-spread:8px;--glow-color:#00ff4180;--font-heading:"VT323", "Courier New", monospace;--font-body:"Share Tech Mono", "Courier New", monospace;--font-mono:"Share Tech Mono", "Courier New", monospace}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes crt-flicker{0%,to{opacity:1}3%{opacity:.97}6%{opacity:1}7.5%{opacity:.95}9%{opacity:1}50%{opacity:.98}52%{opacity:1}}@keyframes cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px var(--terminal-red)}50%{box-shadow:0 0 24px var(--terminal-red), 0 0 48px var(--terminal-red)}}@keyframes matrix-fade{0%{opacity:.08}50%{opacity:.03}to{opacity:.08}}.glow-cyan,.glow-green{box-shadow:0 0 var(--glow-spread) var(--glow-color)}.glow-magenta{box-shadow:0 0 var(--glow-spread) #ff333380}.glow-orange,.glow-yellow{box-shadow:0 0 var(--glow-spread) #ffb00080}.glow-text-cyan,.glow-text-green{text-shadow:0 0 var(--glow-spread) var(--glow-color)}.glow-text-magenta{text-shadow:0 0 var(--glow-spread) #ff333380}.pulse-glow{animation:2s ease-in-out infinite pulse-glow}*,:before,:after{box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-body);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;text-rendering:optimizespeed;min-height:100vh;margin:0;padding:0;font-size:1rem;line-height:1.5;animation:4s infinite crt-flicker;position:relative}body:before{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000026 2px 4px);position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:9998;background:radial-gradient(#0000 60%,#00000080 100%);position:fixed;inset:0}#root{z-index:1;min-height:100vh;position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 8px var(--glow-color);margin:0;font-weight:400}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{color:var(--text-primary);margin:0 0 1rem}code,.mono,.readout{font-family:var(--font-mono);font-size:.875rem}.text-muted{color:var(--text-muted)}a{color:var(--terminal-green);text-decoration:none}a:hover{text-shadow:0 0 var(--glow-spread) var(--glow-color)}button{font-family:var(--font-body);cursor:pointer;color:var(--text-primary);background:0 0;border:none}:focus-visible{outline:2px solid var(--terminal-green);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--terminal-green)}::selection{background:var(--terminal-green);color:var(--bg-primary)}