:root{--right: #2ee08a;--left: #8b5cf6;--cyan: #22d3ee;--text-1: #e8ecf6;--text-2: #c7cee0;--muted: #9aa3bd;--muted-2: #7e87a0}body{font-family:Manrope,system-ui,sans-serif;color:var(--text-1)}.app-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.bloom{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.bloom div{position:absolute;border-radius:50%;filter:blur(75px)}.bloom .b1{width:48vw;height:48vw;left:-10vw;top:-12vw;background:radial-gradient(circle,rgba(46,224,138,.4),transparent 70%);animation:drift1 26s ease-in-out infinite}.bloom .b2{width:56vw;height:56vw;right:-14vw;top:-8vw;background:radial-gradient(circle,rgba(64,132,255,.5),transparent 70%);animation:drift2 31s ease-in-out infinite}.bloom .b3{width:44vw;height:44vw;left:22vw;bottom:-16vw;background:radial-gradient(circle,rgba(139,92,246,.42),transparent 70%);animation:drift3 35s ease-in-out infinite}.bloom .b4{width:34vw;height:34vw;right:6vw;bottom:-6vw;background:radial-gradient(circle,rgba(34,211,238,.42),transparent 70%);animation:drift1 29s ease-in-out infinite reverse}@keyframes drift1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(9%,-7%) scale(1.18)}}@keyframes drift2{0%,to{transform:translate(0) scale(1.05)}50%{transform:translate(-8%,9%) scale(.9)}}@keyframes drift3{0%,to{transform:translate(0) scale(.95)}50%{transform:translate(7%,-9%) scale(1.2)}}@media (prefers-reduced-motion: reduce){.bloom div{animation:none}}.content{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;padding:16px;gap:12px}.glass{background:linear-gradient(160deg,#ffffff1a,#ffffff06);-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%);border:1px solid rgba(255,255,255,.14);border-radius:20px;box-shadow:0 10px 34px #0006,inset 0 1px #ffffff47;padding:15px 20px;display:flex;flex-direction:column;gap:13px}.glass-lite{background:linear-gradient(160deg,#ffffff14,#ffffff05);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,.12);border-radius:15px;box-shadow:inset 0 1px #fff3;padding:10px 18px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.hrow{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.hrow2{gap:11px}.spacer{flex:1}.vdivider{width:1px;height:30px;background:#ffffff24}.brand{display:flex;align-items:center;gap:12px}.brand-dot{width:11px;height:11px;border-radius:50%;background:var(--right);box-shadow:0 0 14px 3px #2ee08ae6}.brand-title{font-family:Space Grotesk,Manrope,sans-serif;font-weight:700;font-size:19px;letter-spacing:-.01em;line-height:1.15}.brand-sub{font-size:12.5px;color:var(--muted);max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button,select{font-family:inherit}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:13px;cursor:pointer;border:1px solid rgba(46,224,138,.55);color:#04140c;font-weight:700;font-size:14px;background:linear-gradient(180deg,#6bf3b3,#22c878);box-shadow:0 6px 20px #2ee08a73,inset 0 1px #fff9}.btn-primary:hover{filter:brightness(1.06)}.btn-secondary{padding:10px 18px;border-radius:13px;cursor:pointer;border:1px solid rgba(255,255,255,.14);color:#eaf0fb;font-weight:600;font-size:14px;background:linear-gradient(180deg,#ffffff1a,#ffffff08)}.btn-secondary:hover{background:#ffffff24}.pill{padding:8px 15px;border-radius:11px;cursor:pointer;border:1px solid rgba(255,255,255,.13);color:#c7cee0;font-weight:600;font-size:13px;background:#ffffff0a;display:inline-block}.pill:hover{background:#ffffff1a}.pill.on{border-color:#2ee08a80;color:#8affc9;font-weight:700;background:#2ee08a29;box-shadow:inset 0 0 12px #2ee08a40}.ctl{display:flex;align-items:center;gap:10px}.ctl-label{font-size:13px;color:var(--muted);font-weight:600}.ctl-value{font-size:13px;font-weight:700;min-width:42px}input[type=range].glow-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:999px;outline:none;cursor:pointer}input[type=range].glow-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:none;box-shadow:var(--thumb-glow, 0 0 10px rgba(46, 224, 138, .8)),0 1px 3px #0006}input[type=range].glow-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:none;box-shadow:var(--thumb-glow, 0 0 10px rgba(46, 224, 138, .8)),0 1px 3px #0006}.chip{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 8px;border-radius:999px;cursor:pointer;font-size:13px;font-weight:600;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:var(--text-2)}.chip input{display:none}.chip .box{width:20px;height:20px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;background:#ffffff1f;color:transparent}.chip .count{font-weight:700;font-size:12px;opacity:.85}.chip.c-green.checked{background:#2ee08a21;border-color:#2ee08a66;color:#d8ffec}.chip.c-green.checked .box{background:#2ee08a;color:#04140c}.chip.c-green.checked .count{color:#8affc9}.chip.c-purple.checked{background:#8b5cf624;border-color:#8b5cf666;color:#eee7ff}.chip.c-purple.checked .box{background:#8b5cf6;color:#100826}.chip.c-purple.checked .count{color:#c9b4ff}.chip.c-cyan.checked{background:#22d3ee24;border-color:#22d3ee66;color:#dffaff}.chip.c-cyan.checked .box{background:#22d3ee;color:#04252b}.chip.c-cyan.checked .count{color:#a5ecfa}.chip.c-pink.checked{background:#f472b624;border-color:#f472b666;color:#ffe9f4}.chip.c-pink.checked .box{background:#f472b6;color:#2b0a1c}.chip.c-pink.checked .count{color:#ffc2e0}.pill-select{padding:8px 30px 8px 15px;border-radius:11px;cursor:pointer;border:1px solid rgba(255,255,255,.13);color:#c7cee0;font-weight:600;font-size:13px;background:#ffffff0d url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><path d='M1 1l4 4 4-4' stroke='%239aa3bd' stroke-width='1.6' fill='none' stroke-linecap='round'/></svg>") no-repeat right 12px center;-moz-appearance:none;appearance:none;-webkit-appearance:none}.pill-select option{background:#0c0f20;color:#e8ecf6}.warn{font-size:12.5px;color:#f5b04c;font-weight:600}.highway{flex:1;min-height:0;position:relative;border-radius:18px 18px 0 0;border:1px solid rgba(255,255,255,.08);border-bottom:none;overflow:hidden}.highway canvas{display:block;width:100%;height:100%}.chord-overlay{position:absolute;left:50%;top:9%;transform:translate(-50%);z-index:3;pointer-events:none;text-align:center;line-height:1}.chord-overlay-now{font:800 clamp(44px,11vh,110px) "Manrope",sans-serif;letter-spacing:.01em;color:#f4fffa;text-shadow:0 0 34px rgba(46,224,138,.55),0 2px 14px rgba(0,0,0,.8)}.chord-overlay-next{margin-top:6px;font:700 clamp(12px,2.2vh,20px) "Manrope",sans-serif;color:#cfe9dc;opacity:.85;text-shadow:0 1px 8px rgba(0,0,0,.8)}.chord-overlay-next span{opacity:.7;font-weight:500}.ctl-disp{flex-wrap:nowrap;gap:5px}.ctl-disp .hwbtn{padding-left:7px;padding-right:7px}.ctl-disp .ctl-value{min-width:26px!important}.chord-overlay-tag{color:#f0b429;font-size:clamp(10px,1.6vh,14px);text-transform:uppercase;letter-spacing:.1em}.chord-row-wrap{top:6%;width:min(92%,960px)}.chord-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:stretch}.chord-bar{position:relative;display:flex;align-items:stretch;overflow:hidden;height:clamp(44px,9vh,84px);border-radius:8px;background:#060a0e8c repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px calc(100% / var(--beats, 4)));border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff0f;transition:border-color .18s}.chord-bar-no{position:absolute;left:6px;top:3px;z-index:2;font:700 9px/1 JetBrains Mono,monospace;color:#cfeee28c}.chord-seg{flex:var(--f, 1) 1 0;min-width:0;display:flex;align-items:center;justify-content:center;border-left:1px solid rgba(255,255,255,.18);overflow:hidden}.chord-seg:first-of-type{border-left:none}.chord-seg.now{background:#ffffff12}.chord-bar-chord{font:800 clamp(18px,4.2vh,40px) "Manrope",sans-serif;line-height:1;color:#d7e9e2cc;text-shadow:0 2px 8px rgba(0,0,0,.8);white-space:nowrap}.chord-bar-chord.dim{color:#d7e9e259}.chord-bar.now{border-color:#ffffff59;background-color:#060a0eb3;animation:rgb-border 3s linear infinite}.chord-bar.now .chord-bar-no{color:#fff}.chord-bar-chord.now{font-size:clamp(28px,7vh,66px);color:#fff;animation:rgb-glow 3s linear infinite}.chord-bar.now .chord-bar-chord:not(.now){opacity:.45}.chord-bar.ahead{border-style:dashed}.chord-bar.ahead .chord-bar-chord{opacity:.7}.chord-bar-play{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 8px #fff,0 0 16px #fff9;pointer-events:none}.chord-strip{flex:none;position:relative;display:flex;align-items:center;gap:12px;padding:4px 12px;background:#050608}.chord-strip .chord-row{flex:1;gap:6px}.chord-strip .chord-bar{height:clamp(34px,7vh,56px);border-radius:5px}.chord-strip .chord-bar-chord{font-size:clamp(16px,3.4vh,26px)}.chord-strip .chord-bar-chord.now{font-size:clamp(22px,5vh,38px)}.chord-strip .chord-overlay-tag{flex:none;font-size:10px}body.skin-stage .chord-strip{background:linear-gradient(180deg,#111214,#050608);box-shadow:inset 0 1px #ffffff0f}@keyframes rgb-glow{0%{text-shadow:0 0 14px #ff3b5c,0 0 34px #ff3b5c,0 2px 8px rgba(0,0,0,.8)}33%{text-shadow:0 0 14px #3bff8a,0 0 34px #3bff8a,0 2px 8px rgba(0,0,0,.8)}66%{text-shadow:0 0 14px #3b8bff,0 0 34px #3b8bff,0 2px 8px rgba(0,0,0,.8)}to{text-shadow:0 0 14px #ff3b5c,0 0 34px #ff3b5c,0 2px 8px rgba(0,0,0,.8)}}@keyframes rgb-border{0%{box-shadow:0 0 0 1px #ff3b5cb3,0 0 22px #ff3b5c73,inset 0 1px #ffffff0f}33%{box-shadow:0 0 0 1px #3bff8ab3,0 0 22px #3bff8a73,inset 0 1px #ffffff0f}66%{box-shadow:0 0 0 1px #3b8bffb3,0 0 22px #3b8bff73,inset 0 1px #ffffff0f}to{box-shadow:0 0 0 1px #ff3b5cb3,0 0 22px #ff3b5c73,inset 0 1px #ffffff0f}}body.eco .chord-bar.now,body.eco .chord-bar-chord.now{animation:none}body.eco .chord-bar-chord.now{text-shadow:0 0 14px #3bff8a,0 2px 8px rgba(0,0,0,.8)}@media (max-width: 999px){.chord-bar-chord{font-size:16px}.chord-bar-chord.now{font-size:26px}.chord-row{gap:4px}.chord-strip .chord-overlay-tag{display:none}}body.eco .chord-overlay-now,body.eco .chord-overlay-next{text-shadow:0 2px 6px rgba(0,0,0,.9)}.footer{display:flex;align-items:center;gap:22px;height:22px;padding:0 22px;background:linear-gradient(180deg,#0d0e10,#060607);box-shadow:inset 0 1px #ffffff0f;font:500 9px/1 JetBrains Mono,monospace;color:#6f737b;flex-wrap:nowrap;overflow:hidden;white-space:nowrap;margin:0 -16px -16px}.footer .time{color:#5dffd0;font-weight:700;font-variant-numeric:tabular-nums}.footer .warn{color:#ffb34d}.footer .accuracy{color:#c9ccd2}.footer .accuracy b{color:#5dffd0}.footer .accuracy b{color:var(--right);font-weight:700}.glass,.glass-lite{position:relative}.hwbtn{padding:6px 13px;border-radius:8px;font-family:Manrope,sans-serif;font-weight:700;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;cursor:pointer;color:#b6bac3;background:linear-gradient(180deg,#3a3d44,#1e2025 44%,#0e0f12);border:1px solid #050506;box-shadow:0 1px 1px #ffffff0d,0 3px 7px #0000008c,inset 0 1.5px #fff3,inset 0 -3px 6px #0000009e;display:inline-flex;align-items:center;gap:7px}.hwbtn:hover{filter:brightness(1.18)}.hwbtn.green{color:#04140c;background:linear-gradient(180deg,#6ff5b8,#22c97a 52%,#12a860);border:1px solid #094023;box-shadow:0 0 14px 1px #2ee08a80,0 3px 7px #00000080,inset 0 1.5px #ffffffb3,inset 0 -3px 6px #0000004d}.led{width:7px;height:7px;border-radius:50%;background:#3a2020;box-shadow:inset 0 1px 1px #0009;flex:none}.led.on{background:#2ee08a;box-shadow:0 0 8px 2px #2ee08ae6;animation:ledPulse 2s ease-in-out infinite}@keyframes ledPulse{0%,to{opacity:1}50%{opacity:.72}}.brand-dot{animation:ledPulse 2s ease-in-out infinite}.logo-row{display:flex;justify-content:center;margin:-4px 0 -2px}@media (max-height: 400px){.logo-row{display:none}}.seg{display:inline-flex;background:#00000061;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 3px #0009;border-radius:9px;padding:3px;gap:2px}.seg button{padding:5px 13px;border:none;border-radius:7px;background:transparent;color:#aeb2bb;font:700 10.5px Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.seg button.active{color:#04140c;background:linear-gradient(180deg,#6ff5b8,#22c97a 52%,#12a860);box-shadow:0 0 10px #2ee08a73,inset 0 1px #fff9}input[type=range].fader{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;border-radius:5px;outline:none;cursor:pointer;box-shadow:inset 0 1px 3px #000000e6;border:1px solid rgba(0,0,0,.7)}input[type=range].fader::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:24px;border-radius:3px;background:linear-gradient(90deg,transparent 5px,rgba(255,255,255,.25) 5px,rgba(255,255,255,.25) 6px,transparent 6px,transparent 9px,rgba(0,0,0,.5) 9px,rgba(0,0,0,.5) 10px,transparent 10px),linear-gradient(180deg,#3d4046,#202226 50%,#15161a);border:1px solid #060708;box-shadow:0 2px 5px #0009,inset 0 1px #ffffff40}input[type=range].fader::-moz-range-thumb{width:15px;height:24px;border-radius:3px;background:linear-gradient(180deg,#3d4046,#202226 50%,#15161a);border:1px solid #060708;box-shadow:0 2px 5px #0009,inset 0 1px #ffffff40}.ctl-label.hw{font:700 10.5px Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#9aa3bd}.resizer{position:absolute;left:0;right:0;bottom:0;height:12px;cursor:ns-resize;display:flex;align-items:center;justify-content:center;z-index:3}.resizer:after{content:"";width:44px;height:4px;border-radius:999px;background:#ffffff38}.resizer:hover:after{background:#fff6}.kb-resizer{height:14px;margin:-2px -16px 0;cursor:ns-resize;display:flex;align-items:center;justify-content:center;gap:5px;background:#05060f;flex:none}.kb-resizer:hover{background:#ffffff0f}.kb-resizer i{width:5px;height:5px;border-radius:50%;background:#ffffff73}.bed-grip{position:absolute;left:0;right:0;height:18px;z-index:4;cursor:ns-resize;touch-action:none;display:flex;align-items:center;justify-content:center}.bed-grip:after{content:"";width:48px;height:5px;border-radius:999px;background:#fff0;transition:background .15s}.bed-grip:hover:after,.bed-grip:active:after{background:#ffffff73}.stage-divider{flex:none;height:13px;margin:-3px 0;cursor:ns-resize;touch-action:none;display:flex;align-items:center;justify-content:center;gap:5px;z-index:2}.stage-divider i{width:5px;height:5px;border-radius:50%;background:#ffffff59}.stage-divider:hover i{background:#ffffffbf}.chip.c-green.checked{background:linear-gradient(180deg,#26332e,#111815);border-color:#0d3a28}.chip.c-purple.checked{background:linear-gradient(180deg,#2a2440,#141019);border-color:#3a2d66}.highway{margin:0 -16px;border-left:none;border-right:none;border-radius:0;border-top:1.5px solid rgba(46,224,138,.28);box-shadow:inset 0 0 70px #2ee08a12}.keys-strip{margin:0 -16px;flex:none;position:relative}.display-row{flex:1;min-height:0;display:flex;gap:12px;align-items:stretch}.lcd{flex:1;min-width:0;position:relative;overflow:hidden;border-radius:14px;border:2px solid #0a0c0f;background:linear-gradient(180deg,#04211d,#03302a 60%,#02120f);box-shadow:inset 0 0 40px #2ee08a1f,inset 0 2px 8px #000000b3,0 6px 20px #00000073;padding:16px 20px;display:flex;flex-direction:column;gap:12px;font-family:Space Grotesk,sans-serif;color:#e6fff4}.lcd-scan{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 1px,transparent 1px 3px);opacity:.5}.lcd-head{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.14em;color:#4fcb98}.lcd-title-row{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.lcd-title{font-size:clamp(20px,4vh,34px);font-weight:700;color:#e6fff4;text-shadow:0 0 18px rgba(46,224,138,.45)}.lcd-chips{display:flex;gap:8px;flex-wrap:wrap}.lcd-chords{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.lcd-chord-now{font:800 clamp(26px,6vh,52px) "Manrope",sans-serif;letter-spacing:.01em;line-height:1;color:#eafff5;text-shadow:0 0 22px rgba(46,224,138,.55)}.lcd-chord-next{font-size:clamp(10px,1.8vh,13px);opacity:.75}.lcd-chord-next b{font-size:1.25em}body.lcd-light .lcd-chord-now{color:#0b1220;text-shadow:none}.lcd-chip{font-size:10.5px;letter-spacing:.1em;color:#8affc9;background:#2ee08a17;border:1px solid rgba(46,224,138,.22);border-radius:7px;padding:4px 9px}.lcd-chip b{color:#e6fff4;font-weight:700;margin-left:4px}.lcd-pos{display:flex;align-items:center;gap:12px;margin-top:auto}.lcd-time{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;color:#8affc9}.lcd-time.dim{color:#3fbf8f}.lcd-bar{flex:1;height:9px;border-radius:999px;background:#00000073;box-shadow:inset 0 1px 3px #000c;cursor:pointer;position:relative}.lcd-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#16a3c0,#2ee08a);position:relative;min-width:6px}.lcd-head-dot{position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:13px;height:13px;border-radius:50%;background:#e6fff4;box-shadow:0 0 10px #2ee08ae6}.wheel-col{width:216px;flex:none;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#ffffff14,#ffffff05);border:1px solid rgba(255,255,255,.12);border-radius:15px;box-shadow:inset 0 1px #fff3}.wheel-ring{width:172px;height:172px;border-radius:50%;position:relative;background:radial-gradient(circle at 50% 34%,#35383e,#202227 55%,#16171b);box-shadow:inset 0 2px 4px #ffffff24,inset 0 -3px 8px #000000b3,0 8px 22px #00000080;touch-action:none;cursor:grab}.wheel-ring:active{cursor:grabbing}.wheel-label{position:absolute;background:none;border:none;color:#9aa0ab;font:700 10px Manrope,sans-serif;letter-spacing:.12em;cursor:pointer;padding:6px}.wheel-label:hover{color:#e8ecf6}.wheel-menu{top:6px;left:50%;transform:translate(-50%)}.wheel-prev{left:8px;top:50%;transform:translateY(-50%)}.wheel-next{right:8px;top:50%;transform:translateY(-50%)}.wheel-play{bottom:6px;left:50%;transform:translate(-50%)}.wheel-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78px;height:78px;border-radius:50%;background:radial-gradient(circle at 50% 30%,#0b1512,#050a08 70%);border:1px solid #000;box-shadow:inset 0 3px 8px #000000e6,inset 0 -1px #ffffff14;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;font-family:Space Grotesk,sans-serif}.wheel-time{font-size:17px;font-weight:700;color:#2ee08a;text-shadow:0 0 10px rgba(46,224,138,.7);font-variant-numeric:tabular-nums}.wheel-total{font-size:9px;color:#3fbf8f;font-variant-numeric:tabular-nums}.wheel-sel-hint{font-size:8px;letter-spacing:.18em;color:#3fbf8f}.wheel-sel-label{font-size:9.5px;font-weight:700;color:#2ee08a;text-shadow:0 0 8px rgba(46,224,138,.7);max-width:66px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.cascadia-logo{font-family:Orbitron,sans-serif;font-weight:900;font-size:22px;letter-spacing:.22em;padding-left:.22em;line-height:1.15;background:linear-gradient(180deg,#eef1f6,#ccd2dd 38%,#f4f6fa 50%,#a9b0be 60%,#d3d9e2 82%,#eef1f6);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 -1px 1px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.85),0 2px 5px rgba(0,0,0,.32),0 0 6px rgba(255,255,255,.25);position:relative;white-space:nowrap}.cascadia-logo .spark{position:absolute;background:#fff;clip-path:polygon(50% 0,53% 47%,100% 50%,53% 53%,50% 100%,47% 53%,0 50%,47% 47%);filter:drop-shadow(0 0 6px #fff) drop-shadow(0 0 14px rgba(190,220,255,.95));transform:translate(-50%,-50%) scale(.3);opacity:0;pointer-events:none}.cascadia-logo .s1{left:8%;top:24%;width:13px;height:13px;animation:twinkle 11s ease-in-out infinite .8s}.cascadia-logo .s2{left:41%;top:66%;width:9px;height:9px;animation:twinkle 9.5s ease-in-out infinite 4.6s}.cascadia-logo .s3{left:74%;top:30%;width:15px;height:15px;animation:twinkle 12.5s ease-in-out infinite 8.2s}.cascadia-logo .s4{left:91%;top:60%;width:8px;height:8px;animation:twinkle 10s ease-in-out infinite 2.4s}@keyframes twinkle{0%,84%,to{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(0)}90%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(18deg)}95%{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(32deg)}}@media (prefers-reduced-motion: reduce){.cascadia-logo .spark{animation:none}}.lcd-menu{display:flex;flex-direction:column;gap:3px;overflow:hidden auto;flex:1;min-height:0;scrollbar-width:thin}.lcd-menu-title{font-size:11px;letter-spacing:.16em;color:#4fcb98;margin-bottom:4px}.lcd-menu-row{flex:none;font-size:clamp(13px,2.4vh,17px);font-weight:700;color:#3fbf8f;padding:5px 12px;border-radius:7px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid transparent}.lcd-menu-row.sel{color:#05221a;background:linear-gradient(90deg,#2ee08a,#16a3c0);box-shadow:0 0 16px #2ee08a80}.lcd-menu-row:not(.sel):hover{background:#2ee08a1a;color:#8affc9}.resizer,.kb-resizer{touch-action:none}@media (pointer: coarse){.resizer{height:26px}.resizer:after{width:64px;height:6px}.kb-resizer{height:26px}.kb-resizer i{width:6px;height:6px}}.sheet-wrap{flex:1;min-height:0;overflow:auto;border-radius:14px;border:2px solid #0a0c0f;background:#f7f4ea;box-shadow:inset 0 2px 10px #00000040,0 6px 20px #00000073;cursor:pointer}.sheet-inner{position:relative;padding:8px 12px}.sheet-cursor{position:absolute;top:0;left:0;border-radius:8px;background:#2ee08a24;border:1.5px solid rgba(46,224,138,.55);pointer-events:none;transition:transform .25s ease,width .25s ease,height .25s ease}.lcd-row{display:flex;gap:12px;align-items:stretch;min-height:128px;max-height:190px;flex:1}.lcd-row .lcd{padding:10px 16px;gap:7px;border-radius:12px}.lcd-row .lcd-title{font-size:clamp(16px,2.6vh,24px)}.lcd-row .lcd-chip{font-size:9.5px;padding:3px 7px}.lcd-row .lcd-menu-row{font-size:clamp(11px,1.9vh,14px);padding:3px 10px}.lcd-row .wheel-col{width:168px;border-radius:12px}.lcd-row .wheel-ring{width:136px;height:136px}.lcd-row .wheel-center{width:62px;height:62px}.lcd-row .wheel-time{font-size:14px}.lcd-row .wheel-label{font-size:8.5px;padding:4px}.lcd-row .wheel-menu{top:3px}.lcd-row .wheel-play{bottom:3px}.lcd-row .wheel-prev{left:5px}.lcd-row .wheel-next{right:5px}.lcd-row .wheel-sel-label{max-width:52px}@media (max-height: 520px){.lcd-row{display:none}}body.eco .bloom{display:none}body.eco .glass{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(160deg,#1b2144,#12162f)}body.eco .glass-lite{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(160deg,#191f3e,#11152c)}body.eco .highway{box-shadow:none}body.eco .cascadia-logo .spark{display:none}body.eco .lcd{box-shadow:inset 0 2px 8px #000000b3}body.eco .overlay{-webkit-backdrop-filter:none;backdrop-filter:none}@media (max-height: 520px){.content{padding:8px;gap:6px}.glass{padding:8px 14px;gap:6px;border-radius:14px}.glass-lite{padding:6px 14px}.footer{padding:4px 14px;margin:0 -8px -8px}.brand-title{font-size:16px}}@media (max-height: 400px){.glass-lite,.hrow2,.brand-sub{display:none}.highway{border-radius:10px 10px 0 0}}.main-col{display:contents}body.wide .content{flex-direction:row;align-items:stretch;padding:12px;gap:10px}body.wide .main-col{display:flex;flex-direction:column;flex:1;min-width:0;gap:8px}body.wide header.glass{width:304px;flex:none;height:auto;overflow-y:auto;overflow-x:hidden;padding:8px 12px 10px;gap:8px;border-radius:16px}body.wide header .resizer{display:none}body.compact .cascadia-logo{font-size:14px}body.compact .cascadia-logo .spark{display:none}body.compact .logo-row{margin:0}body.compact header .hrow{gap:6px}body.compact header .hrow .spacer{flex:none;width:0}body.compact header .vdivider{display:none}body.compact .brand-sub{max-width:260px}body.compact header .hwbtn{padding:4px 8px;font-size:9px;gap:5px;border-radius:6px}body.compact .seg{padding:2px}body.compact .seg button{padding:4px 9px;font-size:9px}body.compact header .ctl{gap:6px}body.compact header .ctl-label.hw{font-size:9px}body.compact header .ctl-value{font-size:11px;min-width:34px}body.compact header input[type=range].fader{width:112px!important}body.compact header .led{width:6px;height:6px}body.compact .lcd-row{display:flex;flex-direction:column;align-items:stretch;max-height:none;min-height:0;gap:8px}body.compact .lcd-row .lcd{min-height:96px;padding:8px 12px;gap:5px}body.compact .lcd-row .lcd-head{font-size:8px}body.compact .lcd-row .lcd-title{font-size:clamp(11px,1.8vh,15px)}body.compact .lcd-row .lcd-chip{font-size:8px;padding:2px 5px}body.compact .lcd-row .lcd-menu-title{font-size:8.5px;margin-bottom:2px}body.compact .lcd-row .lcd-menu{gap:2px}body.compact .lcd-row .lcd-menu-row{font-size:10px;padding:2px 8px;border-radius:5px}body.compact .lcd-row .lcd-time{font-size:10px}body.compact .lcd-row .lcd-bar{height:7px}body.compact .lcd-row .wheel-col{width:auto;flex:none;padding:8px 0}body.compact .lcd-row .wheel-ring{width:118px;height:118px}body.compact .lcd-row .wheel-center{width:52px;height:52px}body.compact .lcd-row .wheel-time{font-size:12px}body.compact .lcd-row .wheel-total{font-size:8px}body.compact .lcd-row .wheel-label{font-size:7.5px;padding:3px}body.wide .glass-lite{padding:5px 12px;gap:10px;border-radius:12px}body.wide .glass-lite .ctl-label.hw{font-size:9px}body.wide .highway,body.wide .keys-strip{margin:0 -12px 0 0}body.wide .kb-resizer{margin:-2px -12px 0 0}body.wide .footer{margin:0 -12px -12px 0;padding:4px 14px;border-radius:0 0 0 10px}body.full .content{padding:0;gap:0}body.full .footer{display:none}body.full header .glass-lite{-webkit-backdrop-filter:none;backdrop-filter:none;background:#00000047;border-radius:10px;padding:6px 10px;gap:8px;flex:none}body.compact header .chip{padding:3px 8px;font-size:10px;gap:5px}body.compact header .chip .count{font-size:8.5px}body.compact header .pill-select{font-size:10px;padding:3px 8px}body.compact header .glass-lite .ctl-label.hw{font-size:8.5px}body.full .highway,body.full .keys-strip{margin:0;border-radius:0}body.full .kb-resizer{margin:-2px 0 0;opacity:.55}body.full header.glass{position:fixed;z-index:14;resize:both;overflow:hidden auto;min-width:252px;min-height:220px;max-width:94vw;max-height:94vh;padding:0 12px 10px;gap:8px;border-radius:14px;box-shadow:0 20px 60px #000000a6,inset 0 1px #ffffff47}body.full header .resizer{display:none}.float-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:8px;margin:0 -12px;padding:7px 12px 6px;background:#0a0c18f0;border-bottom:1px solid rgba(255,255,255,.1);cursor:grab;touch-action:none;flex:none}.float-bar:active{cursor:grabbing}.float-title{font:700 8.5px Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#9aa3bd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.float-min{background:none;border:none;color:#9aa3bd;font-weight:800;font-size:13px;cursor:pointer;padding:0 4px;line-height:1}.float-min:hover{color:#eaf0fb}.float-chip{position:fixed;top:10px;left:10px;z-index:14;padding:6px 12px;border-radius:9px;font:700 9.5px Manrope,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#c7cee0;background:#0c0f1eb8;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;opacity:.75}.float-chip:hover{opacity:1}.align-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12;pointer-events:none}.align-shade{position:absolute;top:0;bottom:0;background:#03050c8c}.align-handle{position:absolute;top:0;bottom:0;width:30px;margin-left:-15px;pointer-events:auto;cursor:ew-resize;touch-action:none;display:flex;align-items:center;justify-content:center}.align-handle:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;margin-left:-1.5px;background:#2ee08a;box-shadow:0 0 12px #2ee08ad9}.align-handle i{position:relative;z-index:1;width:16px;height:52px;border-radius:9px;background:linear-gradient(180deg,#46f0a4,#16a06a);border:1px solid #0a5236;box-shadow:0 3px 12px #0000008c,inset 0 1px #ffffff8c}.align-marker{position:absolute;top:0;bottom:0;width:34px;margin-left:-17px;pointer-events:auto;cursor:ew-resize;touch-action:none}.align-marker:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;margin-left:-1.5px;background:#22d3ee;box-shadow:0 0 12px #22d3eed9}.align-marker .tag{position:absolute;left:50%;bottom:34px;transform:translate(-50%);padding:6px 11px;border-radius:9px;font:800 13px Space Grotesk,sans-serif;color:#04171b;background:linear-gradient(180deg,#7deefc,#22d3ee 55%,#0ea5c4);border:1px solid #075e70;box-shadow:0 3px 12px #0000008c,inset 0 1px #fff9;white-space:nowrap}.align-hint{position:absolute;left:50%;top:14px;transform:translate(-50%);pointer-events:auto;display:flex;flex-direction:row;align-items:center;gap:12px;padding:9px 16px;border-radius:12px;font-size:12.5px;color:var(--text-2);max-width:min(760px,92vw)}.align-hint .seg{flex:none}.align-hint b{color:#7deefc}.seq{flex:none;min-height:0;display:flex;flex-direction:column;gap:8px;padding:10px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(160deg,#14183200,#07091e),radial-gradient(120% 100% at 50% -20%,rgba(46,224,138,.06),transparent 60%),linear-gradient(160deg,#161c3a,#090c1c);box-shadow:inset 0 1px #ffffff14}.seq-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.seq-title{font:800 11px Manrope,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#9aa3bd}.seq-body{flex:1;min-height:0;display:grid;grid-template-columns:var(--brandw, 0px) minmax(auto,1fr) auto minmax(auto,1fr) var(--brandw, 0px);gap:12px;align-items:stretch;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;overscroll-behavior-x:contain}.seq-left{min-width:max-content;min-height:0;display:flex;align-items:stretch;justify-content:flex-end;gap:12px}.seq-left .seq-group{flex:1 1 0}.seq-group{flex:1 1 0;min-width:190px;min-height:0;display:flex;flex-direction:column;gap:7px}.seq-group.left .seq-group-label{text-align:right;padding-right:4px}.seq-group-label{font:800 9.5px Manrope,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#7c86a5;padding-left:2px}.seq-btns{flex:1;min-height:0;height:100%;display:flex;flex-flow:column wrap;align-content:flex-start;gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;padding-bottom:2px}.seq-group.left .seq-btns,.seq-group.setup .seq-btns{flex-flow:column wrap-reverse;align-content:flex-start}.seq-group.setup .seq-group-label{text-align:right;padding-right:4px}.seq-btns>.ctl-label{width:190px;text-align:center;padding-top:4px}.seq-stage-col{display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:center}.seq-stage-logo{font-size:20px;line-height:1;flex:none}.vol-module{width:190px;display:flex;flex-direction:column;gap:5px}.vol-lcd{display:flex;align-items:center;gap:8px;padding:5px 10px;border-radius:8px;background:linear-gradient(180deg,#060a12,#0b1220);border:1px solid #0a1a26;box-shadow:inset 0 2px 8px #000c,0 0 0 1px #7dfaff14,0 4px 12px #00000080;position:relative;overflow:hidden}.vol-lcd:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px)}.vol-label{font:800 9px Manrope,sans-serif;letter-spacing:.22em;color:#4c8fa0}.vol-digits{font:900 20px Orbitron,sans-serif;letter-spacing:.08em;line-height:1;color:#7dfaff;text-shadow:0 0 10px rgba(125,250,255,.85),0 0 22px rgba(34,211,238,.45);min-width:52px}.vol-bars{display:flex;gap:2px;margin-left:auto}.vol-bars i{width:5px;height:12px;border-radius:1px;background:#7dfaff1f}.vol-bars i.on{background:#22d3ee;box-shadow:0 0 6px #22d3eecc}.vol-slider{width:100%;height:6px}body.eco .vol-digits,body.eco .vol-bars i.on{text-shadow:none;box-shadow:none}.seq-group.right .seq-btns{flex-flow:column wrap;align-content:flex-start}.seq-btns>*{width:190px;flex:none}.seq-btns>.seq-empty{width:190px}.seq3d{--c: #2ee08a;position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 12px;border-radius:11px;cursor:pointer;text-align:center;color:#cfd6e6;border:1px solid #05060a;background:linear-gradient(180deg,#3a3f4b,#23262f 45%,#12141b);box-shadow:0 1px #ffffff14 inset,0 4px 10px #00000080,0 8px 18px #00000059,inset 0 -4px 8px #0000008c;transition:transform .08s,box-shadow .15s,filter .15s}.seq3d:hover{filter:brightness(1.12)}.seq3d:active{transform:translateY(2px);box-shadow:0 1px 4px #0009,inset 0 -2px 5px #00000080}.seq3d[data-on=true]{color:#f1f6ff;border-color:color-mix(in srgb,var(--c) 55%,#05060a);background:linear-gradient(180deg,color-mix(in srgb,var(--c) 34%,#2a2f3a),color-mix(in srgb,var(--c) 14%,#14161d) 55%,#0e1016);box-shadow:0 0 16px color-mix(in srgb,var(--c) 45%,transparent),0 4px 10px #00000080,inset 0 1px #ffffff59,inset 0 -3px 7px #00000080}.seq3d[data-on=true]:before{content:"";position:absolute;top:8px;right:9px;width:7px;height:7px;border-radius:50%;background:var(--c);box-shadow:0 0 8px 1px var(--c)}.seq3d-name{font:800 12px Manrope,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.seq3d-tag{font-size:9px;letter-spacing:.06em;color:#8b93a8;text-transform:uppercase}.seq3d-wrap{display:flex;flex-direction:column;gap:4px}.seq3d-row{display:flex;align-items:center;gap:7px;padding:0 2px}.seq-s{width:26px;height:22px;flex:none;border-radius:6px;font:800 10px Manrope,sans-serif;color:#aab0bd;cursor:pointer;background:linear-gradient(180deg,#34373e,#1b1d22 50%,#0e0f12);border:1px solid #050506;box-shadow:inset 0 1px #ffffff29,inset 0 -2px 4px #0000008c}.seq-s:hover{filter:brightness(1.2)}.seq-s.on{color:#231703;background:linear-gradient(180deg,#ffe08a,#f0b429 55%,#c78d12);box-shadow:0 0 9px #f0b4298c,inset 0 1px #ffffff8c}.seq-vol{flex:1;min-width:0;width:auto!important;height:6px}.seq-shift{justify-content:space-between}.seq-inst{gap:4px}.seq-inst-name{flex:none;width:58px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 9px Manrope,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#8b93a8}.seq-lane-note{text-transform:none;letter-spacing:0;text-align:center;padding:2px 0}.arr-secs{justify-content:space-between}.arr-secs .seq-s{width:34px}.seq-btns>select.pill-select{width:190px}.seq-inst-sel{flex:1;min-width:0;width:auto;font-size:10px;padding:3px 6px;height:22px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.seq-shift-val{flex:1;text-align:center;cursor:pointer;font:700 11px JetBrains Mono,ui-monospace,monospace;color:#7d8598;letter-spacing:.02em}.seq-shift-val.on{color:#f0b429;text-shadow:0 0 6px rgba(240,180,41,.5)}.seq-stage{min-width:max-content;display:flex;align-items:center}.seq-screen{position:relative;flex:none;height:100%;width:auto;aspect-ratio:16 / 9;min-width:min(360px,90vw);max-width:max(60vw,360px);border-radius:14px;overflow:hidden;background:#04060d;border:1px solid #04060a;box-shadow:0 10px 30px #0009,0 2px #ffffff0d inset,0 0 0 6px #0c0e16,0 0 0 7px #ffffff0d,0 14px 40px #00000080}.seq-screen video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.seq-screen.is-lcd{background:transparent;box-shadow:none;border:none;aspect-ratio:2.35 / 1}.seq-screen.is-lcd .lcd{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;zoom:var(--lcd-zoom, 1)}.seq-wheel{flex:none;display:flex;align-items:center;justify-content:center}.seq-wheel .wheel-col{width:230px;background:none;border:none;box-shadow:none}.seq-wheel .wheel-ring{width:var(--wheel, 200px);height:var(--wheel, 200px)}.seq-wheel .wheel-center{width:calc(var(--wheel, 200px) * .45);height:calc(var(--wheel, 200px) * .45)}.seq-wheel .wheel-time{font-size:20px}.seq-wheel .wheel-total{font-size:11px}.seq-wheel .wheel-label{font-size:11px;padding:7px}.seq-wheel .wheel-sel-label{max-width:76px;font-size:11px}.seq-col-div{width:190px;height:1px;background:#ffffff1f;margin:3px 0}.seq-btns .hwbtn{width:190px;box-sizing:border-box;justify-content:center;text-align:center}.seq-ctlrow{display:flex;align-items:center;gap:6px;width:190px}.seq-ctlrow .ctl-label{flex:1}.seq-ctlrow .hwbtn,.seq-btns .ctl .hwbtn{width:auto}.seq-ctlrow .ctl-value{min-width:40px;text-align:center}body.view-seq header{display:none}.seq-btns .vdivider,.seq-btns .spacer{display:none}.seq-btns .seg{width:190px}.seq-btns .seg button{flex:1;padding:4px 6px;font-size:9px}.seq-btns .ctl{flex-wrap:wrap;gap:5px;width:190px}.seq-btns .ctl .fader{width:124px!important}.seq-btns label.hwbtn{width:190px;box-sizing:border-box}.seq-noscreen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:0 16px;background:radial-gradient(120% 90% at 50% 40%,#0b1224,#05070f 80%)}.seq-noscreen-mark{font-family:Orbitron,sans-serif;font-weight:900;letter-spacing:.22em;font-size:clamp(15px,3vw,30px);color:#1f6f52;text-shadow:0 1px 0 rgba(255,255,255,.05)}.seq-noscreen-sub{font-size:11px;color:#55617f;letter-spacing:.04em}.seq-screen video{object-fit:contain;background:#000;cursor:pointer}.seq-screen-glass{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 22%,transparent 82%,rgba(0,0,0,.25))}.seq-screen-btn{position:absolute;top:8px;right:8px;z-index:3;padding:4px 9px;border-radius:7px;font:800 10px Manrope,sans-serif;letter-spacing:.08em;color:#dfe6f5;background:#080a12b8;border:1px solid rgba(255,255,255,.18);cursor:pointer;opacity:.55;transition:opacity .15s}.seq-screen:hover .seq-screen-btn,.seq-screen-btn:focus-visible{opacity:1}@media (pointer: coarse){.seq-screen-btn{opacity:.9}}.seq-stagebar{position:absolute;left:10px;right:10px;bottom:8px;height:6px;border-radius:999px;background:#0000008c;box-shadow:inset 0 1px 3px #000c;cursor:pointer;overflow:hidden}.seq-stagefill{height:100%;background:linear-gradient(90deg,#16a3c0,#2ee08a)}.seq-empty{padding:14px;font-size:12px;line-height:1.5;color:var(--muted);border:1.5px dashed rgba(255,255,255,.2);border-radius:10px}.seq-empty.sm{padding:10px;font-size:11px}body.compact .seq{padding:8px 10px}body.compact .seq-group{flex-basis:clamp(120px,18%,200px)}body.compact .seq3d{padding:7px 10px}body.compact .seq3d-name{font-size:11px}body.lcd-light .lcd{background:linear-gradient(180deg,#fdfdfb,#eef1f5 62%,#e2e7ee);border-color:#a9b2c2;box-shadow:inset 0 2px 6px #0f172a1a,0 6px 20px #0006;color:#101828}body.lcd-light .lcd-scan{display:none}body.lcd-light .lcd-head{color:#64748f}body.lcd-light .lcd-title{color:#0b1220;text-shadow:none}body.lcd-light .lcd-chip{color:#31518a;background:#1737690f;border-color:#17376933}body.lcd-light .lcd-chip b{color:#0b1220}body.lcd-light .lcd-time{color:#0e8a63}body.lcd-light .lcd-time.dim{color:#94a3b8}body.lcd-light .lcd-bar{background:#0f172a1f;box-shadow:inset 0 1px 2px #0f172a33}body.lcd-light .lcd-head-dot{background:#fff;border:2.5px solid #16a3c0;box-shadow:0 1px 5px #0f172a59}body.lcd-light .lcd-menu-title{color:#64748f}body.lcd-light .lcd-menu-row{color:#31518a}body.lcd-light .lcd-menu-row.sel{color:#fff;background:linear-gradient(90deg,#16a3c0,#0e8a63);box-shadow:0 2px 10px #16a3c066}body.lcd-light .lcd-menu-row:not(.sel):hover{background:#16a3c01f;color:#0b1220}body.lcd-dark .lcd{background:linear-gradient(180deg,#0a0f22,#131a34 58%,#0b1026);border-color:#05070f;box-shadow:inset 0 0 40px #3c5adc1a,inset 0 2px 8px #000000b3,0 6px 20px #00000073;color:#e8ecf6}body.lcd-dark .lcd-scan{display:none}body.lcd-dark .lcd:before{content:"";position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;pointer-events:none;background:radial-gradient(circle at 14% 26%,rgba(46,224,138,.4) 0,transparent 9%),radial-gradient(circle at 32% 74%,rgba(139,92,246,.36) 0,transparent 8%),radial-gradient(circle at 57% 18%,rgba(34,211,238,.32) 0,transparent 7%),radial-gradient(circle at 76% 62%,rgba(46,224,138,.26) 0,transparent 10%),radial-gradient(circle at 91% 30%,rgba(139,92,246,.3) 0,transparent 6%),radial-gradient(circle at 46% 48%,rgba(34,211,238,.18) 0,transparent 12%);filter:blur(14px);opacity:.8}body.eco.lcd-dark .lcd:before{filter:none;opacity:.45}body.lcd-dark .lcd-head{color:#8b95b5}body.lcd-dark .lcd-title{color:#f2f5ff;text-shadow:0 0 20px rgba(120,140,255,.35)}body.lcd-dark .lcd-chip{color:#c3cbe8;background:#ffffff12;border-color:#ffffff29}body.lcd-dark .lcd-chip b{color:#fff}body.lcd-dark .lcd-time{color:#7deefc}body.lcd-dark .lcd-time.dim{color:#5c6788}body.lcd-dark .lcd-bar{background:#00000080}body.lcd-dark .lcd-fill{background:linear-gradient(90deg,#8b5cf6,#22d3ee)}body.lcd-dark .lcd-head-dot{box-shadow:0 0 10px #22d3eee6}body.lcd-dark .lcd-menu-title{color:#8b95b5}body.lcd-dark .lcd-menu-row{color:#aeb8d9}body.lcd-dark .lcd-menu-row.sel{color:#0a0f22;background:linear-gradient(90deg,#22d3ee,#8b5cf6);box-shadow:0 0 16px #788cff73}body.lcd-dark .lcd-menu-row:not(.sel):hover{background:#788cff1f;color:#f2f5ff}.status-toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:18;display:flex;flex-direction:column;gap:8px;padding:11px 18px 12px;border-radius:12px;font:600 13px Manrope,sans-serif;color:#dbe2f2;background:#0a0d1cf2;border:1px solid rgba(46,224,138,.4);box-shadow:0 10px 30px #0000008c,0 0 18px #2ee08a2e;pointer-events:none;width:min(460px,92vw)}.toast-line{display:flex;align-items:center;gap:9px;min-width:0}.toast-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast-bar{position:relative;height:6px;border-radius:999px;background:#ffffff1a;overflow:hidden}.toast-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#16a3c0,#2ee08a);transition:width .2s ease}.toast-bar.indet .toast-fill{width:40%;animation:toastSweep 1.3s ease-in-out infinite}@keyframes toastSweep{0%{margin-left:-42%}to{margin-left:102%}}.status-toast.err{border-color:#e8465c8c;box-shadow:0 10px 30px #0000008c,0 0 18px #e8465c38}.status-toast.err .led.on{background:#e8465c;box-shadow:0 0 8px 2px #e8465ce6}.video-dock{position:fixed;z-index:13;min-width:240px;max-width:92vw;resize:horizontal;overflow:hidden;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#05060f;box-shadow:0 20px 60px #000000a6}.video-dock .float-bar{margin:0}.video-dock video{display:block;width:100%;height:auto}.cat-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.07)}.cat-genre{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#8affc9;background:#2ee08a1f;border:1px solid rgba(46,224,138,.3)}.bar-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;pointer-events:none}body.view-seq .main-col>.glass-lite{padding-top:5px;padding-bottom:5px;min-height:0;justify-content:flex-end}body.view-seq .main-col>.glass-lite .resizer{display:none}@media (max-width: 900px){.bar-logo{position:static;transform:none;width:100%;text-align:center}body.view-seq .main-col>.glass-lite{justify-content:center}}body.compact .bar-logo .cascadia-logo{font-size:16px}.gate-watermark{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;padding-top:6vh;pointer-events:none;opacity:.5;filter:blur(2.5px)}.gate-watermark svg{width:min(980px,88vw);height:auto}.gate{position:relative;z-index:21;pointer-events:none;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:14px;padding-top:10vh}.gate .cascadia-logo{font-size:clamp(28px,5vw,54px)}.gate-sub{margin:0;font:600 12px Manrope,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:var(--muted-2)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#03040a99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center}.modal{background:linear-gradient(160deg,#1e2446eb,#0c0f20f0);border:1px solid rgba(255,255,255,.14);border-radius:20px;box-shadow:0 10px 34px #00000080,inset 0 1px #ffffff47;padding:24px;color:var(--text-1)}.modal h3{margin:0 0 12px;font-size:16px;font-family:Space Grotesk,sans-serif}.modal input{width:100%;box-sizing:border-box;padding:9px 12px;font-size:14px;background:#ffffff0f;color:var(--text-1);border:1px solid rgba(255,255,255,.14);border-radius:10px;font-family:inherit}.modal input:focus{outline:none;border-color:#2ee08a80}.modal .go{width:100%;padding:9px 12px;font-size:14px;margin-top:10px;cursor:pointer;border:1px solid rgba(46,224,138,.55);border-radius:10px;color:#04140c;font-weight:700;background:linear-gradient(180deg,#6bf3b3,#22c878);box-shadow:0 6px 20px #2ee08a59,inset 0 1px #fff9}.modal .go:hover{filter:brightness(1.06)}.modal .go.quiet{color:#c7cee0;border-color:#ffffff29;background:linear-gradient(180deg,#ffffff17,#ffffff08);box-shadow:none}.modal .go.danger{color:#ffb4c4;border-color:#e8465c73;background:linear-gradient(180deg,#e8465c29,#e8465c12);box-shadow:none}.modal .err{color:#ff9db8;font-size:13px;margin:10px 0 0}.modal .hint{font-size:13px;color:var(--muted);margin:0 0 8px}.modal table{border-collapse:collapse;width:100%}.modal th,.modal td{padding:6px 10px;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px;text-align:left}.modal th{color:var(--muted);font-weight:600}.modal .rowbtn{display:block;width:100%;text-align:left;margin-bottom:6px;padding:9px 12px;background:#ffffff0d;color:var(--text-1);border:1px solid rgba(255,255,255,.12);border-radius:10px;font-size:13px;cursor:pointer;font-family:inherit}.modal .rowbtn:hover{background:#ffffff1a}.modal .dim{color:var(--muted)}.hwbtn.warn{border-color:#f0b42980}.led.amber{background:#f0b429;box-shadow:0 0 6px 1px #f0b429cc;animation:ledblink .6s steps(2) infinite}@keyframes ledblink{to{opacity:.35}}body.view-seq .seq{position:relative;border-radius:10px;border:1px solid #0a0b0d;background:radial-gradient(140% 120% at 50% -30%,rgba(255,255,255,.06),transparent 55%),repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0 1px,transparent 1px 3px),linear-gradient(180deg,#2a2d33,#1d1f24 55%,#16181c);box-shadow:inset 0 1px #ffffff24,inset 0 -2px #0009,0 10px 30px #0000008c;padding:8px 12px}body.view-seq .seq-head{display:none}body.view-seq .seq-group{position:relative;border:1px solid rgba(255,255,255,.16);border-radius:5px;padding:8px 5px 4px;gap:3px}body.view-seq .seq-btns{gap:5px}body.view-seq .seq3d-wrap{gap:3px}body.view-seq .seq-group-label{position:absolute;top:-6px;left:8px;padding:0 5px;font:700 8px Manrope,sans-serif;letter-spacing:.24em;color:#d4d8e0;background:#202227;line-height:1.4}body.view-seq .seq-group.left .seq-group-label,body.view-seq .seq-group.setup .seq-group-label{left:auto;right:8px;text-align:right;padding-right:5px}body.view-seq .seq .hwbtn{height:22px;padding:0 8px;border-radius:4px;font-size:8.5px;letter-spacing:.1em;color:#d6dae2;background:linear-gradient(180deg,#3d4048,#2b2e34 55%,#24272c);border:1px solid #0f1013;box-shadow:0 1px #ffffff14 inset,0 2px 4px #0000008c;gap:6px}body.view-seq .seq .hwbtn:hover{filter:brightness(1.15)}body.view-seq .seq .hwbtn.green{color:#eafff5;background:linear-gradient(180deg,#2d7a5a,#1f5a42 55%,#164634)}body.view-seq .seq .led{width:10px;height:4px;border-radius:1px;background:#15171b;box-shadow:inset 0 1px 1px #000c}body.view-seq .seq .led.on{background:#9df6ff;box-shadow:0 0 6px 1px #7dfaffd9}body.view-seq .seq .led.amber{background:#f0b429;box-shadow:0 0 6px 1px #f0b429cc}body.view-seq .seq .hwbtn.warn{border-color:#f0b42999}body.view-seq .seq .pill-select{height:22px;padding:0 8px;border-radius:4px;font-size:9px;color:#d6dae2;background:#15171b;border:1px solid #0b0c0e;box-shadow:inset 0 1px 3px #000000b3}body.view-seq .seq .ctl-label,body.view-seq .seq .ctl-value{font-size:9px;color:#b8bdc7;letter-spacing:.12em;text-transform:uppercase}body.view-seq .seq-btns>.ctl-label{padding-top:2px}body.view-seq .seq3d{padding:4px 10px;border-radius:4px;gap:0;background:linear-gradient(180deg,#3a3d44,#272a30);border:1px solid #0f1013;box-shadow:0 1px #ffffff12 inset,0 2px 4px #0000008c}body.view-seq .seq3d[data-on=true]{background:linear-gradient(180deg,color-mix(in srgb,var(--c) 26%,#2a2d33),color-mix(in srgb,var(--c) 12%,#1d1f24));box-shadow:inset 0 -3px 0 var(--c),0 0 10px color-mix(in srgb,var(--c) 40%,transparent),0 2px 4px #0000008c}body.view-seq .seq3d[data-on=true]:before{display:none}body.view-seq .seq3d-name{font-size:10px}body.view-seq .seq3d-tag{font-size:7.5px}body.view-seq .seq3d-row:has(.seq-vol){align-items:flex-end;height:48px;gap:6px}body.view-seq .seq-vol{writing-mode:vertical-lr;direction:rtl;width:26px!important;height:46px!important;flex:none!important;background:repeating-linear-gradient(180deg,rgba(125,250,255,.55) 0 1px,transparent 1px 6px) 4px 0 / 3px 100% no-repeat,linear-gradient(90deg,transparent 12px,#0d0f12 12px,#0d0f12 15px,transparent 15px);border-radius:3px}body.view-seq .seq-vol::-webkit-slider-thumb{width:22px;height:12px;border-radius:2px;background:linear-gradient(180deg,#4a4e57,#2b2e34);border:1px solid #0b0c0e;box-shadow:inset 0 1px #ffffff40,0 2px 4px #0009}body.view-seq .seq-s{width:22px;height:18px;border-radius:3px;font-size:9px}body.view-seq .seq-s.on{color:#08202a;background:linear-gradient(180deg,#a5f3ff,#4fc7dd);box-shadow:0 0 8px #7dfaffb3}body.view-seq .arr-secs .seq-s.on{background:linear-gradient(180deg,#8ab8ff,#3f7fe6);color:#06132a;box-shadow:0 0 8px #5a96ffcc}body.view-seq .seq-inst-name,body.view-seq .seq-shift-val{font-size:8px;color:#b8bdc7}body.view-seq .seq-wheel .wheel-ring{background:radial-gradient(circle at 50% 36%,#3b3e45,#202227 58%,#131418);box-shadow:0 0 0 3px #0c0d10,0 0 0 5px #22d3eef2,0 0 16px 4px #22d3ee73,inset 0 2px 4px #ffffff24,inset 0 -4px 10px #000000b3}body.eco.view-seq .seq-wheel .wheel-ring{box-shadow:0 0 0 3px #0c0d10,0 0 0 5px #22d3eef2}body.view-seq .seq-screen.is-lcd{background:#0b0c0f;border:2px solid #3a3d44;border-radius:7px;box-shadow:inset 0 0 0 2px #0b0c0f,0 0 0 1px #101114,0 6px 18px #0009}body.view-seq .seq-screen.is-lcd .lcd{top:4px;right:4px;bottom:4px;left:4px;border-radius:4px}.seq-brand{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:8px;width:var(--brandw, 0px);min-width:0;overflow:hidden;padding-right:6px;pointer-events:none}.seq-spacer{width:var(--brandw, 0px)}.seq-brand img{height:calc(var(--seqh, 200px) * .3);width:auto;display:block}.seq-brand span{font:700 clamp(7px,calc(var(--seqh, 200px) * .055),11px) "Manrope",sans-serif;letter-spacing:.3em;text-transform:uppercase;color:#8b93a0;white-space:nowrap}body:not(.view-seq) .seq-brand{display:none}:root{--gw: 300px;--gw-right: 620px;--lcdw: 440px;--brandw: 0px;--brandh: 0px;--wheelv: 130px}@media (min-width: 3000px){:root{--gw: 400px;--gw-right: 1200px;--lcdw: 560px;--brandw: 310px;--brandh: 66px;--wheelv: 145px}body.view-seq .seq-group.setup{width:min(460px,100%)}body.view-seq .seq-group.setup .seq-btns>.hwbtn{min-width:104px}body.view-seq .seq-group.left{width:min(620px,100%)}}@media (min-width: 2200px) and (max-width: 2999px){:root{--gw: 360px;--gw-right: 800px;--lcdw: 520px;--brandw: 300px;--brandh: 62px;--wheelv: 140px}}body.view-seq .seq{height:auto!important;max-height:64vh;overflow:auto;flex:none}body.view-seq .seq-body{display:grid;grid-template-columns:var(--brandw) minmax(0,1fr) auto minmax(0,1fr) var(--brandw);gap:12px;align-items:start;overflow:visible;flex:none;height:auto;min-height:0}body.view-seq .seq-spacer,body.view-seq .seq-brand{width:var(--brandw)}body.view-seq .seq-brand img{height:var(--brandh);width:auto}body.view-seq .seq-brand span{font-size:9px}body.view-seq .seq-left{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;align-content:flex-start;gap:12px;min-width:0;min-height:0}body.view-seq .seq-group{flex:none;width:min(var(--gw),100%);height:auto;min-width:0;min-height:0}body.view-seq .seq-group.right{width:min(var(--gw-right),100%);justify-self:start}body.view-seq .seq-left .seq-group{flex:none}body.view-seq .seq-group .seq-btns{display:flex;flex-flow:row wrap;align-content:flex-start;align-items:flex-start;gap:6px;height:auto;min-height:0;overflow:visible;min-width:0!important}body.view-seq .seq-btns>*{width:auto;flex:none}body.view-seq .seq-btns>.hwbtn{min-width:118px;justify-content:center}body.view-seq .seq-btns>select.pill-select,body.view-seq .seq-btns>.ctl,body.view-seq .seq-btns>.seq-ctlrow,body.view-seq .seq-btns>.seg,body.view-seq .seq-btns>.vol-module{width:190px}body.view-seq .seq-btns>.ctl-label{width:auto;padding:5px 4px 0}body.view-seq .seq-btns>.seq-col-div{width:100%;height:1px;margin:3px 0}body.view-seq .seq-btns>.seq-empty{width:100%}body.view-seq .seq-btns>.seq-lane-note{width:100%}body.view-seq .seq-group.left .seq3d-wrap,body.view-seq .seq-group.setup .seq3d-wrap{width:190px}body.view-seq .seq-group.right .seq3d-wrap{width:112px}body.view-seq .seq-group.right .seq3d-wrap .seq3d{padding:4px}body.view-seq .seq-group.right .seq3d-wrap .seq3d-row{padding:0;gap:4px}body.view-seq .seq-group.right .seq3d-wrap .seq-shift .seq-s{width:18px}body.view-seq .seq-group.right .seq3d-wrap .hwbtn{min-width:0;width:100%;padding:0 4px;font-size:7.5px}body.view-seq .seq-stage{display:flex;align-items:flex-start;justify-content:center;min-width:0}body.view-seq .seq-stage-col{height:auto}body.view-seq .seq-screen{width:var(--lcdw)!important;height:auto!important;max-width:100%;min-width:0;aspect-ratio:16 / 9}body.view-seq .seq-screen.is-lcd{aspect-ratio:2.35 / 1}body.view-seq .seq-wheel{flex:none;align-self:center}body.view-seq .seq-wheel .wheel-ring{width:var(--wheelv);height:var(--wheelv)}body.view-seq .seq-wheel .wheel-center{width:calc(var(--wheelv) * .45);height:calc(var(--wheelv) * .45)}body.view-seq .seq-wheel .wheel-col{width:auto}@media (max-width: 999px){body.view-seq .seq{max-height:58vh}body.view-seq .seq-body{display:flex;flex-direction:column;align-items:stretch;gap:10px}body.view-seq .seq-spacer,body.view-seq .seq-brand{display:none}body.view-seq .seq-left{flex-direction:column;align-items:stretch;justify-content:flex-start;min-width:0;flex:none}body.view-seq .seq-stage,body.view-seq .seq-group,body.view-seq .seq-group.right{flex:none}body.view-seq .seq-group,body.view-seq .seq-group.right,body.view-seq .seq-left .seq-group{width:100%}body.view-seq .seq-stage{order:-1}body.view-seq .seq-screen{width:100%!important}body.view-seq .seq-screen.is-lcd{aspect-ratio:16 / 9}body.view-seq .seq-wheel{align-self:center}body.view-seq .seq-btns>select.pill-select,body.view-seq .seq-btns>.ctl,body.view-seq .seq-btns>.seq-ctlrow,body.view-seq .seq-btns>.seg,body.view-seq .seq-btns>.vol-module{width:calc(50% - 3px)}}.console-grip{flex:none;height:12px;display:flex;align-items:center;justify-content:center;gap:4px;cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:#050608;border-top:1px solid rgba(255,255,255,.06)}.console-grip i{width:4px;height:4px;border-radius:50%;background:#ffffff4d}.console-grip:hover i,.console-grip:active i{background:#ffffffb3}body.view-seq .bed-grip{height:26px}body.view-seq .bed-grip:after{width:56px;height:5px;background:#ffffff47;box-shadow:0 0 0 1px #00000080}body.view-seq .bed-grip:hover:after,body.view-seq .bed-grip:active:after{background:#ffffffb3}:root{--ch-fin0: #3a3c41;--ch-fin1: #222327;--ch-fin2: #141518;--ch-mint: #5dffd0;--ch-mint-glow: rgba(77, 255, 196, .5);--ch-deep: #1fb58c;--ch-deep2: #12b886;--ch-purple: #8b6cff;--ch-purple2: #5d45c9;--ch-red: #ff5a3c;--ch-amber: #ffb34d;--ch-text: #d3d6db;--ch-body: #c9ccd2;--ch-label: #8b8f97;--ch-muted: #6f737b;--ch-btn: linear-gradient(180deg, #4b4d53 0%, #34363b 45%, #27282c 55%, #202125 100%);--ch-btn-sh: inset 0 1px 0 rgba(255, 255, 255, .2), inset 0 -1px 0 rgba(0, 0, 0, .4), 0 2px 2px rgba(0, 0, 0, .6);--ch-panel: linear-gradient(180deg, #121316, #1a1b1f);--ch-panel-sh: inset 0 2px 5px rgba(0, 0, 0, .85), inset 0 -1px 0 rgba(255, 255, 255, .05), 0 1px 0 rgba(255, 255, 255, .1);--ch-field: linear-gradient(180deg, #0b0b0d, #16171a);--ch-field-sh: inset 0 1px 3px rgba(0, 0, 0, .9), 0 1px 0 rgba(255, 255, 255, .08);--ch-knob: linear-gradient(90deg, #8a8d94, #f1f2f5 45%, #9a9da4 55%, #5d6067);--ch-sel: linear-gradient(180deg, #2fe0ac, #149a75);--ch-sel-sh: inset 0 1px 0 rgba(255, 255, 255, .5), 0 0 8px rgba(77, 255, 196, .5)}body.fin-titanium{--ch-fin0: #5b5e64;--ch-fin1: #3a3c41;--ch-fin2: #23252a}body.fin-gunmetal{--ch-fin0: #36404c;--ch-fin1: #1f2630;--ch-fin2: #12171d}.ch{position:relative;flex:none;height:186px;overflow:hidden;font-family:Barlow Semi Condensed,sans-serif;color:var(--ch-body);-webkit-user-select:none;user-select:none;background:linear-gradient(180deg,var(--ch-fin0) 0%,var(--ch-fin1) 35%,var(--ch-fin1) 70%,var(--ch-fin2) 100%);box-shadow:inset 0 1px #ffffff38,inset 0 -2px #0009}.ch:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,rgba(0,0,0,.05) 1px 2px,transparent 2px 4px),repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0 7px,transparent 7px 19px)}.ch-noise{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.55;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .5 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}.ch-sheen{position:absolute;left:0;right:0;top:0;height:60px;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.07),transparent)}.ch-row{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:stretch;gap:14px;padding:14px 22px 16px;box-sizing:border-box}body.eco .ch-noise{display:none}.ch-grille{flex:1 1 0;min-width:0;position:relative;border-radius:8px;background:radial-gradient(circle,#050506 1.6px,transparent 2px) 0 0/7px 7px,linear-gradient(180deg,#2c2e33,#17181b);box-shadow:inset 0 2px 5px #000000e6,0 1px #ffffff1a}.ch-screw{position:absolute;width:8px;height:8px;border-radius:50%;background:linear-gradient(45deg,transparent 44%,#16171a 44% 56%,transparent 56%),radial-gradient(circle at 35% 30%,#e3e5ea,#7b7e86 55%,#2a2b2f);box-shadow:0 1px 1px #000c}.ch-screw.tl{left:8px;top:8px}.ch-screw.bl{left:8px;bottom:8px;background-image:linear-gradient(135deg,transparent 44%,#16171a 44% 56%,transparent 56%),radial-gradient(circle at 35% 30%,#e3e5ea,#7b7e86 55%,#2a2b2f)}.ch-screw.tr{right:8px;top:8px;background-image:linear-gradient(90deg,transparent 44%,#16171a 44% 56%,transparent 56%),radial-gradient(circle at 35% 30%,#e3e5ea,#7b7e86 55%,#2a2b2f)}.ch-screw.br{right:8px;bottom:8px;background-image:linear-gradient(20deg,transparent 44%,#16171a 44% 56%,transparent 56%),radial-gradient(circle at 35% 30%,#e3e5ea,#7b7e86 55%,#2a2b2f)}.ch-grille.right{flex-basis:104px}.ch-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:4px 12px;border-radius:3px;background:linear-gradient(180deg,#d9dce2,#8d9098 50%,#b9bcc3);box-shadow:inset 0 1px #fff,0 1px 2px #000c;font:700 9px/1 Michroma,sans-serif;letter-spacing:.3em;white-space:nowrap;color:#2a2b30;text-shadow:0 1px 0 rgba(255,255,255,.6)}.ch-panel{flex:none;display:flex;flex-direction:column;gap:6px;padding:8px 10px 10px;border-radius:7px;background:var(--ch-panel);box-shadow:var(--ch-panel-sh);min-width:0}.ch-setup{width:430px}.ch-midi{width:380px}.ch-arr{width:560px;gap:7px}.ch-head{display:flex;justify-content:space-between;font-size:9px;font-weight:700;letter-spacing:.22em;color:var(--ch-muted);text-shadow:0 -1px 0 #000,0 1px 0 rgba(255,255,255,.08)}.ch-head b{font-weight:700;color:#4b4e55}.ch-rowf{display:flex;gap:6px;align-items:center;min-width:0}.ch-lbl{font-size:8px;font-weight:700;letter-spacing:.16em;color:var(--ch-label);white-space:nowrap}.ch-lbl9{font-size:9px;font-weight:700;letter-spacing:.18em;color:var(--ch-label)}.ch-rule{height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.8),transparent);box-shadow:0 1px #ffffff0f}.ch-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:19px;padding:0 8px;border:1px solid #060607;border-radius:3px;background:var(--ch-btn);box-shadow:var(--ch-btn-sh);color:var(--ch-text);font:700 9px/1 Barlow Semi Condensed,sans-serif;letter-spacing:.08em;white-space:nowrap;overflow:hidden;cursor:pointer;text-shadow:0 -1px 0 rgba(0,0,0,.7);text-transform:uppercase}.ch-btn:active{transform:translateY(1px);box-shadow:inset 0 1px 3px #0009}.ch-btn:disabled{opacity:.45;cursor:default}.ch-btn.lit{background:var(--ch-sel);box-shadow:var(--ch-sel-sh);color:#03261c;text-shadow:none}.ch-led{flex:none;width:5px;height:5px;border-radius:50%;background:#15241f;box-shadow:inset 0 1px 1px #000}.ch-led.on{background:var(--ch-mint);box-shadow:0 0 6px var(--ch-mint),0 0 2px var(--ch-mint)}.ch-led.amber{background:var(--ch-amber);box-shadow:0 0 6px var(--ch-amber)}.ch-led.red{background:var(--ch-red);box-shadow:0 0 6px var(--ch-red)}.ch-grid5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.ch-grid5 .ch-btn{padding:0 4px;letter-spacing:.06em}.ch-field{height:18px;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 7px;border-radius:3px;background:var(--ch-field);box-shadow:var(--ch-field-sh);font-size:10px;color:#d6d9de;white-space:nowrap;overflow:hidden;min-width:0;border:none;font-family:inherit;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.ch-field.sel{background-image:var(--ch-field)}.ch-fieldwrap{position:relative;min-width:0;flex:1}.ch-fieldwrap>select{width:100%;padding-right:18px}.ch-fieldwrap:after{content:"▾";position:absolute;right:7px;top:50%;transform:translateY(-50%);color:var(--ch-mint);font-size:10px;pointer-events:none}.ch-slider{position:relative;height:10px;flex:1;min-width:40px}.ch-slider input{position:absolute;top:-4px;right:0;bottom:-4px;left:0;width:100%;height:18px;margin:0;opacity:0;cursor:pointer}.ch-slider .tr{position:absolute;left:0;right:0;top:4px;height:3px;border-radius:2px;background:#050506;box-shadow:inset 0 1px 1px #000,0 1px #ffffff1a}.ch-slider .fl{position:absolute;left:0;top:4px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--ch-deep),var(--ch-mint));box-shadow:0 0 6px #4dffc499}.ch-slider.purple .fl{background:linear-gradient(90deg,var(--ch-purple2),var(--ch-purple));box-shadow:none}.ch-slider .kn{position:absolute;top:-1px;width:16px;height:12px;margin-left:-8px;border-radius:2px;background:var(--ch-knob);box-shadow:0 2px 3px #000c,inset 0 1px #fff;pointer-events:none}.ch-slider.wide .kn{width:18px;margin-left:-9px}.ch-vol{display:flex;align-items:center;gap:8px;height:30px;padding:0 9px;border-radius:4px;flex:none;background:linear-gradient(180deg,#041310,#07201a);box-shadow:inset 0 2px 4px #000000e6,0 0 0 1px #000,0 1px #ffffff1f}.ch-vol .t{font:700 8px/1 JetBrains Mono,monospace;color:#2f8f76}.ch-vol .v{font:700 18px/1 JetBrains Mono,monospace;color:var(--ch-mint);text-shadow:0 0 8px rgba(77,255,196,.7)}.ch-meter{display:flex;gap:2px;align-items:flex-end;height:14px}.ch-meter i{width:3px;background:#123328}.ch-meter i.on{background:var(--ch-mint);box-shadow:0 0 4px #4dffc4b3}.ch-meter i.on.hot{background:#ff6a4d;box-shadow:0 0 4px #ff6a4db3}.ch-tracks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ch-track{display:flex;gap:5px;align-items:center;min-width:0}.ch-chip{padding:3px 7px;border-radius:3px;border:1px solid #061a14;cursor:pointer;flex:none;text-align:left;background:linear-gradient(180deg,#1d5a49,#123b30);box-shadow:inset 0 1px #a0ffdc59,0 0 8px #4dffc459,0 2px 2px #0009;font-family:inherit}.ch-chip .n{font-size:10px;font-weight:700;color:#e9fff8;white-space:nowrap;max-width:92px;overflow:hidden;text-overflow:ellipsis}.ch-chip .s{font-size:8px;color:#7fe8c9;letter-spacing:.04em;text-transform:uppercase}.ch-chip.purple{background:linear-gradient(180deg,#44337f,#2a1f57);border-color:#120b2a;box-shadow:inset 0 1px #c8b4ff59,0 0 8px #8b6cff66,0 2px 2px #0009}.ch-chip.purple .n{color:#f1ecff}.ch-chip.purple .s{color:#b8a6ff}.ch-chip.off{filter:saturate(.2) brightness(.7);box-shadow:0 2px 2px #0009}.ch-chip.chrome{background:linear-gradient(180deg,#e7e9ed,#a9adb5);border-color:#6a6d74;box-shadow:inset 0 1px #fff,0 2px 3px #000000b3;padding:4px 12px}.ch-chip.chrome .n{color:#1a1b1f}.ch-chip.chrome .s{color:#50545c}.ch-play{width:74px;height:22px;flex:none;border-radius:3px;border:1px solid #03140e;cursor:pointer;background:linear-gradient(180deg,#1f6a55,#0f3d31);box-shadow:inset 0 1px #a0ffdc59,0 0 6px #4dffc44d,0 2px 2px #0009;color:#eafff8;font:700 10px/1 Barlow Semi Condensed,sans-serif;letter-spacing:.12em;text-shadow:0 0 6px rgba(77,255,196,.6)}.ch-play.on{background:linear-gradient(180deg,#3cf0bd,#14a57c);box-shadow:inset 0 1px #ffffff8c,0 0 14px #4dffc4b3,0 2px 2px #0009}.ch-restart{width:70px;padding:0;height:22px;letter-spacing:.12em}.ch-seg{display:flex;padding:2px;gap:2px;border-radius:4px;background:#08080a;box-shadow:inset 0 1px 3px #000,0 1px #ffffff14;flex:none}.ch-seg button{height:17px;padding:0 8px;border:none;border-radius:2px;background:transparent;color:#9ca0a8;font:700 9px/1 Barlow Semi Condensed,sans-serif;letter-spacing:.1em;cursor:pointer}.ch-seg button.on{background:var(--ch-sel);box-shadow:var(--ch-sel-sh);color:#03261c}.ch-round{width:18px;height:18px;flex:none;border:1px solid #060607;border-radius:50%;background:radial-gradient(circle at 40% 30%,#6a6d74,#2a2b30 70%);box-shadow:inset 0 1px #ffffff40,0 2px 2px #000000b3;color:#e2e4e8;font-size:11px;line-height:1;cursor:pointer;padding:0}.ch-num{min-width:22px;text-align:center;font:700 11px/18px JetBrains Mono,monospace;color:var(--ch-mint);background:#05110e;border-radius:2px;box-shadow:inset 0 1px 2px #000;padding:0 3px;cursor:pointer}.ch-num.big{min-width:34px;font-size:12px;line-height:20px;text-shadow:0 0 6px rgba(77,255,196,.6)}.ch-col{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.ch-rowsb{display:flex;justify-content:space-between;align-items:baseline}.ch-mono{font-family:JetBrains Mono,monospace;color:var(--ch-mint)}.ch-jog{width:140px;flex:none;display:flex;align-items:center;justify-content:center}.ch-jog .wheel-col{width:auto;background:none;box-shadow:none;padding:0;gap:0}.ch-jog .wheel-ring{width:132px;height:132px;background:repeating-conic-gradient(#8e9198,#8e9198 2deg,#3b3d42 2deg,#3b3d42 4deg);box-shadow:0 6px 12px #000c,0 0 0 3px #0a0a0b,0 0 0 4px #ffffff1f}.ch-jog .wheel-ring:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:conic-gradient(from 200deg,#6d7078,#d8dbe1,#5a5d64,#b9bcc3,#4c4f55,#d8dbe1,#6d7078);box-shadow:inset 0 2px 3px #fff6,inset 0 -3px 5px #0009}.ch-jog .wheel-center{width:92px;height:92px;background:radial-gradient(circle at 50% 35%,#15272a,#040909 75%);box-shadow:inset 0 3px 8px #000,0 0 0 2px var(--ch-mint),0 0 14px #4dffc48c}.ch-jog .wheel-label{font:700 8px/1 Barlow Semi Condensed,sans-serif;letter-spacing:.25em;color:#7fe8c9;padding:4px;background:none}.ch-jog .wheel-time{font:700 17px/1 JetBrains Mono,monospace;color:#bfffea;text-shadow:0 0 8px rgba(77,255,196,.9)}.ch-jog .wheel-total{font:500 8px/1 JetBrains Mono,monospace;color:#3fa98b}.ch-jog .wheel-btn,.ch-jog .wheel-ring button{color:var(--ch-mint);font-size:9px;background:none}.ch-jog .wheel-sel-label{font-size:9px;color:#bfffea}.ch-lcd{width:340px;flex:none;display:flex;flex-direction:column;gap:5px;min-width:0}.ch-lcd-cap{text-align:center;font:400 9px/1 Michroma,sans-serif;letter-spacing:.45em;color:#a6aab2;text-shadow:0 -1px 0 #000,0 1px 0 rgba(255,255,255,.15)}.ch-bezel{flex:1;min-height:0;padding:6px;border-radius:7px;background:linear-gradient(180deg,#0a0a0c,#1c1d21);box-shadow:inset 0 2px 4px #000,0 1px #ffffff24,0 0 0 1px #000}.ch-bezel .lcd{position:relative;height:100%;box-sizing:border-box;padding:10px 12px;border-radius:3px;overflow:hidden;border:none;display:flex;flex-direction:column;gap:6px;font-family:Barlow Semi Condensed,sans-serif;background:radial-gradient(ellipse at 30% 0%,#1b6660,#0e3f3b 55%,#072221)!important;box-shadow:inset 0 0 18px #5dffd047,inset 0 0 0 1px #5dffd02e,0 0 18px #5dffd02e!important;color:#eafff9}.ch-bezel .lcd:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,#ffffff21,#fff0 38%);pointer-events:none}.ch-bezel .lcd-scan{display:none}.ch-bezel .lcd-head{font-size:8px;font-weight:700;letter-spacing:.14em;color:#9fe6d6}.ch-bezel .lcd-title{font-size:19px!important;font-weight:700;letter-spacing:-.01em;color:#fff;text-shadow:0 0 10px rgba(93,255,208,.35)}.ch-bezel .lcd-chip{padding:3px 6px;border-radius:2px;background:#ffffff1f;box-shadow:inset 0 1px #ffffff1f;font:700 8px/1 JetBrains Mono,monospace;color:#dffcf5;border:none}.ch-bezel .lcd-chip b{color:#fff}.ch-bezel .lcd-pos{margin-top:auto;font:700 8px/1 JetBrains Mono,monospace;color:#bff3e8}.ch-bezel .lcd-time{color:#bff3e8}.ch-bezel .lcd-bar{height:3px;background:#ffffff38;border:none;border-radius:2px}.ch-bezel .lcd-fill{background:#5dffd0;border-radius:2px;box-shadow:0 0 6px #5dffd0cc}.ch-bezel .lcd-head-dot{width:9px;height:9px;background:#fff;box-shadow:0 0 0 2px #5dffd0}.ch-bezel .lcd-chord-now{color:#fff;text-shadow:0 0 14px rgba(93,255,208,.55);font-size:26px}.ch-bezel .lcd-chord-next{color:#bff3e8}.ch-bezel .lcd-menu-row{color:#dffcf5}.ch-bezel .lcd-menu-row.sel{background:#5dffd0;color:#062a24}.ch-bezel .lcd-chords{gap:10px}body.lcd-light .ch-bezel .lcd{background:radial-gradient(ellipse at 30% 0%,#f4fbfb,#dfe8ea 60%,#c9d4d7)!important;box-shadow:inset 0 0 12px #00282840,0 0 18px #c8fff526!important;color:#15221f}body.lcd-light .ch-bezel .lcd:after{background:linear-gradient(115deg,#ffffff8c,#fff0 38%)}body.lcd-light .ch-bezel .lcd-head{color:#4c5e5a}body.lcd-light .ch-bezel .lcd-title{color:#0f1715;text-shadow:none}body.lcd-light .ch-bezel .lcd-chip{background:#cfdcdf;box-shadow:inset 0 1px 1px #0000002e;color:#274542}body.lcd-light .ch-bezel .lcd-chip b{color:#0f1715}body.lcd-light .ch-bezel .lcd-pos,body.lcd-light .ch-bezel .lcd-time{color:#3e5552}body.lcd-light .ch-bezel .lcd-bar{background:#b6c4c7}body.lcd-light .ch-bezel .lcd-fill{background:#12b886;box-shadow:none}body.lcd-light .ch-bezel .lcd-head-dot{box-shadow:0 0 0 2px #12b886}body.lcd-light .ch-bezel .lcd-chord-now{color:#0f1715;text-shadow:none}body.lcd-light .ch-bezel .lcd-chord-next{color:#3e5552}body.lcd-light .ch-bezel .lcd-menu-row{color:#274542}body.lcd-light .ch-bezel .lcd-menu-row.sel{background:#12b886;color:#f4fbfb}body.lcd-dark .ch-bezel .lcd{background:radial-gradient(ellipse at 30% 0%,#1a1c22,#0b0c10 60%,#050608)!important;box-shadow:inset 0 0 14px #000c,0 0 0 1px #000!important;color:#f2f4f7}body.lcd-dark .ch-bezel .lcd:after{background:linear-gradient(115deg,#ffffff14,#fff0 38%)}body.lcd-dark .ch-bezel .lcd-head{color:#9aa1ad}body.lcd-dark .ch-bezel .lcd-title{text-shadow:none}body.lcd-dark .ch-bezel .lcd-chip{background:#ffffff1a;color:#e6e9ee}body.lcd-dark .ch-bezel .lcd-fill{background:#5dffd0}.ch-lanes{display:flex;gap:5px;flex-wrap:wrap;align-items:center;min-width:0}.ch-help{font-size:10px;color:var(--ch-label);text-wrap:pretty}.ch-lane{display:inline-flex;align-items:center;gap:4px}.ch-lane .ch-btn{padding:0 6px}.ch-lane .s{width:17px;padding:0;font-size:8px}.ch-vars{display:flex;gap:4px}.ch-var{width:30px;height:24px;border:1px solid #060607;border-radius:3px;background:linear-gradient(180deg,#4b4d53,#27282c 55%,#202125);box-shadow:inset 0 1px #fff3,0 2px 2px #0009;color:var(--ch-text);font:700 10px/1 Barlow Semi Condensed,sans-serif;cursor:pointer;padding:0}.ch-var.on{background:var(--ch-sel);box-shadow:inset 0 1px #ffffff80,0 0 10px #4dffc48c;color:#03261c}.ch-level{width:120px;flex:none}.ch-logo{width:300px;flex:none;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:8px;padding-right:6px}.ch-logo .w{display:flex;align-items:baseline;font:400 44px/1 Michroma,sans-serif;letter-spacing:.04em}.ch-logo .a{background:linear-gradient(180deg,#fff,#c7cbd2 42%,#6b6f77 52%,#d7dadf 78%,#9a9ea6);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 1px rgba(0,0,0,.8))}.ch-logo .e{margin-left:8px;background:linear-gradient(180deg,#ffb199,#ff5a3c,#b8250f);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 8px rgba(255,90,60,.45))}.ch-logo .tag{font:400 8px/1 Michroma,sans-serif;letter-spacing:.32em;color:var(--ch-label);text-shadow:0 -1px 0 #000;white-space:nowrap}.ch input[type=file]{display:none}@media (max-width: 2300px){.ch{height:auto}.ch-row{position:relative;flex-wrap:wrap;justify-content:center}.ch-grille{display:none}.ch-logo{width:auto;align-items:center}}@media (max-width: 999px){.ch{max-height:56vh;overflow:auto}.ch-row{padding:10px 12px 12px;gap:10px}.ch-rowf{flex-wrap:wrap}.ch-rowf>[style*="margin-left: auto"]{margin-left:0!important}.ch-setup,.ch-midi,.ch-arr,.ch-lcd{width:100%}.ch-lcd{order:-2}.ch-jog{order:-1}.ch-bezel .lcd{min-height:150px}.ch-grid5{grid-template-columns:repeat(3,minmax(0,1fr))}.ch-tracks{grid-template-columns:1fr}.ch-logo .w{font-size:30px}}:root{--st-acc: #4fd8ff;--st-amb: rgba(79, 216, 255, .55);--st-logo: linear-gradient(90deg, #4fd8ff, #8b6cff, #ff4fd8);--st-ring: conic-gradient(#ff3c6e, #ffb13c, #5dff8a, #4fd8ff, #8b6cff, #ff4fd8, #ff3c6e);--st-cyan: #4fd8ff;--st-mag: #ff4fd8;--st-amber: #ffb13c;--st-green: #5dff8a;--st-red: #ff3c4a;--st-red2: #ff3c6e;--st-violet: #8b6cff;--st-oled0: #02060a;--st-oled1: #04101a;--st-oled-dim: #3e8fb0;--st-oled-txt: #9ee9ff;--st-scr-dim: #8fa3c4;--st-scr-txt: #e6eefc;--st-face: linear-gradient(180deg, #2c2d32, #191a1e);--st-face-sh: inset 0 1px 0 rgba(255, 255, 255, .14), 0 2px 2px rgba(0, 0, 0, .7);--st-panel: linear-gradient(180deg, #0e0f11, #141517);--st-panel-sh: inset 0 1px 3px #000, 0 1px 0 rgba(255, 255, 255, .07)}body.rgb-parts{--st-acc: #4fd8ff;--st-amb: rgba(120, 180, 255, .5);--st-logo: linear-gradient(90deg, #ff4fd8, #4fd8ff);--st-ring: conic-gradient(#4fd8ff, #8b6cff, #ff4fd8, #8b6cff, #4fd8ff)}body.rgb-ice{--st-acc: #6ee7ff;--st-amb: rgba(110, 231, 255, .5);--st-logo: linear-gradient(90deg, #6ee7ff, #c8f6ff);--st-ring: conic-gradient(#6ee7ff, #ffffff, #6ee7ff, #2e9fc4, #6ee7ff)}body.rgb-ember{--st-acc: #ff7a3c;--st-amb: rgba(255, 122, 60, .5);--st-logo: linear-gradient(90deg, #ff7a3c, #ffd23c);--st-ring: conic-gradient(#ff7a3c, #ffd23c, #ff3c3c, #ff7a3c)}@keyframes st-ringspin{to{transform:rotate(360deg)}}@keyframes st-breathe{0%,to{opacity:.75}50%{opacity:1}}.st{position:relative;flex:none;height:186px;overflow:hidden;font-family:Barlow Semi Condensed,sans-serif;color:#c9ccd2;-webkit-user-select:none;user-select:none;background:linear-gradient(180deg,#232428,#17181b 30%,#111214);box-shadow:inset 0 1px #ffffff24,inset 0 -2px #000}.st:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.028) 0 1px,transparent 1px 3px),repeating-linear-gradient(-45deg,rgba(255,255,255,.028) 0 1px,transparent 1px 3px)}.st-noise{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.4;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .5 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}.st-ambient{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35;background:radial-gradient(ellipse 40% 100% at 50% 100%,var(--st-amb),transparent 70%)}.st-sheen{position:absolute;left:0;right:0;top:0;height:40px;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent)}.st-row{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:stretch;gap:14px;padding:14px 22px 16px;box-sizing:border-box}body.eco .st-noise{display:none}.st-panel{flex:none;display:flex;flex-direction:column;gap:6px;padding:8px 10px;border-radius:6px;background:var(--st-panel);box-shadow:var(--st-panel-sh);min-width:0}.st-head{display:flex;justify-content:space-between;font-size:8px;font-weight:700;letter-spacing:.22em;color:#6f737b}.st-head b{color:#3d4046;font-weight:700}.st-lbl{font-size:7px;font-weight:700;letter-spacing:.16em;color:#8b8f97;white-space:nowrap}.st-rowf{display:flex;gap:5px;align-items:center;min-width:0}.st-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:18px;padding:0 6px;border:1px solid #060607;border-radius:2px;background:var(--st-face);box-shadow:var(--st-face-sh);color:#c3c6cc;font:700 8px/1 Barlow Semi Condensed,sans-serif;letter-spacing:.06em;white-space:nowrap;overflow:hidden;cursor:pointer;text-transform:uppercase;--c: var(--st-cyan)}.st-btn:active{transform:translateY(1px)}.st-btn:disabled{opacity:.4;cursor:default}.st-btn.on{background:linear-gradient(180deg,var(--c),color-mix(in oklab,var(--c),#000 30%));box-shadow:inset 0 1px #ffffff73,0 0 10px var(--c),0 2px 2px #0009;color:#061018}.st-btn.amber{--c: var(--st-amber)}.st-btn.mag{--c: var(--st-mag)}.st-btn.white{--c: #ffffff}.st-btn.red{--c: var(--st-red)}.st-btn.red.on{color:#fff}.st-step{width:20px;height:18px;padding:0;flex:none;font-size:11px;color:#e2e4e8;text-transform:none;letter-spacing:0}.st-num{flex:1;text-align:center;font:700 11px/18px JetBrains Mono,monospace;color:var(--st-acc);background:#03080d;border-radius:2px;box-shadow:inset 0 1px 2px #000;cursor:pointer}.st input[type=file]{display:none}.st-logo{width:190px;flex:none;display:flex;flex-direction:column;justify-content:center;gap:8px}.st-logo .w{display:flex;align-items:baseline;font:400 34px/1 Michroma,sans-serif;letter-spacing:.04em}.st-logo .a{color:#eef0f4;text-shadow:0 1px 0 #000,0 0 1px rgba(255,255,255,.5)}.st-logo .e{margin-left:6px;background:var(--st-logo);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 8px var(--st-amb))}.st-logo .tag{font:400 7px/1 Michroma,sans-serif;letter-spacing:.3em;color:#6f737b}.st-logo .rule{height:2px;width:120px;border-radius:1px;background:var(--st-logo);box-shadow:0 0 8px var(--st-amb)}.st-master{width:230px}.st-knob{position:relative;width:54px;height:54px;flex:none;border-radius:50%;cursor:ns-resize;touch-action:none;background:conic-gradient(from 225deg,var(--st-acc) 0deg,var(--st-acc) var(--arc, 216deg),#1a1b1f var(--arc, 216deg),#1a1b1f 270deg,transparent 270deg);box-shadow:0 0 10px var(--st-amb)}.st-knob .cap{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:radial-gradient(circle at 45% 30%,#3a3c42,#15161a 65%,#0a0a0c);box-shadow:inset 0 1px #fff3,0 4px 6px #000000e6}.st-knob .ptr{position:absolute;left:50%;top:7px;width:2px;height:12px;margin-left:-1px;border-radius:1px;background:#fff;box-shadow:0 0 4px #fff;transform-origin:50% 20px;transform:rotate(var(--rot, 126deg))}.st-knob .cap-lbl{position:absolute;left:0;right:0;bottom:-11px;text-align:center;font-size:7px;font-weight:700;letter-spacing:.16em;color:#8b8f97}.st-oled{flex:1;min-width:0;height:64px;padding:6px 8px;border-radius:3px;box-sizing:border-box;background:linear-gradient(180deg,var(--st-oled0),var(--st-oled1));box-shadow:inset 0 2px 5px #000,0 0 0 1px #000,0 0 10px #4fd8ff1f;display:flex;flex-direction:column;gap:4px;font-family:JetBrains Mono,monospace}.st-oled .dim{font-size:7px;color:var(--st-oled-dim);display:flex;justify-content:space-between}.st-oled .txt{font-size:8px;color:var(--st-oled-txt);display:flex;justify-content:space-between;gap:8px;margin-top:auto}.st-oled .txt span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.st-oled .txt span:last-child{flex:none}.st-oled .txt i{font-style:normal;color:var(--st-oled-dim)}.st-meter{display:flex;gap:1.5px;align-items:center;height:6px}.st-meter i{flex:1;height:100%;background:#0a1420}.st-meter i.on{background:var(--st-acc);box-shadow:0 0 3px var(--st-acc)}.st-meter i.on.warm{background:var(--st-amber)}.st-meter i.on.hot{background:var(--st-red);box-shadow:0 0 3px var(--st-red)}.st-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:6px}.st-mixer{width:560px;gap:5px}.st-strips{flex:1;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;min-height:0}.st-strip{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;--c: #9ca3af}.st-strip .val{width:100%;height:14px;border-radius:2px;background:linear-gradient(180deg,#03080d,#061520);box-shadow:inset 0 1px 3px #000;font:700 8px/14px JetBrains Mono,monospace;text-align:center;color:var(--c);text-shadow:0 0 6px var(--c)}.st-strip .kn{position:relative;width:22px;height:22px;border-radius:50%;flex:none;background:radial-gradient(circle at 45% 30%,#44464d,#1a1b1f 65%,#0b0b0d);box-shadow:inset 0 1px #ffffff38,0 2px 3px #000000e6,0 0 0 1.5px #08080a,0 0 0 2.5px var(--ring, var(--c))}.st-strip .kn i{position:absolute;left:50%;top:3px;width:2px;height:6px;margin-left:-1px;background:#fff;transform-origin:50% 8px;transform:rotate(var(--rot, -135deg))}.st-strip .fader{flex:1;width:100%;display:flex;gap:3px;justify-content:center;align-items:stretch;min-height:30px;position:relative}.st-strip .ladder{display:flex;flex-direction:column-reverse;gap:1.5px;width:4px}.st-strip .ladder i{flex:1;border-radius:1px;background:#0c0d10}.st-strip .ladder i.on{background:var(--c);box-shadow:0 0 3px var(--c)}.st-strip .ladder i.on.hot{background:var(--st-red)}.st-strip .track{position:relative;width:12px}.st-strip .track .rail{position:absolute;left:50%;top:0;bottom:0;width:3px;margin-left:-1.5px;border-radius:2px;background:#000;box-shadow:inset 0 0 2px #000,0 0 0 1px #ffffff0d}.st-strip .track .cap{position:absolute;left:-3px;right:-3px;height:14px;top:var(--pos, 50%);margin-top:-7px;border-radius:2px;background:linear-gradient(180deg,#5a5c63,#2b2c31 45%,#1d1e22 55%,#121316);box-shadow:inset 0 1px #ffffff59,0 3px 4px #000000e6;pointer-events:none}.st-strip .track .cap:after{content:"";position:absolute;left:2px;right:2px;top:6px;height:2px;background:var(--c);box-shadow:0 0 4px var(--c)}.st-strip .track input{position:absolute;left:-8px;top:0;width:28px;height:100%;margin:0;opacity:0;cursor:ns-resize;writing-mode:vertical-lr;direction:rtl}.st-strip .mute{width:100%;height:16px;font-size:7.5px;letter-spacing:.04em;padding:0}.st-strip .roll{width:100%;height:12px;font-size:6.5px;letter-spacing:.1em;padding:0;--c: #ffffff}.st-strip .roll:disabled{opacity:.25}.st-strip .roll.on{color:#061018}.st-strip .mute.on{--c: inherit}.st-strip.off{--ring: #1a1b1f}.st-strip.off .val{color:#3a3f4a;text-shadow:none}.st-strip.off .ladder i.on{background:#0c0d10;box-shadow:none}.st-strip.empty{opacity:.35}.st-morph{width:150px;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.st-morph .cap-lbl{font-size:8px;font-weight:700;letter-spacing:.24em;color:#8b8f97}.st-super{position:relative;width:118px;height:118px;border-radius:50%;background:#08080a;box-shadow:0 8px 16px #000000e6,0 0 0 2px #1c1d21;cursor:grab;touch-action:none}.st-super:active{cursor:grabbing}.st-super .ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--st-ring);box-shadow:0 0 18px var(--st-amb),0 0 40px var(--st-amb);animation:st-breathe 3s ease-in-out infinite}.st-super.spin .ring{animation:st-ringspin 6s linear infinite}.st-super .metal{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;background:radial-gradient(circle at 45% 25%,#3f4147,#1a1b1f 55%,#0c0c0e);box-shadow:inset 0 1px #ffffff38,inset 0 -4px 8px #000c,0 3px 6px #000000e6}.st-super .knurl{position:absolute;top:26px;right:26px;bottom:26px;left:26px;border-radius:50%;background:repeating-conic-gradient(#2a2b30,#2a2b30 6deg,#15161a 6deg,#15161a 12deg);box-shadow:inset 0 2px 4px #000}.st-super .centre{position:absolute;top:34px;right:34px;bottom:34px;left:34px;border-radius:50%;background:radial-gradient(circle at 50% 30%,#0a1218,#040608 80%);box-shadow:inset 0 2px 5px #000,0 0 0 1px var(--st-acc),0 0 12px var(--st-amb);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.st-super .centre .v{font:700 15px/1 JetBrains Mono,monospace;color:#fff;text-shadow:0 0 8px var(--st-acc)}.st-super .centre .t{font-size:6.5px;letter-spacing:.2em;color:var(--st-acc)}body.eco .st-super .ring{animation:none}.st-screen{flex:1 1 760px;max-width:760px;min-width:0;display:flex;flex-direction:column;gap:4px}.st-fill{flex:1 1 0;min-width:0;align-self:stretch;border-radius:6px;background:repeating-linear-gradient(90deg,rgba(0,0,0,.38) 0 3px,transparent 3px 9px);box-shadow:inset 0 1px #ffffff0d;opacity:.7}.st-screen .st-head{padding:0 4px}.st-bezel{flex:1;min-height:0;padding:5px;border-radius:6px;background:linear-gradient(180deg,#0a0a0c,#050506);box-shadow:inset 0 0 0 1px #26272b,0 1px #ffffff14,0 4px 10px #000c}.st-glass{position:relative;height:100%;box-sizing:border-box;padding:8px 10px;border-radius:3px;overflow:hidden;background:linear-gradient(180deg,#0b1220,#070a12);box-shadow:inset 0 0 20px #0009;display:flex;flex-direction:column;gap:6px;color:var(--st-scr-txt)}.st-glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,#ffffff14,#fff0 35%);pointer-events:none;z-index:1}.st-glass>*{position:relative}.st-shead{display:flex;align-items:center;gap:8px;font-size:8px;font-weight:700;letter-spacing:.12em}.st-live{padding:2px 6px;border-radius:2px;background:var(--st-acc);color:#04121a}.st-shead .lbl{color:var(--st-scr-dim)}.st-shead .title{font-size:12px;letter-spacing:0;color:#fff;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.st-shead .ro{margin-left:auto;flex:none;white-space:nowrap;font:700 9px/1 JetBrains Mono,monospace;color:var(--st-scr-dim)}.st-tiles{flex:1;min-height:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.st-tile{position:relative;border-radius:3px;background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff12;padding:5px 6px 5px 9px;display:flex;flex-direction:column;gap:3px;overflow:hidden;--c: #9ca3af;cursor:pointer;border:none;text-align:left;color:inherit;font-family:inherit}.st-tile:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--c);box-shadow:0 0 6px var(--c)}.st-tile .tag{font-size:7px;font-weight:700;letter-spacing:.1em;color:var(--c)}.st-tile .nm{font-size:9px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st-tile .bar{margin-top:auto;height:3px;border-radius:2px;background:#ffffff14}.st-tile .bar i{display:block;height:100%;border-radius:2px;background:var(--c)}.st-tile.off{--c: #3a3f4a}.st-sfoot{display:flex;align-items:center;gap:8px;font:700 8px/1 JetBrains Mono,monospace;color:var(--st-scr-dim)}.st-sfoot .now{color:#fff}.st-prog{position:relative;flex:1;height:4px;border-radius:2px;background:#ffffff1a;cursor:pointer}.st-prog .fill{position:absolute;left:0;top:0;bottom:0;border-radius:2px;background:var(--st-logo)}.st-prog .thumb{position:absolute;top:-3px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:#fff;box-shadow:0 0 8px var(--st-acc);pointer-events:none}.st-tab{height:16px;padding:0 8px;border:none;border-radius:2px;background:#ffffff14;color:var(--st-scr-dim);font:700 8px/1 Barlow Semi Condensed,sans-serif;letter-spacing:.1em;cursor:pointer}.st-tab.on{background:var(--st-acc);color:#04121a}.st-scorebox{flex:1;min-height:0;display:flex}.st-scorebox .lcd{flex:1;border:none;border-radius:3px;background:linear-gradient(180deg,#0b1220,#070a12)!important;box-shadow:inset 0 0 0 1px #ffffff12!important;color:var(--st-scr-txt);padding:6px 10px;font-family:Barlow Semi Condensed,sans-serif}.st-scorebox .lcd-scan{display:none}.st-scorebox .lcd-head{color:var(--st-scr-dim);font-size:8px}.st-scorebox .lcd-title{color:#fff;font-size:14px!important;text-shadow:none}.st-scorebox .lcd-chip{background:#ffffff14;color:var(--st-scr-txt);border:none;font:700 8px/1 JetBrains Mono,monospace}.st-scorebox .lcd-chip b{color:#fff}.st-scorebox .lcd-pos,.st-scorebox .lcd-time{color:var(--st-scr-dim);font:700 8px/1 JetBrains Mono,monospace}.st-scorebox .lcd-bar{background:#ffffff1a;border:none}.st-scorebox .lcd-fill{background:var(--st-logo)}.st-scorebox .lcd-head-dot{background:#fff;box-shadow:0 0 8px var(--st-acc)}.st-scorebox .lcd-chord-now{color:#fff;text-shadow:0 0 12px var(--st-amb);font-size:22px}.st-scorebox .lcd-chord-next{color:var(--st-scr-dim)}.st-scorebox .lcd-menu-row{color:var(--st-scr-txt)}.st-scorebox .lcd-menu-row.sel{background:var(--st-acc);color:#04121a}.st-scorebox video{flex:1;width:100%;height:100%;object-fit:cover;border-radius:3px;background:#000}.st-mixgrid{flex:1;min-height:0;display:flex;flex-wrap:wrap;gap:6px 12px;align-content:flex-start;font-size:9px}.st-mixgrid .st-rowf{gap:4px}.st-mixgrid .st-lbl{color:var(--st-scr-dim)}.st-mixgrid .st-num{flex:none;min-width:42px}.st-perf{width:470px}.st-perf .body{flex:1;display:flex;gap:10px;min-height:0}.st-perf .left{display:flex;flex-direction:column;gap:4px;width:150px;flex:none}.st-perf .st-dim .st-num{color:#3a4a55}.st-perf .st-dim .st-lbl{color:#5a5e66}.st-perf .right{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.st-perf .nav{display:flex;gap:4px}.st-perf .nav .st-btn{flex:1;height:22px;padding:0}.st-play{flex:1;height:30px;border:1px solid #06120a;border-radius:3px;cursor:pointer;color:#eafff2;font:700 10px/1 Barlow Semi Condensed,sans-serif;letter-spacing:.14em;background:linear-gradient(180deg,#1c5a34,#0e3a20);box-shadow:inset 0 1px #a0ffbe4d,0 0 6px #5dff8a40,0 2px 2px #0009}.st-play.on{background:linear-gradient(180deg,#5dff8a,#1fb85a);box-shadow:inset 0 1px #ffffff8c,0 0 14px #5dff8ab3,0 2px 2px #0009}.st-rst{width:40px;height:30px;flex:none;border:1px solid #060607;border-radius:3px;background:var(--st-face);box-shadow:inset 0 1px #ffffff26,0 2px 2px #000000b3;color:#d3d6db;font-size:12px;cursor:pointer}.st-rec{width:48px;height:30px;flex:none;padding:0;border-color:#1a0406;border-radius:3px;font-size:9px;letter-spacing:.04em;text-transform:none}.st-grid8{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.st-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.st-grid8 .st-btn,.st-grid4.modes .st-btn{height:22px;padding:0}.st-grid8 .st-btn{font:700 9px/1 JetBrains Mono,monospace}.st-grid4 .st-btn{padding:0;font-size:7.5px;letter-spacing:.05em}.st-grid4.modes .st-btn{font-size:8px;letter-spacing:.08em}.st-assist{width:200px;flex:none;display:flex;flex-direction:column;gap:4px}.st-assist .st-head{padding:0 4px}.st-assist .bez{flex:1;min-height:0;padding:4px;border-radius:6px;background:linear-gradient(180deg,#0a0a0c,#050506);box-shadow:inset 0 0 0 1px #26272b,0 1px #ffffff14}.st-assist .oled{height:100%;box-sizing:border-box;padding:8px 10px;border-radius:3px;background:linear-gradient(180deg,var(--st-oled0),var(--st-oled1));box-shadow:inset 0 2px 6px #000;display:flex;flex-direction:column;gap:5px;font-family:JetBrains Mono,monospace}.st-assist .dim{display:flex;justify-content:space-between;font-size:7px;color:var(--st-oled-dim)}.st-assist .big{display:flex;align-items:baseline;gap:6px}.st-assist .big .n{font-size:26px;font-weight:700;color:#fff;text-shadow:0 0 10px var(--st-acc)}.st-assist .big .in{font-size:9px;color:var(--st-acc)}.st-assist .acc{display:flex;justify-content:space-between;font-size:8px;color:var(--st-oled-txt)}.st-assist .acc b{color:#fff;font-weight:700}.st-assist .bar{height:3px;border-radius:2px;background:#ffffff14}.st-assist .bar i{display:block;height:100%;border-radius:2px;background:var(--st-logo)}.st-assist .foot{margin-top:auto;display:flex;justify-content:space-between;font-size:7.5px;color:var(--st-oled-dim)}.st-assist .foot b{color:var(--st-oled-txt);font-weight:500}body.skin-stage .footer .time,body.skin-stage .footer .accuracy b{color:var(--st-acc)}@media (max-width: 2300px){.st{height:auto}.st-fill{display:none}.st-row{position:relative;flex-wrap:wrap;justify-content:center}.st-screen{flex:1 1 520px;max-width:none;min-height:150px}.st-logo{align-items:center}}@media (max-width: 999px){.st{max-height:56vh;overflow:auto}.st-row{padding:10px 12px 12px;gap:10px}.st-master,.st-mixer,.st-perf,.st-screen,.st-assist{width:100%;flex:none}.st-screen{order:-2;min-height:200px}.st-morph{order:-1}.st-strips,.st-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.st-perf .body{flex-wrap:wrap}.st-perf .left{width:100%}.st-rowf{flex-wrap:wrap}}.st-super .wheel-col{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;background:none;box-shadow:none;padding:0;gap:0;display:block}.st-super .wheel-ring{position:absolute;top:10px;right:10px;bottom:10px;left:10px;width:auto;height:auto;margin:0;background:radial-gradient(circle at 45% 25%,#3f4147,#1a1b1f 55%,#0c0c0e);box-shadow:inset 0 1px #ffffff38,inset 0 -4px 8px #000c,0 3px 6px #000000e6}.st-super .wheel-ring:after{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:50%}.st-super .wheel-ring:before{content:"";position:absolute;top:16px;right:16px;bottom:16px;left:16px;border-radius:50%;background:repeating-conic-gradient(#2a2b30,#2a2b30 6deg,#15161a 6deg,#15161a 12deg);box-shadow:inset 0 2px 4px #000}.st-super .wheel-label{position:absolute;z-index:2;font:700 8.5px/1 Barlow Semi Condensed,sans-serif;letter-spacing:.14em;color:#fff;text-shadow:0 0 4px #000,0 0 6px var(--st-amb);padding:6px 8px;background:none;min-width:30px;min-height:22px;display:flex;align-items:center;justify-content:center}.st-super .wheel-menu{top:0}.st-super .wheel-play{bottom:0}.st-super .wheel-prev{left:0}.st-super .wheel-next{right:0}.st-super .wheel-center{width:50px;height:50px;z-index:3;background:radial-gradient(circle at 50% 30%,#0a1218,#040608 80%);box-shadow:inset 0 2px 5px #000,0 0 0 1px var(--st-acc),0 0 12px var(--st-amb)}.st-super .wheel-time{font:700 12px/1 JetBrains Mono,monospace;color:#fff;text-shadow:0 0 8px var(--st-acc)}.st-super .wheel-total{font:500 6.5px/1 JetBrains Mono,monospace;color:var(--st-acc);letter-spacing:.1em}.st-super .wheel-btn,.st-super .wheel-ring button{color:#fff;font-size:8px;background:none}.st-super .wheel-sel-hint{font-size:6px;color:var(--st-acc)}.st-super .wheel-sel-label{font-size:8px;color:#fff}body.skin-stage.view-seq{background:#050608}body.skin-stage.view-seq .highway{border-top-color:#ffffff14;box-shadow:none}body.skin-stage.view-seq .kb-resizer{background:#050608}body.skin-stage.view-seq .kb-resizer i{background:#ffffff4d}.st-scorebox .lcd-head,.st-scorebox .lcd-title,.st-scorebox .lcd-pos{display:none}.st-scorebox .lcd{justify-content:center;gap:8px}.st-scorebox .lcd-title-row{justify-content:center}.st-scorebox .lcd-chords{align-items:baseline;gap:12px}.st-scorebox .lcd-chord-now{font-size:30px}.st-scorebox .lcd-chord-next{font-size:11px}.st-scorebox .lcd-chips{justify-content:center}.st-scorebox .lcd-menu{display:block}.eq{flex:1;min-height:0;display:flex;gap:10px;align-items:stretch}.eq-graph{flex:1;min-width:0;position:relative;border-radius:3px;background:linear-gradient(180deg,#060b14,#03060c);box-shadow:inset 0 0 0 1px #ffffff14;overflow:hidden}.eq-graph canvas{display:block;touch-action:none;cursor:crosshair}.eq-side{flex:none;width:150px;display:flex;flex-direction:column;gap:4px;justify-content:space-between;font-family:JetBrains Mono,monospace}.eq-bands{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.eq-band{height:16px;border:none;border-radius:2px;background:#ffffff14;color:var(--c);font:700 9px/1 JetBrains Mono,monospace;cursor:pointer}.eq-band.on{background:var(--c);color:#04121a;box-shadow:0 0 8px var(--c)}.eq-read{display:flex;justify-content:space-between;font-size:8.5px;color:#8fa3c4;white-space:nowrap}.eq-read i{font-style:normal;color:#5a6a86}.eq-row{display:flex;gap:4px;align-items:center}.eq-lbl{font-size:8px;color:#8fa3c4;width:10px}.eq-num{flex:1;text-align:center;font-size:10px;font-weight:700;color:#e6eefc;background:#ffffff0f;border-radius:2px;line-height:16px}.eq-step,.eq-btn{height:16px;border:none;border-radius:2px;background:#ffffff1a;color:#e6eefc;font:700 9px/1 Barlow Semi Condensed,sans-serif;letter-spacing:.08em;cursor:pointer}.eq-step{width:20px;font-size:11px}.eq-step:disabled{opacity:.3;cursor:default}.eq-btn{flex:1}.eq-btn.on{background:var(--st-acc, #4fd8ff);color:#04121a}.eq-window{width:min(760px,94vw);padding:14px;border-radius:10px;background:linear-gradient(180deg,#14161a,#0a0b0d);box-shadow:0 20px 60px #000000b3,inset 0 0 0 1px #ffffff1a}.eq-window h3{margin:0 0 10px;font:700 11px/1 Barlow Semi Condensed,sans-serif;letter-spacing:.22em;color:#9aa0ab}.eq-window .eq{height:260px}.eq-window .eq-side{width:180px}.eq-window .eq-band,.eq-window .eq-step,.eq-window .eq-btn{height:26px;font-size:12px}.eq-window .eq-num{line-height:26px;font-size:13px}.eq-window .eq-read{font-size:11px}@media (max-width: 999px){.eq{flex-direction:column}.eq-graph{min-height:110px}.eq-side{width:auto}}.eq-window .eq-btn.on{background:#5dffd0}.ch-eqbtn{align-self:flex-end;flex:none}.st-grid5{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.st-grid5.modes .st-btn{height:22px;padding:0;font-size:8px;letter-spacing:.08em}.dual{flex:1;min-height:0;display:flex;flex-direction:column;gap:6px;padding:6px 8px 8px;background:#050608}.dual-bar{flex:none;display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:4px 6px;border-radius:6px;background:linear-gradient(180deg,#16171b,#0e0f11);box-shadow:inset 0 1px #ffffff0f}.dual-bar .st-play{flex:none;width:56px;height:28px}.dual-bar .st-btn{height:24px;font-size:9px}.dual-bar .st-step{width:26px;font-size:13px}.dual-bar .st-num{flex:none;min-width:44px;line-height:24px;font-size:12px}.dual-man{flex:1;min-height:0;position:relative;border-radius:8px;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f}.dual-man canvas{display:block;width:100%;height:100%}.dual-tag{position:absolute;right:8px;top:6px;font:700 9px/1 JetBrains Mono,monospace;letter-spacing:.12em;color:#ffffff73;pointer-events:none}body.view-dual .footer{display:none}@media (max-width: 600px){.dual-bar .st-lbl{display:none}}body.view-dual .kb-resizer{display:none}.dual-views{display:inline-flex;gap:3px;padding-right:8px;margin-right:2px;border-right:1px solid rgba(255,255,255,.12)}.dual-views .st-btn:first-child{--c: var(--st-amber);background:linear-gradient(180deg,var(--st-amber),color-mix(in oklab,var(--st-amber),#000 30%));color:#1a1000;font-weight:800}.dual-zone{display:inline-flex;align-items:center;gap:4px}@media (max-width: 600px){.dual-bar .st-lbl{display:inline;font-size:7px}}