:root{color:#f5f5ef;font-synthesis:none;text-rendering:optimizelegibility;--ink:#f5f5ef;--muted:#a5a79e;--panel:#181a15;--panel-light:#1f211b;--line:#34372e;--accent:#d7ff49;--accent-deep:#9cbd24;--orange:#ff8a4c;--danger:#ff7c72;background:#0f100d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:radial-gradient(circle at 75% -10%,#d7ff491a,#0000 30rem),#0f100d;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,input[type=range],input[type=checkbox]{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed}a{color:inherit}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.app-shell{width:min(1180px,100% - 40px);margin:0 auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:88px;display:flex}.back-link{color:var(--muted);font-size:.86rem;text-decoration:none}.back-link:hover{color:var(--accent)}main{padding:76px 0 48px}.hero{max-width:730px;margin-bottom:42px}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.18em;margin:0 0 9px;font-size:.72rem;font-weight:800}.hero h1{letter-spacing:-.07em;margin:0;font-size:clamp(3.25rem,8vw,6.3rem);line-height:.92}.hero__intro{color:#c4c6bc;max-width:650px;margin:24px 0 0;font-size:clamp(1rem,2vw,1.2rem);line-height:1.6}.transport{background:var(--accent);color:#10120b;border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:28px;padding:20px;display:grid;box-shadow:0 22px 60px #0000004d}.transport__buttons{gap:8px;display:flex}.play-button,.stop-button,.mute-button{border:0;border-radius:999px;font-weight:800}.play-button{min-width:142px;color:var(--ink);background:#11130d;padding:13px 20px}.play-button span,.stop-button span{width:20px;margin-right:7px;display:inline-block}.stop-button{color:#11130d;background:#10120b1c;padding:13px 17px}.play-button:disabled,.stop-button:disabled{opacity:.45}.timeline{font-variant-numeric:tabular-nums;grid-template-columns:42px 1fr 42px;align-items:center;gap:10px;font-size:.8rem;font-weight:800;display:grid}input[type=range]{--range-progress:50%;appearance:none;background:linear-gradient(to right, var(--accent) var(--range-progress), #3a3d33 var(--range-progress));border-radius:999px;width:100%;height:5px;margin:8px 0}.transport input[type=range]{background:linear-gradient(to right, #11130d var(--range-progress), #10120b38 var(--range-progress))}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);width:17px;height:17px;box-shadow:0 0 0 2px var(--accent);border:3px solid #11130d;border-radius:50%}.transport input[type=range]::-webkit-slider-thumb{border-color:var(--accent);background:#11130d;box-shadow:0 0 0 2px #11130d}input[type=range]::-moz-range-thumb{background:var(--accent);border:3px solid #11130d;border-radius:50%;width:13px;height:13px}.status-row{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr minmax(200px,300px);align-items:center;gap:12px;min-height:78px;padding:0 6px;display:grid}.status-row p{color:var(--muted);margin:0;font-size:.82rem}.master-volume{width:100%}.mixer{padding:60px 0 72px}.section-heading,.tempo-panel__heading{justify-content:space-between;align-items:end;margin-bottom:24px;display:flex}.section-heading h2,.tempo-panel h2{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,4vw,3.2rem)}.channel-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.channel{border:1px solid var(--line);background:linear-gradient(145deg,#20221c,#181a15);border-radius:16px;min-width:0;padding:20px;transition:opacity .16s,border-color .16s}.channel--muted{opacity:.58;border-color:#ff7c7273}.channel__header{grid-template-columns:auto 1fr;align-items:start;gap:12px;display:grid}.channel__number{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;font-weight:800}.channel h2{text-overflow:ellipsis;white-space:nowrap;margin:-3px 0 5px;font-size:1.05rem;overflow:hidden}.channel p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.72rem;line-height:1.45;overflow:hidden}.channel .channel__error{color:var(--danger);white-space:normal;margin-top:9px}.fader{margin:22px 0}.fader__label-row{color:var(--muted);justify-content:space-between;align-items:baseline;gap:10px;font-size:.72rem;font-weight:700;display:flex}.fader__label-row output{color:var(--ink);font-variant-numeric:tabular-nums}.mute-button{color:#d2d4ca;text-transform:uppercase;letter-spacing:.1em;background:0 0;border:1px solid #45483e;width:100%;padding:10px;font-size:.72rem}.mute-button:hover{border-color:#74786a}.mute-button--active{color:#18100e;background:var(--danger);border-color:var(--danger)}.tempo-panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:32px}.tempo-panel__heading{align-items:center}.tempo-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:2fr 1fr;align-items:end;gap:34px;padding:28px 0;display:grid}.bpm-control>label,.compact-control>label{color:var(--muted);margin-bottom:9px;font-size:.72rem;font-weight:700;display:block}.bpm-control__value{align-items:baseline;gap:8px;display:flex}.bpm-control__value input,.compact-control input[type=number]{width:100px;color:var(--ink);font-variant-numeric:tabular-nums;background:0 0;border:0;padding:0;font-weight:850}.bpm-control__value input{letter-spacing:-.06em;font-size:2.8rem}.bpm-control__value span,.compact-control span{color:var(--accent);font-size:.75rem;font-weight:800}.compact-control>div{align-items:baseline;gap:6px;display:flex}.compact-control input[type=number]{width:70px;font-size:1.7rem}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #d7ff496b}@media (width<=900px){.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tempo-grid{grid-template-columns:1fr 1fr}.bpm-control{grid-column:1/-1}}@media (width<=650px){.app-shell{width:min(100% - 24px,1180px)}.site-header{min-height:74px}main{padding-top:48px}.transport{grid-template-columns:1fr;gap:18px}.transport__buttons{justify-content:center}.play-button{flex:1}.status-row{grid-template-columns:auto 1fr;padding:16px 4px}.master-volume{grid-column:1/-1}.channel-grid{grid-template-columns:1fr}.channel__header{min-height:68px}.mixer{padding:46px 0 54px}.tempo-panel{padding:22px}.tempo-panel__heading{align-items:start;gap:16px}.tempo-grid{grid-template-columns:1fr;gap:24px}.bpm-control{grid-column:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}