:root{color-scheme:dark;--bg:#0b0d10;--panel:#14171b;--panel2:#191d21;--hair:#2a2f35;--text:#f7f4ed;--muted:#979da4;--gold:#e5b96e;--cyan:#89d5d7;--danger:#ef6d67;--r:16px}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% -15%,#22211c 0,transparent 36%),var(--bg);font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}button:disabled{opacity:.38;cursor:not-allowed}h1,h2,p{margin:0}.app-shell{width:min(1210px,calc(100% - 34px));margin:auto}.masthead{height:98px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--hair)}.brand{display:flex;gap:13px;align-items:center}.brand-icon{width:39px;height:39px;display:flex;align-items:end;justify-content:space-between;gap:4px;padding:3px}.brand-icon span{background:var(--gold);width:6px;border-radius:4px}.brand-icon span:nth-child(1){height:18px}.brand-icon span:nth-child(2){height:31px}.brand-icon span:nth-child(3){height:24px}.brand-icon span:nth-child(4){height:35px}.brand-name{font-weight:800;font-size:27px;line-height:1;letter-spacing:-1.3px}.brand-name span{color:var(--gold)}.brand-name sup{font-size:10px;color:#717981;position:relative;top:-9px;margin-left:3px}.brand-caption{font-size:9px;letter-spacing:2px;color:var(--muted);margin-top:5px}.tiny-link{display:flex;align-items:center;gap:9px;background:transparent;border:0;color:#d3d6d9;font-size:13px}.info-ring{font-size:13px;border:1px solid var(--muted);width:20px;height:20px;line-height:17px;text-align:center;border-radius:50%}.hero{padding:46px 0 42px}.eyebrow{color:var(--gold);font-weight:750;letter-spacing:2px;font-size:10px}.little-dot{display:inline-block;border-radius:50%;width:6px;height:6px;background:var(--gold);vertical-align:middle;margin-right:8px}.hero h1{font-size:clamp(35px,5.7vw,68px);font-weight:740;letter-spacing:-2.7px;line-height:1.12;margin:17px 0}.hero h1 em{font-style:normal;color:#c2bdaf}.hero p{color:var(--muted);max-width:640px;font-size:16px}.info-inline{color:var(--cyan)}.panel{border:1px solid var(--hair);background:var(--panel);border-radius:var(--r)}.transport{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:20px 23px;margin-bottom:46px}.timecode{font-size:33px;letter-spacing:1.7px;font-weight:650;font-variant-numeric:tabular-nums;line-height:1.1}.statusline{font-size:11px;color:var(--muted);max-width:340px;margin-top:8px}.transport-buttons{display:flex;gap:8px}.t-btn{min-height:44px;padding:0 16px;display:flex;align-items:center;gap:10px;justify-content:center;border:1px solid #434750;background:#22272c;border-radius:9px;font-weight:700}.t-btn.play{background:#e4bd7c;border-color:#e4bd7c;color:#131313}.t-btn.rec{background:#332322;border-color:#563632}.t-btn.rec.recording{background:#f07870;border-color:#f07870;color:#25120e}.t-btn .record-circle{height:12px;width:12px;background:#f2837b;border-radius:100%}.t-btn.recording .record-circle{background:#311411;animation:pulse 1s infinite}.stop-icon{display:inline-block;width:12px;height:12px;background:currentColor;border-radius:2px}.transport-right{display:flex;align-items:center;gap:10px}.mode-indicator{font-size:10px;font-weight:800;letter-spacing:1px;color:#adb1b3}.help-chip{background:none;border:1px solid #424d52;color:var(--cyan);border-radius:50%;width:23px;height:23px;font-weight:700;padding:0;line-height:20px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px;gap:15px}.section-heading h2,.tool-panel h2,.academy-panel h2{font-size:26px;letter-spacing:-.6px;margin-top:8px}.heading-note{color:#939a9e;font-size:12px}.heading-note strong{color:var(--cyan)}.track-list{display:grid;gap:11px}.track{display:grid;grid-template-columns: 218px minmax(140px,1fr) 330px;gap:13px;align-items:center;background:var(--panel);border:1px solid var(--hair);border-radius:13px;padding:14px 15px;transition:border-color .2s}.track.armed{border-color:var(--danger);box-shadow:inset 3px 0 0 var(--danger)}.track-info{display:flex;align-items:center;gap:11px;min-width:0}.track-number{border:1px solid #333b43;display:flex;flex:none;width:32px;height:32px;align-items:center;justify-content:center;border-radius:8px;font-size:11px;font-weight:850;color:var(--trackcolor)}.track-main{min-width:0}.track-name{border:1px solid transparent;background:transparent;color:var(--text);width:100%;font-weight:700;outline:none;max-width:178px;padding:3px 5px 3px 0;min-width:0}.track-name:focus{border-bottom:1px solid var(--cyan)}.track-sub{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-action-row{display:flex;align-items:center;gap:5px;flex:none}.mini-button{background:#1f2429;border:1px solid #343941;border-radius:7px;font-size:10px;font-weight:800;height:28px;min-width:30px;padding:0 7px;letter-spacing:.3px}.mini-button.arm.active{background:#522828;border-color:#d65d54;color:#ffada9}.mini-button.mute.active{background:#e1b76e;color:#161513}.mini-button.solo.active{background:#80c9c9;color:#101617}.wave-zone{position:relative;min-width:0;height:68px;background:#0e1114;border:1px solid #252a2e;border-radius:9px;overflow:hidden;display:flex;align-items:center;justify-content:center}.wave-zone canvas{position:absolute;inset:0;width:100%;height:100%}.wave-placeholder{z-index:1;display:flex;gap:7px;align-items:center;color:#888f94;font-size:11px;pointer-events:none}.upload-btn{position:relative;z-index:2;background:#23292d;border:1px solid #465056;padding:5px 10px;border-radius:6px;font-size:11px;font-weight:700}.upload-btn:hover{border-color:var(--cyan)}.track-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px 13px}.control-label{display:flex;justify-content:space-between;align-items:center;color:#929aa0;font-weight:750;letter-spacing:.9px;font-size:10px;margin-bottom:2px}.control-left{display:flex;align-items:center;gap:6px}.info-button{color:var(--cyan);border:0;background:transparent;padding:0 2px;font-size:14px;line-height:1}.control-val{color:#d5d7d5;letter-spacing:0;font-variant-numeric:tabular-nums}.control input[type=range]{width:100%;height:13px;accent-color:var(--gold);margin:0;cursor:pointer}.control:nth-child(3) input,.control:nth-child(4) input{accent-color:var(--cyan)}.track-bottom{display:flex;align-items:center;gap:8px;margin-top:5px}.replace-btn{font-size:10px;background:transparent;border:0;color:var(--cyan);padding:2px 0}.length-tag{font-size:10px;color:var(--muted)}.track input[type=file]{display:none}.lower-grid{margin:38px 0 26px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.tool-panel,.academy-panel{padding:26px}.tool-panel p,.academy-panel p{color:#a4a9ae;font-size:13px;max-width:440px;margin:11px 0 20px}.tool-buttons{display:flex;gap:9px;flex-wrap:wrap}.pill-button{border:1px solid #454b50;padding:9px 13px;border-radius:8px;background:#23282d;font-size:12px;font-weight:750}.pill-button.primary{background:var(--gold);border-color:var(--gold);color:#181510}.pill-button.subtle{color:#abaeb0;background:transparent}.micro-note{font-size:11px;line-height:1.6;color:#8b929a;margin-top:18px}.topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.topic-grid button{display:flex;justify-content:space-between;background:#20252a;border:1px solid #3a4147;padding:12px 13px;border-radius:8px;font-size:12px;text-align:left}.topic-grid span{color:var(--cyan)}.footer{border-top:1px solid var(--hair);margin:10px 0 25px;padding:22px 0;display:flex;justify-content:space-between;gap:10px;color:#7d858a;font-size:10px;font-weight:700;letter-spacing:1.3px}.modal-backdrop{z-index:100;position:fixed;inset:0;background:rgba(0,0,0,.72);display:flex;align-items:center;justify-content:center;padding:15px}.modal-backdrop.hidden{display:none}.learn-modal{background:#1a1e22;border:1px solid #404951;border-radius:17px;max-width:560px;width:100%;max-height:min(780px,95vh);overflow:auto;box-shadow:0 28px 75px #0009;padding:25px}.learn-top{display:flex;justify-content:space-between;align-items:center}.close-learn{background:#2a3035;border:1px solid #454c52;font-size:25px;line-height:29px;text-align:center;width:32px;height:32px;border-radius:50%}.learn-icon{font-size:27px;color:var(--cyan);margin-top:15px}.learn-modal h2{font-size:31px;letter-spacing:-1px;margin:3px 0 18px}.learn-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;border-bottom:1px solid #394147;padding-bottom:13px}.learn-tabs button{border:1px solid #373e45;background:#22282d;color:#aab3b9;border-radius:7px;font-weight:730;padding:10px 7px;font-size:12px}.learn-tabs button.active{background:#d6b57c;color:#171511;border-color:#d6b57c}.learn-body{font-size:15px;line-height:1.7;color:#dee1df;min-height:170px;padding:20px 0}.learn-body h3{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:var(--cyan);margin:2px 0 9px}.learn-body p+p{margin-top:13px}.learn-body em{color:#e6be7d;font-style:normal}.modal-bottom{font-size:11px;color:#858f95;border-top:1px solid #394147;padding-top:15px}@keyframes pulse{50%{transform:scale(.7);opacity:.5}}
@media(max-width:1070px){.track{grid-template-columns:200px 1fr;gap:12px}.track-controls{grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr))}.track-info{gap:8px}}
@media(max-width:650px){.app-shell{width:min(100% - 24px,700px)}.masthead{height:78px}.hero{padding:36px 0 30px}.hero h1{letter-spacing:-1.8px}.hero p{font-size:14px}.transport{flex-wrap:wrap;gap:16px;padding:15px;margin-bottom:34px}.transport-left{width:100%}.transport-buttons{width:100%}.t-btn{flex:1;font-size:12px;padding:0 8px}.transport-right{position:absolute;right:31px;margin-top:-78px}.timecode{font-size:27px}.track{grid-template-columns:1fr;gap:11px;padding:12px}.track-info{gap:11px}.track-controls{grid-column:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.wave-zone{height:68px}.lower-grid{grid-template-columns:1fr;margin:25px 0}.section-heading{align-items:start}.heading-note{max-width:110px;text-align:right;font-size:10px}.tool-panel,.academy-panel{padding:20px}.footer{font-size:9px;letter-spacing:.6px}.learn-modal{padding:18px}.learn-modal h2{font-size:26px}.learn-tabs button{font-size:11px}}