@font-face{font-family:Anton;src:url(/anton.woff2) format("woff2");font-display:swap}:root{--tolex: #141115;--haze: #201a23;--card: #1b1520;--line: #372e3c;--bone: #f2ead8;--muted: #a89a8c;--amber: #ffb43a;--magenta: #e5488c;--red: #ff5b52;--green: #6fdc73;--display: "Anton", "Arial Narrow", Impact, sans-serif;--utility: "American Typewriter", "Courier New", monospace;--body: -apple-system, "Segoe UI", Roboto, sans-serif;--lane-h: 158px;--ruler-h: 30px;--heads-w: 168px;--strip-w: 116px;--fader-h: 180px}*{box-sizing:border-box;margin:0}body{background:radial-gradient(50vw 30vh at 15% -8%,rgba(229,72,140,.06),transparent 60%),radial-gradient(50vw 30vh at 85% -8%,rgba(255,180,58,.08),transparent 60%),var(--tolex);color:var(--bone);font-family:var(--body);min-height:100vh}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.loading{color:var(--muted);font-family:var(--utility);letter-spacing:.12em;padding:40vh 20px 0;text-align:center;text-transform:uppercase}.daw{display:flex;flex-direction:column;height:100vh}.transport{align-items:center;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:10px 16px}.brand{font-family:var(--display);font-size:1.35rem;letter-spacing:.06em;text-transform:uppercase}.brand-sub{color:var(--muted);font-family:var(--utility);font-size:.66rem;letter-spacing:.14em;margin-left:10px;text-transform:uppercase}.transport-controls{align-items:center;display:flex;gap:8px}.t-btn{align-items:center;background:var(--card);border:1px solid var(--line);border-radius:10px;color:var(--bone);display:inline-flex;font-size:1.05rem;height:46px;justify-content:center;min-width:52px}.t-btn:hover{border-color:var(--amber)}.t-btn.play{background:var(--amber);border-color:var(--amber);color:#241a05;font-size:1.25rem;min-width:68px}.t-btn.rec{color:var(--red);font-size:1.3rem}.t-btn.rec-live{animation:recpulse 1.2s ease-in-out infinite;background:var(--red);color:#fff}.t-btn.t-on{border-color:var(--amber);color:var(--amber)}@keyframes recpulse{0%,to{box-shadow:0 0 #ff5b5280}50%{box-shadow:0 0 0 8px #ff5b5200}}@media (prefers-reduced-motion: reduce){.t-btn.rec-live{animation:none}}.time{color:var(--amber);font-family:var(--utility);font-size:1.15rem;letter-spacing:.08em;min-width:92px;text-align:center}.input-meter{background:#120f14;border:1px solid var(--line);border-radius:4px}.input-meter-wrap{align-items:center;display:inline-flex;gap:5px}.input-meter-db{color:var(--muted);font-family:var(--utility);font-size:.62rem;min-width:30px;text-align:right}.clip-latch{background:var(--red);border:1px solid var(--red);border-radius:4px;color:#fff;font-family:var(--utility);font-size:.6rem;letter-spacing:.08em;padding:2px 5px}.transport-right,.click-controls{align-items:center;display:flex;gap:8px}.bpm-input{background:var(--card);border:1px solid var(--line);border-radius:6px;color:var(--bone);font-family:var(--utility);font-size:.78rem;padding:6px 8px;width:64px}.count-in-label{align-items:center;color:var(--muted);cursor:pointer;display:inline-flex;font-family:var(--utility);font-size:.68rem;gap:6px;letter-spacing:.08em;text-transform:uppercase}.count-in-label input{accent-color:var(--amber)}.view-toggle{display:flex;gap:4px}.project-name{background:transparent;border:1px solid transparent;border-radius:6px;color:var(--bone);font-family:var(--utility);font-size:.85rem;letter-spacing:.06em;max-width:160px;padding:8px 10px}.project-name:hover,.project-name:focus{background:var(--card);border-color:var(--line)}.btn{background:transparent;border:1px solid var(--line);border-radius:6px;color:var(--bone);font-family:var(--utility);font-size:.78rem;letter-spacing:.08em;padding:8px 12px;text-transform:uppercase}.btn:hover{border-color:var(--amber);color:var(--amber)}.btn.small{font-size:.7rem;padding:6px 10px}.btn.danger:hover{border-color:var(--red);color:var(--red)}.btn:disabled{border-color:var(--line);color:var(--muted);cursor:default;opacity:.5}.toolbar{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:16px;min-height:42px;padding:5px 16px}.toolbar-group{display:flex;gap:8px}.mic-check{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.mic-caption{color:var(--muted);font-family:var(--utility);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.mic-caption strong{color:var(--bone)}.mic-meter-label{align-items:center;border:1px solid transparent;border-radius:6px;color:var(--muted);display:inline-flex;font-family:var(--utility);font-size:.66rem;gap:6px;letter-spacing:.08em;padding:4px 7px}.meter-hot{border-color:var(--amber);color:var(--amber)}.rec-target{color:var(--muted);font-family:var(--utility);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.track-input{background:var(--card);border:1px solid var(--line);border-radius:5px;color:var(--bone);font-family:var(--utility);font-size:.66rem;max-width:100%;padding:4px 6px}.btn-on{background:var(--amber);border-color:var(--amber);color:#241a05}.btn-on:hover{color:#241a05}.mic-select{background:var(--card);border:1px solid var(--line);border-radius:6px;color:var(--bone);font-family:var(--utility);font-size:.72rem;max-width:200px;padding:6px 8px}.deck{display:flex;flex:1;overflow-y:auto}.heads{border-right:1px solid var(--line);flex:0 0 var(--heads-w)}.heads-spacer{border-bottom:1px solid var(--line);height:var(--ruler-h)}.track-head{border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:6px;height:var(--lane-h);justify-content:center;padding:6px 10px}.track-head.armed{background:#ff5b5212}.track-name{background:transparent;border:none;color:var(--bone);font-family:var(--utility);font-size:.8rem;letter-spacing:.06em;padding:2px 0;text-transform:uppercase;width:100%}.track-volume{accent-color:var(--amber);width:100%}.track-space{align-items:center;display:flex;gap:6px}.track-space-label{color:var(--muted);font-family:var(--utility);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase}.track-space-slider{accent-color:var(--amber);flex:1;height:12px;min-width:0}.track-gain-value{color:var(--muted);font-family:var(--utility);font-size:.58rem;min-width:36px;text-align:right;white-space:nowrap}.track-switches{display:flex;gap:6px}.sw{background:var(--card);border:1px solid var(--line);border-radius:5px;color:var(--muted);font-family:var(--utility);font-size:.68rem;height:26px;width:30px}.sw-mute-on{background:var(--amber);border-color:var(--amber);color:#241a05}.sw-solo-on{background:var(--green);border-color:var(--green);color:#0b2210}.sw-arm-on{background:var(--red);border-color:var(--red);color:#fff}.timeline-scroll{flex:1;overflow-x:auto}.timeline{position:relative}.ruler{border-bottom:1px solid var(--line);cursor:pointer;height:var(--ruler-h);position:relative}.tick{border-left:1px solid var(--line);bottom:0;height:8px;position:absolute}.tick-major{height:14px}.tick-major span{color:var(--muted);font-family:var(--utility);font-size:.62rem;left:4px;letter-spacing:.06em;position:absolute;top:-14px}.lanes{position:relative}.loop-band{background:#ffb43a47;border-left:1px solid var(--amber);border-right:1px solid var(--amber);bottom:0;pointer-events:none;position:absolute;top:0}.loop-clear{background:var(--card);border:1px solid var(--amber);border-radius:4px;color:var(--amber);font-size:.6rem;height:16px;line-height:1;padding:0;position:absolute;top:2px;transform:translate(-100%);width:16px;z-index:3}.loop-tint{background:#ffb43a0d;border-left:1px solid rgba(255,180,58,.35);border-right:1px solid rgba(255,180,58,.35);bottom:0;pointer-events:none;position:absolute;top:0;z-index:1}.playhead{background:var(--amber);box-shadow:0 0 10px #ffb43acc;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:2px;z-index:5}.lane{border-bottom:1px solid var(--line);height:var(--lane-h);position:relative}.lane:nth-child(2n){background:#ffffff03}.clip{background:#ffffff0a;border:1px solid var(--line);border-radius:6px;bottom:5px;overflow:hidden;position:absolute;top:5px;touch-action:none;cursor:grab}.clip-selected{border-color:var(--amber);box-shadow:0 0 10px #ffb43a59}.clip-wave{height:100%;pointer-events:none;width:100%}.clip-handle{bottom:0;position:absolute;top:0;touch-action:none;width:12px;cursor:ew-resize}.clip-handle-left{left:0}.clip-handle-right{right:0}.clip-selected .clip-handle{background:#ffb43a40}.clip-hot{border-color:var(--red)}.fx-panel{gap:10px;width:min(400px,100%)}.fx-picker{gap:8px;width:min(280px,100%)}.fx-track-name{color:var(--muted);font-family:var(--utility);font-size:.7rem;letter-spacing:.08em}.fx-head-actions{display:flex;gap:6px}.fx-learn{background:#ffb43a14;border:1px solid var(--amber);border-radius:8px;color:var(--bone);font-family:var(--utility);font-size:.72rem;letter-spacing:.03em;padding:8px 10px}.fx-editor{display:flex;flex-direction:column;gap:10px}.fx-row{align-items:center;display:flex;gap:8px}.fx-label{color:var(--muted);font-family:var(--utility);font-size:.62rem;letter-spacing:.08em;min-width:86px;text-transform:uppercase}.fx-slider{accent-color:var(--amber);flex:1;min-width:0}.fx-value{color:var(--bone);font-family:var(--utility);font-size:.66rem;min-width:56px;text-align:right;white-space:nowrap}.fx-footer{display:flex;gap:8px;justify-content:space-between}.eq-curve{background:#120f14;border:1px solid var(--line);border-radius:6px;height:90px;width:100%}.comp-bar{position:relative;width:100%}.comp-bar-canvas{background:#120f14;border:1px solid var(--line);border-radius:4px;display:block;height:20px;width:100%}.comp-threshold-line{background:var(--bone);bottom:-3px;cursor:ew-resize;position:absolute;top:-3px;width:2px}.comp-reduction{background:#120f14;border:1px solid var(--line);border-radius:4px;height:34px;overflow:hidden;width:14px}.comp-reduction-fill{background:var(--red);height:0%;width:100%}.beat{display:flex;flex:1;flex-direction:column;gap:14px;overflow-y:auto;padding:14px 16px}.beat-top{display:flex;flex-wrap:wrap;gap:16px}.pad-grid{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(64px,88px))}.pad{align-items:center;background:var(--card);border:1px solid var(--line);border-radius:10px;color:var(--bone);display:flex;flex-direction:column;gap:2px;justify-content:center;min-height:64px;padding:6px;touch-action:manipulation}.pad:hover{border-color:var(--amber)}.pad:active{background:#ffb43a2e;border-color:var(--amber)}.pad-empty{color:var(--muted);opacity:.45}.pad-slot{font-family:var(--display);font-size:1.1rem}.pad-name{font-family:var(--utility);font-size:.56rem;letter-spacing:.06em;max-width:100%;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.beat-controls{display:flex;flex:1;flex-direction:column;gap:10px;min-width:260px}.beat-controls-row{align-items:center;display:flex;gap:8px}.beat-bpm{color:var(--muted);font-family:var(--utility);font-size:.7rem;letter-spacing:.08em}.beat-rec{border-color:var(--red);color:var(--red)}.beat-rec-on{animation:recpulse 1.2s ease-in-out infinite;background:var(--red);border-color:var(--red);color:#fff}.print-bars{display:flex;flex-wrap:wrap;gap:4px}.step-grid{display:flex;flex-direction:column;gap:6px;overflow-x:auto;padding-bottom:6px;position:relative}.step-col-highlight{background:#ffb43a24;border-radius:4px;bottom:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:2}.step-row{align-items:center;display:flex;gap:8px}.step-row-label{color:var(--muted);flex:0 0 74px;font-family:var(--utility);font-size:.6rem;letter-spacing:.08em;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.step-cells{display:flex;gap:4px;position:relative}.step-cell{background:var(--card);border:1px solid var(--line);border-radius:5px;height:30px;padding:0;touch-action:manipulation;width:30px}.step-cell.step-beat{border-color:#4a3f50}.step-cell:hover{border-color:var(--amber)}.step-cell.step-on{background:var(--amber);border-color:var(--amber)}.step-free-tick{background:var(--magenta);border-radius:1px;bottom:-4px;height:4px;pointer-events:none;position:absolute;width:3px}.synth{display:flex;flex:1;flex-direction:column;gap:14px;overflow-y:auto;padding:14px 16px}.synth-head{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.synth-presets{display:flex;flex-wrap:wrap;gap:6px}.synth-actions{align-items:center;display:flex;gap:8px}.synth-capture,.synth-capture:hover{border-color:var(--red);color:var(--red)}.synth-capture-on{animation:recpulse 1.2s ease-in-out infinite;background:var(--red);border-color:var(--red);color:#fff}.synth-knobs{display:flex;flex-direction:column;gap:8px;max-width:560px}.synth-kb-row{align-items:center;display:flex;gap:10px}.synth-octave{color:var(--amber);font-family:var(--utility);font-size:.8rem;letter-spacing:.08em;min-width:30px;text-align:center}.synth-keys{display:flex;height:150px;max-width:560px;position:relative}.skey{background:var(--bone);border:1px solid #1a1418;border-radius:0 0 6px 6px;color:#6b6156;display:flex;flex:1;flex-direction:column;font-family:var(--utility);font-size:.62rem;justify-content:flex-end;padding-bottom:6px;touch-action:none}.skey:active{background:var(--amber)}.skey-black{background:#141115;border:1px solid #000;border-radius:0 0 5px 5px;color:var(--muted);display:flex;flex-direction:column;font-family:var(--utility);font-size:.58rem;height:58%;justify-content:flex-end;padding-bottom:4px;position:absolute;top:0;touch-action:none;width:8.6%;z-index:2}.skey-black:active{background:var(--amber);color:#241a05}.skey-hint{pointer-events:none}.pad-midi{color:var(--muted);font-family:var(--utility);font-size:.5rem;letter-spacing:.06em;position:absolute;right:5px;top:4px}.pad{position:relative}.toast{align-items:center;background:var(--card);border:1px solid var(--red);border-radius:10px;bottom:18px;box-shadow:0 6px 24px #00000080;color:var(--bone);display:flex;font-family:var(--utility);font-size:.75rem;gap:10px;left:50%;letter-spacing:.03em;max-width:min(480px,calc(100vw - 32px));padding:10px 14px;position:fixed;transform:translate(-50%);z-index:30}.mixer{align-items:flex-start;display:flex;flex:1;gap:10px;overflow-x:auto;padding:14px 16px}.strip{background:var(--card);border:1px solid var(--line);border-radius:10px;display:flex;flex:0 0 var(--strip-w);flex-direction:column;gap:8px;padding:10px 8px;width:var(--strip-w)}.strip.armed{background:#ff5b5212}.strip-main{align-items:stretch;display:flex;gap:8px;justify-content:center}.fader{accent-color:var(--amber);direction:rtl;height:var(--fader-h);width:32px;writing-mode:vertical-lr}.meter{align-items:center;display:flex;flex-direction:column;gap:4px}.meter-canvas{background:#120f14;border:1px solid var(--line);border-radius:4px;height:var(--fader-h);width:18px}.meter-canvas.stereo{width:34px}.meter-db{color:var(--muted);font-family:var(--utility);font-size:.62rem;letter-spacing:.04em;min-width:34px;text-align:center}.strip-input{border:1px solid var(--line);border-radius:6px;display:flex;flex-direction:column;gap:6px;padding:6px}.strip-eyebrow{color:var(--muted);font-family:var(--utility);font-size:.54rem;letter-spacing:.14em;text-transform:uppercase}.strip-mini{align-items:center;display:flex;gap:6px}.strip-mini-label{color:var(--muted);font-family:var(--utility);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase}.strip-mini-slider{accent-color:var(--amber);flex:1;height:12px;min-width:0}.strip-inserts{border:1px solid var(--line);border-radius:6px;display:flex;flex-direction:column;gap:6px;padding:6px}.insert-chips{display:flex;flex-wrap:wrap;gap:4px}.insert-chip{background:var(--haze);border:1px solid var(--line);border-radius:5px;color:var(--bone);font-family:var(--utility);font-size:.6rem;letter-spacing:.06em;padding:4px 7px;text-transform:uppercase}.insert-chip:hover{border-color:var(--amber);color:var(--amber)}.insert-chip-bypassed{color:var(--muted);opacity:.5}.insert-chip-add{color:var(--muted);min-width:26px}.strip-master{border-color:var(--amber)}.strip-master-title{color:var(--amber);font-family:var(--display);font-size:.95rem;letter-spacing:.08em;text-align:center;text-transform:uppercase}.overlay{align-items:center;background:#0a080ba6;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:16px;position:fixed;z-index:20}.panel{background:var(--card);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;gap:12px;max-height:80vh;padding:16px;width:min(460px,100%)}.panel-head{align-items:center;display:flex;justify-content:space-between}.panel-title{font-family:var(--display);font-size:1.1rem;letter-spacing:.06em;text-transform:uppercase}.song-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto}.song-row{align-items:center;border:1px solid var(--line);border-radius:8px;display:flex;gap:8px;padding:8px 10px}.song-row-current{border-color:var(--amber)}.song-name{background:transparent;border:none;color:var(--bone);flex:1;font-family:var(--utility);font-size:.8rem;letter-spacing:.04em;min-width:0;padding:2px 0}.song-date{color:var(--muted);font-family:var(--utility);font-size:.64rem;letter-spacing:.06em;white-space:nowrap}.song-open-tag{color:var(--amber);font-family:var(--utility);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase}@media (pointer: coarse){.clip-handle{width:20px}.sw{height:34px;width:38px}}@media (max-width: 700px){:root{--heads-w: 128px;--lane-h: 158px;--strip-w: 168px;--fader-h: 160px}.rec-target{display:none}.mixer .sw{height:44px;width:44px}.insert-chip{min-height:30px}.editor-overlay{align-items:flex-end;padding:0}.editor-overlay .fx-panel{border-radius:12px 12px 0 0;max-height:86vh;overflow-y:auto;width:100%}.beat-top{flex-direction:column}.pad-grid{grid-template-columns:repeat(4,1fr);width:100%}.pad{min-height:72px}.step-cell{height:34px;width:34px}.synth-keys{height:170px;max-width:100%}.synth-knobs{max-width:100%}.transport{padding:8px 10px}.transport-right{flex-wrap:wrap}.project-name{max-width:110px}.brand-sub{display:none}.time{font-size:.95rem;min-width:72px}}