:root{color-scheme:dark;--bg:#111817;--panel:#1d2724;--ink:#edf1e9;--muted:#a1ada4;--accent:#c7ec99;--line:#37433c;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 45% 30%,#25332a55,transparent 65%),var(--bg);color:var(--ink)}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);border-radius:7px;padding:11px 16px;background:#26332b;color:var(--ink)}button:hover{filter:brightness(1.12)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}header{max-width:1050px;margin:auto;padding:24px 28px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{color:var(--ink);text-decoration:none;font-size:24px;letter-spacing:-1px;font-weight:800}.brand span{font-size:14px;letter-spacing:0;color:var(--muted);font-weight:400}.quiet{background:transparent}.primary{background:var(--accent);color:#1a281b;border-color:var(--accent);font-weight:700}main{max-width:940px;margin:auto;padding:32px 28px 40px}.session-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;gap:16px}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:700;color:var(--muted)}h1{font-size:27px;font-weight:500;letter-spacing:-.8px;margin:9px 0 0}h2{font-size:17px;font-weight:500;margin:0}p{line-height:1.55}.session-status{font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:center}.status-light{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 9px #c7ec9940}.library{background:#1c2621;border:1px solid var(--line);border-radius:10px;padding:22px;margin-bottom:24px}.library-top{display:flex;justify-content:space-between;gap:15px}.library p{font-size:12px;color:var(--muted);margin:7px 0 0}.sort-label{font-size:11px;color:var(--muted)}select{display:block;background:transparent;color:var(--ink);border:0;padding:8px 0;font-size:11px}select option{background:var(--bg)}.tags{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.tag{border-radius:30px;font-size:12px;background:transparent;padding:9px 14px}.tag b{margin-left:12px;color:var(--muted);font-size:11px}.tag[aria-pressed=true]{border-color:var(--accent);background:#c7ec9914;color:var(--accent)}.library-bottom{display:flex;align-items:center;gap:14px}.library-bottom .quiet{font-size:11px;padding:8px 0;border:0}.library-bottom span{font-size:11px;color:var(--muted);flex:1}.console{border:1px solid #576257;border-radius:12px;background:linear-gradient(110deg,#3b4239,#2b322c 45%,#3a4239);box-shadow:0 22px 70px #0005,inset 0 1px #ffffff20;padding:20px 22px 13px;position:relative}.console:before,.console:after{content:'⊖';position:absolute;top:8px;color:#111a14;font-size:13px}.console:before{left:9px}.console:after{right:9px}.decks{display:grid;grid-template-columns:1fr 1fr}.deck{padding:8px 28px 16px;min-width:0}.deck+.deck{border-left:2px solid #172019;box-shadow:inset 1px 0 #596454}.deck-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.deck-number{font-size:11px;letter-spacing:2px;color:#c0cabc}.gain-area{display:flex;align-items:center;gap:8px}.gain-area label{font-size:10px;white-space:nowrap;color:#c1cabc}.gain-area input{width:75px;accent-color:var(--accent)}.fader-area{height:290px;display:flex;gap:18px;justify-content:center;position:relative}.pitch-assembly{display:flex;width:150px;position:relative;justify-content:center}.ticks{display:flex;flex-direction:column;justify-content:space-between;position:absolute;left:3px;top:12px;bottom:12px;width:30px;font-size:11px;color:#c0cabc;text-align:right}.ticks span:after{content:' —';color:#9aa48d}.pitch-rail{position:relative;height:100%;width:58px;display:flex;justify-content:center;border:1px solid #ffffff18;border-radius:6px;background:linear-gradient(90deg,#17201822,#2c3429)}.pitch-rail:before{content:'';position:absolute;width:9px;top:10px;bottom:10px;background:#131a14;border:1px solid #616859;border-radius:8px}.pitch{position:relative;writing-mode:vertical-lr;direction:ltr;width:58px;height:100%;margin:0;appearance:none;background:transparent;cursor:ns-resize;touch-action:none;z-index:1}.pitch::-webkit-slider-runnable-track{background:transparent;width:58px}.pitch::-webkit-slider-thumb{appearance:none;width:64px;height:38px;border:1px solid #a9b7aa;border-radius:2px;background:linear-gradient(#a8b5ab,#e0e7db 16%,#6d7b6d 28%,#d1d9ca 43%,#66715f 47%,#19221a 49%,#19221a 53%,#b0bcaa 56%,#d7decf 75%,#768271);box-shadow:1px 5px 8px #0008}.pitch::-moz-range-thumb{width:64px;height:38px;border:1px solid #bcc9b8;background:linear-gradient(#dbe4d5,#65765f 45%,#172416 48%,#172416 53%,#cdd9c5 57%,#7e8e75)}.zero-led{position:absolute;top:calc(50% - 3px);left:1px;width:21px;height:6px;border-radius:1px;background:#37432e}.zero-led.on{background:var(--accent);box-shadow:0 0 9px #c7ec9960}.meter{width:31px;height:100%;background:#111a13;border-radius:4px;padding:9px;position:relative;border:1px solid #56604d;overflow:hidden}.meter-fill{position:absolute;bottom:9px;left:9px;width:11px;height:calc(100% - 18px);background:linear-gradient(to top,#82b965 0%,#c7ec99 65%,#e9bc6c 89%,#ec7c66 96%);transform:scaleY(0);transform-origin:bottom;transition:transform 70ms}.meter:after{content:'';position:absolute;inset:9px;background:repeating-linear-gradient(to top,transparent 0px,transparent 7px,#111a13 7px,#111a13 9px)}.meter-scale{display:flex;flex-direction:column;justify-content:space-between;font-size:8px;color:#aab9a6;padding:8px 0}.pitch-info{display:flex;justify-content:space-between;align-items:center;gap:4px;margin:18px 0}.range{font-size:10px;padding:6px 8px;border-color:#75806c;background:#24301f}.pitch-value{font-size:12px;font-variant-numeric:tabular-nums;color:#dce6d4}.control-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.transport{border:1px solid #aab79e;border-radius:40px;background:linear-gradient(#293627,#172314);box-shadow:inset 0 0 0 3px #354332,0 3px 4px #0004;padding:12px 10px;font-size:18px;color:#f0f4eb;touch-action:none;user-select:none}.transport.small{font-size:16px}.transport.active,.transport:active{background:#657c45;color:#e7ffd2;box-shadow:inset 0 0 0 3px #354b28}.transport.playing{border-color:var(--accent);color:var(--accent)}.deck-bottom{font-size:10px;color:#abb8a2;display:flex;justify-content:space-between;margin-top:15px}.console-footer{display:flex;justify-content:space-between;border-top:1px solid #68755d55;padding-top:13px;font-size:8px;letter-spacing:1.3px;color:#acbba1}.console-footer i{width:4px;height:4px;margin-right:5px}.transport-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px}.transport-footer p{font-size:12px;color:var(--muted);max-width:380px}.transport-footer button{min-width:190px;display:flex;justify-content:space-between}.footnote{text-align:center;font-size:11px;color:#819082;margin-top:25px}.help{font-size:11px;color:var(--muted);margin-top:25px;border-top:1px solid var(--line);padding-top:18px}.help summary{cursor:pointer}#session-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:10px}#session-actions[hidden],[hidden]{display:none!important}#session-actions button{font-size:11px;padding:8px 10px}dialog{width:min(94vw,530px);background:#1c2922;color:var(--ink);border:1px solid #66795d;border-radius:14px;padding:27px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#090e0bd9;backdrop-filter:blur(6px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.dialog-top button{border:0;font-size:18px;padding:5px 8px}.setting{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;border-bottom:1px solid var(--line);font-size:14px}.setting small{display:block;color:var(--muted);font-size:11px;margin-top:8px}.setting input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}.setting input[type=range]{width:100px;accent-color:var(--accent)}.later{padding-top:24px}.later p{margin:10px 0 5px}.later small{color:var(--muted);font-size:11px}.result-number{font-size:66px;letter-spacing:-3px;margin:26px 0 0;color:var(--accent);font-variant-numeric:tabular-nums}.result-caption{color:var(--muted);margin-top:0;font-size:12px}.stars{color:var(--accent);font-size:24px;letter-spacing:6px}.result-tracks{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.result-tracks p{font-size:12px;color:var(--muted)}.result-tracks strong{display:block;color:var(--ink);font-size:16px;margin-top:5px}.result-note{font-size:12px;color:var(--muted);background:#111d15;padding:13px;border-radius:5px}.result-actions{display:flex;gap:10px;justify-content:space-between;margin-top:22px;font-size:12px}@media(min-width:900px){.console{max-width:700px;margin:auto}.transport-footer{max-width:700px;margin-left:auto;margin-right:auto}}@media(max-width:600px){header{padding:18px}.brand{font-size:22px}main{padding:24px 14px}.session-bar{align-items:start;flex-direction:column;gap:12px}h1{font-size:24px}.library{padding:16px}.library-top{display:block}.sort-label{display:flex;gap:7px;align-items:center;margin-top:12px}.library-bottom{flex-wrap:wrap}.library-bottom .primary{width:100%}.console{padding:19px 6px 12px}.deck{padding:5px 12px 12px}.gain-area{display:block;text-align:right}.gain-area input{width:65px;display:block}.fader-area{height:260px;gap:8px}.pitch-assembly{width:110px}.ticks{left:-1px;font-size:10px;width:24px}.pitch-rail{margin-left:18px;width:42px}.pitch{width:42px}.pitch::-webkit-slider-runnable-track{width:42px}.pitch::-webkit-slider-thumb{width:48px;height:35px}.meter{width:22px;padding:5px}.meter-fill{left:5px;width:10px;bottom:5px}.meter:after{inset:5px}.meter-scale{display:none}.zero-led{left:-1px;width:17px}.transport{padding:11px 4px;font-size:16px}.control-row{gap:7px}.console-footer{font-size:7px;letter-spacing:.6px;padding:12px 6px 0}.transport-footer{gap:10px}.transport-footer button{min-width:155px;font-size:12px}.transport-footer p{font-size:11px}.footnote{line-height:1.7}#session-actions .eyebrow{display:none}.result-number{font-size:53px}.result-actions{flex-wrap:wrap}}

@media(max-width:600px){.deck-number{font-size:9px;letter-spacing:1px;white-space:nowrap}}

.monitor-mode{max-width:500px;margin:0 auto 16px;padding:0;border:0;min-width:0}.monitor-mode legend{font-size:11px;color:var(--muted);margin-bottom:9px}.monitor-options{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;border:1px solid var(--line);border-radius:9px;background:#171b21}.monitor-options label{position:relative;cursor:pointer;min-width:0}.monitor-options input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.monitor-options span{display:block;padding:11px 6px;text-align:center;font-size:12px;border:1px solid transparent;border-radius:5px}.monitor-options input:checked+span{background:var(--accent);border-color:var(--accent);color:#242722;font-weight:700}.monitor-options input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px}.monitor-mode p{font-size:11px;color:var(--muted);margin:8px 0 0;line-height:1.5;min-height:17px}