@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:Space Grotesk,system-ui,sans-serif;color:#f4f7f4;background:#07090d;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{background:#07090d}html,body,#root{min-width:320px;min-height:100%;margin:0}body{overflow:hidden}button,input,select{font:inherit}button{color:inherit}.app-shell{--rail: 278px;min-height:100dvh;height:100dvh;display:grid;grid-template-columns:var(--rail) minmax(0,1fr);background:radial-gradient(circle at 82% 5%,rgba(var(--accent-rgb),.09),transparent 30%),radial-gradient(circle at 18% 94%,rgba(76,104,255,.06),transparent 26%),#080a0e;position:relative;overflow:hidden}.ambient-grid{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.34;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 90%);mask-image:linear-gradient(to bottom,black,transparent 90%)}.control-rail{position:relative;z-index:10;height:100dvh;min-height:0;display:flex;flex-direction:column;background:#080a0ef0;border-right:1px solid rgba(255,255,255,.09);box-shadow:20px 0 80px #00000038;overflow:hidden auto}.control-rail:after{content:"";position:absolute;right:-1px;top:0;width:1px;height:150px;background:linear-gradient(to bottom,var(--accent),transparent);box-shadow:0 0 16px var(--accent)}.brand-block{height:82px;flex:0 0 82px;display:flex;align-items:center;gap:13px;padding:0 22px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(var(--accent-rgb),.06),transparent 60%)}.brand-mark{width:27px;height:27px;position:relative;transform:rotate(30deg)}.brand-mark span{position:absolute;border:1px solid var(--accent);border-radius:3px}.brand-mark span:nth-child(1){top:0;right:0;bottom:0;left:0;box-shadow:0 0 12px rgba(var(--accent-rgb),.45)}.brand-mark span:nth-child(2){top:5px;right:5px;bottom:5px;left:5px;transform:rotate(45deg)}.brand-mark span:nth-child(3){width:4px;height:4px;left:12px;top:12px;border:0;background:var(--accent);border-radius:50%}.brand-block h1{margin:0;font-size:20px;line-height:1;letter-spacing:-.8px;font-weight:700}.brand-block h1 span{color:var(--accent)}.brand-block p{margin:6px 0 0;color:#687078;font-family:DM Mono,monospace;font-size:7px;letter-spacing:2.2px}.rail-close{display:none;margin-left:auto;border:0;background:transparent}.rail-section{padding:19px 18px;border-bottom:1px solid rgba(255,255,255,.07)}.styles-section{flex:1 0 auto;min-height:280px}.rail-heading{display:flex;align-items:center;gap:9px;margin-bottom:14px;color:#5f6971}.rail-heading>span{color:var(--accent);font:500 9px DM Mono,monospace}.rail-heading p{flex:1;margin:0;font:500 9px DM Mono,monospace;letter-spacing:1.7px}.rail-heading svg{opacity:.65}.key-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.key-grid button{height:34px;padding:0;border:1px solid rgba(255,255,255,.08);border-radius:3px;background:#ffffff06;color:#9ba2a7;font:500 11px DM Mono,monospace;cursor:pointer;transition:.18s ease}.key-grid button:hover{border-color:rgba(var(--accent-rgb),.55);color:#fff}.key-grid button.active{background:rgba(var(--accent-rgb),.12);border-color:var(--accent);color:var(--accent);box-shadow:inset 0 0 14px rgba(var(--accent-rgb),.08),0 0 12px rgba(var(--accent-rgb),.12)}.style-list{display:grid;gap:4px}.style-list button{height:39px;display:grid;grid-template-columns:22px 6px 1fr auto;align-items:center;gap:10px;padding:0 11px;border:1px solid transparent;border-radius:4px;background:transparent;text-align:left;cursor:pointer;transition:.18s ease}.style-list button:hover{background:#ffffff09}.style-list button.active{background:rgba(var(--accent-rgb),.08);border-color:rgba(var(--accent-rgb),.28)}.style-number,.style-code{color:#485058;font:400 8px DM Mono,monospace}.style-swatch{width:5px;height:5px;border-radius:50%;opacity:.35}.style-name{color:#8e979d;font-size:11px;font-weight:500}.style-list button.active .style-name{color:#fff}.style-list button.active .style-number,.style-list button.active .style-code{color:var(--accent)}.style-list button.active .style-swatch{opacity:1}.phrase-section{padding-top:16px;padding-bottom:16px}.bar-toggle{display:grid;grid-template-columns:1fr 1fr;gap:7px}.bar-toggle button{height:46px;display:flex;align-items:baseline;justify-content:center;gap:6px;border:1px solid rgba(255,255,255,.08);border-radius:4px;background:#ffffff06;cursor:pointer}.bar-toggle strong{color:#a7afb4;font:500 16px DM Mono,monospace}.bar-toggle span{color:#505860;font:500 7px DM Mono,monospace;letter-spacing:1px}.bar-toggle button.active{border-color:rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.08)}.bar-toggle button.active strong,.bar-toggle button.active span{color:var(--accent)}.custom-bars{margin:9px 0 0;color:var(--accent);font:400 6px DM Mono,monospace;letter-spacing:1px;text-align:center}.rail-status{min-height:58px;display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:9px;padding:11px 20px;color:#5f6870;font:400 8px DM Mono,monospace}.rail-status div{display:flex;flex-direction:column;gap:3px}.rail-status strong{color:#818b91;font-size:8px;letter-spacing:1px}.rail-status small{font-size:7px;letter-spacing:.7px}.pulse-dot,.online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px var(--accent);animation:pulse 2s ease-in-out infinite}.studio{position:relative;z-index:2;min-width:0;height:100dvh;display:flex;flex-direction:column}.topbar{height:43px;flex:0 0 43px;display:flex;justify-content:space-between;align-items:center;padding:0 25px;border-bottom:1px solid rgba(255,255,255,.07);background:#090b0fbf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.session-path,.topbar-meta{display:flex;align-items:center;gap:8px;color:#535d65;font:400 8px DM Mono,monospace;letter-spacing:1.2px}.session-path>span:first-child{color:var(--accent)}.session-path strong{color:#9ca6ac;font-weight:500}.topbar-meta{gap:22px}.topbar-meta span{display:flex;align-items:center;gap:7px}.online-dot{width:5px;height:5px}.history-shortcuts{display:grid;grid-template-columns:repeat(2,25px);gap:3px}.history-shortcuts button,.quick-save,.project-launch{height:25px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(255,255,255,.08);border-radius:3px;background:#ffffff05;color:#657078;font:500 6px DM Mono,monospace;letter-spacing:.7px;cursor:pointer}.history-shortcuts button:hover:not(:disabled),.quick-save:hover,.project-launch:hover{border-color:rgba(var(--accent-rgb),.46);color:var(--accent);background:rgba(var(--accent-rgb),.07)}.history-shortcuts button:disabled{opacity:.22;cursor:not-allowed}.quick-save{padding:0 9px}.project-launch{padding:0 10px;border-color:rgba(var(--accent-rgb),.22);color:var(--accent)}.mobile-header{display:none}.project-scrim{position:fixed;z-index:70;top:0;right:0;bottom:0;left:0;border:0;background:#020406a8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.project-manager{--drawer-width: min(460px, 94vw);width:var(--drawer-width);position:fixed;z-index:80;top:0;right:0;bottom:0;display:flex;flex-direction:column;overflow:hidden;border-left:1px solid #343c40;background:linear-gradient(155deg,#1a2023,#090d10 48%,#12171a);box-shadow:-34px 0 90px #00000094,inset 1px 0 #ffffff06;transform:translate(104%);transition:transform .25s ease}.project-manager.open{transform:translate(0)}.project-head{height:54px;flex:0 0 54px;display:flex;align-items:center;justify-content:space-between;padding:0 15px 0 18px;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(90deg,rgba(var(--accent-rgb),.075),transparent 55%)}.project-head>div{display:flex;align-items:center;gap:10px;color:var(--accent)}.project-head>div>span{display:flex;flex-direction:column;gap:3px}.project-head strong{color:#b7c0c2;font:500 8px DM Mono,monospace;letter-spacing:1.4px}.project-head small{color:#4e5a60;font:400 5px DM Mono,monospace;letter-spacing:1.1px}.project-head>button{width:29px;height:29px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:3px;background:#ffffff05;color:#69747a;cursor:pointer}.project-head>button:hover{border-color:var(--accent);color:var(--accent)}.project-body{flex:1;min-height:0;overflow:auto;padding:15px;scrollbar-color:rgba(var(--accent-rgb),.35) transparent}.project-body>section{margin-bottom:12px;padding:13px;border:1px solid rgba(255,255,255,.065);border-radius:5px;background:#070a0c7a;box-shadow:inset 0 1px #ffffff05}.project-identity-module label{display:flex;flex-direction:column;gap:6px}.project-identity-module label>span,.project-section-label{color:#59646a;font:500 6px DM Mono,monospace;letter-spacing:1px}.project-identity-module input{height:39px;padding:0 10px;border:1px solid #2c363b;border-radius:3px;outline:none;background:#080d10;color:#d1d8d6;font:500 13px DM Mono,monospace}.project-identity-module input:focus{border-color:var(--accent);box-shadow:0 0 13px rgba(var(--accent-rgb),.1)}.project-status{min-height:25px;display:flex;align-items:center;gap:7px;color:#536067;font:400 5px DM Mono,monospace;letter-spacing:.8px}.project-status i{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 7px var(--accent)}.project-primary-actions{display:grid;grid-template-columns:1fr 82px;gap:6px}.project-primary-actions button{height:37px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #2b353a;border-radius:3px;background:#11171a;color:#718087;font:500 6px DM Mono,monospace;letter-spacing:.8px;cursor:pointer}.project-primary-actions button.primary{border-color:rgba(var(--accent-rgb),.48);background:linear-gradient(180deg,rgba(var(--accent-rgb),.15),rgba(var(--accent-rgb),.06));color:var(--accent)}.project-primary-actions button:hover{border-color:var(--accent);color:var(--accent)}.project-section-label{display:flex;align-items:center;gap:7px;margin-bottom:9px}.project-section-label>span{color:var(--accent)}.project-section-label>small{margin-left:auto;color:#3f494f;font-size:5px}.history-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}.history-buttons button{height:42px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #293237;border-radius:3px;background:#0e1417;color:#7a858a;cursor:pointer}.history-buttons button>span{display:flex;flex-direction:column;align-items:flex-start;gap:3px;font:500 6px DM Mono,monospace;letter-spacing:.7px}.history-buttons button small{color:#465158;font-size:5px}.history-buttons button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.history-buttons button:disabled{opacity:.24;cursor:not-allowed}.exchange-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.exchange-grid button,.import-project{min-width:0;height:49px;display:grid;grid-template-columns:20px 1fr 13px;align-items:center;gap:7px;padding:0 9px;border:1px solid #293238;border-radius:3px;background:#0e1417;color:#68747a;text-align:left;cursor:pointer}.exchange-grid button:hover:not(:disabled),.import-project:hover{border-color:rgba(var(--accent-rgb),.55);color:var(--accent);background:rgba(var(--accent-rgb),.045)}.exchange-grid button:disabled{opacity:.55;cursor:wait}.exchange-grid button>span,.import-project>span{min-width:0;display:flex;flex-direction:column;gap:3px;color:#8b969a;font:500 6px DM Mono,monospace;letter-spacing:.55px}.exchange-grid small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#465158;font:400 5px DM Mono,monospace}.import-project{position:relative}.import-project input{position:absolute;width:1px;height:1px;opacity:0}.project-library{display:grid;gap:6px}.project-library article{position:relative;min-width:0;border:1px solid #273036;border-radius:4px;background:#0d1215;transition:border-color .15s ease}.project-library article:hover{border-color:rgba(var(--accent-rgb),.42)}.project-load{width:100%;min-width:0;height:60px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:9px;padding:0 38px 0 8px;border:0;background:transparent;text-align:left;cursor:pointer}.project-thumbnail{height:42px;display:flex;align-items:flex-end;gap:3px;padding:7px 6px;border:1px solid rgba(var(--accent-rgb),.18);border-radius:3px;background:#06100d}.project-thumbnail i{flex:1;background:var(--accent);opacity:.45;box-shadow:0 0 5px rgba(var(--accent-rgb),.3)}.project-thumbnail i:nth-child(1){height:45%}.project-thumbnail i:nth-child(2){height:82%}.project-thumbnail i:nth-child(3){height:62%}.project-copy{min-width:0;display:flex;flex-direction:column;gap:5px}.project-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aab4b7;font:500 8px DM Mono,monospace}.project-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#4d585e;font:400 5px DM Mono,monospace;letter-spacing:.6px}.project-time{display:flex;align-items:center;gap:4px;color:#404a50;font:400 5px DM Mono,monospace;white-space:nowrap}.project-delete{position:absolute;right:7px;top:18px;width:25px;height:25px;display:grid;place-items:center;border:1px solid transparent;border-radius:3px;background:transparent;color:#4a555b;cursor:pointer}.project-delete:hover{border-color:#e6697059;color:#e06970;background:#e669700f}.empty-library{min-height:94px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px dashed #293237;border-radius:3px;color:#414c52}.empty-library strong{font:500 6px DM Mono,monospace;letter-spacing:1px}.empty-library span{font:400 6px DM Mono,monospace}.workspace{flex:1;min-height:0;padding:20px 24px 17px;overflow:auto;scrollbar-color:rgba(var(--accent-rgb),.4) transparent}.hero-panel{min-height:294px;display:grid;grid-template-columns:142px minmax(340px,1fr) 272px;align-items:stretch;gap:17px;position:relative;overflow:hidden;margin-bottom:20px;padding:18px 22px;border:1px solid #343a3d;border-radius:7px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px),linear-gradient(135deg,#202529,#111519 52%,#1a1f22);box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #050608,0 18px 50px #0000004d}.hero-panel:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;pointer-events:none;border:1px solid rgba(255,255,255,.035);border-radius:4px}.hero-panel:after{content:"MCZ / HARMONIC INSTRUMENT";position:absolute;right:22px;bottom:7px;color:#ffffff26;font:400 5px DM Mono,monospace;letter-spacing:1.5px}.deck-screw{position:absolute;z-index:4;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#778087,#282e32 45%,#080a0b 75%);box-shadow:0 1px 2px #000}.deck-screw:after{content:"";position:absolute;left:2px;top:3.5px;width:4px;height:1px;background:#090b0c;transform:rotate(-28deg)}.screw-tl{left:8px;top:8px}.screw-tr{right:8px;top:8px}.screw-bl{left:8px;bottom:8px}.screw-br{right:8px;bottom:8px}.deck-identity{min-width:0;display:flex;flex-direction:column;padding:7px 0 4px}.model-plate{padding:10px 10px 9px;border:1px solid #3e4549;border-radius:3px;background:linear-gradient(145deg,#2c3236,#171b1e);box-shadow:inset 0 1px #ffffff14,0 2px 4px #0006}.model-plate span{display:block;color:var(--accent);font:500 7px DM Mono,monospace;letter-spacing:1.5px}.model-plate strong{display:block;margin-top:4px;color:#d6dcda;font-size:15px;letter-spacing:-1px}.deck-identity>p{margin:11px 2px;color:#747e83;font:500 7px/1.55 DM Mono,monospace;letter-spacing:1.2px}.vent-bank{display:grid;gap:4px;margin-top:auto;padding:7px 4px}.vent-bank span{height:2px;border-radius:2px;background:#080a0b;box-shadow:0 1px #ffffff0f}.power-readout{display:flex;align-items:center;gap:7px;margin:3px 4px 0;color:#626c71;font:400 6px DM Mono,monospace;letter-spacing:1px}.power-readout .online-dot{width:5px;height:5px}.synth-screen{min-width:0;position:relative;overflow:hidden;display:grid;grid-template-rows:25px 1fr 28px;border:2px solid #070909;border-radius:5px;background:#06100d;box-shadow:inset 0 0 0 1px #29332e,inset 0 0 34px rgba(var(--accent-rgb),.075),0 2px 7px #0000008c;color:var(--accent)}.synth-screen:before{content:"";position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.2;background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(0,0,0,.5) 3px)}.synth-screen:after{content:"";position:absolute;z-index:2;width:60%;height:180%;left:-50%;top:-80%;pointer-events:none;transform:rotate(24deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.035),transparent)}.screen-header,.screen-footer{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:0 11px;border-bottom:1px solid rgba(var(--accent-rgb),.13);font:400 6px DM Mono,monospace;letter-spacing:1px}.screen-header span{display:flex;align-items:center;gap:6px}.screen-header i{width:4px;height:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 7px var(--accent)}.screen-header span:last-child{opacity:.5}.screen-main{position:relative;z-index:4;min-width:0;display:grid;grid-template-columns:76px minmax(110px,1fr) minmax(125px,.8fr);align-items:center;gap:11px;padding:9px 12px}.screen-key{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid rgba(var(--accent-rgb),.15)}.screen-key small,.screen-patch small{opacity:.48;font:400 6px DM Mono,monospace;letter-spacing:1.1px}.screen-key strong{font-size:42px;line-height:.95;letter-spacing:-2px;text-shadow:0 0 15px rgba(var(--accent-rgb),.4)}.screen-key span{margin-top:5px;opacity:.65;font:400 6px DM Mono,monospace;letter-spacing:.8px}.scope{min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.scope svg{width:100%;height:70px;overflow:visible}.scope-grid{fill:none;stroke:rgba(var(--accent-rgb),.09);stroke-width:.6}.scope-wave{fill:none;stroke:var(--accent);stroke-width:1.5;filter:drop-shadow(0 0 4px rgba(var(--accent-rgb),.7));vector-effect:non-scaling-stroke;animation:scope-drift 2.8s ease-in-out infinite alternate}.scope-wave.ghost{stroke-width:4;opacity:.12;filter:blur(1px)}.scope span{align-self:center;margin-top:-2px;opacity:.35;font:400 5px DM Mono,monospace;letter-spacing:1.2px}.screen-patch{min-width:0;display:flex;flex-direction:column;gap:5px;padding-left:12px;border-left:1px solid rgba(var(--accent-rgb),.15)}.screen-patch strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;letter-spacing:-.8px}.screen-patch span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.58;font:400 6px DM Mono,monospace;letter-spacing:.6px}.screen-footer{border-top:1px solid rgba(var(--accent-rgb),.13);border-bottom:0;opacity:.72}.screen-footer span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-footer i{margin-left:10px;font-style:normal;opacity:.45}.knob-bank{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:7px 9px;padding:2px 0}.knob-control{min-width:0;height:78px;position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:ew-resize}.synth-knob{width:60px;height:60px;position:relative;border:1px solid #07090a;border-radius:50%;background:repeating-conic-gradient(from -135deg,#596167 0 2deg,transparent 2deg 12deg) border-box;box-shadow:0 4px 7px #0009}.synth-knob:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#525a5f,#1d2225 48%,#080a0b 73%);box-shadow:inset 0 1px 2px #ffffff29,0 0 0 1px #050607}.synth-knob i{position:absolute;z-index:2;left:calc(50% - 1px);top:10px;width:2px;height:16px;border-radius:2px;background:var(--accent);box-shadow:0 0 6px rgba(var(--accent-rgb),.5);transform-origin:1px 20px;transform:rotate(var(--knob-angle, 0deg));transition:transform .12s ease-out}.knob-control>input{position:absolute;z-index:5;top:0;left:50%;width:62px;height:62px;margin:0;opacity:0;transform:translate(-50%);cursor:ew-resize}.knob-control:focus-within .synth-knob{outline:1px solid var(--accent);outline-offset:3px;box-shadow:0 0 18px rgba(var(--accent-rgb),.28)}.knob-control>span:not(.synth-knob){color:#6d777c;font:400 6px DM Mono,monospace;letter-spacing:1px}.knob-control>strong{color:#abb3b6;font:500 8px DM Mono,monospace}.voice-switch{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:4px}.voice-switch button{min-width:0;height:29px;padding:0 6px;display:flex;align-items:center;gap:5px;border:1px solid #070909;border-radius:2px;background:#14191c;color:#667176;font:500 6px DM Mono,monospace;letter-spacing:.55px;cursor:pointer;box-shadow:inset 0 1px #ffffff0e}.voice-switch button span{color:#3f484d}.voice-switch button.active{border-color:rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.1);color:var(--accent);box-shadow:inset 0 0 12px rgba(var(--accent-rgb),.08),0 0 8px rgba(var(--accent-rgb),.08)}.hardware-generate{grid-column:1 / -1;min-width:0;display:grid;grid-template-columns:24px 1fr 23px;align-items:center;gap:7px;height:43px;padding:0 8px;border:1px solid #060808;border-radius:3px;background:linear-gradient(#cfd7d3,#78817d);color:#111614;cursor:pointer;box-shadow:inset 0 1px #ffffffb3,inset 0 -2px #00000040,0 3px 5px #0000008c;transition:transform .08s ease,filter .15s ease}.hardware-generate:hover{filter:brightness(1.12)}.hardware-generate:active{transform:translateY(2px);box-shadow:inset 0 2px 3px #00000059}.hardware-generate>span{display:flex;flex-direction:column;align-items:flex-start;font:700 8px DM Mono,monospace;letter-spacing:.8px}.hardware-generate small{font:400 5px DM Mono,monospace;letter-spacing:1.2px;opacity:.55}.hardware-generate kbd{display:grid;place-items:center;width:22px;height:22px;border:1px solid rgba(0,0,0,.3);border-radius:2px;background:#0000001a;font:600 7px DM Mono,monospace}.led-bank{grid-column:1 / -1;display:flex;align-items:center;gap:7px;padding-left:4px}.led-bank span{width:4px;height:4px;border-radius:50%;background:#2d3437;box-shadow:inset 0 1px #090b0c}.led-bank span.active{background:var(--accent);box-shadow:0 0 6px var(--accent)}.led-bank i{margin-left:auto;color:#566066;font: 5px DM Mono,monospace;letter-spacing:1px}.section-heading{min-height:31px;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:11px}.section-heading>div{min-width:0;display:flex;align-items:center;gap:10px}.section-number{color:var(--accent);font:500 8px DM Mono,monospace}.section-heading h3{margin:0;color:#aab2b7;font:500 9px DM Mono,monospace;letter-spacing:1.6px}.sequence-line{max-width:50vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#545d64;font:400 8px DM Mono,monospace}.phrase-id{color:#4f585e;font:400 7px DM Mono,monospace;letter-spacing:.8px}.chord-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.chord-grid.bars-8{grid-template-rows:repeat(2,1fr)}.chord-card{min-width:0;min-height:178px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:5px;background:linear-gradient(145deg,#12161bf0,#0b0e12ed);color:#e8edeb;transition:transform .15s ease,border-color .2s ease,box-shadow .2s ease}.chord-card:hover{transform:translateY(-2px);border-color:rgba(var(--accent-rgb),.45)}.chord-card:after{content:"";position:absolute;left:0;bottom:0;width:32%;height:1px;background:#ffffff21;transition:width .25s ease,background .25s ease}.chord-card.is-selected,.chord-card.is-active{border-color:var(--accent);background:linear-gradient(145deg,rgba(var(--accent-rgb),.12),#0b0f12f7);box-shadow:inset 0 0 30px rgba(var(--accent-rgb),.055),0 0 20px rgba(var(--accent-rgb),.09)}.chord-card.is-selected:after,.chord-card.is-active:after{width:100%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.chord-card.is-locked{box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.16)}.chord-audition{width:100%;min-height:146px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;padding:13px 14px 12px;border:0;background:transparent;color:#e8edeb;text-align:left;cursor:pointer}.card-scan{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.07),transparent);transform:translate(-100%)}.chord-card.is-active .card-scan{opacity:1;animation:scan 2.4s linear infinite}.card-topline{width:100%;display:flex;align-items:center;justify-content:space-between}.bar-index{color:#434c53;font:400 8px DM Mono,monospace}.roman-chip{padding:3px 6px;border:1px solid rgba(var(--accent-rgb),.18);border-radius:3px;color:var(--accent);background:rgba(var(--accent-rgb),.05);font:500 7px DM Mono,monospace}.chord-lockup{display:flex;align-items:flex-start;gap:3px;margin-top:10px;white-space:nowrap}.chord-root{color:#f3f6f4;font-size:clamp(27px,2.5vw,38px);font-weight:600;line-height:.9;letter-spacing:-1.8px}.chord-quality{max-width:88px;overflow:hidden;text-overflow:ellipsis;padding-top:1px;color:#939ca1;font:500 11px DM Mono,monospace}.inversion{margin-top:3px;color:var(--accent);font:400 7px DM Mono,monospace;letter-spacing:.8px}.note-string{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:10px;color:#606a71;font:400 7px DM Mono,monospace}.card-footer{width:100%;margin-top:auto;display:flex;justify-content:space-between;align-items:center}.quality-tag{color:#667078;font:500 6px DM Mono,monospace;letter-spacing:1.3px}.audition-label{display:flex;align-items:center;gap:5px;color:#3f484f;font:400 6px DM Mono,monospace;opacity:0;transform:translate(5px);transition:.15s ease}.chord-card:hover .audition-label,.chord-card.is-active .audition-label{opacity:1;transform:translate(0);color:var(--accent)}.card-tools{height:31px;display:grid;grid-template-columns:1fr repeat(5,27px);align-items:center;gap:2px;padding:0 6px;border-top:1px solid rgba(255,255,255,.055);background:#04060857}.card-tools .drag-grip{display:flex;align-items:center;color:#384248;cursor:grab}.card-tools button{width:25px;height:23px;display:grid;place-items:center;padding:0;border:1px solid transparent;border-radius:2px;background:transparent;color:#4b565d;cursor:pointer}.card-tools button:hover:not(:disabled),.card-tools button.active{border-color:rgba(var(--accent-rgb),.28);background:rgba(var(--accent-rgb),.07);color:var(--accent)}.card-tools button:disabled{opacity:.22;cursor:not-allowed}.rhythm-voice-panel{position:relative;overflow:hidden;margin-top:16px;background:linear-gradient(145deg,#101519fa,#070a0dfa)}.rhythm-voice-panel:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;pointer-events:none;border:1px solid rgba(255,255,255,.025);border-radius:3px}.rhythm-voice-panel:after{content:"";position:absolute;top:0;left:34%;width:170px;height:1px;background:var(--accent);box-shadow:0 0 16px var(--accent)}.rhythm-head{position:relative;z-index:2;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 15px;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(90deg,rgba(var(--accent-rgb),.045),transparent 50%)}.rhythm-title{display:flex;align-items:center;gap:9px;color:var(--accent)}.rhythm-title>span{display:flex;flex-direction:column;gap:3px}.rhythm-title strong{color:#b4bdc0;font:500 8px DM Mono,monospace;letter-spacing:1.45px}.rhythm-title small{color:#465158;font:400 5px DM Mono,monospace;letter-spacing:1.15px}.rhythm-transport{display:flex;align-items:center;gap:11px}.rhythm-transport>span{display:flex;align-items:center;gap:7px;color:#5c676d;font:500 6px DM Mono,monospace;letter-spacing:.75px}.rhythm-transport>span i{width:5px;height:5px;border-radius:50%;background:#323b40}.rhythm-transport>span i.active{background:var(--accent);box-shadow:0 0 9px var(--accent);animation:pulse 1s ease-in-out infinite}.rhythm-transport button{height:29px;display:flex;align-items:center;gap:7px;padding:0 12px;border:1px solid rgba(var(--accent-rgb),.42);border-radius:3px;background:rgba(var(--accent-rgb),.06);color:var(--accent);font:500 6px DM Mono,monospace;letter-spacing:.75px;cursor:pointer}.rhythm-transport button:hover,.rhythm-transport button.playing{background:var(--accent);color:#07100d}.rhythm-stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid rgba(255,255,255,.06)}.rhythm-stats>div{min-width:0;height:48px;display:flex;align-items:center;gap:9px;padding:0 13px;border-right:1px solid rgba(255,255,255,.055);color:var(--accent)}.rhythm-stats>div:last-child{border-right:0}.swing-glyph{width:13px;height:8px;border-top:2px solid var(--accent);border-radius:50%;transform:rotate(-12deg)}.rhythm-stats span{display:flex;flex-direction:column;gap:4px;color:#515c62;font:500 5px DM Mono,monospace;letter-spacing:.7px}.rhythm-stats strong{color:#adb6b9;font:500 9px DM Mono,monospace}.rhythm-console{position:relative;z-index:2;display:grid;grid-template-columns:minmax(430px,1.35fr) minmax(200px,.65fr) minmax(260px,.82fr)}.pattern-module,.feel-module,.voice-motion-module{min-width:0;padding:13px}.pattern-module,.feel-module{border-right:1px solid rgba(255,255,255,.06)}.rhythm-module-label{min-height:25px;display:grid;grid-template-columns:20px 1fr auto;align-items:start;gap:4px}.rhythm-module-label>span{color:var(--accent);font:500 6px DM Mono,monospace}.rhythm-module-label>strong{color:#737e83;font:500 6px DM Mono,monospace;letter-spacing:.8px}.rhythm-module-label>small{color:#3f494f;font:400 5px DM Mono,monospace;letter-spacing:.55px}.pattern-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.pattern-grid>button{min-width:0;height:92px;display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:8px;border:1px solid rgba(255,255,255,.07);border-radius:3px;background:#ffffff05;color:#566168;text-align:left;cursor:pointer}.pattern-grid>button:hover,.pattern-grid>button.active{border-color:rgba(var(--accent-rgb),.45);background:rgba(var(--accent-rgb),.055);color:var(--accent)}.pattern-grid>button.active{box-shadow:inset 0 -1px var(--accent)}.mini-pattern{height:31px;position:relative;border-bottom:1px solid #283137;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),rgba(255,255,255,.035) calc(25% - 1px),rgba(255,255,255,.035) 25%)}.mini-pattern i{width:3px;height:18px;position:absolute;bottom:0;border-radius:1px 1px 0 0;background:currentColor;box-shadow:0 0 5px currentColor}.pattern-grid>button strong{overflow:hidden;font:500 6px DM Mono,monospace;letter-spacing:.45px;text-overflow:ellipsis;white-space:nowrap}.pattern-grid>button small{overflow:hidden;color:#414b51;font:400 4px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.meter-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.meter-switch button{height:30px;border:1px solid rgba(255,255,255,.075);border-radius:2px;background:#ffffff05;color:#5d686e;font:500 7px DM Mono,monospace;cursor:pointer}.meter-switch button:hover,.meter-switch button.active{border-color:var(--accent);background:rgba(var(--accent-rgb),.07);color:var(--accent)}.performance-slider{display:block;margin-top:10px}.performance-slider>span{display:flex;justify-content:space-between;color:#4d585e;font:500 5px DM Mono,monospace;letter-spacing:.7px}.performance-slider strong{color:#899398;font-weight:500}.performance-slider input{width:100%;height:18px;margin:4px 0 0;accent-color:var(--accent);cursor:pointer}.motion-label{display:block;margin:3px 0 5px;color:#465158;font:500 5px DM Mono,monospace;letter-spacing:.7px}.motion-buttons{display:grid;gap:4px;margin-bottom:10px}.motion-buttons.bass-motion{grid-template-columns:repeat(3,1fr)}.motion-buttons.voice-flow{grid-template-columns:repeat(4,1fr)}.motion-buttons button{min-width:0;height:28px;display:flex;align-items:center;justify-content:center;gap:4px;overflow:hidden;padding:0 4px;border:1px solid rgba(255,255,255,.07);border-radius:2px;background:#ffffff05;color:#535e64;font:500 5px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.motion-buttons button:hover,.motion-buttons button.active{border-color:rgba(var(--accent-rgb),.4);background:rgba(var(--accent-rgb),.055);color:var(--accent)}.performance-reset{width:100%;height:27px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(255,255,255,.06);border-radius:2px;background:#ffffff04;color:#4d585e;font:500 5px DM Mono,monospace;letter-spacing:.6px;cursor:pointer}.performance-reset:hover{border-color:var(--accent);color:var(--accent)}.performance-timeline{position:relative;z-index:2;height:51px;display:grid;grid-template-columns:110px minmax(0,1fr) 145px;align-items:center;gap:10px;padding:6px 13px;border-top:1px solid rgba(255,255,255,.06);background:#0000001f}.performance-timeline>span,.performance-timeline>strong{color:#475158;font:500 5px DM Mono,monospace;letter-spacing:.75px}.performance-timeline>strong{color:var(--accent);text-align:right}.timeline-track{height:32px;display:flex;border-left:1px solid rgba(var(--accent-rgb),.2);border-bottom:1px solid rgba(var(--accent-rgb),.2)}.timeline-track section{min-width:0;flex:1;position:relative;border-right:1px solid rgba(255,255,255,.055)}.timeline-track section small{position:absolute;top:2px;left:3px;color:#343e44;font:400 4px DM Mono,monospace}.timeline-track section i{width:2px;height:14px;position:absolute;bottom:0;background:var(--accent);box-shadow:0 0 5px rgba(var(--accent-rgb),.55);transform:translate(-50%)}.timeline-track.pattern-sustain section i{width:calc(100% - 4px);height:5px;opacity:.45}.timeline-track.pattern-halves section i{width:calc(50% - 3px);height:8px;opacity:.62}.melody-panel{position:relative;overflow:hidden;margin-top:16px;background:linear-gradient(145deg,#0f1319fa,#06090dfc)}.melody-panel:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;pointer-events:none;border:1px solid rgba(255,255,255,.025);border-radius:3px}.melody-panel:after{content:"";position:absolute;top:0;right:22%;width:190px;height:1px;background:var(--accent);box-shadow:0 0 17px var(--accent)}.melody-head{min-height:49px;position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 15px;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(90deg,rgba(var(--accent-rgb),.045),transparent 56%)}.melody-head>div:first-child{display:flex;align-items:center;gap:9px;color:var(--accent)}.melody-head>div:first-child span{display:flex;flex-direction:column;gap:3px}.melody-head strong{color:#b6bec1;font:500 8px DM Mono,monospace;letter-spacing:1.45px}.melody-head small{color:#465158;font:400 5px DM Mono,monospace;letter-spacing:1.05px}.melody-head-actions{display:flex;gap:6px}.melody-head-actions button{height:29px;display:flex;align-items:center;gap:6px;padding:0 11px;border:1px solid rgba(255,255,255,.09);border-radius:3px;background:#ffffff05;color:#626e74;font:500 6px DM Mono,monospace;letter-spacing:.65px;cursor:pointer}.melody-head-actions button:hover,.melody-head-actions button.armed{border-color:var(--accent);background:rgba(var(--accent-rgb),.07);color:var(--accent)}.melody-head-actions button.armed{animation:record-pulse 1.25s ease-in-out infinite}.melody-metrics{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid rgba(255,255,255,.06)}.melody-metrics>div{min-width:0;height:51px;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:0 14px;border-right:1px solid rgba(255,255,255,.055)}.melody-metrics>div:last-child{border-right:0}.melody-metrics span,.melody-metrics small{color:#455158;font:500 5px DM Mono,monospace;letter-spacing:.7px}.melody-metrics strong{overflow:hidden;color:#aeb7ba;font:500 10px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.melody-metrics small{font-size:4px;color:#374249}.melody-console{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr .8fr;border-bottom:1px solid rgba(255,255,255,.06)}.melody-capture-module,.fit-module{min-width:0;padding:13px}.melody-capture-module{border-right:1px solid rgba(255,255,255,.06)}.melody-capture-module header,.fit-module header{display:grid;grid-template-columns:22px 1fr;margin-bottom:10px}.melody-capture-module header>span,.fit-module header>span{color:var(--accent);font:500 6px DM Mono,monospace}.melody-capture-module header div,.fit-module header div{display:flex;flex-direction:column;gap:3px}.melody-capture-module header strong,.fit-module header strong{color:#778288;font:500 6px DM Mono,monospace;letter-spacing:.8px}.melody-capture-module header small,.fit-module header small{color:#3e494f;font:400 5px DM Mono,monospace;letter-spacing:.55px}.scale-pads{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.scale-pads button{height:53px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(255,255,255,.075);border-radius:3px;background:linear-gradient(150deg,#ffffff09,#ffffff03);color:#667178;cursor:pointer}.scale-pads button:hover,.scale-pads button:active{border-color:rgba(var(--accent-rgb),.6);background:rgba(var(--accent-rgb),.08);color:var(--accent);box-shadow:inset 0 -2px var(--accent),0 0 12px rgba(var(--accent-rgb),.08)}.scale-pads button small{font:500 8px DM Mono,monospace}.scale-pads button strong{color:inherit;font:400 5px DM Mono,monospace;letter-spacing:.4px}.melody-capture-module>p{display:flex;align-items:center;gap:7px;margin:9px 0 0;color:#3f4a50;font:400 5px DM Mono,monospace;letter-spacing:.55px}.melody-capture-module>p i{width:5px;height:5px;border-radius:50%;background:#30393f}.melody-capture-module>p i.active{background:var(--accent);box-shadow:0 0 8px var(--accent)}.fit-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.fit-bars>div{min-width:0;height:67px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;align-items:center;gap:2px 6px;padding:7px;border:1px solid rgba(255,255,255,.065);border-radius:3px;background:#ffffff04}.fit-bars span{color:var(--accent);font:500 5px DM Mono,monospace}.fit-bars strong{overflow:hidden;color:#879196;font:500 8px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.fit-bars i{grid-column:1/-1;height:2px;background:#1f292e}.fit-bars i b{display:block;height:100%;background:var(--accent);box-shadow:0 0 5px var(--accent)}.fit-bars small{grid-column:1/-1;color:#39444a;font:400 4px DM Mono,monospace;text-transform:uppercase}.phrase-editor-console{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr 1.05fr;border-bottom:1px solid rgba(255,255,255,.06);background:#0000001a}.phrase-grid-module,.note-inspector,.melody-coach{min-width:0;min-height:178px;padding:12px 13px;border-right:1px solid rgba(255,255,255,.06)}.melody-coach{border-right:0}.phrase-grid-module header,.note-inspector header,.melody-coach header{min-height:29px;display:flex;align-items:flex-start;gap:7px;color:var(--accent)}.phrase-grid-module header>span,.note-inspector header>span,.melody-coach header>span{min-width:0;display:flex;flex:1;flex-direction:column;gap:3px}.phrase-grid-module header strong,.note-inspector header strong,.melody-coach header strong{color:#7b868b;font:500 6px DM Mono,monospace;letter-spacing:.75px}.phrase-grid-module header small,.note-inspector header small,.melody-coach header small{overflow:hidden;color:#3e494f;font:400 4px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.grid-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:8px}.grid-switch button,.phrase-grid-actions button,.nudge-edit button,.pitch-edit button{height:27px;display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid rgba(255,255,255,.07);border-radius:2px;background:#ffffff05;color:#59656b;font:500 5px DM Mono,monospace;cursor:pointer}.grid-switch button:hover,.grid-switch button.active,.phrase-grid-actions button:hover:not(:disabled),.nudge-edit button:hover,.pitch-edit button:hover{border-color:rgba(var(--accent-rgb),.45);background:rgba(var(--accent-rgb),.06);color:var(--accent)}.phrase-grid-module>label:not(.midi-import),.note-inspector>label{display:grid;grid-template-columns:1fr 92px;align-items:center;min-height:25px;color:#4a555b;font:500 5px DM Mono,monospace;letter-spacing:.55px}.phrase-grid-module select,.note-inspector select{height:24px;border:1px solid rgba(255,255,255,.075);border-radius:2px;background:#0d1216;color:#788389;font:500 5px DM Mono,monospace;color-scheme:dark}.phrase-grid-module .editor-velocity,.note-inspector .editor-velocity{display:block;margin-top:5px}.editor-velocity>span{display:flex;justify-content:space-between}.editor-velocity strong{color:var(--accent);font-weight:500}.editor-velocity input{width:100%;height:14px;margin:2px 0 0;accent-color:var(--accent)}.phrase-grid-actions{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:5px}.phrase-grid-actions button:disabled{opacity:.3;cursor:not-allowed}.midi-import{height:26px;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:5px;border:1px dashed rgba(var(--accent-rgb),.25);border-radius:2px;color:#59656b;font:500 5px DM Mono,monospace;letter-spacing:.6px;cursor:pointer}.midi-import:hover{border-color:var(--accent);color:var(--accent)}.midi-import input{display:none}.note-inspector{background:linear-gradient(135deg,rgba(var(--accent-rgb),.018),transparent)}.note-inspector.active{box-shadow:inset 0 1px rgba(var(--accent-rgb),.12)}.pitch-edit{display:grid;grid-template-columns:29px 1fr 29px;align-items:center;gap:4px;margin-bottom:5px}.pitch-edit strong{color:var(--accent);font:500 13px DM Mono,monospace;text-align:center;text-shadow:0 0 9px rgba(var(--accent-rgb),.25)}.nudge-edit{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:4px}.inspector-idle{min-height:117px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#334047}.inspector-idle span{max-width:190px;color:#3f4a50;font:400 5px/1.6 DM Mono,monospace;text-align:center}.melody-coach header>b{width:35px;height:25px;display:grid;place-items:center;border:1px solid rgba(var(--accent-rgb),.28);border-radius:2px;color:var(--accent);font:500 10px DM Mono,monospace}.coach-metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.055)}.coach-metrics span{min-width:0;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-right:1px solid rgba(255,255,255,.05);color:#3e494f;font:400 4px DM Mono,monospace}.coach-metrics span:last-child{border-right:0}.coach-metrics strong{color:#8b9599;font:500 9px DM Mono,monospace}.melody-coach>p{display:flex;align-items:center;gap:5px;margin:8px 0 5px;color:var(--accent);font:500 5px DM Mono,monospace;letter-spacing:.55px}.melody-coach ul{display:grid;gap:4px;margin:0;padding:0;list-style:none}.melody-coach li{position:relative;padding-left:9px;color:#4b565c;font:400 5px/1.45 DM Mono,monospace}.melody-coach li:before{content:"›";position:absolute;left:0;color:var(--accent)}.melody-timeline-wrap{position:relative;z-index:2;padding:11px 13px;border-bottom:1px solid rgba(255,255,255,.06)}.melody-timeline-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:#4b565d;font:500 5px DM Mono,monospace;letter-spacing:.7px}.melody-timeline-head span{display:flex;align-items:center;gap:6px;color:var(--accent)}.melody-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(var(--accent-rgb),.35) rgba(255,255,255,.02)}.melody-timeline{--steps: 16;--step-width: 47px;min-width:calc(var(--steps) * var(--step-width));display:grid;grid-template-columns:repeat(var(--steps),minmax(var(--step-width),1fr));border:1px solid rgba(255,255,255,.065)}.melody-timeline>div{height:69px;position:relative;border-right:1px solid rgba(255,255,255,.05);background:linear-gradient(to bottom,rgba(255,255,255,.02),transparent)}.melody-timeline>div.bar-start{border-left:1px solid rgba(var(--accent-rgb),.32)}.melody-timeline>div.cursor{background:rgba(var(--accent-rgb),.075);box-shadow:inset 0 -2px var(--accent)}.melody-timeline>div.selected-note{background:rgba(var(--accent-rgb),.11);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.5)}.step-target{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;border:0;background:transparent;color:#4c585f;cursor:pointer}.step-target small{position:absolute;top:4px;left:5px;color:#303b41;font:400 4px DM Mono,monospace}.step-target strong{color:var(--accent);font:500 8px DM Mono,monospace;text-shadow:0 0 8px rgba(var(--accent-rgb),.32)}.step-target>i{width:3px;height:3px;border-radius:50%;background:#303b41}.step-target>span{color:#718087;font:400 5px DM Mono,monospace}.step-target>em{height:2px;position:absolute;left:0;bottom:3px;border-radius:0 2px 2px 0;background:var(--accent);box-shadow:0 0 5px var(--accent)}.remove-note{width:14px;height:14px;position:absolute;top:3px;right:3px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#0006;color:#59646a;font:10px/1 sans-serif;cursor:pointer}.remove-note:hover{color:#ff7180}.melody-actions{position:relative;z-index:2;display:grid;grid-template-columns:1.35fr 1fr .75fr;gap:7px;padding:11px 13px}.melody-actions button{min-width:0;height:44px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 10px;border:1px solid rgba(255,255,255,.075);border-radius:3px;background:#ffffff05;color:#667178;cursor:pointer}.melody-actions button.primary{border-color:rgba(var(--accent-rgb),.42);background:rgba(var(--accent-rgb),.055);color:var(--accent)}.melody-actions button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.melody-actions button:disabled{opacity:.28;cursor:not-allowed}.melody-actions button span{min-width:0;display:flex;flex-direction:column;gap:3px;text-align:left}.melody-actions button strong{overflow:hidden;color:inherit;font:500 6px DM Mono,monospace;letter-spacing:.55px;text-overflow:ellipsis;white-space:nowrap}.melody-actions button small{color:#3e494f;font:400 4px DM Mono,monospace;letter-spacing:.45px}.arrangement-panel{position:relative;overflow:hidden;margin-top:16px;background:linear-gradient(145deg,#0f1418f7,#070a0dfa)}.arrangement-panel:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;pointer-events:none;border:1px solid rgba(255,255,255,.025);border-radius:3px}.arrangement-panel:after{content:"";position:absolute;top:0;left:0;width:160px;height:1px;background:var(--accent);box-shadow:0 0 18px var(--accent)}.arranger-head{position:relative;z-index:2;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 15px;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(90deg,rgba(var(--accent-rgb),.055),transparent 50%)}.arranger-title{display:flex;align-items:center;gap:9px;color:var(--accent)}.arranger-title>span{display:flex;flex-direction:column;gap:3px}.arranger-title strong{color:#b6bec1;font:500 8px DM Mono,monospace;letter-spacing:1.45px}.arranger-title small{color:#465157;font:400 5px DM Mono,monospace;letter-spacing:1.2px}.arranger-transport{display:flex;align-items:center;gap:12px}.arranger-transport>span{display:flex;align-items:center;gap:7px;color:#59646a;font:500 6px DM Mono,monospace;letter-spacing:.8px}.arranger-transport>span i{width:5px;height:5px;border-radius:50%;background:#333d42}.arranger-transport>span i.active{background:var(--accent);box-shadow:0 0 9px var(--accent);animation:pulse 1s ease-in-out infinite}.arranger-transport button{height:29px;display:flex;align-items:center;gap:7px;padding:0 12px;border:1px solid rgba(var(--accent-rgb),.45);border-radius:3px;background:rgba(var(--accent-rgb),.07);color:var(--accent);font:500 6px DM Mono,monospace;letter-spacing:.8px;cursor:pointer}.arranger-transport button:hover,.arranger-transport button.playing{background:var(--accent);color:#07100d;box-shadow:0 0 18px rgba(var(--accent-rgb),.18)}.arranger-metrics{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid rgba(255,255,255,.065)}.arranger-metrics>div{min-width:0;height:50px;display:flex;align-items:center;gap:9px;padding:0 14px;border-right:1px solid rgba(255,255,255,.055);color:#536068}.arranger-metrics>div:last-child{border-right:0}.arranger-metrics>div>svg,.metric-voltage{flex:0 0 auto;color:var(--accent)}.metric-voltage{width:10px;height:12px;clip-path:polygon(54% 0,100% 0,66% 40%,91% 40%,26% 100%,43% 55%,14% 55%);background:var(--accent);box-shadow:0 0 8px var(--accent)}.arranger-metrics span{min-width:0;display:flex;flex-direction:column;gap:4px;color:#4e5960;font:500 5px DM Mono,monospace;letter-spacing:.8px}.arranger-metrics strong{overflow:hidden;text-overflow:ellipsis;color:#aab3b6;font:500 9px DM Mono,monospace;white-space:nowrap}.arrangement-roadmap{position:relative;z-index:2;display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;padding:13px 14px 10px;scrollbar-width:thin;scrollbar-color:rgba(var(--accent-rgb),.35) rgba(255,255,255,.025)}.arrangement-section{--section-color: var(--accent);width:226px;min-width:226px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.085);border-radius:4px;background:linear-gradient(150deg,#181d21ed,#090c0ff5);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.arrangement-section:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--section-color) 50%,transparent)}.arrangement-section.selected{border-color:color-mix(in srgb,var(--section-color) 72%,transparent);box-shadow:inset 0 0 22px color-mix(in srgb,var(--section-color) 6%,transparent),0 0 16px color-mix(in srgb,var(--section-color) 8%,transparent)}.arrangement-section.active{border-color:var(--section-color);box-shadow:0 0 22px color-mix(in srgb,var(--section-color) 22%,transparent)}.arrangement-section:after{content:"";position:absolute;top:0;left:0;width:32%;height:2px;background:var(--section-color);box-shadow:0 0 10px var(--section-color);transition:width .25s ease}.arrangement-section.selected:after,.arrangement-section.active:after{width:100%}.type-intro{--section-color: #71b7ff}.type-verse{--section-color: #77dbc0}.type-pre-chorus{--section-color: #f1bb63}.type-chorus{--section-color: #ff6fa9}.type-bridge{--section-color: #a98cff}.type-breakdown{--section-color: #ef826d}.type-outro{--section-color: #6fa0ad}.section-card-head{height:31px;display:grid;grid-template-columns:24px minmax(0,1fr) 7px;align-items:center;gap:6px;padding:4px 8px;border-bottom:1px solid rgba(255,255,255,.055)}.section-card-head>span{color:#465159;font:500 6px DM Mono,monospace}.section-card-head select{width:100%;border:0;background:transparent;color:var(--section-color);font:500 6px DM Mono,monospace;letter-spacing:.8px;outline:none;cursor:pointer;color-scheme:dark}.section-card-head>i{width:5px;height:5px;border-radius:50%;background:var(--section-color);box-shadow:0 0 7px var(--section-color)}.section-name{width:calc(100% - 16px);height:31px;margin:7px 8px 0;padding:0 7px;border:1px solid transparent;border-radius:2px;background:#ffffff06;color:#d2d8d8;font:500 10px DM Mono,monospace;outline:none}.section-name:focus{border-color:color-mix(in srgb,var(--section-color) 55%,transparent);background:#0000002e}.section-load{width:100%;min-height:78px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:8px 15px 7px;border:0;background:transparent;text-align:left;cursor:pointer}.section-load span{color:#515c62;font:400 6px DM Mono,monospace;text-transform:uppercase}.section-load strong{width:100%;overflow:hidden;text-overflow:ellipsis;color:#b5bdc0;font:500 9px DM Mono,monospace;white-space:nowrap}.section-load small{width:100%;overflow:hidden;text-overflow:ellipsis;color:#424c52;font:400 5px DM Mono,monospace;white-space:nowrap}.section-load:hover strong{color:var(--section-color)}.section-tension{height:22px;display:flex;align-items:flex-end;gap:2px;padding:2px 15px 0}.section-tension i{min-width:2px;flex:1;max-height:100%;background:linear-gradient(to top,color-mix(in srgb,var(--section-color) 25%,transparent),var(--section-color));opacity:.65}.section-repeat{height:31px;display:grid;grid-template-columns:15px 1fr 23px 28px 23px;align-items:center;padding:0 8px;color:#4f5b62}.section-repeat>span{font:500 5px DM Mono,monospace;letter-spacing:.8px}.section-repeat>strong{color:var(--section-color);font:500 8px DM Mono,monospace;text-align:center}.section-repeat button,.section-tools button{display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.065);border-radius:2px;background:#ffffff05;color:#59656b;cursor:pointer}.section-repeat button{width:21px;height:20px}.section-repeat button:hover:not(:disabled),.section-tools button:hover:not(:disabled){border-color:color-mix(in srgb,var(--section-color) 50%,transparent);color:var(--section-color)}.section-repeat button:disabled,.section-tools button:disabled{opacity:.2;cursor:not-allowed}.section-tools{height:31px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px 8px;border-top:1px solid rgba(255,255,255,.055);background:#00000024}.section-tools button{width:100%;height:22px}.arranger-actions{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 14px;border-top:1px solid rgba(255,255,255,.055)}.add-section-control{display:flex;align-items:center}.add-section-control select{height:30px;min-width:110px;padding:0 8px;border:1px solid #273138;border-radius:3px 0 0 3px;background:#0b1013;color:#889298;font:500 6px DM Mono,monospace;color-scheme:dark;outline:none}.add-section-control button,.update-section{height:30px;display:flex;align-items:center;gap:7px;padding:0 11px;border:1px solid rgba(var(--accent-rgb),.3);border-radius:0 3px 3px 0;background:rgba(var(--accent-rgb),.055);color:var(--accent);font:500 6px DM Mono,monospace;letter-spacing:.7px;cursor:pointer}.update-section{border-radius:3px;color:#889298;border-color:#ffffff17;background:#ffffff06}.add-section-control button:hover,.update-section:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb),.09)}.add-section-control button:disabled,.update-section:disabled{opacity:.3;cursor:not-allowed}.song-tension-map{position:relative;z-index:2;height:45px;display:grid;grid-template-columns:125px minmax(0,1fr) 55px;align-items:center;gap:12px;padding:6px 14px;border-top:1px solid rgba(255,255,255,.055);background:#0000001f}.song-tension-map>span,.song-tension-map>strong{color:#505a60;font:500 5px DM Mono,monospace;letter-spacing:.85px}.song-tension-map>strong{color:var(--accent);text-align:right}.song-tension-map>div{height:27px;display:flex;align-items:flex-end;gap:1px}.song-tension-map i{min-width:1px;flex:1;max-height:100%;background:linear-gradient(to top,rgba(var(--accent-rgb),.12),var(--accent));opacity:.55}.intelligence-panel{position:relative;overflow:hidden;margin-top:16px;background:linear-gradient(145deg,#0f1419fa,#06090cfa)}.intelligence-panel:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;pointer-events:none;border:1px solid rgba(255,255,255,.025);border-radius:3px}.intelligence-panel:after{content:"";position:absolute;top:0;right:0;width:220px;height:1px;background:linear-gradient(90deg,transparent,var(--accent));box-shadow:0 0 17px var(--accent)}.intelligence-head{position:relative;z-index:2;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 15px;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(90deg,rgba(var(--accent-rgb),.05),transparent 48%)}.intelligence-title{display:flex;align-items:center;gap:10px;color:var(--accent)}.intelligence-title>span{display:flex;flex-direction:column;gap:4px}.intelligence-title strong{color:#bbc3c5;font:500 8px DM Mono,monospace;letter-spacing:1.5px}.intelligence-title small{color:#475158;font:400 5px DM Mono,monospace;letter-spacing:1.2px}.audit-score{width:180px;display:grid;grid-template-columns:1fr 28px;align-items:center;gap:4px 8px}.audit-score span{color:#586269;font:500 5px DM Mono,monospace;letter-spacing:.9px}.audit-score strong{color:var(--accent);font:500 14px DM Mono,monospace;text-align:right}.audit-score>i{grid-column:1 / -1;height:3px;overflow:hidden;border-radius:2px;background:#263037}.audit-score b{display:block;height:100%;background:var(--accent);box-shadow:0 0 9px var(--accent)}.audit-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid rgba(255,255,255,.065)}.audit-grid>div{min-width:0;height:49px;display:flex;align-items:center;gap:9px;padding:0 13px;border-right:1px solid rgba(255,255,255,.055);color:var(--accent)}.audit-grid>div:last-child{border-right:0}.audit-grid span{min-width:0;display:flex;flex-direction:column;gap:4px;color:#515d64;font:500 5px DM Mono,monospace;letter-spacing:.75px}.audit-grid strong{color:#b5bdc0;font:500 10px DM Mono,monospace}.intelligence-body{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(285px,.7fr)}.recommendation-module{min-width:0;padding:13px;border-right:1px solid rgba(255,255,255,.06)}.intelligence-module-label{min-height:24px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#69747a}.intelligence-module-label>span{display:flex;align-items:center;gap:7px;font:500 6px DM Mono,monospace;letter-spacing:.9px}.intelligence-module-label svg{color:var(--accent)}.intelligence-module-label small{color:#3f494f;font:400 5px DM Mono,monospace;letter-spacing:.65px;text-align:right}.recommendation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.recommendation-card{--rec-color: var(--accent);min-width:0;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:226px;padding:11px;border:1px solid rgba(255,255,255,.075);border-radius:4px;background:linear-gradient(145deg,#161b1fde,#090c0feb)}.recommendation-card:before{content:"";position:absolute;top:0;left:0;width:28%;height:1px;background:var(--rec-color);box-shadow:0 0 9px var(--rec-color)}.recommendation-card:hover{border-color:color-mix(in srgb,var(--rec-color) 45%,transparent)}.category-borrowed{--rec-color: #a98cff}.category-dominant{--rec-color: #ff9b66}.category-substitution{--rec-color: #64caff}.category-passing{--rec-color: #f0709c}.recommendation-topline{display:flex;align-items:center;justify-content:space-between;gap:8px}.recommendation-topline span{color:var(--rec-color);font:500 5px DM Mono,monospace;letter-spacing:.85px}.recommendation-topline strong{color:#566168;font:500 5px DM Mono,monospace}.recommendation-identity{display:flex;align-items:flex-start;gap:7px;margin-top:10px}.recommendation-identity>strong{overflow:hidden;color:#ecf0ef;font-size:22px;line-height:.95;letter-spacing:-1px;text-overflow:ellipsis;white-space:nowrap}.recommendation-identity>span{margin-top:2px;padding:3px 5px;border:1px solid color-mix(in srgb,var(--rec-color) 24%,transparent);border-radius:2px;color:var(--rec-color);background:color-mix(in srgb,var(--rec-color) 5%,transparent);font:500 6px DM Mono,monospace;white-space:nowrap}.recommendation-card h4{margin:9px 0 0;color:#899398;font:500 6px DM Mono,monospace;letter-spacing:.75px}.recommendation-card p{margin:6px 0 10px;color:#5c676d;font-size:8px;line-height:1.45}.recommendation-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:auto}.recommendation-metrics span{min-width:0;padding:6px;border:1px solid rgba(255,255,255,.045);background:#ffffff04;color:#414c52;font:500 4px DM Mono,monospace}.recommendation-metrics strong{display:block;margin-top:3px;overflow:hidden;color:#929ca0;font:500 7px DM Mono,monospace;text-overflow:ellipsis}.recommendation-actions{display:grid;grid-template-columns:.7fr 1fr;gap:4px;margin-top:6px}.recommendation-actions button{height:27px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(255,255,255,.075);border-radius:2px;background:#ffffff06;color:#667178;font:500 5px DM Mono,monospace;letter-spacing:.65px;cursor:pointer}.recommendation-actions button:hover{border-color:var(--rec-color);color:var(--rec-color)}.recommendation-actions button.apply{border-color:color-mix(in srgb,var(--rec-color) 35%,transparent);background:color-mix(in srgb,var(--rec-color) 6%,transparent);color:var(--rec-color)}.recommendation-actions button.apply:hover{background:var(--rec-color);color:#07100d}.intelligence-sidebar{min-width:0}.coach-module,.modulation-module{padding:13px}.coach-module{border-bottom:1px solid rgba(255,255,255,.06)}.coach-peak{height:44px;display:flex;align-items:center;justify-content:space-between;margin-top:3px;padding:0 10px;border:1px solid rgba(var(--accent-rgb),.12);border-radius:3px;background:rgba(var(--accent-rgb),.025)}.coach-peak span{color:#515d64;font:500 5px DM Mono,monospace;letter-spacing:.8px}.coach-peak strong{color:var(--accent);font:500 9px DM Mono,monospace}.coach-module ul{display:flex;flex-direction:column;gap:7px;margin:10px 0 0;padding:0;list-style:none}.coach-module li{display:grid;grid-template-columns:7px 1fr;gap:7px;color:#69747a;font-size:8px;line-height:1.45}.coach-module li i{width:4px;height:4px;margin-top:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent)}.modulation-paths{display:flex;flex-direction:column;gap:5px;margin-top:4px}.modulation-paths article{min-width:0;display:grid;grid-template-columns:43px minmax(0,1fr) 27px;align-items:center;gap:9px;padding:7px;border:1px solid rgba(255,255,255,.065);border-radius:3px;background:#ffffff05}.modulation-paths article>div{height:45px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(var(--accent-rgb),.17);border-radius:2px;background:rgba(var(--accent-rgb),.035)}.modulation-paths article>div span{color:#49545a;font:500 4px DM Mono,monospace}.modulation-paths article>div strong{color:var(--accent);font:500 15px DM Mono,monospace}.modulation-paths article section{min-width:0}.modulation-paths article section>strong{display:block;overflow:hidden;color:#929ca0;font:500 6px DM Mono,monospace;letter-spacing:.55px;text-overflow:ellipsis;white-space:nowrap}.modulation-paths article section small{display:block;margin-top:3px;color:#465158;font:400 5px DM Mono,monospace}.modulation-paths article section p{margin:4px 0 0;color:#566168;font-size:7px;line-height:1.35}.modulation-paths article>button{width:27px;height:45px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.075);border-radius:2px;background:#ffffff05;color:#576269;cursor:pointer}.modulation-paths article>button:hover{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb),.06)}.midi-performance{position:relative;overflow:hidden;margin-top:16px;background:linear-gradient(145deg,#12171af5,#070a0df5)}.midi-performance:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;pointer-events:none;border:1px solid rgba(255,255,255,.025);border-radius:3px}.midi-panel-head{position:relative;z-index:2;height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.065);background:linear-gradient(90deg,rgba(var(--accent-rgb),.045),transparent 48%)}.midi-title{display:flex;align-items:center;gap:9px;color:var(--accent)}.midi-title>span{display:flex;flex-direction:column;gap:3px}.midi-title strong{color:#afb8ba;font:500 8px DM Mono,monospace;letter-spacing:1.4px}.midi-title small{color:#465158;font:400 5px DM Mono,monospace;letter-spacing:1.25px}.midi-state{display:flex;align-items:center;gap:7px;color:#606b70;font:500 6px DM Mono,monospace;letter-spacing:1px}.midi-state i{width:6px;height:6px;border-radius:50%;background:#313a3f;box-shadow:inset 0 1px #101315}.midi-state.state-connected,.midi-state.state-virtual{color:var(--accent)}.midi-state.state-connected i,.midi-state.state-virtual i{background:var(--accent);box-shadow:0 0 10px var(--accent);animation:pulse 1.6s ease-in-out infinite}.midi-state.state-requesting i{background:#f6b44a;box-shadow:0 0 9px #f6b44a;animation:pulse .7s linear infinite}.midi-state.state-denied,.midi-state.state-unsupported{color:#d17d67}.midi-console{position:relative;z-index:2;min-height:210px;display:grid;grid-template-columns:minmax(210px,.85fr) minmax(260px,1.15fr) minmax(280px,1fr)}.midi-io-module,.capture-module{min-width:0;padding:15px}.midi-io-module{border-right:1px solid rgba(255,255,255,.06)}.capture-module{border-left:1px solid rgba(255,255,255,.06)}.module-label{display:flex;align-items:center;gap:7px;margin-bottom:11px;color:#657077;font:500 6px DM Mono,monospace;letter-spacing:1px}.module-label span{color:var(--accent)}.midi-enable{width:100%;height:36px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(var(--accent-rgb),.34);border-radius:3px;background:linear-gradient(180deg,rgba(var(--accent-rgb),.1),rgba(var(--accent-rgb),.035));color:var(--accent);font:500 7px DM Mono,monospace;letter-spacing:.7px;cursor:pointer;box-shadow:inset 0 1px #ffffff09}.midi-enable:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.14)}.midi-enable:disabled{opacity:.55;cursor:wait}.device-select{display:flex;flex-direction:column;gap:5px;margin-top:8px}.device-select>span{color:#4c575d;font:500 5px DM Mono,monospace;letter-spacing:.9px}.device-select select{height:30px;min-width:0;padding:0 24px 0 8px;border:1px solid #293238;border-radius:3px;background:#0a0e11;color:#8e989d;font:500 7px DM Mono,monospace}.midi-io-module>p{min-height:12px;margin:9px 0 10px;color:#465158;font:400 5px DM Mono,monospace;letter-spacing:.7px}.performance-meters{display:grid;grid-template-columns:1.35fr .65fr;gap:6px}.performance-meters>div{min-width:0;height:43px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 7px;padding:7px 8px;border:1px solid rgba(255,255,255,.055);border-radius:3px;background:#ffffff05}.performance-meters span{color:#4d585e;font:500 5px DM Mono,monospace;letter-spacing:.8px}.performance-meters strong{color:#778187;font:500 7px DM Mono,monospace}.performance-meters div>i:not(.pedal-led){grid-column:1 / -1;height:3px;overflow:hidden;border-radius:2px;background:#252d31}.performance-meters b{display:block;height:100%;background:var(--accent);box-shadow:0 0 7px var(--accent);transition:width .12s ease}.performance-meters .pedal-led{width:7px;height:7px;border-radius:50%;background:#31393d}.performance-meters div.active .pedal-led{background:var(--accent);box-shadow:0 0 8px var(--accent)}.performance-meters div.active strong{color:var(--accent)}.chord-radar{min-width:0;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 70px;align-items:center;gap:12px;padding:18px 20px;background:radial-gradient(circle at 50% 55%,rgba(var(--accent-rgb),.08),transparent 54%),#07100d;box-shadow:inset 0 0 30px #00000073}.chord-radar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.18;background:repeating-linear-gradient(0deg,transparent 0 2px,#000 3px)}.radar-grid{position:absolute;top:12px;right:12px;bottom:12px;left:12px;opacity:.12}.radar-grid i{position:absolute;left:8%;right:8%;height:1px;background:var(--accent)}.radar-grid i:nth-child(1){top:25%}.radar-grid i:nth-child(2){top:50%}.radar-grid i:nth-child(3){top:75%}.radar-grid span{position:absolute;top:5%;bottom:5%;left:50%;width:1px;background:var(--accent)}.detected-chord{min-width:0;position:relative;z-index:2;display:flex;flex-direction:column}.detected-chord>span{color:rgba(var(--accent-rgb),.55);font:500 6px DM Mono,monospace;letter-spacing:1.2px}.detected-chord>strong{margin:6px 0 4px;overflow:hidden;text-overflow:ellipsis;color:var(--accent);font-size:clamp(30px,3.6vw,51px);line-height:.95;letter-spacing:-2.2px;text-shadow:0 0 20px rgba(var(--accent-rgb),.3)}.detected-chord>small{color:rgba(var(--accent-rgb),.67);font:500 6px DM Mono,monospace;letter-spacing:.75px}.detected-chord>p{margin:15px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--accent-rgb),.43);font:400 7px DM Mono,monospace}.detected-chord.idle>strong{opacity:.3}.confidence-ring{--confidence: 0%;width:66px;height:66px;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle,#07100d 53%,transparent 55%),conic-gradient(var(--accent) var(--confidence),rgba(var(--accent-rgb),.13) 0);box-shadow:0 0 18px rgba(var(--accent-rgb),.08)}.confidence-ring strong{color:var(--accent);font:500 15px DM Mono,monospace}.confidence-ring span{color:rgba(var(--accent-rgb),.45);font:400 5px DM Mono,monospace;letter-spacing:.8px}.record-controls{display:grid;grid-template-columns:1fr 112px;gap:6px}.record-button{height:32px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #343033;border-radius:3px;background:#161316;color:#936b70;font:500 6px DM Mono,monospace;letter-spacing:.75px;cursor:pointer}.record-button.armed{border-color:#f05b66;color:#ff6571;background:#f05b661c;box-shadow:0 0 12px #f05b6621;animation:record-pulse 1.4s ease-in-out infinite}.capture-mode{display:grid;grid-template-columns:1fr 1fr;border:1px solid #293136;border-radius:3px;overflow:hidden}.capture-mode button{border:0;background:#0d1215;color:#515c62;font:500 5px DM Mono,monospace;cursor:pointer}.capture-mode button+button{border-left:1px solid #293136}.capture-mode button.active{color:var(--accent);background:rgba(var(--accent-rgb),.09)}.capture-button{width:100%;height:39px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:7px;border:1px solid rgba(var(--accent-rgb),.42);border-radius:3px;background:linear-gradient(180deg,rgba(var(--accent-rgb),.15),rgba(var(--accent-rgb),.06));color:var(--accent);font:600 7px DM Mono,monospace;letter-spacing:.8px;cursor:pointer}.capture-button:hover:not(:disabled){border-color:var(--accent);box-shadow:0 0 13px rgba(var(--accent-rgb),.11)}.capture-button:disabled{opacity:.25;cursor:not-allowed}.alternative-row{margin-top:10px}.alternative-row>span{display:block;margin-bottom:5px;color:#465158;font:500 5px DM Mono,monospace;letter-spacing:.8px}.alternative-row>div{min-height:27px;display:flex;align-items:center;gap:4px}.alternative-row button{min-width:0;height:26px;display:flex;align-items:center;gap:5px;padding:0 7px;border:1px solid #283137;border-radius:3px;background:#0d1215;color:#7a858a;font:500 6px DM Mono,monospace;cursor:pointer}.alternative-row button:hover{border-color:var(--accent);color:var(--accent)}.alternative-row button small{color:#465158;font-size:5px}.alternative-row>div>small{color:#3f494f;font:400 5px DM Mono,monospace}.tonal-estimate{height:27px;display:grid;grid-template-columns:14px 1fr auto auto;align-items:center;gap:6px;margin-top:8px;padding-top:7px;border-top:1px solid rgba(255,255,255,.055)}.tonal-estimate svg{color:var(--accent)}.tonal-estimate span{color:#475158;font:500 5px DM Mono,monospace;letter-spacing:.7px}.tonal-estimate strong{color:#849096;font:500 6px DM Mono,monospace}.tonal-estimate small{color:var(--accent);font:500 5px DM Mono,monospace}.demo-input-strip{position:relative;z-index:2;min-height:37px;display:flex;align-items:center;gap:5px;padding:5px 15px;border-top:1px solid rgba(255,255,255,.06);background:#0000002b}.demo-input-strip>span{margin-right:auto;color:#475158;font:500 5px DM Mono,monospace;letter-spacing:.9px}.demo-input-strip button{height:25px;padding:0 9px;border:1px solid #293237;border-radius:3px;background:#111619;color:#6d787d;font:500 6px DM Mono,monospace;cursor:pointer}.demo-input-strip button:hover{border-color:var(--accent);color:var(--accent)}.demo-input-strip .clear-demo{display:flex;align-items:center;gap:5px;margin-left:3px;color:#59646a}.live-midi-output{position:relative;overflow:hidden;margin-top:16px;background:linear-gradient(145deg,#0f1518fa,#070a0dfa)}.live-midi-output:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;pointer-events:none;border:1px solid rgba(255,255,255,.025);border-radius:3px}.midi-out-head{position:relative;z-index:2;height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.065);background:linear-gradient(90deg,rgba(var(--accent-rgb),.065),transparent 52%)}.midi-out-head>div:first-child{display:flex;align-items:center;gap:9px;color:var(--accent)}.midi-out-head>div:first-child span{display:flex;flex-direction:column;gap:3px}.midi-out-head strong{color:#b2bbbd;font:500 8px DM Mono,monospace;letter-spacing:1.4px}.midi-out-head small{color:#4b565c;font:400 5px DM Mono,monospace;letter-spacing:1.1px}.midi-out-state{display:flex;align-items:center;gap:7px;color:#5c676d;font:500 6px DM Mono,monospace;letter-spacing:1px}.midi-out-state i{width:6px;height:6px;border-radius:50%;background:#323b40}.midi-out-state.state-connected{color:#819096}.midi-out-state.state-connected i{background:#718188;box-shadow:0 0 7px #a0b4bc47}.midi-out-state.armed{color:var(--accent)}.midi-out-state.armed i{background:var(--accent);box-shadow:0 0 10px var(--accent);animation:pulse 1.2s ease-in-out infinite}.midi-out-state.state-requesting i{background:#f6b44a;box-shadow:0 0 8px #f6b44a}.midi-out-state.state-denied,.midi-out-state.state-unsupported{color:#d17d67}.midi-out-console{position:relative;z-index:2;min-height:175px;display:grid;grid-template-columns:minmax(230px,.85fr) minmax(330px,1.25fr) minmax(250px,.9fr)}.midi-out-console>section{min-width:0;padding:15px}.midi-out-port,.midi-out-routing{border-right:1px solid rgba(255,255,255,.06)}.midi-out-enable{width:100%;height:35px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(var(--accent-rgb),.3);border-radius:3px;background:rgba(var(--accent-rgb),.055);color:var(--accent);font:500 6px DM Mono,monospace;letter-spacing:.7px;cursor:pointer}.midi-out-enable:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.1)}.midi-out-enable:disabled{opacity:.5;cursor:wait}.midi-out-port>p{margin:10px 0 0;color:#465158;font:400 6px DM Mono,monospace;line-height:1.5}.midi-route-mode{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid #2b3439;border-radius:3px}.midi-route-mode button{min-width:0;height:47px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:0 10px;border:0;background:#0c1114;cursor:pointer}.midi-route-mode button+button{border-left:1px solid #2b3439}.midi-route-mode strong{color:#68747a;font:500 6px DM Mono,monospace;letter-spacing:.7px}.midi-route-mode small{color:#3f494f;font:400 5px DM Mono,monospace;letter-spacing:.5px}.midi-route-mode button.active{background:rgba(var(--accent-rgb),.085);box-shadow:inset 0 -2px var(--accent)}.midi-route-mode button.active strong{color:var(--accent)}.midi-route-mode button.active small{color:rgba(var(--accent-rgb),.52)}.midi-route-options{display:grid;grid-template-columns:1fr 1.25fr;gap:7px;margin-top:8px}.midi-route-options>label{min-width:0;display:flex;flex-direction:column;gap:5px}.midi-route-options>label>span{color:#4d585e;font:500 5px DM Mono,monospace;letter-spacing:.8px}.midi-route-options select{height:31px;min-width:0;padding:0 8px;border:1px solid #2b3439;border-radius:3px;background:#0a0e11;color:#879197;font:500 6px DM Mono,monospace}.midi-route-options label.disabled{opacity:.35}.clock-switch{min-width:0;height:50px;display:flex;align-items:center;gap:8px;padding:0 9px;border:1px solid #2b3439;border-radius:3px;background:#0c1114;cursor:pointer}.clock-switch>i{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#343e43}.clock-switch>span{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.clock-switch strong{color:#647076;font:500 6px DM Mono,monospace;letter-spacing:.6px}.clock-switch small{color:#3f494f;font:400 5px DM Mono,monospace}.clock-switch.active{border-color:rgba(var(--accent-rgb),.35);background:rgba(var(--accent-rgb),.06)}.clock-switch.active>i{background:var(--accent);box-shadow:0 0 8px var(--accent)}.clock-switch.active strong{color:var(--accent)}.midi-arm-output{width:100%;height:54px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(var(--accent-rgb),.32);border-radius:3px;background:rgba(var(--accent-rgb),.055);color:var(--accent);cursor:pointer}.midi-arm-output>span{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.midi-arm-output strong{color:inherit;font:600 7px DM Mono,monospace;letter-spacing:.65px}.midi-arm-output small{color:#48545a;font:400 5px DM Mono,monospace;letter-spacing:.45px}.midi-arm-output.armed{border-color:var(--accent);background:rgba(var(--accent-rgb),.13);box-shadow:0 0 14px rgba(var(--accent-rgb),.13),inset 0 1px #ffffff09}.midi-arm-output.armed small{color:rgba(var(--accent-rgb),.58)}.midi-arm-output:disabled{opacity:.28;cursor:not-allowed}.midi-panic{width:100%;height:31px;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:7px;border:1px solid rgba(219,105,92,.25);border-radius:3px;background:#db695c09;color:#8c625e;font:500 6px DM Mono,monospace;cursor:pointer}.midi-panic:hover:not(:disabled){border-color:#d8786b;color:#dc7c70}.midi-panic:disabled{opacity:.25;cursor:not-allowed}.midi-out-transmit>p{min-width:0;display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:6px;margin:9px 0 0;color:#465158;font:400 5px DM Mono,monospace;letter-spacing:.45px}.midi-out-transmit>p svg{color:var(--accent)}.midi-out-transmit>p span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.midi-out-transmit>p strong{color:#68747a;font:500 5px DM Mono,monospace}.midi-channel-map{position:relative;z-index:2;min-height:36px;display:grid;grid-template-columns:auto minmax(250px,1fr) minmax(260px,.75fr);align-items:center;gap:12px;padding:6px 15px;border-top:1px solid rgba(255,255,255,.06);background:#00000029}.midi-channel-map span{color:var(--accent);font:500 5px DM Mono,monospace;letter-spacing:.9px}.midi-channel-map strong{color:#6d787e;font:500 5px DM Mono,monospace;letter-spacing:.45px}.midi-channel-map small{color:#414b50;font:400 5px DM Mono,monospace;line-height:1.35;text-align:right}.lower-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(350px,.65fr);align-items:start;gap:9px;margin-top:16px}.glass-panel{border:1px solid rgba(255,255,255,.075);border-radius:6px;background:#0d1115c7;box-shadow:inset 0 1px #ffffff06;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panel-heading{height:34px;display:flex;justify-content:space-between;align-items:center;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.065)}.panel-heading>span{display:flex;align-items:center;gap:7px;color:#808990;font:500 7px DM Mono,monospace;letter-spacing:1.3px}.panel-heading svg{color:var(--accent)}.panel-heading small{color:#414b52;font:400 6px DM Mono,monospace;letter-spacing:1px}.insight-content{min-height:112px;padding:13px 15px;display:grid;grid-template-columns:135px minmax(130px,.75fr) minmax(250px,1.25fr);align-items:center;gap:16px}.insight-identity{display:flex;flex-direction:column;gap:4px}.insight-identity strong{color:#eef3f0;font-size:28px;letter-spacing:-1.4px}.insight-identity span{color:var(--accent);font:500 7px DM Mono,monospace;letter-spacing:1.5px;text-transform:uppercase}.insight-content>p{margin:0;color:#8a949a;font-size:10px;line-height:1.55}.insight-content dl{margin:0;display:grid;gap:7px}.insight-content dl>div{display:grid;grid-template-columns:58px 1fr;gap:8px}.insight-content dt{color:#485158;font:500 6px DM Mono,monospace;letter-spacing:1px}.insight-content dd{margin:0;color:#747e84;font-size:8px;line-height:1.45}.insight-content.idle{grid-template-columns:155px minmax(220px,1fr) auto}.template-lockup{display:flex;flex-direction:column;gap:5px}.template-lockup span{color:#4e585f;font:500 6px DM Mono,monospace;letter-spacing:1.2px}.template-lockup strong{color:var(--accent);font-size:17px}.hint{color:#4d575e;font:400 7px DM Mono,monospace;line-height:1.5}.theory-workbench{min-height:238px;padding:14px;display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.9fr);gap:10px 14px}.designer-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.designer-head .insight-identity strong{font-size:31px}.tension-readout{width:112px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 8px}.tension-readout>span{color:#4d575d;font:500 6px DM Mono,monospace;letter-spacing:1px}.tension-readout>strong{color:var(--accent);font:500 15px DM Mono,monospace}.tension-readout>i{grid-column:1 / -1;height:3px;overflow:hidden;border-radius:2px;background:#252d31}.tension-readout b{display:block;height:100%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.designer-controls{display:grid;grid-template-columns:.75fr 1.35fr 1fr;gap:7px}.designer-controls label{min-width:0;display:flex;flex-direction:column;gap:5px}.designer-controls label>span,.suggestion-row>span{color:#485258;font:500 6px DM Mono,monospace;letter-spacing:1px}.designer-controls select{width:100%;height:34px;padding:0 25px 0 9px;border:1px solid #273036;border-radius:3px;background:#0b1013;color:#b7c0c3;font:500 8px DM Mono,monospace;outline:none}.designer-controls select:focus{border-color:var(--accent);box-shadow:0 0 10px rgba(var(--accent-rgb),.12)}.suggestion-row{grid-column:1;display:grid;grid-template-columns:1fr repeat(3,66px);align-items:end;gap:5px}.suggestion-row button{height:35px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #283137;border-radius:3px;background:#11171a;color:#879197;cursor:pointer}.suggestion-row button:hover{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb),.06)}.suggestion-row button strong{font:600 9px DM Mono,monospace}.suggestion-row button small{color:#566168;font:400 5px DM Mono,monospace;letter-spacing:.6px}.analysis-strip{grid-column:2;grid-row:1 / span 2;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.analysis-strip>div{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:9px;border:1px solid rgba(255,255,255,.06);border-radius:3px;background:#ffffff05}.analysis-strip span{color:#475157;font:500 5px DM Mono,monospace;letter-spacing:.8px}.analysis-strip strong{color:var(--accent);font:600 15px DM Mono,monospace}.analysis-strip small{color:#667178;font:400 6px/1.4 DM Mono,monospace}.function-copy{grid-column:1 / -1;margin:0;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);color:#7d878d;font-size:9px;line-height:1.55}.function-copy strong{margin-right:10px;color:var(--accent);font:500 6px DM Mono,monospace;letter-spacing:1px}.progression-analysis{min-height:238px;padding:16px;display:grid;grid-template-columns:150px minmax(0,1fr);grid-template-rows:auto 72px auto;align-items:center;gap:12px 16px}.progression-analysis .template-lockup p{margin:4px 0 0;color:#707a80;font-size:9px;line-height:1.5}.summary-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.summary-metrics>div{min-width:0;padding:10px;border:1px solid rgba(255,255,255,.055);border-radius:3px;background:#ffffff04}.summary-metrics span{display:block;color:#465057;font:500 5px DM Mono,monospace;letter-spacing:.8px}.summary-metrics strong{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a8b1b5;font:500 9px DM Mono,monospace}.tension-curve{grid-column:1 / -1;height:72px;display:flex;align-items:flex-end;gap:4px;padding:8px;border-left:1px solid rgba(var(--accent-rgb),.18);border-bottom:1px solid rgba(var(--accent-rgb),.18)}.tension-curve>i{min-width:4px;flex:1;position:relative;background:linear-gradient(to top,rgba(var(--accent-rgb),.18),var(--accent));box-shadow:0 0 7px rgba(var(--accent-rgb),.12)}.tension-curve span{position:absolute;left:50%;bottom:-15px;color:#465057;font: 5px DM Mono,monospace;transform:translate(-50%)}.progression-analysis>.hint{grid-column:1 / -1;padding-top:9px;border-top:1px solid rgba(255,255,255,.05)}.transport-content{min-height:112px;display:flex;align-items:center;gap:12px;padding:14px}.play-button{width:49px;height:49px;flex:0 0 49px;display:grid;place-items:center;border:1px solid var(--accent);border-radius:50%;background:rgba(var(--accent-rgb),.1);color:var(--accent);cursor:pointer;box-shadow:0 0 24px rgba(var(--accent-rgb),.08)}.play-button:hover{background:var(--accent);color:#07100d}.play-button.playing{background:var(--accent);color:#07100d;box-shadow:0 0 28px rgba(var(--accent-rgb),.28)}.transport-copy{display:flex;flex-direction:column;gap:5px;min-width:96px}.transport-copy strong{color:#aeb6ba;font:500 8px DM Mono,monospace;letter-spacing:.8px}.transport-copy span{color:#4f595f;font:400 6px DM Mono,monospace}.micro-wave{flex:1;height:36px;min-width:42px;display:flex;align-items:center;justify-content:center;gap:2px}.micro-wave i{width:2px;height:8px;background:#364047}.micro-wave.playing i{background:var(--accent);animation:wave .8s ease-in-out infinite alternate}.sound-badge{height:47px;flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid rgba(var(--accent-rgb),.28);border-radius:4px;background:rgba(var(--accent-rgb),.055);color:var(--accent)}.sound-badge>span{display:flex;flex-direction:column;gap:3px}.sound-badge strong{font:500 6px DM Mono,monospace;letter-spacing:.8px}.sound-badge small{color:#586269;font:400 5px DM Mono,monospace;letter-spacing:.55px}.utility-button{width:45px;height:47px;flex:0 0 45px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(255,255,255,.08);border-radius:4px;background:#ffffff06;color:#697279;cursor:pointer}.utility-button span{font:500 6px DM Mono,monospace;letter-spacing:.7px}.utility-button:hover,.utility-button.active{border-color:rgba(var(--accent-rgb),.5);color:var(--accent);background:rgba(var(--accent-rgb),.06)}.keyboard-panel{margin-top:9px;padding:11px 12px 13px}.keyboard-label{height:19px;display:flex;align-items:center;gap:8px;color:#667078;font:500 7px DM Mono,monospace;letter-spacing:1.1px}.keyboard-label svg{color:var(--accent)}.keyboard-label small{margin-left:auto;max-width:65%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#424b52;font:400 6px DM Mono,monospace}.piano{position:relative;display:flex;height:92px;overflow:hidden;border:1px solid #20262a;border-radius:4px;background:#050608}.piano-key{border:0;padding:0;opacity:1;touch-action:none;-webkit-tap-highlight-color:transparent;cursor:pointer;transition:filter .08s ease,box-shadow .15s ease}.piano-key.white{flex:1;position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;background:linear-gradient(180deg,#dce2df,#a8afac);border-right:1px solid #161a1d}.piano-key.white:hover{filter:brightness(1.12)}.piano-key.white span{color:#515855;font:500 6px DM Mono,monospace}.piano-key.black{position:absolute;top:0;z-index:2;height:61%;background:linear-gradient(180deg,#181d20,#050607);border:1px solid #282f33;border-radius:0 0 3px 3px;box-shadow:0 5px 8px #0000008c}.piano-key.black:hover{filter:brightness(1.42)}.piano-key.lit{background:linear-gradient(180deg,var(--accent),rgba(var(--accent-rgb),.62));box-shadow:inset 0 0 18px #ffffff3d,0 0 12px rgba(var(--accent-rgb),.5)}.piano-key.black.lit{background:var(--accent)}.piano-key.bass{box-shadow:inset 0 -6px #fff,0 0 14px rgba(var(--accent-rgb),.5)}.piano-key.guided:after{content:"";position:absolute;left:50%;bottom:14px;width:5px;height:5px;transform:translate(-50%);border-radius:50%;background:var(--accent);box-shadow:0 0 9px var(--accent),0 0 18px rgba(var(--accent-rgb),.65)}.piano-key.black.guided:after{bottom:8px}.piano-key.guided-chord:after{width:8px;height:8px;border:1px solid rgba(255,255,255,.72);background:var(--accent);box-shadow:0 0 11px var(--accent),0 0 22px rgba(var(--accent-rgb),.72)}.piano-key.black.guided-chord:after{width:7px;height:7px}.piano-key.practice-correct{animation:practice-key-correct .55s ease-out}.piano-key.practice-wrong{animation:practice-key-wrong .55s ease-out}.performance-lab{overflow:hidden}.performance-lab .panel-heading{background:linear-gradient(90deg,rgba(var(--accent-rgb),.08),transparent 42%),#02040647}.performance-lab .panel-heading small{transition:color .2s ease}.performance-lab .panel-heading .lab-online{color:var(--accent);text-shadow:0 0 10px rgba(var(--accent-rgb),.7)}.practice-mode-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;padding:7px;border-bottom:1px solid rgba(255,255,255,.065);background:#090c0e}.practice-mode-rail button{height:39px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(255,255,255,.055);border-radius:3px;background:linear-gradient(180deg,#171b1e,#101316);color:#687278;font:700 7px DM Mono,monospace;letter-spacing:1.1px;cursor:pointer}.practice-mode-rail button:hover{color:#b9c2c5;border-color:#ffffff1f}.practice-mode-rail button.active{color:var(--accent);border-color:rgba(var(--accent-rgb),.36);background:linear-gradient(180deg,rgba(var(--accent-rgb),.13),rgba(var(--accent-rgb),.04));box-shadow:inset 0 0 16px rgba(var(--accent-rgb),.045)}.performance-lab-grid{display:grid;grid-template-columns:minmax(320px,1.08fr) minmax(310px,.94fr) minmax(225px,.68fr);min-height:300px}.performance-lab-grid>article{padding:17px}.practice-target-console,.practice-programmer{border-right:1px solid rgba(255,255,255,.06)}.practice-target-console{display:flex;flex-direction:column;background:radial-gradient(circle at 40% 32%,rgba(var(--accent-rgb),.07),transparent 48%)}.practice-target-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.practice-target-head>span,.lab-block-label{color:#68747a;font:700 7px DM Mono,monospace;letter-spacing:1.35px}.practice-target-head>strong{color:#edf7f4;font:500 28px Space Grotesk,sans-serif;letter-spacing:-1.3px;text-shadow:0 0 24px rgba(var(--accent-rgb),.22)}.practice-target-console>p{min-height:34px;margin:10px 0 12px;color:#7e8b91;font-size:11px;line-height:1.55}.practice-note-map{min-height:71px;display:flex;align-items:center;justify-content:center;gap:7px;padding:12px;border:1px solid rgba(var(--accent-rgb),.18);border-radius:4px;background:linear-gradient(180deg,#00000085,rgba(var(--accent-rgb),.035));box-shadow:inset 0 0 26px #00000057}.practice-note-map>span:not(.ear-code){min-width:37px;height:37px;display:grid;place-items:center;border:1px solid rgba(var(--accent-rgb),.26);border-radius:50%;background:rgba(var(--accent-rgb),.075);color:var(--accent);font:600 10px DM Mono,monospace;box-shadow:0 0 12px rgba(var(--accent-rgb),.07)}.ear-code{display:flex;align-items:center;gap:5px;color:var(--accent)}.ear-code i{width:3px;height:20px;background:currentColor;box-shadow:0 0 8px currentColor;animation:wave .6s ease-in-out infinite alternate}.ear-code i:nth-child(2){height:34px;animation-delay:-.22s}.ear-code i:nth-child(3){height:27px;animation-delay:-.38s}.ear-code i:nth-child(4){height:15px;animation-delay:-.12s}.ear-code b{margin-left:9px;font:700 8px DM Mono,monospace;letter-spacing:1.5px}.practice-feedback{height:34px;display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:8px;margin-top:9px;padding:0 10px;border:1px solid rgba(255,255,255,.055);border-radius:3px;background:#0000003d;color:#778187;font:700 7px DM Mono,monospace;letter-spacing:1px}.practice-feedback i{width:6px;height:6px;border-radius:50%;background:#495157}.practice-feedback i.correct{background:#72f5b4;box-shadow:0 0 10px #72f5b4}.practice-feedback i.wrong{background:#ff6476;box-shadow:0 0 10px #ff6476}.practice-feedback strong{color:#d7dfdc;font-size:9px}.practice-actions{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:6px;margin-top:auto;padding-top:12px}.practice-actions button,.practice-loop{height:37px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(255,255,255,.09);border-radius:3px;background:linear-gradient(180deg,#1d2225,#111417);color:#899399;font:700 7px DM Mono,monospace;letter-spacing:.65px;cursor:pointer}.practice-actions button:hover,.practice-loop:hover{color:#e4ece9;border-color:rgba(var(--accent-rgb),.3)}.practice-arm span{width:7px;height:7px;border-radius:50%;background:#4b555a}.practice-arm.active{color:var(--accent);border-color:rgba(var(--accent-rgb),.4)}.practice-arm.active span{background:var(--accent);box-shadow:0 0 9px var(--accent);animation:pulse 1s ease-in-out infinite}.practice-programmer{display:flex;flex-direction:column}.practice-bars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:10px}.practice-bars button{min-height:46px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding:6px 8px;overflow:hidden;border:1px solid rgba(255,255,255,.065);border-radius:3px;background:#101417;color:#737d82;cursor:pointer}.practice-bars button small{font:600 6px DM Mono,monospace;letter-spacing:1px;opacity:.65}.practice-bars button strong{max-width:100%;overflow:hidden;color:#aab3b4;font:600 9px Space Grotesk,sans-serif;text-overflow:ellipsis}.practice-bars button.active{border-color:rgba(var(--accent-rgb),.42);background:rgba(var(--accent-rgb),.09);box-shadow:inset 0 -2px 0 var(--accent)}.practice-bars button.active strong{color:var(--accent)}.practice-option-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:6px;margin-top:11px}.practice-option-grid label{min-width:0;height:51px;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:6px 8px;border:1px solid rgba(255,255,255,.055);border-radius:3px;background:#0003;color:#667177;font:700 6px DM Mono,monospace;letter-spacing:.9px}.practice-option-grid select{width:100%;border:0;outline:0;background:transparent;color:#c1cac8;font:700 8px DM Mono,monospace}.practice-switch{position:relative;cursor:pointer}.practice-switch input{position:absolute;opacity:0}.practice-switch i{position:relative;width:28px;height:13px;border-radius:7px;background:#252b2e;box-shadow:inset 0 0 0 1px #ffffff12}.practice-switch i:after{content:"";position:absolute;left:2px;top:2px;width:9px;height:9px;border-radius:50%;background:#616b70;transition:transform .2s,background .2s}.practice-switch input:checked+i{background:rgba(var(--accent-rgb),.16)}.practice-switch input:checked+i:after{transform:translate(15px);background:var(--accent);box-shadow:0 0 7px var(--accent)}.practice-loop{width:100%;margin-top:9px;color:var(--accent);border-color:rgba(var(--accent-rgb),.18)}.practice-loop.active{color:#090c0d;background:var(--accent);box-shadow:0 0 15px rgba(var(--accent-rgb),.2)}.practice-coach{display:flex;align-items:flex-start;gap:8px;min-height:43px;margin:auto 0 0;padding:10px;border-left:2px solid var(--accent);background:rgba(var(--accent-rgb),.045);color:#707c81;font-size:9px;line-height:1.45}.practice-coach svg{flex:0 0 auto;color:var(--accent)}.practice-coach span{display:flex;flex-direction:column;gap:3px}.practice-coach strong{color:var(--accent);font:700 6px DM Mono,monospace;letter-spacing:1px}.practice-score-console{display:flex;flex-direction:column;background:linear-gradient(145deg,#00000021,rgba(var(--accent-rgb),.025))}.practice-grade{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;padding-bottom:13px;border-bottom:1px solid rgba(255,255,255,.06)}.practice-grade span{color:#68747a;font:700 7px DM Mono,monospace;letter-spacing:1.2px}.practice-grade strong{grid-row:1/3;grid-column:2;color:var(--accent);font:600 56px Space Grotesk,sans-serif;line-height:.9;text-shadow:0 0 24px rgba(var(--accent-rgb),.35)}.practice-grade small{color:#485156;font:600 6px DM Mono,monospace;letter-spacing:1px}.practice-metrics{display:grid;gap:12px;padding:15px 0}.practice-metrics>div{display:grid;grid-template-columns:1fr auto;align-items:end;gap:5px}.practice-metrics span{color:#657076;font:700 6px DM Mono,monospace;letter-spacing:1px}.practice-metrics strong{color:#d7dfdd;font:600 15px Space Grotesk,sans-serif}.practice-metrics small{color:#59646a;font:600 6px DM Mono,monospace}.practice-metrics i{grid-column:1/-1;height:2px;background:#272d30}.practice-metrics i b{display:block;height:100%;background:var(--accent);box-shadow:0 0 6px var(--accent);transition:width .25s ease}.attempt-scope{margin-top:auto;padding-top:11px;border-top:1px solid rgba(255,255,255,.06)}.attempt-scope>span{color:#68747a;font:700 6px DM Mono,monospace;letter-spacing:1px}.attempt-scope>div{min-height:24px;display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-top:8px}.attempt-scope i{width:5px;height:14px;border-radius:1px;background:#333b3e}.attempt-scope i.correct{background:var(--accent);box-shadow:0 0 5px rgba(var(--accent-rgb),.7)}.attempt-scope i.wrong{background:#ff6275;box-shadow:0 0 5px #ff627573}.attempt-scope small{color:#3f484c;font:600 6px DM Mono,monospace;letter-spacing:1px}.learning-path{overflow:hidden}.learning-path-head{background:linear-gradient(90deg,rgba(var(--accent-rgb),.07),transparent 48%),#02040647}.learning-path-head small{color:var(--accent)}.learning-stats{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid rgba(255,255,255,.06);background:#090c0e}.learning-stats>div{position:relative;min-height:55px;display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:5px;padding:9px 13px;border-right:1px solid rgba(255,255,255,.055)}.learning-stats>div:last-child{border-right:0}.learning-stats svg{color:var(--accent)}.learning-stats span{color:#626d72;font:700 6px DM Mono,monospace;letter-spacing:1px}.learning-stats strong{color:#d8e0de;font:600 15px Space Grotesk,sans-serif}.learning-stats i{position:absolute;left:36px;right:13px;bottom:8px;height:2px;background:#23292c}.learning-stats i b{display:block;height:100%;background:var(--accent);box-shadow:0 0 6px rgba(var(--accent-rgb),.7)}.curriculum-rail{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;padding:7px;border-bottom:1px solid rgba(255,255,255,.06);background:#0003}.curriculum-rail button{position:relative;min-width:0;min-height:65px;display:grid;grid-template-columns:27px 1fr;grid-template-rows:auto auto;align-content:center;gap:3px 6px;padding:8px;text-align:left;border:1px solid rgba(255,255,255,.055);border-radius:3px;background:linear-gradient(180deg,#15191c,#0f1214);color:#687278;cursor:pointer}.curriculum-rail button:after{content:"";position:absolute;top:50%;right:-5px;z-index:2;width:8px;height:1px;background:#343b3e}.curriculum-rail button:last-child:after{display:none}.curriculum-rail button>span{grid-row:1/3;width:25px;height:25px;display:grid;place-items:center;align-self:center;border:1px solid #30373a;border-radius:50%;color:#6c777c;font:700 7px DM Mono,monospace}.curriculum-rail button small{color:#4e585d;font:700 5px DM Mono,monospace;letter-spacing:1px}.curriculum-rail button strong{max-width:100%;overflow:hidden;color:#8d979a;font:600 9px Space Grotesk,sans-serif;text-overflow:ellipsis;white-space:nowrap}.curriculum-rail button.active{border-color:rgba(var(--accent-rgb),.42);background:linear-gradient(180deg,rgba(var(--accent-rgb),.12),rgba(var(--accent-rgb),.035));box-shadow:inset 0 -2px 0 var(--accent)}.curriculum-rail button.active>span{border-color:var(--accent);color:var(--accent);box-shadow:0 0 10px rgba(var(--accent-rgb),.2)}.curriculum-rail button.active strong{color:var(--accent)}.curriculum-rail button.complete>span{color:#09110e;border-color:#72f5b4;background:#72f5b4}.curriculum-rail button:disabled{opacity:.34;cursor:not-allowed}.learning-console{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(360px,1.2fr) minmax(260px,.78fr);min-height:310px}.learning-console>article{padding:18px}.lesson-brief,.lesson-requirements{border-right:1px solid rgba(255,255,255,.06)}.lesson-brief{display:flex;flex-direction:column;background:radial-gradient(circle at 28% 24%,rgba(var(--accent-rgb),.06),transparent 48%)}.lesson-code{display:flex;align-items:center;gap:8px}.lesson-code span{color:var(--accent);font:700 8px DM Mono,monospace;letter-spacing:1px}.lesson-code small{padding:3px 6px;border:1px solid rgba(var(--accent-rgb),.2);border-radius:2px;color:#7d888d;font:700 5px DM Mono,monospace;letter-spacing:.8px}.lesson-code strong{margin-left:auto;color:#82e5bd;font:700 7px DM Mono,monospace}.lesson-brief h3{margin:18px 0 6px;color:#ebf3f0;font:500 23px Space Grotesk,sans-serif;letter-spacing:-.8px}.lesson-brief>p{min-height:48px;margin:0;color:#7a858a;font-size:10px;line-height:1.55}.lesson-preset{display:grid;grid-template-columns:auto 1fr;gap:4px 9px;margin-top:13px;padding:10px;border:1px solid rgba(255,255,255,.055);background:#0000002e}.lesson-preset span{color:#4f595e;font:700 5px DM Mono,monospace;letter-spacing:1px}.lesson-preset strong{color:#adb7b8;font:700 7px DM Mono,monospace}.lesson-start{height:39px;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:auto;border:1px solid rgba(var(--accent-rgb),.3);border-radius:3px;background:rgba(var(--accent-rgb),.075);color:var(--accent);font:700 7px DM Mono,monospace;letter-spacing:.8px;cursor:pointer}.lesson-start:hover,.lesson-start.active{background:var(--accent);color:#080b0c;box-shadow:0 0 17px rgba(var(--accent-rgb),.18)}.lesson-requirements{display:flex;flex-direction:column}.learning-block-label{display:flex;align-items:center;justify-content:space-between}.learning-block-label span{color:#626d72;font:700 7px DM Mono,monospace;letter-spacing:1.2px}.learning-block-label strong{color:var(--accent);font:700 7px DM Mono,monospace}.requirement-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:10px}.requirement-grid>div{position:relative;min-height:48px;display:grid;grid-template-columns:1fr auto;align-items:center;padding:7px 9px 11px;border:1px solid rgba(255,255,255,.055);border-radius:3px;background:#00000030}.requirement-grid span{color:#5f696e;font:700 6px DM Mono,monospace;letter-spacing:.8px}.requirement-grid strong{color:#aeb8b8;font:600 12px Space Grotesk,sans-serif}.requirement-grid strong small{margin-left:3px;color:#4f595e;font:600 6px DM Mono,monospace}.requirement-grid i{position:absolute;left:9px;right:9px;bottom:7px;height:2px;background:#272d30}.requirement-grid i b{display:block;height:100%;background:#657177}.requirement-grid>div.passed{border-color:#72f5b429}.requirement-grid>div.passed strong{color:#72f5b4}.requirement-grid>div.passed i b{background:#72f5b4;box-shadow:0 0 6px #72f5b480}.performance-analyzers{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:auto;padding-top:12px}.performance-analyzers>div{min-height:66px;display:flex;flex-direction:column;justify-content:center;padding:9px 11px;border-left:2px solid rgba(var(--accent-rgb),.55);background:rgba(var(--accent-rgb),.035)}.performance-analyzers span{color:#68747a;font:700 6px DM Mono,monospace;letter-spacing:.9px}.performance-analyzers strong{margin:5px 0 1px;color:#e0e9e6;font:600 19px Space Grotesk,sans-serif}.performance-analyzers small{color:#566166;font:600 5px DM Mono,monospace;letter-spacing:.7px}.practice-session-control{display:flex;flex-direction:column;background:linear-gradient(150deg,#00000024,rgba(var(--accent-rgb),.025))}.session-clock{min-height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.06);border-radius:4px;background:#080b0d;box-shadow:inset 0 0 25px #00000073}.session-clock span{color:#5a666b;font:700 6px DM Mono,monospace;letter-spacing:1.2px}.session-clock strong{margin:5px 0 2px;color:#abb5b4;font:500 34px DM Mono,monospace;letter-spacing:2px}.session-clock small{color:#414a4e;font:600 5px DM Mono,monospace;letter-spacing:.7px}.session-clock.active{border-color:rgba(var(--accent-rgb),.28)}.session-clock.active span,.session-clock.active strong{color:var(--accent);text-shadow:0 0 12px rgba(var(--accent-rgb),.35)}.learning-toggles{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:9px}.learning-toggles label{min-width:0;height:50px;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:7px;border:1px solid rgba(255,255,255,.055);border-radius:3px;color:#5d686d;font:700 5px DM Mono,monospace;letter-spacing:.7px}.learning-toggles select{width:100%;border:0;outline:0;background:transparent;color:#a8b1b0;font:700 7px DM Mono,monospace}.learning-toggles label:first-child{position:relative;cursor:pointer}.learning-toggles input{position:absolute;opacity:0}.learning-toggles i{position:relative;width:27px;height:12px;border-radius:6px;background:#242a2d}.learning-toggles i:after{content:"";position:absolute;left:2px;top:2px;width:8px;height:8px;border-radius:50%;background:#5c666b;transition:transform .2s}.learning-toggles input:checked+i{background:rgba(var(--accent-rgb),.16)}.learning-toggles input:checked+i:after{transform:translate(15px);background:var(--accent);box-shadow:0 0 6px var(--accent)}.finish-practice{height:38px;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:8px;border:1px solid rgba(var(--accent-rgb),.24);border-radius:3px;background:linear-gradient(180deg,#1b2023,#111416);color:var(--accent);font:700 7px DM Mono,monospace;letter-spacing:.65px;cursor:pointer}.finish-practice:disabled{opacity:.28;cursor:not-allowed}.finish-practice:not(:disabled):hover{color:#080b0c;background:var(--accent)}.practice-session-control>p{min-height:30px;display:flex;align-items:center;justify-content:center;gap:5px;margin:auto 0 0;color:#59646a;text-align:center;font:600 6px DM Mono,monospace;line-height:1.4;letter-spacing:.5px}.practice-session-control>p svg{color:#72f5b4}.learning-history{min-height:49px;display:flex;align-items:center;gap:7px;padding:8px 12px;overflow-x:auto;border-top:1px solid rgba(255,255,255,.06);background:#090c0e}.learning-history>span{flex:0 0 auto;margin-right:5px;color:#5c676c;font:700 6px DM Mono,monospace;letter-spacing:1px}.learning-history>p{margin:0;color:#414b50;font-size:8px}.learning-history>div{flex:0 0 auto;min-width:133px;height:32px;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;align-items:center;gap:0 6px;padding:4px 7px;border:1px solid rgba(255,255,255,.055);border-radius:2px;background:#111518}.learning-history div small{grid-row:1/3;color:#4d575c;font:600 5px DM Mono,monospace}.learning-history div strong{color:#8d9798;font:700 6px DM Mono,monospace}.learning-history div span{color:#4f595e;font:600 5px DM Mono,monospace}.learning-history div b{grid-row:1/3;grid-column:3;color:#7d878a;font:600 15px Space Grotesk,sans-serif}.learning-history div.passed{border-color:#72f5b42e}.learning-history div.passed b{color:#72f5b4}.learning-history>button{flex:0 0 auto;height:29px;margin-left:auto;border:1px solid rgba(255,255,255,.07);border-radius:2px;background:transparent;color:#566166;font:700 6px DM Mono,monospace;letter-spacing:.7px;cursor:pointer}.learning-history>button:disabled{opacity:.25;cursor:not-allowed}.learning-history>button:not(:disabled):hover{color:#ff7585;border-color:#ff758540}.groove-lab{overflow:hidden}.groove-head{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 15px;border-bottom:1px solid rgba(255,255,255,.075)}.groove-head>div:first-child{min-width:0;display:flex;align-items:center;gap:9px;color:var(--accent)}.groove-head>div:first-child span{min-width:0;display:flex;flex-direction:column;gap:3px}.groove-head>div:first-child strong{color:#b7c0c2;font:600 8px DM Mono,monospace;letter-spacing:1.35px}.groove-head>div:first-child small{color:#48545a;font:500 5px DM Mono,monospace;letter-spacing:1px}.groove-head-actions{display:flex;align-items:center;gap:5px}.groove-head-actions button{height:29px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 9px;border:1px solid #2b3439;border-radius:3px;background:#0c1114;color:#5d686e;font:600 5px DM Mono,monospace;letter-spacing:.65px;cursor:pointer}.groove-head-actions button:hover,.groove-head-actions button.active{border-color:rgba(var(--accent-rgb),.5);color:var(--accent);background:rgba(var(--accent-rgb),.07)}.groove-power i{width:5px;height:5px;border-radius:50%;background:#333d42}.groove-power.active i{background:var(--accent);box-shadow:0 0 7px var(--accent)}.groove-console{min-height:303px;display:grid;grid-template-columns:215px minmax(430px,1fr) 190px}.groove-programs,.groove-inspector{min-width:0;padding:13px;background:#04070933}.groove-programs{border-right:1px solid rgba(255,255,255,.065)}.groove-inspector{border-left:1px solid rgba(255,255,255,.065)}.groove-module-label{min-height:18px;display:flex;align-items:center;gap:6px;color:#667279;font:600 5px DM Mono,monospace;letter-spacing:.75px}.groove-module-label b{color:var(--accent);font:inherit}.groove-preset-grid{display:grid;gap:5px;margin-top:7px}.groove-preset-grid button{min-width:0;min-height:45px;display:grid;grid-template-columns:18px minmax(0,1fr) 20px;align-items:center;gap:6px;padding:0 8px;border:1px solid #273137;border-radius:3px;background:#0b1013;color:#4e595f;text-align:left;cursor:pointer}.groove-preset-grid button:hover{border-color:rgba(var(--accent-rgb),.4)}.groove-preset-grid button.active{border-color:rgba(var(--accent-rgb),.52);background:linear-gradient(90deg,rgba(var(--accent-rgb),.11),rgba(var(--accent-rgb),.025));box-shadow:inset 2px 0 var(--accent)}.groove-preset-grid em,.groove-preset-grid>button>b{color:#3f4a50;font:500 5px DM Mono,monospace;font-style:normal}.groove-preset-grid button.active em,.groove-preset-grid button.active>b{color:var(--accent)}.groove-preset-grid button>span{min-width:0;display:flex;flex-direction:column;gap:3px}.groove-preset-grid strong{color:#838e93;font:600 6px DM Mono,monospace;letter-spacing:.55px}.groove-preset-grid small{overflow:hidden;color:#3e494f;font:400 4px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.groove-swing,.groove-inspector label{display:block;margin-top:12px}.groove-swing>span,.groove-inspector label>span{display:flex;justify-content:space-between;color:#515d63;font:600 5px DM Mono,monospace;letter-spacing:.65px}.groove-swing strong,.groove-inspector label strong{color:var(--accent);font:inherit}.groove-swing input,.groove-inspector input{width:100%;height:15px;margin:5px 0 0;accent-color:var(--accent);cursor:ew-resize}.groove-program-readout{min-height:38px;display:flex;align-items:center;gap:8px;margin-top:9px;padding:0 8px;border:1px solid rgba(var(--accent-rgb),.14);background:#07100e;color:var(--accent)}.groove-program-readout span{display:flex;flex-direction:column;gap:3px}.groove-program-readout strong{font:600 5px DM Mono,monospace;letter-spacing:.7px}.groove-program-readout small{color:rgba(var(--accent-rgb),.48);font:500 4px DM Mono,monospace;letter-spacing:.6px}.groove-sequencer{min-width:0;padding:13px 12px 10px;background:radial-gradient(circle at 50% 50%,rgba(var(--accent-rgb),.025),transparent 60%),#080c0e}.groove-grid-head,.groove-lane{display:grid;grid-template-columns:72px minmax(0,1fr);gap:7px}.groove-grid-head{height:27px}.groove-grid-head>i{display:none}.groove-lane{min-height:42px;align-items:stretch;border-top:1px solid rgba(255,255,255,.04)}.groove-lane-name{display:flex;align-items:center;gap:6px;padding:0 6px;border:0;background:transparent;color:#4f5a60;text-align:left;cursor:pointer}.groove-lane-name:hover{color:var(--accent)}.groove-lane-name span{min-width:0;display:flex;flex-direction:column;gap:2px}.groove-lane-name strong{color:#7b868b;font:600 6px DM Mono,monospace;letter-spacing:.5px}.groove-lane-name small{color:#3e494f;font:400 4px DM Mono,monospace;white-space:nowrap}.groove-step-row{min-width:0;display:grid;grid-template-columns:repeat(16,minmax(15px,1fr));gap:3px;padding:6px 0}.groove-step-row button{min-width:0;height:29px;position:relative;padding:0;overflow:hidden;border:1px solid #252e33;border-radius:2px;background:linear-gradient(180deg,#10171a,#090d0f);cursor:pointer}.groove-step-row button.beat{border-left-color:#435057}.groove-step-row button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:rgba(var(--accent-rgb),.11)}.groove-step-row button span{width:7px;height:7px;position:absolute;left:50%;top:50%;border-radius:2px;background:#222b2f;transform:translate(-50%,-50%)}.groove-step-row button.active{border-color:rgba(var(--accent-rgb),calc(.28 + var(--hit-level) * .54));background:linear-gradient(180deg,rgba(var(--accent-rgb),calc(.05 + var(--hit-level) * .13)),#07100e)}.groove-step-row button.active span{height:calc(5px + var(--hit-level) * 11px);background:var(--accent);opacity:calc(.35 + var(--hit-level) * .65);box-shadow:0 0 8px rgba(var(--accent-rgb),.75)}.groove-step-row button.selected{outline:1px solid #d1d8d6;outline-offset:-3px}.groove-step-row button.playhead:before{opacity:1;box-shadow:inset 0 0 8px rgba(var(--accent-rgb),.3)}.groove-beat-ruler{display:grid;grid-template-columns:72px repeat(4,1fr);gap:7px;margin-top:5px;color:#384248}.groove-beat-ruler b{padding-top:5px;border-top:1px solid rgba(var(--accent-rgb),.14);font:500 4px DM Mono,monospace;letter-spacing:.6px}.hit-identity{min-height:57px;display:flex;align-items:center;gap:10px;margin:7px 0 5px;padding:0 9px;border:1px solid #273137;background:#090e11}.hit-identity>span{color:var(--accent);font:500 20px DM Mono,monospace;text-shadow:0 0 13px rgba(var(--accent-rgb),.35)}.hit-identity div{display:flex;flex-direction:column;gap:4px}.hit-identity strong{color:#8c979b;font:600 6px DM Mono,monospace;letter-spacing:.75px}.hit-identity small{color:#424d53;font:500 4px DM Mono,monospace;letter-spacing:.65px}.microtime-scale{display:flex;align-items:center;gap:5px;margin-top:1px;color:#333d42;font:500 4px DM Mono,monospace}.microtime-scale i{height:1px;flex:1;background:linear-gradient(90deg,#364047,var(--accent),#364047);opacity:.45}.groove-preview{width:100%;min-height:43px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:11px;border:1px solid rgba(var(--accent-rgb),.38);border-radius:3px;background:rgba(var(--accent-rgb),.07);color:var(--accent);cursor:pointer}.groove-preview.playing{background:rgba(var(--accent-rgb),.14);box-shadow:inset 0 0 15px rgba(var(--accent-rgb),.08)}.groove-preview span{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.groove-preview strong{font:600 6px DM Mono,monospace;letter-spacing:.7px}.groove-preview small{color:rgba(var(--accent-rgb),.5);font:500 4px DM Mono,monospace}.groove-inspector>p{display:flex;align-items:center;gap:6px;margin:10px 0 0;color:#3c474d;font:500 4px DM Mono,monospace;line-height:1.45;letter-spacing:.5px}.groove-inspector>p i{width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#30393e}.groove-inspector>p i.active{background:var(--accent);box-shadow:0 0 7px var(--accent)}.bassline-lab{overflow:hidden}.bassline-head{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 15px;border-bottom:1px solid rgba(255,255,255,.075)}.bassline-head>div:first-child{min-width:0;display:flex;align-items:center;gap:9px;color:var(--accent)}.bassline-head>div:first-child span{min-width:0;display:flex;flex-direction:column;gap:3px}.bassline-head>div:first-child strong{color:#b7c0c2;font:600 8px DM Mono,monospace;letter-spacing:1.35px}.bassline-head>div:first-child small{color:#48545a;font:500 5px DM Mono,monospace;letter-spacing:1px}.bassline-head-actions{display:flex;align-items:center;gap:5px}.bassline-head-actions button{height:29px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 9px;border:1px solid #2b3439;border-radius:3px;background:#0c1114;color:#5d686e;font:600 5px DM Mono,monospace;letter-spacing:.65px;cursor:pointer}.bassline-head-actions button:hover,.bassline-head-actions button.active,.bassline-head-actions button.playing{border-color:rgba(var(--accent-rgb),.5);color:var(--accent);background:rgba(var(--accent-rgb),.07)}.bassline-head-actions button i{width:5px;height:5px;border-radius:50%;background:#333d42}.bassline-head-actions button.active i{background:var(--accent);box-shadow:0 0 7px var(--accent)}.bassline-console{min-height:271px;display:grid;grid-template-columns:215px minmax(430px,1fr) 190px}.bassline-programs,.bassline-inspector{min-width:0;padding:13px;background:#04070933}.bassline-programs{border-right:1px solid rgba(255,255,255,.065)}.bassline-inspector{border-left:1px solid rgba(255,255,255,.065)}.bassline-module-label{min-height:18px;display:flex;align-items:center;gap:6px;color:#667279;font:600 5px DM Mono,monospace;letter-spacing:.75px}.bassline-module-label b{color:var(--accent);font:inherit}.bassline-module-label small{margin-left:auto;color:#354047;font:500 4px DM Mono,monospace}.bassline-program-grid{display:grid;gap:5px;margin-top:7px}.bassline-program-grid button{min-width:0;min-height:42px;display:grid;grid-template-columns:18px minmax(0,1fr) 20px;align-items:center;gap:6px;padding:0 8px;border:1px solid #273137;border-radius:3px;background:#0b1013;color:#4e595f;text-align:left;cursor:pointer}.bassline-program-grid button.active{border-color:rgba(var(--accent-rgb),.52);background:linear-gradient(90deg,rgba(var(--accent-rgb),.11),rgba(var(--accent-rgb),.025));box-shadow:inset 2px 0 var(--accent)}.bassline-program-grid em,.bassline-program-grid>button>b{color:#3f4a50;font:500 5px DM Mono,monospace;font-style:normal}.bassline-program-grid button.active em,.bassline-program-grid button.active>b{color:var(--accent)}.bassline-program-grid button>span{min-width:0;display:flex;flex-direction:column;gap:3px}.bassline-program-grid strong{color:#838e93;font:600 6px DM Mono,monospace;letter-spacing:.55px}.bassline-program-grid small{overflow:hidden;color:#3e494f;font:400 4px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.bassline-octave-label{display:flex;justify-content:space-between;margin-top:10px;color:#515d63;font:600 5px DM Mono,monospace;letter-spacing:.65px}.bassline-octave-label strong{color:var(--accent);font:inherit}.bassline-octaves{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:5px}.bassline-octaves button{height:24px;border:1px solid #293238;background:#0a0f12;color:#536067;font:600 5px DM Mono,monospace;cursor:pointer}.bassline-octaves button.active{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb),.08)}.bassline-source{min-height:34px;display:flex;align-items:center;gap:7px;margin-top:8px;padding:0 8px;border:1px solid rgba(var(--accent-rgb),.14);background:#07100e}.bassline-source>i{width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#303a3e}.bassline-source>i.active{background:var(--accent);box-shadow:0 0 7px var(--accent)}.bassline-source span{min-width:0;display:flex;flex-direction:column;gap:3px}.bassline-source strong{color:var(--accent);font:600 5px DM Mono,monospace;letter-spacing:.6px}.bassline-source small{overflow:hidden;color:rgba(var(--accent-rgb),.47);font:500 4px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.bassline-sequencer{min-width:0;padding:13px 12px 10px;background:radial-gradient(circle at 50% 50%,rgba(var(--accent-rgb),.025),transparent 60%),#080c0e}.bassline-step-numbers,.bassline-step-row{display:grid;grid-template-columns:repeat(16,minmax(17px,1fr));gap:3px}.bassline-step-numbers{margin:10px 0 4px;color:#354047;text-align:center}.bassline-step-numbers i{font:500 4px DM Mono,monospace;font-style:normal}.bassline-step-row button{min-width:0;height:76px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;overflow:hidden;border:1px solid #252e33;border-radius:2px;background:linear-gradient(180deg,#10171a,#090d0f);color:#354047;cursor:pointer}.bassline-step-row button.beat{border-left-color:#4b575d}.bassline-step-row button i{font:600 6px DM Mono,monospace;font-style:normal}.bassline-step-row button strong{font:600 7px DM Mono,monospace}.bassline-step-row button span{width:2px;height:10px;position:absolute;bottom:5px;background:#273036}.bassline-step-row button.active{border-color:rgba(var(--accent-rgb),calc(.28 + var(--bass-level) * .54));color:var(--accent);background:linear-gradient(180deg,rgba(var(--accent-rgb),calc(.05 + var(--bass-level) * .12)),#07100e)}.bassline-step-row button.active span{height:calc(6px + var(--bass-level) * 13px);background:var(--accent);box-shadow:0 0 6px var(--accent)}.bassline-step-row button.selected{outline:1px solid #d1d8d6;outline-offset:-3px}.bassline-step-row button.playhead{box-shadow:inset 0 0 13px rgba(var(--accent-rgb),.26),0 0 7px rgba(var(--accent-rgb),.2)}.bassline-beats{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:7px;color:#394349}.bassline-beats b{padding-top:5px;border-top:1px solid rgba(var(--accent-rgb),.14);font:500 4px DM Mono,monospace}.bassline-theory-strip{min-height:32px;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:12px;border:1px solid rgba(255,255,255,.05);background:#090d0f;color:#3e494f;font:600 4px DM Mono,monospace;letter-spacing:.55px}.bassline-theory-strip i{color:rgba(var(--accent-rgb),.45);font-style:normal}.bassline-theory-strip strong{color:var(--accent);font:inherit}.bassline-note-id{min-height:52px;display:flex;align-items:center;gap:9px;margin:7px 0 9px;padding:0 8px;border:1px solid #273137;background:#090e11}.bassline-note-id button{width:27px;height:27px;display:grid;place-items:center;border:1px solid rgba(var(--accent-rgb),.35);border-radius:50%;background:rgba(var(--accent-rgb),.06);color:var(--accent);cursor:pointer}.bassline-note-id span{display:flex;flex-direction:column;gap:3px}.bassline-note-id strong{color:var(--accent);font:600 13px DM Mono,monospace}.bassline-note-id small{color:#465158;font:500 4px DM Mono,monospace}.bassline-inspector label{display:block;margin-top:8px}.bassline-inspector label>span{display:flex;justify-content:space-between;margin-bottom:4px;color:#515d63;font:600 5px DM Mono,monospace;letter-spacing:.6px}.bassline-inspector label strong{color:var(--accent);font:inherit}.bassline-inspector select{width:100%;height:25px;border:1px solid #293238;background:#0a0f12;color:#768187;font:600 5px DM Mono,monospace;color-scheme:dark}.bassline-inspector input{width:100%;height:13px;margin:0;accent-color:var(--accent);cursor:ew-resize}.rack-stack{position:relative;isolation:isolate;display:grid;gap:11px;padding:17px 26px 23px;border:1px solid #30373b;border-radius:8px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 5px),linear-gradient(90deg,#0b0e10 0,#0b0e10 18px,#171c1f 18px,#171c1f calc(100% - 18px),#0b0e10 calc(100% - 18px));box-shadow:inset 0 1px #ffffff16,inset 0 -1px #050607,inset 19px 0 18px -18px #000,inset -19px 0 18px -18px #000,0 22px 60px #00000059}.rack-stack:before,.rack-stack:after{content:"";position:absolute;z-index:-1;top:7px;bottom:7px;width:14px;border:1px solid #252b2f;border-radius:3px;background:radial-gradient(circle at 50% 12px,#626a6e 0 1px,#20262a 2px,#050607 3px,transparent 4px) 0 0 / 100% 58px repeat-y,repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px),linear-gradient(#1e2427,#0d1113);box-shadow:inset 1px 0 #ffffff0a,inset -1px 0 #050607}.rack-stack:before{left:4px}.rack-stack:after{right:4px}.rack-stack>.rack-module,.rack-stack>.rack-master,.rack-stack>.lower-grid{margin-top:0;margin-bottom:0}.rack-module{position:relative;overflow:hidden;border:1px solid #343b3f;border-radius:4px;background:radial-gradient(circle at 9px 9px,#727a7e 0 1px,#2b3135 2px,#060809 3px,transparent 4px),radial-gradient(circle at calc(100% - 9px) 9px,#727a7e 0 1px,#2b3135 2px,#060809 3px,transparent 4px),radial-gradient(circle at 9px calc(100% - 9px),#646c70 0 1px,#272d30 2px,#060809 3px,transparent 4px),radial-gradient(circle at calc(100% - 9px) calc(100% - 9px),#646c70 0 1px,#272d30 2px,#060809 3px,transparent 4px),repeating-linear-gradient(0deg,rgba(255,255,255,.014) 0 1px,transparent 1px 4px),linear-gradient(145deg,#1a2023,#0b0f12 54%,#151a1d);box-shadow:inset 0 1px #ffffff17,inset 0 -1px #050607,inset 11px 0 #0305064d,inset -11px 0 #0305064d,0 4px 9px #00000057;-webkit-backdrop-filter:none;backdrop-filter:none}.rack-module:focus-within{border-color:rgba(var(--accent-rgb),.32);box-shadow:inset 0 1px #ffffff17,inset 0 -1px #050607,inset 11px 0 #0305064d,inset -11px 0 #0305064d,0 0 0 1px rgba(var(--accent-rgb),.06),0 5px 13px #0000006b}.rack-master{margin-bottom:0;border-radius:4px;box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #050608,0 5px 12px #0000006b}.progression-section.rack-module{padding:18px 21px 21px}.rack-pair{gap:11px}.rack-module .panel-heading,.rack-module .rhythm-head,.rack-module .melody-head,.rack-module .arranger-head,.rack-module .intelligence-head,.rack-module .midi-panel-head,.rack-module .learning-path-head,.rack-module .groove-head,.rack-module .bassline-head{padding-left:24px;padding-right:24px;border-top:1px solid rgba(255,255,255,.115);border-bottom-color:#ffffff24;background:linear-gradient(90deg,rgba(var(--accent-rgb),.075),transparent 46%),repeating-linear-gradient(0deg,rgba(255,255,255,.022) 0 1px,transparent 1px 4px),linear-gradient(#252c30,#12171a);box-shadow:inset 0 1px #ffffff14,inset 0 -1px #000000ad,0 2px 7px #00000038}.rack-module .panel-heading>span,.rack-module .rhythm-head strong,.rack-module .melody-head strong,.rack-module .arranger-head strong,.rack-module .intelligence-head strong,.rack-module .midi-panel-head strong,.rack-module .learning-path-head strong,.rack-module .groove-head strong,.rack-module .bassline-head strong{text-shadow:0 1px #000}.rack-module .section-heading{min-height:37px;margin:-18px -21px 17px;padding:0 24px;align-items:center;border-top:1px solid rgba(255,255,255,.115);border-bottom:1px solid rgba(255,255,255,.14);background:linear-gradient(90deg,rgba(var(--accent-rgb),.075),transparent 48%),repeating-linear-gradient(0deg,rgba(255,255,255,.022) 0 1px,transparent 1px 4px),linear-gradient(#252c30,#12171a);box-shadow:inset 0 1px #ffffff14,inset 0 -1px #000000ad,0 2px 7px #00000038}.rack-module.keyboard-panel{margin-top:0;padding:15px 21px 17px}.rack-module .keyboard-label{height:29px;margin:-4px -9px 10px;padding:0 12px;border:1px solid rgba(255,255,255,.095);background:linear-gradient(90deg,rgba(var(--accent-rgb),.065),transparent 48%),linear-gradient(#232a2e,#111619);box-shadow:inset 0 1px #ffffff12,inset 0 -1px #0000009e}@keyframes practice-key-correct{0%,to{filter:none}30%{filter:brightness(1.35);box-shadow:inset 0 0 0 3px #72f5b4,0 0 17px #72f5b4}}@keyframes practice-key-wrong{0%,to{filter:none}25%,65%{filter:saturate(1.5);box-shadow:inset 0 0 0 3px #ff6476,0 0 15px #ff6476b3}}.footer-strip{height:25px;flex:0 0 25px;display:flex;justify-content:space-between;align-items:center;padding:0 24px;border-top:1px solid rgba(255,255,255,.065);background:#07090ce6;color:#3d474d;font:400 6px DM Mono,monospace;letter-spacing:1px}.footer-strip span{display:flex;align-items:center;gap:7px}.footer-strip .online-dot{width:4px;height:4px}.rail-scrim{display:none}@keyframes pulse{0%,to{opacity:.45}50%{opacity:1}}@keyframes meter{0%{transform:scaleY(.55)}to{transform:scaleY(1)}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes scan{to{transform:translate(100%)}}@keyframes wave{0%{height:6px;opacity:.5}to{height:30px;opacity:1}}@keyframes scope-drift{0%{transform:translate(-1px) scaleY(.94)}to{transform:translate(1px) scaleY(1.04)}}@keyframes record-pulse{0%,to{box-shadow:0 0 7px #f05b6614}50%{box-shadow:0 0 17px #f05b6642}}@media(min-width:1500px){.workspace{padding-left:34px;padding-right:34px}.hero-panel{min-height:310px}.chord-card{min-height:190px}.chord-audition{min-height:158px}.piano{height:104px}}@media(max-width:1180px){.app-shell{--rail: 248px}.workspace{padding:16px}.hero-panel{grid-template-columns:120px minmax(300px,1fr) 225px;gap:12px;padding-left:18px;padding-right:18px}.screen-main{grid-template-columns:65px 1fr}.scope{display:none}.synth-knob{width:52px;height:52px}.synth-knob i{top:9px;height:14px;transform-origin:1px 17px}.lower-grid{grid-template-columns:1fr}.progression-analysis{grid-template-columns:170px 1fr 170px}.progression-analysis .tension-curve{grid-column:auto;height:86px}.insight-content,.transport-content{min-height:100px}.chord-root{font-size:29px}.midi-console{grid-template-columns:220px minmax(250px,1fr) minmax(270px,1fr)}.midi-out-console{grid-template-columns:220px minmax(300px,1.2fr) minmax(235px,.8fr)}.chord-radar{padding-left:15px;padding-right:15px}.detected-chord>strong{font-size:36px}.topbar{padding-left:16px;padding-right:16px}.topbar-meta{gap:8px}.topbar-meta>span:first-child{display:none}.session-path{max-width:42%;overflow:hidden;white-space:nowrap}.session-path strong{overflow:hidden;text-overflow:ellipsis}.recommendation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rhythm-console{grid-template-columns:minmax(420px,1.25fr) minmax(230px,.75fr)}.voice-motion-module{grid-column:1 / -1;border-top:1px solid rgba(255,255,255,.06)}.voice-motion-module .motion-buttons,.voice-motion-module .motion-label{max-width:620px}.melody-console{grid-template-columns:1fr}.melody-capture-module{border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}.phrase-editor-console{grid-template-columns:1fr 1fr}.note-inspector{border-right:0}.melody-coach{grid-column:1/-1;min-height:135px;border-top:1px solid rgba(255,255,255,.06)}.performance-lab-grid{grid-template-columns:1fr 1fr}.practice-programmer{border-right:0}.practice-score-console{grid-column:1/-1;display:grid;grid-template-columns:170px 1fr 1fr;gap:18px;align-items:center;border-top:1px solid rgba(255,255,255,.06)}.practice-grade{padding:0 16px 0 0;border:0;border-right:1px solid rgba(255,255,255,.06)}.practice-metrics{grid-template-columns:repeat(3,1fr);gap:10px;padding:0}.attempt-scope{margin:0;padding:0 0 0 16px;border:0;border-left:1px solid rgba(255,255,255,.06)}.curriculum-rail{grid-template-columns:repeat(3,1fr)}.learning-console{grid-template-columns:1fr 1.25fr}.lesson-requirements{border-right:0}.practice-session-control{grid-column:1/-1;display:grid;grid-template-columns:220px 1fr 210px;gap:11px;align-items:center;border-top:1px solid rgba(255,255,255,.06)}.session-clock{min-height:88px}.practice-session-control>p{grid-column:2/4;margin-top:-7px}.groove-console{grid-template-columns:190px minmax(380px,1fr) 170px}.groove-programs,.groove-inspector{padding:11px}.groove-step-row{gap:2px}.bassline-console{grid-template-columns:190px minmax(380px,1fr) 170px}.bassline-programs,.bassline-inspector{padding:11px}.bassline-step-row,.bassline-step-numbers{gap:2px}}@media(max-width:900px){body{overflow:auto}.app-shell{display:block;height:auto;min-height:100dvh}.control-rail{position:fixed;top:0;left:0;width:min(310px,86vw);z-index:50;transform:translate(-104%);transition:transform .25s ease;box-shadow:30px 0 90px #000000a6}.control-rail.open{transform:translate(0)}.rail-close{display:grid;place-items:center}.rail-scrim{display:block;position:fixed;z-index:40;top:0;right:0;bottom:0;left:0;border:0;background:#0000009e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.studio{min-height:100dvh;height:auto}.mobile-header{height:52px;flex:0 0 52px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.08);background:#080a0eeb}.mobile-header button{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:transparent;color:#8c969c}.mobile-header strong{font-size:14px;letter-spacing:-.5px}.mobile-header strong span{color:var(--accent)}.topbar{display:none}.workspace{overflow:visible;padding:12px}.rack-stack{gap:9px;padding:12px 18px 17px}.rack-pair{gap:9px}.footer-strip{display:none}.hero-panel{grid-template-columns:110px minmax(280px,1fr);min-height:0}.knob-bank{grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 45px}.knob-control{height:68px}.voice-switch,.hardware-generate,.led-bank{grid-column:1 / -1}.synth-knob{width:46px;height:46px}.synth-knob i{top:8px;height:12px;transform-origin:1px 15px}.chord-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chord-card{min-height:170px}.chord-audition{min-height:138px}.sequence-line{max-width:45vw}.arranger-metrics{grid-template-columns:repeat(3,1fr)}.arranger-metrics>div:nth-child(3){border-right:0}.arranger-metrics>div:nth-child(n+4){border-top:1px solid rgba(255,255,255,.055)}.rhythm-stats{grid-template-columns:repeat(3,1fr)}.rhythm-stats>div:nth-child(3){border-right:0}.rhythm-stats>div:nth-child(n+4){border-top:1px solid rgba(255,255,255,.055)}.rhythm-console{grid-template-columns:1fr}.pattern-module,.feel-module{border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}.voice-motion-module{grid-column:auto;border-top:0}.voice-motion-module .motion-buttons,.voice-motion-module .motion-label{max-width:none}.intelligence-body{grid-template-columns:1fr}.recommendation-module{border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}.intelligence-sidebar{display:grid;grid-template-columns:1fr 1.2fr}.coach-module{border-right:1px solid rgba(255,255,255,.06);border-bottom:0}.midi-console,.midi-out-console{grid-template-columns:1fr 1.25fr}.midi-out-routing{border-right:0}.midi-out-transmit{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.06)}.midi-out-transmit{display:grid;grid-template-columns:1fr 1fr;gap:7px}.midi-out-transmit .module-label,.midi-out-transmit>p{grid-column:1/-1}.midi-panic{margin-top:0;height:54px}.capture-module{grid-column:1 / -1;border-top:1px solid rgba(255,255,255,.06);border-left:0}.midi-io-module{border-right:1px solid rgba(255,255,255,.06)}.capture-module{display:grid;grid-template-columns:1fr 1fr;gap:7px 10px}.capture-module .module-label{grid-column:1 / -1;margin-bottom:2px}.capture-module .capture-button,.capture-module .tonal-estimate{margin-top:0}.performance-lab-grid{grid-template-columns:1fr}.practice-target-console,.practice-programmer{border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}.practice-score-console{grid-column:auto}.learning-stats{grid-template-columns:repeat(3,1fr)}.learning-stats>div:nth-child(3){border-right:0}.learning-stats>div:nth-child(n+4){border-top:1px solid rgba(255,255,255,.055)}.learning-console{grid-template-columns:1fr}.lesson-brief,.lesson-requirements{border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}.lesson-start{margin-top:15px}.practice-session-control{grid-column:auto;display:flex;align-items:stretch}.practice-session-control>p{grid-column:auto;margin-top:auto}.groove-console{grid-template-columns:185px minmax(420px,1fr)}.groove-inspector{grid-column:1/-1;display:grid;grid-template-columns:155px 1fr 1fr 170px;align-items:center;gap:10px;border-top:1px solid rgba(255,255,255,.065);border-left:0}.groove-inspector>.groove-module-label{grid-column:1/-1}.groove-inspector .hit-identity,.groove-inspector label,.groove-inspector .groove-preview{margin:0}.groove-inspector .microtime-scale,.groove-inspector>p{display:none}.bassline-console{grid-template-columns:185px minmax(420px,1fr)}.bassline-inspector{grid-column:1/-1;display:grid;grid-template-columns:165px 150px 1fr 1fr 1fr;align-items:center;gap:9px;border-top:1px solid rgba(255,255,255,.065);border-left:0}.bassline-inspector>.bassline-module-label{grid-column:1/-1}.bassline-inspector .bassline-note-id,.bassline-inspector label{margin:0}}@media(max-width:650px){.rack-stack{gap:8px;padding:10px 16px 14px}.rack-pair{gap:8px}.learning-path-head{min-height:48px;height:auto;align-items:flex-start;flex-direction:column;justify-content:center;gap:4px}.groove-head{min-height:90px;align-items:flex-start;flex-direction:column;justify-content:center;padding:11px 12px}.groove-head-actions{width:100%}.groove-head-actions .groove-power{flex:1}.groove-console{display:block}.groove-programs{border-right:0;border-bottom:1px solid rgba(255,255,255,.065)}.groove-preset-grid{grid-template-columns:1fr}.groove-sequencer{overflow-x:auto}.groove-grid-head,.groove-lane,.groove-beat-ruler{min-width:570px}.groove-inspector{display:block;border-left:0}.groove-inspector>.groove-module-label{min-height:18px}.groove-inspector .hit-identity{margin:7px 0 5px}.groove-inspector label{margin-top:12px}.groove-inspector .groove-preview{margin-top:11px}.groove-inspector .microtime-scale{display:flex}.groove-inspector>p{display:flex}.bassline-head{min-height:90px;align-items:flex-start;flex-direction:column;justify-content:center;padding:11px 12px}.bassline-head-actions{width:100%}.bassline-head-actions button:first-child{flex:1}.bassline-console{display:block}.bassline-programs{border-right:0;border-bottom:1px solid rgba(255,255,255,.065)}.bassline-sequencer{overflow-x:auto}.bassline-sequencer>*{min-width:570px}.bassline-inspector{display:block;border-left:0}.bassline-inspector>.bassline-module-label{min-width:0}.bassline-inspector .bassline-note-id{margin:7px 0 9px}.bassline-inspector label{margin-top:8px}.hero-panel{min-height:0;grid-template-columns:1fr;gap:10px;padding:16px}.deck-identity{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:12px;padding:0}.deck-identity>p{margin:0}.vent-bank,.power-readout{display:none}.synth-screen{min-height:180px}.screen-main{grid-template-columns:68px 1fr}.screen-key strong{font-size:36px}.screen-patch strong{font-size:14px}.knob-bank{grid-column:auto;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 18px}.knob-control{height:68px}.section-heading{align-items:center}.section-heading>div{flex-wrap:wrap;row-gap:4px}.sequence-line{width:100%;max-width:80vw;margin-left:21px;order:3}.phrase-id{display:none}.arranger-head{align-items:flex-start;flex-direction:column;padding:11px 12px}.arranger-transport{width:100%;justify-content:space-between}.arranger-metrics{grid-template-columns:repeat(2,1fr)}.arranger-metrics>div{height:46px;padding:0 10px}.arranger-metrics>div:nth-child(odd){border-right:1px solid rgba(255,255,255,.055)}.arranger-metrics>div:nth-child(2n){border-right:0}.arranger-metrics>div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.055)}.arrangement-roadmap{padding:10px}.arrangement-section{width:214px;min-width:214px}.arranger-actions{align-items:stretch;flex-direction:column;padding:10px}.add-section-control{width:100%}.add-section-control select,.add-section-control button{flex:1}.update-section{width:100%;justify-content:center}.song-tension-map{grid-template-columns:105px minmax(0,1fr);gap:7px;padding-left:10px;padding-right:10px}.song-tension-map>strong{display:none}.rhythm-head{align-items:flex-start;flex-direction:column;padding:11px 12px}.rhythm-transport{width:100%;justify-content:space-between}.rhythm-stats{grid-template-columns:repeat(2,1fr)}.rhythm-stats>div{height:45px;padding:0 10px}.rhythm-stats>div:nth-child(odd){border-right:1px solid rgba(255,255,255,.055)}.rhythm-stats>div:nth-child(2n){border-right:0}.rhythm-stats>div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.055)}.pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pattern-grid>button{height:82px}.rhythm-module-label{grid-template-columns:20px 1fr}.rhythm-module-label>small{display:none}.performance-timeline{grid-template-columns:92px minmax(0,1fr);padding-left:10px;padding-right:10px}.performance-timeline>strong{display:none}.melody-head{align-items:flex-start;flex-direction:column;padding:11px 12px}.melody-head-actions{width:100%}.melody-head-actions button{flex:1;justify-content:center}.melody-metrics{grid-template-columns:repeat(2,1fr)}.melody-metrics>div{height:47px}.melody-metrics>div:nth-child(2){border-right:0}.melody-metrics>div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.055)}.scale-pads{grid-template-columns:repeat(4,1fr)}.fit-bars{grid-template-columns:repeat(2,1fr)}.melody-timeline-head small{display:none}.melody-actions,.phrase-editor-console{grid-template-columns:1fr}.phrase-grid-module,.note-inspector,.melody-coach{min-height:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}.melody-coach{grid-column:auto;border-bottom:0}.practice-mode-rail{grid-template-columns:repeat(2,1fr)}.performance-lab-grid>article{padding:13px}.practice-actions{grid-template-columns:1fr}.practice-option-grid{grid-template-columns:1fr 1fr}.practice-option-grid>label:first-child{grid-column:1/-1}.practice-score-console{display:flex;align-items:stretch;gap:0}.practice-grade{padding:0 0 12px;border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}.practice-metrics{grid-template-columns:1fr;padding:14px 0}.attempt-scope{padding:10px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.06)}.learning-stats{grid-template-columns:repeat(2,1fr)}.learning-stats>div:nth-child(3){border-right:1px solid rgba(255,255,255,.055)}.learning-stats>div:nth-child(2n){border-right:0}.learning-stats>div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.055)}.curriculum-rail{grid-template-columns:repeat(2,1fr)}.learning-console>article{padding:14px}.requirement-grid,.performance-analyzers{grid-template-columns:1fr}.learning-toggles{grid-template-columns:1fr 1fr}.learning-toggles label:first-child{grid-column:1/-1}.learning-history{align-items:flex-start;flex-wrap:nowrap}.learning-history>span{position:sticky;left:0;align-self:center;padding:6px;background:#090c0e;z-index:2}.intelligence-head{align-items:flex-start;flex-direction:column;padding:11px 12px}.audit-score{width:100%}.audit-grid{grid-template-columns:repeat(2,1fr)}.audit-grid>div{height:45px;padding:0 10px}.audit-grid>div:nth-child(odd){border-right:1px solid rgba(255,255,255,.055)}.audit-grid>div:nth-child(2n){border-right:0}.audit-grid>div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.055)}.recommendation-module{padding:10px}.intelligence-module-label{align-items:flex-start;flex-direction:column;margin-bottom:5px}.intelligence-module-label small{text-align:left}.recommendation-grid{grid-template-columns:1fr}.recommendation-card{min-height:210px}.intelligence-sidebar{display:block}.coach-module{border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}.chord-grid{gap:7px}.chord-card{min-height:175px}.chord-audition{min-height:143px;padding:12px}.chord-root{font-size:31px}.chord-quality{font-size:9px;max-width:64px}.note-string{font-size:6px}.audition-label{display:none}.lower-grid{margin-top:11px}.theory-workbench{grid-template-columns:1fr}.analysis-strip{grid-column:1;grid-row:auto}.suggestion-row{grid-column:1;grid-template-columns:1fr repeat(3,58px)}.progression-analysis{grid-template-columns:1fr;grid-template-rows:auto;align-items:start}.progression-analysis>.hint{grid-column:1}.tension-curve{height:72px;margin-bottom:12px}.insight-content,.insight-content.idle{grid-template-columns:1fr;align-items:start;gap:9px;padding:15px}.insight-content dl{padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}.insight-content.idle .hint{margin-top:2px}.transport-content{flex-wrap:wrap}.micro-wave{min-width:80px}.keyboard-panel{margin-bottom:8px}.piano{height:76px}.keyboard-label small{max-width:55%}.midi-console,.midi-out-console{grid-template-columns:1fr}.midi-out-port,.midi-out-routing{border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}.midi-out-transmit{grid-column:auto;display:block;border-top:0}.midi-panic{height:31px;margin-top:7px}.midi-channel-map{grid-template-columns:1fr;gap:5px;padding-top:9px;padding-bottom:9px}.midi-channel-map small{text-align:left}.midi-io-module{border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}.chord-radar{min-height:190px}.capture-module{grid-column:auto;display:block;border-top:1px solid rgba(255,255,255,.06)}.capture-module .module-label{margin-bottom:11px}.capture-module .capture-button{margin-top:7px}.capture-module .tonal-estimate{margin-top:8px}.demo-input-strip{flex-wrap:wrap;padding-top:8px;padding-bottom:8px}.demo-input-strip>span{width:100%;flex-basis:100%;margin-bottom:3px}.demo-input-strip button{flex:1;padding:0 5px}.detected-chord>strong{font-size:43px}.project-body{padding:10px}.project-body>section{padding:11px}.exchange-grid{grid-template-columns:1fr}.project-load{grid-template-columns:43px minmax(0,1fr)}.project-time{display:none}}@media(max-width:390px){.workspace{padding:9px}.rack-stack{gap:7px;padding:8px 14px 12px}.rack-pair{gap:7px}.hero-panel{border-radius:6px}.knob-bank{padding:0 8px}.chord-card{min-height:168px}.chord-audition{min-height:136px}.transport-copy{min-width:88px}.micro-wave{order:5;flex-basis:100%;height:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.chassis-stage{position:fixed;z-index:1;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:auto;padding:12px;background:radial-gradient(circle at 50% 18%,rgba(var(--accent-rgb),.095),transparent 31%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),#06080a;background-size:auto,42px 42px,42px 42px,auto}.chassis-app{min-height:100dvh}.chassis-viewport{position:relative;flex:0 0 auto}.fixed-chassis{width:1440px;height:900px;position:relative;transform-origin:top left;display:grid;grid-template-rows:132px 12px 522px 12px 150px 10px 30px;gap:0;padding:16px;overflow:hidden;border:0;border-radius:10px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 5px),linear-gradient(90deg,#090c0e 0,#090c0e 13px,#171c1f 13px,#171c1f calc(100% - 13px),#090c0e calc(100% - 13px));box-shadow:inset 0 0 0 1px #30383c,inset 0 1px #ffffff1a,inset 0 -2px #030405,inset 14px 0 22px -18px #000,inset -14px 0 22px -18px #000,0 30px 90px #0000009e}.fixed-chassis:before,.fixed-chassis:after{content:"";position:absolute;z-index:4;top:13px;bottom:13px;width:8px;pointer-events:none;background:repeating-linear-gradient(0deg,#252c2f 0,#252c2f 2px,#0b0e0f 2px,#0b0e0f 6px);opacity:.6}.fixed-chassis:before{left:4px}.fixed-chassis:after{right:4px}.chassis-screw{position:absolute;z-index:9;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#848d91,#2a3033 45%,#050607 75%);box-shadow:0 1px 2px #000}.chassis-screw:after{content:"";position:absolute;left:2px;top:4px;width:5px;height:1px;background:#090b0c;transform:rotate(-27deg)}.chassis-screw-tl{left:5px;top:6px}.chassis-screw-tr{right:5px;top:6px}.chassis-screw-bl{left:5px;bottom:6px}.chassis-screw-br{right:5px;bottom:6px}.chassis-master,.chassis-display,.chassis-keyboard,.chassis-status-strip{min-width:0;position:relative;border:0;border-radius:5px;background:radial-gradient(circle at 8px 8px,#70787c 0 1px,#282e31 2px,#050607 3px,transparent 4px),radial-gradient(circle at calc(100% - 8px) 8px,#70787c 0 1px,#282e31 2px,#050607 3px,transparent 4px),repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px),linear-gradient(145deg,#1b2124,#0b0f11 55%,#151a1d);box-shadow:inset 0 0 0 1px #343c40,inset 0 1px #ffffff16,inset 0 -1px #050607,0 4px 10px #00000061}.chassis-master{grid-row:1;display:grid;grid-template-columns:346px 396px 296px 310px;gap:12px;padding:10px 12px}.chassis-master>div{min-width:0}.chassis-master-display{position:relative;overflow:hidden;display:grid;grid-template-rows:25px 1fr 22px;border:2px solid #050706;border-radius:4px;background:#06100d;color:var(--accent);box-shadow:inset 0 0 0 1px #29352f,inset 0 0 28px rgba(var(--accent-rgb),.08)}.chassis-master-display:after{content:"";position:absolute;pointer-events:none;top:12px;right:14px;bottom:12px;left:14px;opacity:.17;background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(0,0,0,.55) 3px)}.chassis-master-display header,.chassis-master-display footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:0 9px;border-bottom:1px solid rgba(var(--accent-rgb),.14);font:500 6px DM Mono,monospace;letter-spacing:.9px}.chassis-master-display header span{color:var(--accent)}.chassis-master-display header strong{color:rgba(var(--accent-rgb),.56);font-weight:400}.chassis-master-display>div{position:relative;z-index:2;min-width:0;display:grid;grid-template-columns:82px 1fr;align-items:center;padding:7px 10px}.chassis-master-display section{min-width:0;display:flex;flex-direction:column;gap:3px}.chassis-master-display section:first-child{align-items:center;border-right:1px solid rgba(var(--accent-rgb),.17)}.chassis-master-display section:last-child{padding-left:13px}.chassis-master-display section small{opacity:.48;font:400 5px DM Mono,monospace;letter-spacing:1px}.chassis-master-display section:first-child strong{font-size:32px;line-height:.9;text-shadow:0 0 14px rgba(var(--accent-rgb),.42)}.chassis-master-display section:first-child span{opacity:.55;font:400 5px DM Mono,monospace}.chassis-master-display section:last-child strong{overflow:hidden;font-size:14px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.chassis-master-display section:last-child span{overflow:hidden;opacity:.55;font:400 6px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.chassis-master-display footer{border-top:1px solid rgba(var(--accent-rgb),.14);border-bottom:0;opacity:.65}.chassis-master-display footer span{min-width:0;display:flex;align-items:center;gap:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chassis-master-display footer i{width:4px;height:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent)}.chassis-knob-bank{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:6px;padding:7px 4px 0;border:1px solid rgba(255,255,255,.045);border-radius:4px;background:#0000001f}.chassis-knob-bank .knob-control{height:102px;gap:4px}.chassis-knob-bank .synth-knob{width:68px;height:68px}.chassis-knob-bank .synth-knob:before{top:8px;right:8px;bottom:8px;left:8px}.chassis-knob-bank .synth-knob i{top:11px;height:18px;transform-origin:1px 23px}.chassis-knob-bank .knob-control>input{width:70px;height:70px}.chassis-knob-bank .knob-control>span:not(.synth-knob){font-size:6px}.chassis-knob-bank .knob-control>strong{color:#bcc5c5;font-size:9px}.chassis-program-zone{display:grid;grid-template-rows:28px 42px 16px;gap:4px;padding:6px;border:1px solid rgba(255,255,255,.045);border-radius:4px;background:#0000001f}.chassis-program-zone .voice-switch{grid-column:auto}.chassis-program-zone .voice-switch button{height:28px}.chassis-program-zone .hardware-generate{grid-column:auto;height:42px}.chassis-program-zone>p{display:flex;align-items:center;gap:7px;margin:0;color:#536066;font:400 5px DM Mono,monospace;letter-spacing:.8px}.chassis-transport-zone{display:grid;grid-template-rows:25px 42px 21px;gap:4px;padding:6px;border:1px solid rgba(255,255,255,.045);border-radius:4px;background:#0000001f}.chassis-scope{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid #2b3438;border-radius:3px}.chassis-scope button{border:0;border-right:1px solid #2b3438;background:#0c1113;color:#525e64;font:500 6px DM Mono,monospace;letter-spacing:.7px;cursor:pointer}.chassis-scope button:last-child{border-right:0}.chassis-scope button.active{background:rgba(var(--accent-rgb),.1);color:var(--accent);box-shadow:inset 0 -2px var(--accent)}.chassis-play{display:flex;align-items:center;justify-content:center;gap:11px;border:1px solid rgba(var(--accent-rgb),.34);border-radius:3px;background:linear-gradient(180deg,rgba(var(--accent-rgb),.11),rgba(var(--accent-rgb),.035));color:var(--accent);cursor:pointer}.chassis-play.playing{border-color:#ff6c7973;background:#ff6c7912;color:#ff7d89}.chassis-play>span{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.chassis-play strong{font:600 8px DM Mono,monospace;letter-spacing:1px}.chassis-play small{color:#556168;font:400 5px DM Mono,monospace}.chassis-utility-row{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.chassis-utility-row button{min-width:0;display:flex;align-items:center;justify-content:center;gap:4px;padding:0 3px;border:1px solid #2a3337;border-radius:2px;background:#101518;color:#647077;font:500 5px DM Mono,monospace;cursor:pointer}.chassis-utility-row button:disabled{opacity:.25;cursor:default}.chassis-display{grid-row:3;display:grid;grid-template-columns:112px 1284px;gap:12px;padding:0;overflow:hidden}.chassis-page-rail{display:grid;grid-template-rows:repeat(5,1fr) 58px;border-right:1px solid #333b3f;background:linear-gradient(90deg,#151a1d,#0b0f11)}.chassis-page-rail button{min-width:0;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:0 12px;border:0;border-bottom:1px solid rgba(255,255,255,.06);background:transparent;color:#59646a;text-align:left;cursor:pointer}.chassis-page-rail button:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:2px;background:transparent}.chassis-page-rail button small{color:#3e484d;font:500 6px DM Mono,monospace}.chassis-page-rail button strong{font:600 8px DM Mono,monospace;letter-spacing:.8px}.chassis-page-rail button span{color:#394349;font:400 4px DM Mono,monospace;letter-spacing:.5px}.chassis-page-rail button>i{position:absolute;right:9px;top:12px;width:5px;height:5px;border-radius:50%;background:#2c3539}.chassis-page-rail button.active{background:linear-gradient(90deg,rgba(var(--accent-rgb),.11),rgba(var(--accent-rgb),.025));color:var(--accent)}.chassis-page-rail button.active:before{background:var(--accent);box-shadow:0 0 10px var(--accent)}.chassis-page-rail button.active small,.chassis-page-rail button.active span{color:rgba(var(--accent-rgb),.65)}.chassis-page-rail button.active>i{background:var(--accent);box-shadow:0 0 8px var(--accent)}.chassis-page-rail .legacy-rail-button{border-top:1px solid rgba(255,191,96,.16);border-bottom:0;color:#8b7254}.chassis-page-rail .legacy-rail-button span{color:#594d3e}.chassis-page-canvas{min-width:0;overflow:hidden;background:radial-gradient(circle at 50% 0,rgba(var(--accent-rgb),.035),transparent 34%),#090d0f}.chassis-page-header{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(90deg,rgba(var(--accent-rgb),.07),transparent 46%)}.chassis-page-header>div{display:flex;align-items:baseline;gap:10px}.chassis-page-header div>span{color:var(--accent);font:500 8px DM Mono,monospace}.chassis-page-header div>strong{color:#adb6b7;font:600 10px DM Mono,monospace;letter-spacing:1.5px}.chassis-page-header div>small{color:#4a555b;font:400 6px DM Mono,monospace;letter-spacing:1px}.chassis-page-header>p{display:flex;align-items:center;gap:7px;margin:0;color:#526067;font:400 6px DM Mono,monospace;letter-spacing:.6px}.chassis-page-header p>i{width:5px;height:5px;border-radius:50%;background:#333d41}.chassis-page-header p>i.active{background:var(--accent);box-shadow:0 0 8px var(--accent)}.chassis-page-header p b{margin-left:7px;color:#8c714a;font-weight:500}.chassis-page-body{height:478px;padding:12px;overflow:hidden}.harmony-surface,.groove-surface,.song-surface{display:grid;grid-template-rows:260px 182px;gap:12px}.harmony-workstation{display:grid;grid-template-rows:112px 206px 112px;gap:12px}.harmony-sequence-band,.harmony-work-band>article,.harmony-intelligence-band>article{min-width:0;overflow:hidden;border:1px solid #293337;border-radius:3px;background:linear-gradient(145deg,#141b1e,#080c0e);box-shadow:inset 0 1px #ffffff09}.harmony-sequence-band{display:grid;grid-template-rows:22px 1fr;gap:6px;padding:7px 8px}.harmony-sequence-band>header,.harmony-work-band article>header,.harmony-intelligence-band article>header{display:flex;align-items:center;min-width:0;color:#68747a;font:500 6px DM Mono,monospace;letter-spacing:.7px}.harmony-sequence-band>header>div:first-child{display:flex;align-items:center;gap:8px}.harmony-sequence-band>header>div:first-child>span,.harmony-work-band article>header>span,.harmony-intelligence-band article>header>span{color:var(--accent)}.harmony-sequence-band>header>div:first-child strong,.harmony-work-band article>header>strong,.harmony-intelligence-band article>header>strong{color:#8d989c;letter-spacing:1px}.harmony-sequence-band>header>div:first-child small{color:#465158}.harmony-context-tools{display:flex;gap:3px;margin-left:auto}.harmony-context-tools button{width:25px;height:20px;display:grid;place-items:center;border:1px solid #2c363a;border-radius:2px;background:#0d1214;color:#657177;cursor:pointer}.harmony-context-tools button.active{border-color:rgba(var(--accent-rgb),.42);color:var(--accent)}.harmony-context-tools button:disabled{opacity:.25;cursor:default}.harmony-bank-switch{display:flex;gap:3px;margin-left:8px}.harmony-bank-switch button{height:20px;padding:0 8px;border:1px solid #2c363a;border-radius:2px;background:#0d1214;color:#526067;font:500 5px DM Mono,monospace;letter-spacing:.5px;cursor:pointer}.harmony-bank-switch button.active{border-color:rgba(var(--accent-rgb),.4);background:rgba(var(--accent-rgb),.07);color:var(--accent)}.harmony-bank-switch button:disabled{opacity:.25;cursor:default}.harmony-bank-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;min-height:0}.harmony-bank-grid>button,.harmony-empty-slot{min-width:0;position:relative;overflow:hidden;border:1px solid #273135;border-radius:2px;background:linear-gradient(145deg,#12191b,#090d0f)}.harmony-bank-grid>button{display:grid;grid-template-columns:1fr auto;grid-template-rows:13px 1fr 11px;align-items:center;padding:5px 7px;color:#6d797e;text-align:left;cursor:pointer}.harmony-bank-grid>button:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#303a3f}.harmony-bank-grid>button:hover,.harmony-bank-grid>button.selected{border-color:rgba(var(--accent-rgb),.45)}.harmony-bank-grid>button.active{background:linear-gradient(145deg,rgba(var(--accent-rgb),.14),#09100f);box-shadow:inset 0 0 15px rgba(var(--accent-rgb),.05)}.harmony-bank-grid>button.active:before{background:var(--accent);box-shadow:0 0 7px var(--accent)}.harmony-bank-grid>button small{color:#4b575d;font:500 5px DM Mono,monospace}.harmony-bank-grid>button strong{grid-column:1 / -1;min-width:0;overflow:hidden;color:#c4cecc;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.harmony-bank-grid>button span{color:#445056;font:500 4px DM Mono,monospace;letter-spacing:.5px}.harmony-bank-grid>button.locked span{color:var(--accent)}.harmony-bank-grid>button>i{position:absolute;right:6px;top:6px;width:4px;height:4px;border-radius:50%;background:#303a3e}.harmony-bank-grid>button.locked>i{background:var(--accent);box-shadow:0 0 6px var(--accent)}.harmony-empty-slot{display:flex;align-items:center;justify-content:center;color:#2e393e}.harmony-empty-slot small{font:500 5px DM Mono,monospace}.harmony-empty-slot i{width:22px;height:1px;margin-left:7px;background:#263034}.harmony-work-band{display:grid;grid-template-columns:1.02fr .94fr 1.18fr;gap:10px;min-height:0}.harmony-work-band>article{display:grid;grid-template-rows:28px 1fr}.harmony-work-band article>header,.harmony-intelligence-band article>header{padding:0 9px;gap:7px;border-bottom:1px solid rgba(255,255,255,.055);background:linear-gradient(90deg,rgba(var(--accent-rgb),.055),transparent 55%)}.harmony-work-band article>header small,.harmony-intelligence-band article>header small{min-width:0;margin-left:auto;overflow:hidden;color:#47535a;text-overflow:ellipsis;white-space:nowrap}.harmony-editor-content{min-height:0;display:grid;grid-template-rows:53px 42px 1fr;gap:6px;padding:8px 9px}.harmony-chord-identity{min-width:0;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr 14px;column-gap:10px;align-items:center}.harmony-chord-identity>strong{grid-row:1 / 3;color:#d6ddda;font-size:25px;letter-spacing:-.8px}.harmony-chord-identity>span{align-self:end;color:var(--accent);font:500 6px DM Mono,monospace}.harmony-chord-identity>small{align-self:start;overflow:hidden;color:#4e5a60;font:400 5px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.harmony-editor-controls{display:grid;grid-template-columns:.68fr 1.3fr 1fr;gap:5px}.harmony-editor-controls label{min-width:0;display:grid;grid-template-rows:10px 1fr}.harmony-editor-controls label>span{color:#465158;font:500 4px DM Mono,monospace;letter-spacing:.7px}.harmony-editor-controls select{min-width:0;height:27px;padding:0 5px;border:1px solid #303a3f;border-radius:2px;outline:0;background:#0b1012;color:#889499;font:500 6px DM Mono,monospace}.harmony-function-buttons{display:grid;grid-template-columns:56px repeat(3,1fr);gap:5px;align-items:stretch}.harmony-function-buttons>span{display:flex;align-items:center;color:#465159;font:500 4px DM Mono,monospace;letter-spacing:.6px}.harmony-function-buttons button{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #2d373b;border-radius:2px;background:#0c1214;color:#8d999d;font:600 8px DM Mono,monospace;cursor:pointer}.harmony-function-buttons button small{color:#465159;font-size:4px;font-weight:500}.harmony-module-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#354146}.harmony-module-empty strong{color:#657177;font:500 8px DM Mono,monospace;letter-spacing:1px}.harmony-module-empty span{font:400 5px DM Mono,monospace;letter-spacing:.6px}.harmony-analysis-content{min-height:0;display:grid;grid-template-rows:38px 57px 1fr;gap:7px;padding:8px 9px}.harmony-tension-meter{display:grid;grid-template-columns:54px 25px 1fr;align-items:center;gap:7px}.harmony-tension-meter>span{color:#4d595f;font:500 5px DM Mono,monospace;letter-spacing:.6px}.harmony-tension-meter>strong{color:var(--accent);font:600 14px DM Mono,monospace}.harmony-tension-meter>i{height:3px;overflow:hidden;background:#273135}.harmony-tension-meter i b{display:block;height:100%;background:var(--accent);box-shadow:0 0 7px var(--accent)}.harmony-analysis-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.harmony-analysis-metrics>div{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:5px;border:1px solid #252f33;background:#0a0f11}.harmony-analysis-metrics span{color:#445056;font:500 4px DM Mono,monospace}.harmony-analysis-metrics strong{overflow:hidden;color:#9ca7aa;font:600 10px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.harmony-analysis-metrics small{overflow:hidden;color:#3e494f;font:400 3.5px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.harmony-analysis-content>p{margin:0;overflow:hidden;color:#5a666b;font-size:6px;line-height:1.5}.harmony-analysis-content>p strong{margin-right:6px;color:var(--accent);font:500 5px DM Mono,monospace}.harmony-overview-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:62px 1fr;gap:8px;padding:10px}.harmony-overview-content>div:not(.harmony-mini-curve){display:flex;flex-direction:column;justify-content:center;gap:5px;padding:7px;border:1px solid #253034;background:#0a0f11}.harmony-overview-content span{color:#465259;font:500 4px DM Mono,monospace}.harmony-overview-content strong{color:#a2adaf;font:600 13px DM Mono,monospace}.harmony-overview-content small{color:#465259;font:400 4px DM Mono,monospace}.harmony-mini-curve{grid-column:1 / -1;display:flex;align-items:end;gap:4px;height:75px;border-bottom:1px solid #293438}.harmony-mini-curve i{flex:1;min-height:8px;position:relative;background:linear-gradient(180deg,var(--accent),rgba(var(--accent-rgb),.12));opacity:.62}.harmony-mini-curve i span{position:absolute;left:50%;bottom:2px;transform:translate(-50%);color:#0b1112;font-size:3px}.harmony-recommendation-list{min-height:0;display:grid;grid-template-rows:repeat(3,1fr);gap:5px;padding:7px}.harmony-recommendation-list>div{min-width:0;display:grid;grid-template-columns:17px 1fr 27px 42px;align-items:center;gap:6px;padding:4px 5px;border:1px solid #273135;border-left:2px solid rgba(var(--accent-rgb),.38);background:#0a0f11}.harmony-recommendation-list>div>span{color:#445057;font:500 5px DM Mono,monospace}.harmony-recommendation-list section{min-width:0;display:grid;grid-template-columns:auto 1fr;grid-template-rows:14px 11px;align-items:baseline;column-gap:7px}.harmony-recommendation-list section strong{color:#c6cecc;font-size:11px}.harmony-recommendation-list section small{overflow:hidden;color:#68747a;font:500 4px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.harmony-recommendation-list section p{grid-column:1 / -1;margin:0;overflow:hidden;color:#3f4a50;font:400 3.5px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.harmony-recommendation-list>div>button{height:25px;display:grid;place-items:center;border:1px solid #2b3539;border-radius:2px;background:#101619;color:#68757a;cursor:pointer}.harmony-recommendation-list>div>button.apply{width:42px;color:var(--accent);font:500 5px DM Mono,monospace;letter-spacing:.4px}.harmony-recommendation-list>div.category-dominant{border-left-color:#c69751}.harmony-recommendation-list>div.category-borrowed{border-left-color:#7f79bd}.harmony-recommendation-list>div.category-passing{border-left-color:#5c9ca0}.harmony-intelligence-band{display:grid;grid-template-columns:1.2fr .9fr 1.15fr;gap:10px;min-height:0}.harmony-intelligence-band>article{display:grid;grid-template-rows:27px 1fr}.harmony-intelligence-band article>header b{margin-left:auto;color:var(--accent);font:600 12px DM Mono,monospace}.harmony-health-module>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px}.harmony-health-module>div>span{min-width:0;display:grid;grid-template-columns:1fr 20px;grid-template-rows:11px 3px;align-items:center;column-gap:5px}.harmony-health-module small{color:#48545a;font:500 4px DM Mono,monospace}.harmony-health-module span>strong{color:#7d898d;font:500 6px DM Mono,monospace;text-align:right}.harmony-health-module span>i{grid-column:1 / -1;height:3px;overflow:hidden;background:#263034}.harmony-health-module span>i b{display:block;height:100%;background:var(--accent);opacity:.75}.harmony-coach-module>p{margin:10px 11px 4px;overflow:hidden;color:#69757a;font-size:6px;line-height:1.45}.harmony-coach-module>span{display:block;margin:0 11px;overflow:hidden;color:#3f4b51;font:400 4px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.harmony-modulation-module>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px}.harmony-modulation-module button{min-width:0;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:16px 12px;align-items:center;column-gap:5px;padding:5px;border:1px solid #293337;border-radius:2px;background:#0b1012;color:#667278;text-align:left;cursor:pointer}.harmony-modulation-module button>span{color:#465158;font:500 3.5px DM Mono,monospace}.harmony-modulation-module button>strong{color:var(--accent);font:600 11px DM Mono,monospace}.harmony-modulation-module button>small{grid-column:1 / 3;overflow:hidden;color:#556168;font:500 4px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.harmony-modulation-module button svg{grid-column:3;grid-row:1 / 3}.chassis-sequence-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.chassis-sequence-grid button{min-width:0;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;overflow:hidden;padding:14px 12px;border:1px solid #2a3337;border-radius:3px;background:linear-gradient(145deg,#161d20,#0a0e10);color:#7c878c;text-align:left;cursor:pointer;box-shadow:inset 0 1px #ffffff09}.chassis-sequence-grid button:before{content:"";position:absolute;left:0;right:60%;top:0;height:1px;background:#475158}.chassis-sequence-grid button:hover,.chassis-sequence-grid button.selected{border-color:rgba(var(--accent-rgb),.4)}.chassis-sequence-grid button.active{background:linear-gradient(145deg,rgba(var(--accent-rgb),.14),#0a1110);color:var(--accent);box-shadow:inset 0 0 24px rgba(var(--accent-rgb),.07)}.chassis-sequence-grid button.active:before{right:0;background:var(--accent);box-shadow:0 0 9px var(--accent)}.chassis-sequence-grid small{color:#4b565c;font:500 6px DM Mono,monospace}.chassis-sequence-grid strong{max-width:100%;overflow:hidden;color:#d2d9d7;font-size:22px;text-overflow:ellipsis;white-space:nowrap}.chassis-sequence-grid span{max-width:100%;overflow:hidden;color:#5b666b;font:400 6px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.chassis-sequence-grid button>i{position:absolute;left:12px;right:12px;bottom:12px;height:2px;background:#263034}.chassis-sequence-grid button.locked>i{background:linear-gradient(90deg,var(--accent) 45%,#263034 45%)}.chassis-data-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.chassis-data-row article,.chassis-system-grid article{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:13px;border:1px solid #283136;border-radius:3px;background:linear-gradient(145deg,#13191c,#090d0f)}.chassis-data-row article>span,.chassis-system-grid article>span{color:#4b565c;font:500 6px DM Mono,monospace;letter-spacing:1px}.chassis-data-row article>strong,.chassis-system-grid article>strong{overflow:hidden;color:#aeb7b8;font:600 14px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.chassis-data-row article>small,.chassis-system-grid article>small{overflow:hidden;color:#4d595f;font:400 6px/1.5 DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.chassis-data-row .migration-card{border-color:rgba(var(--accent-rgb),.2);background:linear-gradient(145deg,rgba(var(--accent-rgb),.055),#090d0f)}.migration-card>strong{color:var(--accent)!important}.migration-card button{height:30px;margin-top:2px;border:1px solid rgba(var(--accent-rgb),.3);border-radius:2px;background:rgba(var(--accent-rgb),.055);color:var(--accent);font:500 6px DM Mono,monospace;letter-spacing:.6px;cursor:pointer}.groove-workstation{display:grid;grid-template-rows:70px 286px 74px;gap:12px}.groove-program-band,.groove-matrix-module,.groove-inspector-module,.groove-pocket-band>article{min-width:0;overflow:hidden;border:1px solid #293337;border-radius:3px;background:linear-gradient(145deg,#141b1e,#080c0e);box-shadow:inset 0 1px #ffffff09}.groove-program-band{display:grid;grid-template-rows:21px 1fr;padding:6px 8px}.groove-program-band>header,.groove-matrix-module>header,.groove-inspector-module>header,.groove-pocket-curve>header{min-width:0;display:flex;align-items:center;gap:7px;color:#69757a;font:500 6px DM Mono,monospace;letter-spacing:.7px}.groove-program-band>header>span,.groove-matrix-module>header>span,.groove-inspector-module>header>span,.groove-pocket-curve>header>span{color:var(--accent)}.groove-program-band>header>strong,.groove-matrix-module>header>strong,.groove-inspector-module>header>strong,.groove-pocket-curve>header>strong{color:#8d989c;letter-spacing:1px}.groove-program-band>header>small,.groove-matrix-module>header>small,.groove-inspector-module>header>small,.groove-pocket-curve>header>small{min-width:0;margin-left:auto;overflow:hidden;color:#465158;font-size:5px;text-overflow:ellipsis;white-space:nowrap}.groove-program-controls{min-width:0;display:grid;grid-template-columns:46px 1.45fr .55fr .92fr .9fr .72fr .8fr .82fr .82fr .9fr .72fr;align-items:end;gap:5px}.groove-program-controls label{min-width:0;height:31px;display:grid;grid-template-rows:10px 21px;align-items:center;color:#48545a;font:500 4px DM Mono,monospace;letter-spacing:.5px}.groove-program-controls label>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.groove-program-controls label>span b{float:right;color:#778489;font-weight:500}.groove-program-controls select{width:100%;height:21px;padding:0 4px;border:1px solid #2d383c;border-radius:2px;outline:0;background:#0a0f11;color:#7d898d;font:500 5px DM Mono,monospace}.groove-program-controls .groove-enable{display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;gap:4px;border:1px solid #2b3539;border-radius:2px;background:#0a0f11;cursor:pointer}.groove-enable input{width:8px;height:8px;margin:0;accent-color:var(--accent)}.groove-enable input:checked+span{color:var(--accent)}.groove-program-controls input[type=range],.groove-step-inspector input[type=range]{width:100%;height:14px;margin:0;accent-color:var(--accent);cursor:pointer}.groove-edit-band{min-height:0;display:grid;grid-template-columns:1fr 276px;gap:10px}.groove-matrix-module,.groove-inspector-module{display:grid;grid-template-rows:28px 1fr}.groove-matrix-module>header,.groove-inspector-module>header{padding:0 9px;border-bottom:1px solid rgba(255,255,255,.055);background:linear-gradient(90deg,rgba(var(--accent-rgb),.055),transparent 55%)}.groove-step-matrix{min-height:0;display:grid;grid-template-rows:16px repeat(7,1fr);gap:3px;padding:7px 8px 8px;background:radial-gradient(circle at 60% 20%,rgba(var(--accent-rgb),.03),transparent 34%),#080c0e}.groove-step-ruler,.groove-step-row{min-width:0;display:grid;grid-template-columns:52px repeat(16,1fr);align-items:center;gap:4px}.groove-step-ruler>span,.groove-step-row>span{color:#4d595f;font:500 5px DM Mono,monospace;letter-spacing:.65px}.groove-step-ruler>i{color:#354046;font: 4px DM Mono,monospace;text-align:center}.groove-step-ruler>i.beat{color:var(--accent)}.groove-step-row>button:not(.groove-lane-audition),.groove-step-row>i{min-width:0;height:22px;position:relative;display:grid;place-items:center;padding:0;border:1px solid #222c30;border-radius:2px;background:#0e1416;color:#263136;cursor:pointer}.groove-step-row>button:nth-child(4n+2),.groove-step-row>i:nth-child(4n+2){border-left-color:#3b474c}.groove-step-row>button:hover{border-color:#455259}.groove-step-row>button.selected{border-color:rgba(var(--accent-rgb),.65);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.16)}.groove-step-row>button>i{width:9px;height:9px;display:grid;place-items:center;border-radius:1px;background:#273236;color:#07100d;font:600 4px DM Mono,monospace;opacity:.38}.groove-step-row>button.active>i{background:var(--accent);opacity:var(--hit-level,.75);box-shadow:0 0 7px rgba(var(--accent-rgb),.38)}.groove-step-row>button.playhead,.groove-step-row>i.playhead{border-color:var(--accent);box-shadow:0 0 6px rgba(var(--accent-rgb),.32)}.groove-step-row>button.playhead:after,.groove-step-row>i.playhead:after{content:"";position:absolute;left:3px;right:3px;top:2px;height:1px;background:var(--accent)}.groove-step-row .groove-lane-audition{width:52px;height:22px;padding:0 5px;border:1px solid #293438;border-radius:2px;background:#101619;color:#606d72;font:500 5px DM Mono,monospace;letter-spacing:.5px;cursor:pointer}.groove-step-row .groove-lane-audition:hover{color:var(--accent)}.groove-step-row.chord-row>i{color:#435057;cursor:default}.groove-step-row.chord-row>i.active{border-color:rgba(var(--accent-rgb),.22);background:rgba(var(--accent-rgb),.07);color:var(--accent)}.groove-step-row.chord-row>i b{font:500 5px DM Mono,monospace}.groove-step-row.bass-row>button.active>i{background:#8acdb8}.groove-step-inspector{min-height:0;display:grid;grid-template-rows:44px 22px repeat(3,31px) 1fr;gap:5px;padding:8px 9px}.groove-step-inspector:has(.inspector-select){grid-template-rows:39px 20px 28px repeat(3,27px) 1fr;gap:3px}.groove-inspector-identity{min-width:0;display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr 13px;align-items:center;padding:5px 7px;border:1px solid #263135;background:#090e10}.groove-inspector-identity>span{align-self:end;overflow:hidden;color:var(--accent);font:500 6px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.groove-inspector-identity>strong{grid-row:1 / 3;color:#bcc6c4;font:600 22px DM Mono,monospace}.groove-inspector-identity>small{align-self:start;color:#465259;font:400 4px DM Mono,monospace}.groove-step-inspector>label:not(.inspector-toggle){min-width:0;display:grid;grid-template-rows:12px 1fr;color:#4b575d;font:500 4px DM Mono,monospace;letter-spacing:.45px}.groove-step-inspector>label>span b{float:right;color:#7f8b8f;font-weight:500}.groove-step-inspector .inspector-toggle{display:flex;align-items:center;gap:7px;color:#59666b;font:500 5px DM Mono,monospace;cursor:pointer}.groove-step-inspector .inspector-toggle input{width:9px;height:9px;margin:0;accent-color:var(--accent)}.groove-step-inspector .inspector-select select{min-width:0;height:18px;border:1px solid #2c373b;border-radius:2px;background:#0a0f11;color:#7c888d;font:500 5px DM Mono,monospace}.groove-inspector-actions{align-self:end;display:grid;grid-template-columns:1.35fr 1fr;gap:5px}.groove-inspector-actions button{height:26px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #2c373b;border-radius:2px;background:#101619;color:#68757a;font:500 5px DM Mono,monospace;cursor:pointer}.groove-inspector-actions button:first-child{border-color:rgba(var(--accent-rgb),.3);color:var(--accent)}.groove-pocket-band{min-height:0;display:grid;grid-template-columns:1.85fr .72fr 1.12fr;gap:10px}.groove-pocket-curve{display:grid;grid-template-rows:23px 1fr;padding:6px 8px}.groove-pocket-curve>div{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;align-items:center;min-height:0}.groove-pocket-curve>div>i{height:27px;position:relative;border-left:1px solid #263135;border-right:1px solid #263135;background:linear-gradient(to bottom,transparent calc(var(--pocket-level) - 1px),rgba(var(--accent-rgb),.75) var(--pocket-level),transparent calc(var(--pocket-level) + 1px))}.groove-pocket-curve i:after{content:"";position:absolute;left:50%;top:var(--pocket-level);width:4px;height:4px;transform:translate(-50%,-50%);border-radius:50%;background:var(--accent);box-shadow:0 0 5px var(--accent)}.groove-pocket-curve i span,.groove-pocket-curve i b{position:absolute;bottom:1px;color:#455158;font: 3.5px DM Mono,monospace}.groove-pocket-curve i span{left:3px}.groove-pocket-curve i b{right:3px;color:#657277}.groove-pocket-readout{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:7px 10px}.groove-pocket-readout>span{color:#465259;font:500 4px DM Mono,monospace;letter-spacing:.6px}.groove-pocket-readout>strong{color:#aab5b4;font:600 10px DM Mono,monospace}.groove-pocket-readout>small,.groove-pocket-readout>p{margin:0;overflow:hidden;color:#465259;font:400 4px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.groove-pocket-readout>p{color:#3b474c}.groove-pocket-actions{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:5px;padding:8px}.groove-pocket-actions button{height:37px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #2c373b;border-radius:2px;background:#0c1214;color:#667378;font:500 5px DM Mono,monospace;cursor:pointer}.groove-pocket-actions button:first-child{border-color:rgba(var(--accent-rgb),.27);color:var(--accent)}.groove-pocket-actions button.active{background:rgba(var(--accent-rgb),.09);color:var(--accent);box-shadow:inset 0 0 12px rgba(var(--accent-rgb),.06)}.song-workstation{display:grid;grid-template-rows:112px 258px 60px;gap:12px}.song-timeline-band,.song-section-workarea>article,.song-melody-workarea>article,.song-status-band{min-width:0;overflow:hidden;border:1px solid #293337;border-radius:3px;background:linear-gradient(145deg,#141b1e,#080c0e);box-shadow:inset 0 1px #ffffff09}.song-timeline-band{display:grid;grid-template-rows:27px 1fr;gap:5px;padding:6px 8px 8px}.song-timeline-band>header{min-width:0;display:flex;align-items:center;gap:8px}.song-timeline-band>header>div:first-child{display:flex;align-items:center;gap:7px;color:#667278;font:500 6px DM Mono,monospace;letter-spacing:.7px}.song-timeline-band>header>div:first-child>span{color:var(--accent)}.song-timeline-band>header>div:first-child>strong{color:#8d989c;letter-spacing:1px}.song-timeline-band>header>div:first-child>small{color:#465158;font-size:5px}.song-mode-switch,.song-bank-switch{display:flex;gap:3px}.song-mode-switch{margin-left:auto}.song-mode-switch button,.song-bank-switch button,.song-timeline-tools button{height:20px;border:1px solid #2c363a;border-radius:2px;background:#0d1214;color:#526067;font:500 5px DM Mono,monospace;cursor:pointer}.song-mode-switch button{min-width:52px}.song-bank-switch button{width:23px}.song-mode-switch button.active,.song-bank-switch button.active{border-color:rgba(var(--accent-rgb),.42);background:rgba(var(--accent-rgb),.07);color:var(--accent)}.song-timeline-tools{display:flex;align-items:center;gap:3px}.song-timeline-tools button{min-width:23px;display:flex;align-items:center;justify-content:center;padding:0 6px}.song-timeline-tools button.add{gap:3px;color:var(--accent)}.song-timeline-tools button:disabled{opacity:.25;cursor:default}.song-timeline-tools select{width:74px;height:20px;border:1px solid #2c363a;border-radius:2px;background:#0d1214;color:#657177;font:500 5px DM Mono,monospace}.song-section-bank{min-height:0;display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.song-section-bank>button,.song-empty-section{min-width:0;position:relative;overflow:hidden;border:1px solid #273135;border-radius:2px;background:linear-gradient(145deg,#12191b,#090d0f)}.song-section-bank>button{display:grid;grid-template-rows:11px 1fr 10px 3px;gap:3px;padding:5px 7px;color:#68747a;text-align:left;cursor:pointer}.song-section-bank>button:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:#4d5a60}.song-section-bank>button.type-intro:before{background:#6993a1}.song-section-bank>button.type-verse:before{background:#648b78}.song-section-bank>button.type-pre-chorus:before{background:#938467}.song-section-bank>button.type-chorus:before{background:var(--accent)}.song-section-bank>button.type-bridge:before{background:#8b74a1}.song-section-bank>button.type-breakdown:before{background:#9a6d61}.song-section-bank>button.type-outro:before{background:#67717b}.song-section-bank>button.selected{border-color:rgba(var(--accent-rgb),.52);background:linear-gradient(145deg,rgba(var(--accent-rgb),.11),#09100f)}.song-section-bank>button.active{box-shadow:inset 0 0 0 1px var(--accent),0 0 7px rgba(var(--accent-rgb),.2)}.song-section-bank button>small{overflow:hidden;color:#4a565c;font:500 4px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.song-section-bank button>strong{overflow:hidden;align-self:center;color:#aab4b4;font:600 9px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.song-section-bank button>span{overflow:hidden;color:#4d595f;font:400 4px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.song-section-bank button>i{overflow:hidden;background:#263034}.song-section-bank button>i b{display:block;height:100%;background:var(--accent);opacity:.65}.song-empty-section{display:flex;align-items:center;justify-content:center;gap:5px;color:#303b40}.song-empty-section small{font:500 4px DM Mono,monospace}.song-empty-section i{width:17px;height:1px;background:#293438}.song-section-workarea{min-height:0;display:grid;grid-template-columns:260px 1fr 240px;gap:9px}.song-section-workarea>article,.song-melody-workarea>article{display:grid;grid-template-rows:28px 1fr}.song-section-workarea article>header,.song-melody-workarea article>header{min-width:0;display:flex;align-items:center;gap:7px;padding:0 9px;border-bottom:1px solid rgba(255,255,255,.055);background:linear-gradient(90deg,rgba(var(--accent-rgb),.055),transparent 58%);color:#68747a;font:500 6px DM Mono,monospace;letter-spacing:.6px}.song-section-workarea article>header>span,.song-melody-workarea article>header>span{color:var(--accent)}.song-section-workarea article>header>strong,.song-melody-workarea article>header>strong{color:#8d989c;letter-spacing:.8px}.song-section-workarea article>header>small,.song-melody-workarea article>header>small{min-width:0;margin-left:auto;overflow:hidden;color:#465158;font-size:4px;text-overflow:ellipsis;white-space:nowrap}.song-section-identity>div{min-height:0;display:grid;grid-template-columns:1fr 78px;grid-template-rows:38px 34px 48px 1fr;gap:6px;padding:8px}.song-section-identity label{min-width:0;display:grid;grid-template-rows:10px 1fr;color:#4a565c;font:500 4px DM Mono,monospace}.song-section-identity label input,.song-section-identity label select{min-width:0;height:25px;padding:0 5px;border:1px solid #2c373b;border-radius:2px;background:#0a0f11;color:#889397;font:500 6px DM Mono,monospace}.song-repeat-control{grid-column:1 / -1;display:grid;grid-template-columns:1fr 25px 34px 25px;align-items:center;gap:4px;color:#4b575d;font:500 4px DM Mono,monospace}.song-repeat-control button{height:22px;display:grid;place-items:center;border:1px solid #2c373b;border-radius:2px;background:#0d1315;color:#667278;cursor:pointer}.song-repeat-control strong{color:var(--accent);font:600 10px DM Mono,monospace;text-align:center}.song-repeat-control button:disabled{opacity:.25}.song-section-metrics{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.song-section-metrics>span{display:flex;flex-direction:column;justify-content:center;gap:3px;padding:5px;border:1px solid #263135;background:#090e10}.song-section-metrics small{color:#445056;font:500 4px DM Mono,monospace}.song-section-metrics strong{color:#9aa6a7;font:600 9px DM Mono,monospace}.song-section-actions{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;align-items:end}.song-section-actions button{height:31px;border:1px solid #2c373b;border-radius:2px;background:#0d1315;color:#647176;font:500 4.5px DM Mono,monospace;cursor:pointer}.song-section-actions button:nth-child(2){border-color:rgba(var(--accent-rgb),.32);color:var(--accent)}.song-progression-strip{min-height:0;display:grid;grid-template-columns:repeat(8,1fr);grid-auto-rows:1fr;gap:5px;padding:8px}.song-progression-strip>button{min-width:0;position:relative;display:flex;flex-direction:column;justify-content:center;gap:6px;overflow:hidden;padding:6px;border:1px solid #273135;border-radius:2px;background:#0a0f11;color:#68747a;text-align:left;cursor:pointer}.song-progression-strip>button:hover{border-color:rgba(var(--accent-rgb),.38)}.song-progression-strip small{overflow:hidden;color:#465159;font:500 4px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.song-progression-strip strong{overflow:hidden;color:#b8c1c0;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.song-progression-strip span{overflow:hidden;color:#465158;font:400 3.5px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.song-progression-strip i{position:absolute;right:4px;bottom:4px;width:2px;max-height:70%;background:var(--accent);opacity:.55}.song-section-analysis{grid-template-rows:28px 85px 1fr 34px!important}.song-section-energy{display:flex;align-items:end;gap:4px;padding:10px 9px 5px;border-bottom:1px solid rgba(255,255,255,.045)}.song-section-energy i{flex:1;min-height:7px;position:relative;background:linear-gradient(180deg,var(--accent),rgba(var(--accent-rgb),.12));opacity:.65}.song-section-energy i span{position:absolute;left:50%;bottom:1px;transform:translate(-50%);color:#0a1010;font: 3px DM Mono,monospace}.song-section-analysis>p{margin:8px 9px;overflow:hidden;color:#5a666b;font-size:6px;line-height:1.4}.song-section-analysis>p strong{display:block;margin-bottom:4px;color:#879296;font:500 5px DM Mono,monospace}.song-section-analysis>div:last-child{display:grid;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:5px;padding:0 9px;border-top:1px solid rgba(255,255,255,.045);color:#465158;font:500 4px DM Mono,monospace}.song-section-analysis>div:last-child strong{color:var(--accent);font-size:7px}.song-no-selection{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#3c484d}.song-no-selection strong{font:500 7px DM Mono,monospace;letter-spacing:.8px}.song-melody-workarea{min-height:0;display:grid;grid-template-columns:216px 1fr 268px;gap:9px}.song-melody-capture{grid-template-rows:28px 76px 25px 34px 29px 1fr!important}.song-phrase-editor{grid-template-rows:28px 40px 83px 1fr!important}.song-melody-capture>div:not(.song-scale-pads),.song-melody-capture>label,.song-melody-capture>button{margin-left:8px;margin-right:8px}.song-scale-pads{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:7px 8px 5px}.song-scale-pads button{height:33px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid #293438;border-radius:2px;background:#0a1012;color:#667278;cursor:pointer}.song-scale-pads button:hover{border-color:rgba(var(--accent-rgb),.42);color:var(--accent)}.song-scale-pads small{font:500 4px DM Mono,monospace}.song-scale-pads strong{font:600 7px DM Mono,monospace}.song-capture-arm{width:calc(100% - 16px);height:25px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #2b363a;border-radius:2px;background:#0d1315;color:#657177;font:500 5px DM Mono,monospace;cursor:pointer}.song-capture-arm.active{border-color:rgba(var(--accent-rgb),.48);background:rgba(var(--accent-rgb),.08);color:var(--accent)}.song-capture-settings{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:5px}.song-capture-settings label{min-width:0;display:grid;grid-template-rows:9px 19px;color:#465158;font:500 4px DM Mono,monospace}.song-capture-settings select{min-width:0;border:1px solid #2b363a;border-radius:2px;background:#090e10;color:#748085;font:500 5px DM Mono,monospace}.song-capture-velocity{display:grid;grid-template-rows:11px 14px;margin-top:4px;color:#465158;font:500 4px DM Mono,monospace}.song-capture-velocity b{float:right;color:#7b878b}.song-capture-velocity input,.song-note-controls input{width:100%;height:12px;margin:0;accent-color:var(--accent)}.song-capture-tools{display:grid!important;grid-template-columns:1fr .72fr .62fr;gap:4px;margin-top:4px}.song-capture-tools button,.song-capture-tools label{height:23px;display:flex;align-items:center;justify-content:center;gap:3px;border:1px solid #2b363a;border-radius:2px;background:#0d1315;color:#657177;font:500 4px DM Mono,monospace;cursor:pointer}.song-capture-tools button:disabled{opacity:.25}.song-capture-tools label input{display:none}.song-phrase-editor>header>button{height:18px;display:flex;align-items:center;gap:3px;margin-left:4px;padding:0 6px;border:1px solid #2b363a;border-radius:2px;background:#0c1214;color:#526067;font:500 4px DM Mono,monospace;cursor:pointer}.song-phrase-editor>header>button.active{color:var(--accent)}.song-melody-bars{display:grid;grid-template-columns:repeat(16,1fr);gap:3px;padding:7px 8px 5px}.song-melody-bars button{min-width:0;height:28px;display:grid;grid-template-rows:10px 1fr;place-items:center;padding:2px;border:1px solid #273135;border-radius:2px;background:#0a0f11;color:#4c585e;cursor:pointer}.song-melody-bars button span{font:400 3.5px DM Mono,monospace}.song-melody-bars button strong{font:600 5px DM Mono,monospace}.song-melody-bars button.active{border-color:rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.08);color:var(--accent)}.song-melody-bars button.cursor:after{content:"";width:3px;height:3px;border-radius:50%;background:var(--accent)}.song-melody-grid{min-height:0;display:grid;grid-template-columns:repeat(var(--song-steps),1fr);gap:4px;padding:0 8px}.song-melody-grid>div{min-width:0;height:77px;position:relative}.song-melody-grid>div>button:first-child{width:100%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;overflow:hidden;padding:4px;border:1px solid #273135;border-radius:2px;background:repeating-linear-gradient(0deg,#0a1012 0,#0a1012 18px,#0d1416 19px);color:#657177;cursor:pointer}.song-melody-grid>div.cursor>button:first-child{border-color:var(--accent);box-shadow:inset 0 0 10px rgba(var(--accent-rgb),.08)}.song-melody-grid>div.selected>button:first-child{background:rgba(var(--accent-rgb),.075)}.song-melody-grid button small{position:absolute;left:4px;top:3px;color:#3f4a50;font:400 3.5px DM Mono,monospace}.song-melody-grid button strong{color:#b5bfbd;font:600 7px DM Mono,monospace}.song-melody-grid button>i{width:8px;height:1px;background:#293438}.song-melody-grid button>span{color:#789d92;font:500 4px DM Mono,monospace}.song-melody-grid button>em{position:absolute;left:3px;bottom:3px;max-width:calc(100% - 6px);height:2px;background:var(--accent)}.song-melody-grid .remove{position:absolute;z-index:2;right:2px;top:2px;width:12px;height:12px;padding:0;border:0;border-radius:50%;background:#263135;color:#718085;font:500 7px DM Mono,monospace;cursor:pointer}.song-melody-analysis{display:grid;grid-template-columns:.6fr .65fr .75fr .95fr 1.25fr;gap:4px;padding:6px 8px 8px}.song-melody-analysis>span{min-width:0;display:grid;grid-template-rows:10px 1fr;padding:4px 5px;border:1px solid #263135;background:#090e10}.song-melody-analysis small{color:#445056;font:500 3.5px DM Mono,monospace}.song-melody-analysis strong{overflow:hidden;color:#8f9b9d;font:600 7px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.song-melody-analysis .fit{grid-template-columns:1fr auto}.song-melody-analysis .fit i{grid-column:1 / -1;height:2px;overflow:hidden;background:#263135}.song-melody-analysis .fit i b{display:block;height:100%;background:var(--accent)}.song-note-inspector{grid-template-rows:28px 1fr 38px!important}.song-note-controls{min-height:0;display:grid;grid-template-rows:35px 24px 29px 29px 1fr;gap:4px;padding:7px 9px 4px}.song-pitch-control{display:grid;grid-template-columns:30px 1fr 30px;align-items:center;gap:5px}.song-pitch-control button,.song-nudge-control button{height:24px;display:flex;align-items:center;justify-content:center;gap:3px;border:1px solid #2c373b;border-radius:2px;background:#0d1315;color:#667278;cursor:pointer}.song-pitch-control strong{color:var(--accent);font:600 14px DM Mono,monospace;text-align:center}.song-nudge-control{display:grid;grid-template-columns:1fr 1fr;gap:5px}.song-nudge-control button{height:22px;font:500 4px DM Mono,monospace}.song-note-controls label{min-width:0;display:grid;grid-template-columns:72px 1fr;align-items:center;color:#4b575d;font:500 4px DM Mono,monospace}.song-note-controls label b{float:right;color:#7c888c}.song-note-controls select{height:21px;border:1px solid #2c373b;border-radius:2px;background:#090e10;color:#748085;font:500 5px DM Mono,monospace}.song-delete-note{align-self:end;height:24px;display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid rgba(193,104,92,.22);border-radius:2px;background:#c1685c0a;color:#9b665e;font:500 4px DM Mono,monospace;cursor:pointer}.song-coach-readout{min-height:0;display:grid;grid-template-rows:45px 1fr 14px;gap:6px;padding:9px}.song-coach-readout>div{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.song-coach-readout>div>span{align-self:end;color:#445056;font:500 3px DM Mono,monospace}.song-coach-readout>div>strong{color:#909b9d;font:600 8px DM Mono,monospace}.song-coach-readout p{margin:0;overflow:hidden;color:#657176;font-size:6px;line-height:1.45}.song-coach-readout small{color:var(--accent);font:500 4px DM Mono,monospace}.song-melody-actions{display:grid;grid-template-columns:1fr 1.2fr .65fr;gap:4px;padding:5px 8px 7px;border-top:1px solid rgba(255,255,255,.045)}.song-melody-actions button{height:25px;display:flex;align-items:center;justify-content:center;gap:3px;border:1px solid #2b363a;border-radius:2px;background:#0d1315;color:#657177;font:500 4px DM Mono,monospace;cursor:pointer}.song-melody-actions button:first-child{border-color:rgba(var(--accent-rgb),.3);color:var(--accent)}.song-melody-actions button:disabled{opacity:.25}.song-status-band{display:grid;grid-template-columns:365px 1fr 292px;gap:10px;padding:7px 9px}.song-status-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.song-status-metrics>span{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:5px;border:1px solid #263135;background:#090e10}.song-status-metrics small{color:#435057;font:500 3.5px DM Mono,monospace}.song-status-metrics strong{overflow:hidden;color:#909b9d;font:600 7px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.song-energy-arc{min-width:0;display:grid;grid-template-columns:62px 1fr 90px;align-items:center;gap:7px}.song-energy-arc>span,.song-energy-arc>strong{color:#465158;font:500 4px DM Mono,monospace}.song-energy-arc>strong{color:#657177;text-align:right}.song-energy-arc>div{height:33px;display:flex;align-items:end;gap:1px;border-bottom:1px solid #293438}.song-energy-arc i{flex:1;min-width:1px;background:linear-gradient(180deg,var(--accent),rgba(var(--accent-rgb),.12));opacity:.58}.song-scope-deck{display:grid;grid-template-columns:1fr 108px;gap:5px}.song-scope-deck>div{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.song-scope-deck button{border:1px solid #2b363a;border-radius:2px;background:#0d1315;color:#59666b;font:500 4px DM Mono,monospace;cursor:pointer}.song-scope-deck>div button.active{border-color:rgba(var(--accent-rgb),.42);color:var(--accent)}.song-scope-deck .song-scope-play{display:flex;align-items:center;justify-content:center;gap:5px;color:#8e9a9c}.song-scope-deck .song-scope-play.active{background:rgba(var(--accent-rgb),.08);color:var(--accent)}.practice-console-surface{display:grid;grid-template-columns:210px 1fr;gap:10px;color:#6d797d}.practice-curriculum-module,.practice-target-module,.practice-monitor-module,.practice-run-module{min-width:0;overflow:hidden;border:1px solid #2b3539;border-radius:3px;background:linear-gradient(145deg,#141b1e,#080c0e);box-shadow:inset 0 1px #ffffff0a}.practice-curriculum-module>header,.practice-target-module>header,.practice-monitor-module>header,.practice-run-module>header{height:28px;display:flex;align-items:center;gap:7px;padding:0 9px;border-bottom:1px solid rgba(255,255,255,.055);background:linear-gradient(90deg,rgba(var(--accent-rgb),.075),transparent 65%);color:var(--accent);font:500 5.5px DM Mono,monospace;letter-spacing:.7px}.practice-curriculum-module>header strong,.practice-target-module>header small,.practice-monitor-module>header small,.practice-run-module>header small{margin-left:auto;color:#566269;font:500 5px DM Mono,monospace}.practice-target-module>header small.active{color:var(--accent)}.practice-curriculum-module{display:grid;grid-template-rows:28px 29px 1fr 51px}.practice-profile-strip{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;border-bottom:1px solid rgba(255,255,255,.045);color:#536066;font:500 4px DM Mono,monospace;text-align:center}.practice-profile-strip span{display:flex;align-items:center;justify-content:center;gap:3px;border-right:1px solid rgba(255,255,255,.035)}.practice-curriculum-module nav{display:grid;grid-template-rows:repeat(6,1fr);gap:4px;padding:7px}.practice-curriculum-module nav button{min-height:0;display:grid;grid-template-columns:24px 1fr;align-items:center;gap:6px;padding:3px 6px;overflow:hidden;border:1px solid #273135;border-radius:2px;background:#0a0f11;color:#59666b;text-align:left;cursor:pointer}.practice-curriculum-module nav button>i{width:20px;height:20px;display:grid;place-items:center;border:1px solid #293438;border-radius:50%;color:#526067;font: 5px DM Mono,monospace}.practice-curriculum-module nav button>span{min-width:0;display:flex;flex-direction:column;gap:2px}.practice-curriculum-module nav small{color:#424e54;font:400 3.5px DM Mono,monospace}.practice-curriculum-module nav strong{overflow:hidden;color:#758187;font:500 5px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.practice-curriculum-module nav button.active{border-color:rgba(var(--accent-rgb),.48);background:rgba(var(--accent-rgb),.07)}.practice-curriculum-module nav button.active i,.practice-curriculum-module nav button.complete i{color:var(--accent)}.practice-curriculum-module nav button:disabled{opacity:.32;cursor:default}.practice-global-settings{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:6px 7px;border-top:1px solid rgba(255,255,255,.045)}.practice-global-settings label{min-width:0;display:grid;grid-template-rows:11px 23px;color:#465259;font:500 3.5px DM Mono,monospace}.practice-global-settings select{min-width:0;border:1px solid #2b3539;border-radius:2px;background:#090e10;color:#6e7a7f;font:500 4px DM Mono,monospace}.practice-global-settings input{display:none}.practice-global-settings label:first-child i{height:21px;position:relative;border:1px solid #2b3539;border-radius:2px;background:#090e10}.practice-global-settings label:first-child i:after{content:"";position:absolute;width:6px;height:6px;left:7px;top:7px;border-radius:50%;background:#344047}.practice-global-settings input:checked+i:after{background:var(--accent);box-shadow:0 0 6px var(--accent)}.practice-console-main{min-width:0;display:grid;grid-template-columns:1fr 265px;grid-template-rows:277px 167px;gap:10px}.practice-target-module{grid-column:1;grid-row:1;display:grid;grid-template-rows:28px 30px 87px 56px 1fr}.practice-monitor-module{grid-column:2;grid-row:1 / 3;display:grid;grid-template-rows:28px 52px 166px 71px 1fr}.practice-run-module{grid-column:1;grid-row:2;display:grid;grid-template-columns:116px 1fr;grid-template-rows:28px 62px 28px 1fr}.practice-run-module>header{grid-column:1 / -1}.practice-mode-bank{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;padding:5px 7px 3px}.practice-mode-bank button{display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid #293438;border-radius:2px;background:#0a0f11;color:#536067;font:500 4px DM Mono,monospace;cursor:pointer}.practice-mode-bank button.active{border-color:rgba(var(--accent-rgb),.45);background:rgba(var(--accent-rgb),.075);color:var(--accent)}.practice-target-readout{display:grid;grid-template-columns:1fr 174px;align-items:center;gap:8px;padding:7px 9px}.practice-target-readout small{color:var(--accent);font:500 4px DM Mono,monospace;letter-spacing:.6px}.practice-target-readout strong{display:block;margin-top:3px;color:#c6cecd;font:600 21px DM Mono,monospace}.practice-target-readout p{margin:3px 0 0;overflow:hidden;color:#59666c;font-size:6px;line-height:1.3;white-space:nowrap;text-overflow:ellipsis}.practice-target-notes{min-width:0;height:56px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;padding:5px;border:1px solid #263135;background:radial-gradient(circle,rgba(var(--accent-rgb),.07),#090e10 70%)}.practice-target-notes span{min-width:23px;height:21px;display:grid;place-items:center;border:1px solid rgba(var(--accent-rgb),.24);color:var(--accent);font:600 6px DM Mono,monospace}.practice-target-notes.concealed{flex-direction:column;gap:2px;color:#59666b}.practice-target-notes.concealed span{border:0;color:#566268;font-size:4px}.practice-bar-bank{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;padding:5px 7px}.practice-bar-bank button{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:4px;border:1px solid #293438;border-radius:2px;background:#090e10;color:#68757a;text-align:left;cursor:pointer}.practice-bar-bank small{color:#3f4b51;font:400 3.5px DM Mono,monospace}.practice-bar-bank strong{overflow:hidden;font:600 6px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.practice-bar-bank button.active{border-color:rgba(var(--accent-rgb),.48);background:rgba(var(--accent-rgb),.07);color:var(--accent)}.practice-control-row{display:grid;grid-template-columns:82px 76px 96px 67px 60px 27px;align-items:center;justify-content:center;gap:5px;padding:7px 8px;border-top:1px solid rgba(255,255,255,.04)}.practice-control-row button,.practice-control-row label{height:29px;min-width:0;display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid #2b363a;border-radius:2px;background:#0d1315;color:#647176;font:500 4px DM Mono,monospace;cursor:pointer}.practice-control-row button.primary,.practice-control-row button.active{border-color:rgba(var(--accent-rgb),.43);color:var(--accent)}.practice-control-row button.danger{color:#d07c71}.practice-control-row label select{height:100%;min-width:0;border:0;background:transparent;color:#758187;font:500 4px DM Mono,monospace}.practice-control-row .mini-switch{position:relative;display:grid;grid-template-columns:1fr;place-items:center}.practice-control-row .mini-switch input{display:none}.practice-control-row .mini-switch i{width:5px;height:5px;border-radius:50%;background:#3b474c}.practice-control-row .mini-switch input:checked+i{background:var(--accent);box-shadow:0 0 5px var(--accent)}.practice-live-verdict{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:6px;margin:7px 8px;padding:0 8px;border:1px solid #273135;background:#090e10;color:#566268}.practice-live-verdict>i{width:5px;height:5px;border-radius:50%;background:#465359}.practice-live-verdict span{font:500 4px DM Mono,monospace}.practice-live-verdict strong{color:#98a3a5;font:600 9px DM Mono,monospace}.practice-live-verdict.correct{border-color:rgba(var(--accent-rgb),.35);color:var(--accent)}.practice-live-verdict.correct>i{background:var(--accent);box-shadow:0 0 6px var(--accent)}.practice-live-verdict.wrong{color:#c7796d}.practice-live-verdict.wrong>i{background:#c7796d}.practice-score-grid{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:72px;gap:5px;padding:2px 8px 8px}.practice-score-grid>div{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:7px;border:1px solid #263135;background:#090e10}.practice-score-grid span{color:#465258;font:500 3.5px DM Mono,monospace}.practice-score-grid strong{color:#9aa5a6;font:600 11px DM Mono,monospace}.practice-score-grid .grade strong{color:var(--accent);font-size:24px}.practice-score-grid small{color:#4b575d;font:400 3.5px DM Mono,monospace}.practice-score-grid div>i{height:2px;overflow:hidden;background:#273135}.practice-score-grid div>i b{display:block;height:100%;background:var(--accent)}.practice-midi-readout{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:5px;margin:4px 8px 8px;padding:8px;border:1px solid #263135;background:#090e10}.practice-midi-readout span{color:#526067;font:500 4px DM Mono,monospace}.practice-midi-readout span i{display:inline-block;width:4px;height:4px;margin-right:4px;border-radius:50%;background:var(--accent)}.practice-midi-readout strong{color:#97a2a4;font:600 10px DM Mono,monospace}.practice-midi-readout small{overflow:hidden;color:#455158;font:400 3.5px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.practice-monitor-actions{display:grid;grid-template-columns:1fr 1fr .6fr;gap:4px;padding:0 8px 8px}.practice-monitor-actions button{border:1px solid #2b363a;border-radius:2px;background:#0d1315;color:#5e6b70;font:500 3.5px DM Mono,monospace;cursor:pointer}.practice-monitor-actions button:nth-child(2){border-color:rgba(var(--accent-rgb),.3);color:var(--accent)}.practice-run-clock{grid-row:2 / 4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;margin:6px;border:1px solid #263135;background:#090e10}.practice-run-clock span{color:#48555b;font:500 3.5px DM Mono,monospace}.practice-run-clock strong{color:#929d9f;font:600 15px DM Mono,monospace}.practice-run-clock.active strong{color:var(--accent)}.practice-requirements{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:6px 7px 3px 0}.practice-requirements>div{min-width:0;display:grid;grid-template-columns:1fr auto;grid-template-rows:12px 2px;padding:5px;border:1px solid #263135;background:#090e10}.practice-requirements span{color:#455157;font:500 3px DM Mono,monospace}.practice-requirements strong{color:#707c81;font:600 5px DM Mono,monospace}.practice-requirements strong small{color:#3f4a50;font-size:3px}.practice-requirements>div>i{grid-column:1 / -1;overflow:hidden;background:#273135}.practice-requirements>div>i b{display:block;height:100%;background:#5d6a6f}.practice-requirements>div.passed strong{color:var(--accent)}.practice-requirements>div.passed>i b{background:var(--accent)}.practice-attempt-scope{display:flex;align-items:center;gap:4px;padding:0 8px 0 0}.practice-attempt-scope i{width:7px;height:13px;background:#334046}.practice-attempt-scope i.correct{background:var(--accent)}.practice-attempt-scope i.wrong{background:#a45e56}.practice-attempt-scope span{color:#414d53;font:500 3.5px DM Mono,monospace}.practice-run-actions{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1.25fr;gap:5px;padding:5px 7px 7px}.practice-run-actions button{display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid #2b363a;border-radius:2px;background:#0d1315;color:#68757a;font:500 4px DM Mono,monospace;cursor:pointer}.practice-run-actions button.finish{border-color:rgba(var(--accent-rgb),.35);color:var(--accent)}.practice-run-actions button:disabled{opacity:.27;cursor:default}.system-console-surface{display:grid;grid-template-rows:1fr 28px;gap:8px}.system-console-grid{min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:205px 205px;gap:8px}.system-io-module{min-width:0;overflow:hidden;border:1px solid #2b3539;border-radius:3px;background:linear-gradient(145deg,#141b1e,#080c0e);box-shadow:inset 0 1px #ffffff0a}.system-io-module>header{height:27px;display:flex;align-items:center;gap:7px;padding:0 9px;border-bottom:1px solid rgba(255,255,255,.055);background:linear-gradient(90deg,rgba(var(--accent-rgb),.075),transparent 65%);color:var(--accent);font:500 5.5px DM Mono,monospace;letter-spacing:.65px}.system-io-module>header small{margin-left:auto;color:#4e5b61;font:500 4px DM Mono,monospace}.system-io-module>header small.online{color:var(--accent)}.system-io-module>header small.armed{color:#d78a76}.system-device-row{height:39px;display:grid;grid-template-columns:118px 1fr;gap:5px;padding:6px 8px 3px}.system-device-row>button,.system-device-row label{min-width:0;border:1px solid #2b363a;border-radius:2px;background:#0a0f11;color:#617076;font:500 4px DM Mono,monospace}.system-device-row>button{display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer}.system-device-row button:disabled{opacity:.35}.system-device-row label{display:grid;grid-template-columns:67px 1fr;align-items:center;padding-left:6px}.system-device-row label span{color:#455258;font-size:3.5px}.system-device-row select{min-width:0;height:100%;border:0;background:transparent;color:#78858a;font:500 4px DM Mono,monospace}.system-input-readout{height:70px;display:grid;grid-template-columns:1.08fr .8fr 1fr;gap:5px;padding:4px 8px}.system-input-readout>div{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:6px;border:1px solid #263135;background:#090e10}.system-input-readout span{color:#445157;font:500 3px DM Mono,monospace}.system-input-readout strong{overflow:hidden;color:#9ca7a8;font:600 11px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.system-input-readout small{overflow:hidden;color:#465259;font:400 3px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.system-input-readout .system-meter-pair{gap:7px}.system-meter-pair span{display:grid;grid-template-columns:1fr auto;gap:3px}.system-meter-pair b{color:#758187;font-size:4px}.system-meter-pair i{grid-column:1 / -1;height:2px;overflow:hidden;background:#273135}.system-meter-pair i em{display:block;height:100%;background:var(--accent)}.system-meter-pair i.active em{width:100%;box-shadow:0 0 5px var(--accent)}.system-capture-row{height:31px;display:grid;grid-template-columns:110px 106px 1fr;gap:5px;padding:3px 8px}.system-capture-row>button,.system-capture-row>div button{display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid #2b363a;border-radius:2px;background:#0d1315;color:#5f6c71;font:500 3.5px DM Mono,monospace;cursor:pointer}.system-capture-row>div{display:grid;grid-template-columns:1fr 1fr;gap:3px}.system-capture-row button.active{border-color:rgba(var(--accent-rgb),.4);color:var(--accent)}.system-capture-row button.danger{color:#d27f70}.system-capture-row button:disabled{opacity:.25;cursor:default}.system-demo-row{height:31px;display:flex;align-items:center;gap:4px;padding:4px 8px 6px}.system-demo-row span{margin-right:2px;color:#414d53;font:500 3.5px DM Mono,monospace}.system-demo-row button{height:20px;min-width:43px;border:1px solid #293438;border-radius:2px;background:#0a1012;color:#5c696f;font:500 3.5px DM Mono,monospace;cursor:pointer}.system-demo-row button:last-child{min-width:25px}.system-route-mode{height:54px;display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px 8px}.system-route-mode button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:6px;border:1px solid #293438;border-radius:2px;background:#090e10;color:#69757a;cursor:pointer}.system-route-mode button strong{font:600 5px DM Mono,monospace}.system-route-mode button small{color:#445157;font:400 3px DM Mono,monospace}.system-route-mode button.active{border-color:rgba(var(--accent-rgb),.45);background:rgba(var(--accent-rgb),.07);color:var(--accent)}.system-output-options{height:39px;display:grid;grid-template-columns:82px 92px 101px 70px;justify-content:center;gap:5px;padding:3px 8px}.system-output-options label,.system-output-options button{min-width:0;height:29px;display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid #2b363a;border-radius:2px;background:#0d1315;color:#5e6b70;font:500 3.5px DM Mono,monospace}.system-output-options label{display:grid;grid-template-columns:39px 1fr;padding-left:5px}.system-output-options select{min-width:0;height:100%;border:0;background:transparent;color:#728087;font:500 3.5px DM Mono,monospace}.system-output-options button{cursor:pointer}.system-output-options button i{width:4px;height:4px;border-radius:50%;background:#3c484e}.system-output-options button small{color:#465259;font-size:3px}.system-output-options button.active{border-color:rgba(var(--accent-rgb),.42);color:var(--accent)}.system-output-options button.active i{background:var(--accent);box-shadow:0 0 5px var(--accent)}.system-output-options button.danger,.system-output-options .panic{color:#c97769}.system-output-options button:disabled,.system-output-options label.disabled{opacity:.28;cursor:default}.system-route-map{height:45px;display:grid;grid-template-columns:72px 1fr;grid-template-rows:1fr 1fr;align-items:center;margin:3px 8px 7px;padding:5px 7px;overflow:hidden;border:1px solid #263135;background:#090e10}.system-route-map span{color:var(--accent);font:500 3.5px DM Mono,monospace}.system-route-map strong{overflow:hidden;color:#78858a;font:500 4px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.system-route-map small{grid-column:1 / -1;overflow:hidden;color:#414d53;font:400 3px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.system-project-identity{height:44px;display:grid;grid-template-columns:1fr 68px 48px;gap:5px;padding:6px 8px 3px}.system-project-identity label{min-width:0;display:grid;grid-template-columns:74px 1fr;align-items:center;padding-left:6px;border:1px solid #293438;background:#090e10;color:#465259;font:500 3.5px DM Mono,monospace}.system-project-identity input{min-width:0;height:100%;border:0;background:transparent;color:#879397;font:500 5px DM Mono,monospace}.system-project-identity button{display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid #2b363a;border-radius:2px;background:#0d1315;color:#647176;font:500 3.5px DM Mono,monospace;cursor:pointer}.system-project-identity button.primary{border-color:rgba(var(--accent-rgb),.4);color:var(--accent)}.system-history-row{height:30px;display:grid;grid-template-columns:67px 67px 96px 70px;gap:4px;padding:3px 8px}.system-history-row button,.system-history-row label{display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid #293438;border-radius:2px;background:#0a1012;color:#59666c;font:500 3.5px DM Mono,monospace;cursor:pointer}.system-history-row button:disabled{opacity:.25;cursor:default}.system-history-row label input{display:none}.system-history-row .redo-icon{transform:scaleX(-1)}.system-project-list{height:98px;display:grid;grid-template-rows:repeat(3,1fr);gap:4px;padding:5px 8px 7px}.system-project-list>p{grid-row:1 / -1;display:grid;place-items:center;margin:0;border:1px dashed #293438;color:#414d53;font:500 3.5px DM Mono,monospace}.system-project-list article{min-width:0;display:grid;grid-template-columns:1fr 28px;gap:3px}.system-project-list article button{min-width:0;border:1px solid #273135;border-radius:2px;background:#090e10;color:#5c696e;cursor:pointer}.system-project-list article button:first-child{padding:3px 7px;text-align:left}.system-project-list article button span{min-width:0;display:grid;grid-template-columns:1fr 160px;gap:7px;align-items:center}.system-project-list strong,.system-project-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.system-project-list strong{color:#7f8b8f;font:500 4.5px DM Mono,monospace}.system-project-list small{color:#424e54;font:400 3px DM Mono,monospace}.system-project-list article button:last-child{display:grid;place-items:center;color:#8a5c55}.system-export-grid{height:104px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:5px;padding:6px 8px 4px}.system-export-grid button{min-width:0;display:grid;grid-template-columns:17px 1fr 35px;align-items:center;gap:5px;padding:5px 7px;border:1px solid #293438;border-radius:2px;background:#090e10;color:var(--accent);text-align:left;cursor:pointer}.system-export-grid button>span{min-width:0;display:flex;flex-direction:column;gap:3px}.system-export-grid strong,.system-export-grid small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.system-export-grid strong{color:#7f8b8f;font:500 4.5px DM Mono,monospace}.system-export-grid small{color:#424e54;font:400 3px DM Mono,monospace}.system-export-grid b{color:#465259;font:500 3px DM Mono,monospace;text-align:right}.system-export-grid button:disabled{opacity:.35;cursor:default}.system-diagnostics{height:67px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:4px 8px 7px}.system-diagnostics>span{min-width:0;display:grid;grid-template-columns:13px 1fr;grid-template-rows:14px 1fr;align-items:center;padding:5px;border:1px solid #263135;background:#090e10;color:var(--accent)}.system-diagnostics small{color:#445157;font:500 3px DM Mono,monospace}.system-diagnostics strong{grid-column:1 / -1;overflow:hidden;color:#758187;font:500 4px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.system-event-log{display:grid;grid-template-columns:105px 1fr 410px;align-items:center;padding:0 9px;overflow:hidden;border:1px solid #293438;border-radius:2px;background:linear-gradient(180deg,#111719,#090d0f);color:#4b575d;font:500 4px DM Mono,monospace}.system-event-log span{color:var(--accent)}.system-event-log span i{display:inline-block;width:4px;height:4px;margin-right:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 5px var(--accent)}.system-event-log strong,.system-event-log small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.system-event-log strong{color:#748086}.system-event-log small{text-align:right}.chassis-keyboard{grid-row:5;padding:6px 12px 7px;overflow:hidden}.chassis-keyboard>header{height:24px;display:flex;align-items:center;gap:8px;color:var(--accent)}.chassis-keyboard header>strong{color:#748087;font:500 7px DM Mono,monospace;letter-spacing:1px}.chassis-keyboard header>span{min-width:0;margin-left:8px;overflow:hidden;color:#4d585e;font:400 6px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.chassis-keyboard header>small{margin-left:auto;color:#394449;font:400 5px DM Mono,monospace;letter-spacing:.8px}.chassis-keyboard .piano{height:112px}.chassis-keyboard .piano-key.white{padding-bottom:8px}.chassis-status-strip{grid-row:7;display:grid;grid-template-columns:220px 1fr 250px 260px;align-items:center;padding:0 14px;overflow:hidden;background:linear-gradient(180deg,#121719,#090c0e);color:#4c575d;font:400 5px DM Mono,monospace;letter-spacing:.8px}.chassis-status-strip>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chassis-status-strip>span:nth-child(2),.chassis-status-strip>span:nth-child(3){text-align:center}.chassis-status-strip>span:last-child{text-align:right}.chassis-status-strip .online-dot{margin-right:6px}.chassis-status-strip .status-error,.chassis-status-strip .status-project-error{color:#d9786d}.chassis-status-strip .status-permission{color:#c69a55}.chassis-status-strip .status-armed{color:var(--accent)}.chassis-size-warning{position:fixed;z-index:10;left:50%;bottom:5px;transform:translate(-50%);margin:0;padding:6px 10px;border:1px solid rgba(255,190,90,.24);border-radius:3px;background:#090b0cf0;color:#a67d43;font:500 6px DM Mono,monospace;letter-spacing:.7px;white-space:nowrap}.chassis-stage button:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.expanded-rack-stage{position:fixed;top:0;right:0;bottom:0;left:0;overflow:clip;background:#080a0e}.expanded-rack-viewport{height:100dvh;margin:0 auto;overflow:clip}.expanded-rack-app{--rail: 214px;width:1440px;min-width:1440px;display:grid;margin:0;grid-template-columns:var(--rail) 1226px;grid-template-rows:minmax(0,1fr);transform-origin:top left}.expanded-rack-app .studio,.expanded-rack-app .expanded-rack-nav{height:100%;min-height:0}.expanded-rack-nav{position:relative;z-index:10;height:100dvh;display:grid;grid-template-rows:92px 1fr 64px;overflow:hidden;border-right:1px solid #30383c;background:repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px),linear-gradient(145deg,#171c1f,#090c0f 52%,#14191c);box-shadow:inset -1px 0 #050607,14px 0 44px #00000047}.expanded-rack-nav:after{content:"";position:absolute;right:5px;top:7px;bottom:7px;width:5px;border:1px solid #22292c;background:radial-gradient(circle,#657075 0 1px,#07090a 2px,transparent 3px) 50% 3px/5px 48px repeat-y}.expanded-rack-nav>header{display:flex;align-items:center;gap:12px;padding:0 24px 0 19px;border-bottom:1px solid rgba(255,255,255,.075);background:linear-gradient(120deg,rgba(var(--accent-rgb),.07),transparent 70%)}.expanded-brand-mark{width:29px;height:29px;position:relative;flex:0 0 29px;transform:rotate(30deg)}.expanded-brand-mark span{position:absolute;border:1px solid var(--accent);border-radius:3px}.expanded-brand-mark span:nth-child(1){top:0;right:0;bottom:0;left:0;box-shadow:0 0 13px rgba(var(--accent-rgb),.34)}.expanded-brand-mark span:nth-child(2){top:6px;right:6px;bottom:6px;left:6px;transform:rotate(45deg)}.expanded-brand-mark span:nth-child(3){width:4px;height:4px;left:13px;top:13px;border:0;border-radius:50%;background:var(--accent)}.expanded-rack-nav>header>div:last-child{display:flex;flex-direction:column;gap:5px}.expanded-rack-nav>header strong{color:#c2c9c7;font-size:15px;letter-spacing:-.45px}.expanded-rack-nav>header strong span{color:var(--accent)}.expanded-rack-nav>header small{color:#59646a;font:500 6px DM Mono,monospace;letter-spacing:1.4px}.expanded-rack-nav nav{display:flex;flex-direction:column;padding:15px 14px 15px 12px}.expanded-rack-nav nav a{min-height:64px;display:grid;grid-template-columns:20px 18px 1fr 4px;align-items:center;gap:7px;padding:0 10px;border:1px solid transparent;border-bottom-color:#ffffff0e;color:#68737a;text-decoration:none}.expanded-rack-nav nav a:hover,.expanded-rack-nav nav a:focus-visible{outline:none;border-color:rgba(var(--accent-rgb),.28);background:rgba(var(--accent-rgb),.055);color:var(--accent)}.expanded-rack-nav nav a>small{color:var(--accent);font:500 6px DM Mono,monospace}.expanded-rack-nav nav a>span{display:flex;flex-direction:column;gap:5px}.expanded-rack-nav nav a strong{color:#8d979b;font:600 7px DM Mono,monospace;letter-spacing:1px}.expanded-rack-nav nav a em{color:#414b50;font: 5px DM Mono,monospace;letter-spacing:.7px}.expanded-rack-nav nav a>i{width:3px;height:3px;border-radius:50%;background:#2d363a}.expanded-rack-nav nav a:hover>i{background:var(--accent);box-shadow:0 0 7px var(--accent)}.expanded-rack-nav>footer{display:grid;grid-template-columns:17px 1fr 6px;align-items:center;gap:8px;padding:0 23px 0 18px;border-top:1px solid rgba(255,255,255,.07);color:var(--accent)}.expanded-rack-nav>footer span{display:flex;flex-direction:column;gap:4px}.expanded-rack-nav>footer strong{color:#788389;font:500 6px DM Mono,monospace;letter-spacing:.8px}.expanded-rack-nav>footer small{color:#404a50;font:400 5px DM Mono,monospace}.expanded-rack-nav>footer>i{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:pulse 2s ease-in-out infinite}.expanded-transport-bar{height:48px;flex-basis:48px;padding:0 18px;border-color:#30383c;background:#080b0df7;box-shadow:0 10px 30px #0000003d}.expanded-transport-bar .topbar-meta{gap:7px}.expanded-scope{display:grid;grid-template-columns:repeat(3,42px);height:25px;border:1px solid #293338;border-radius:3px;overflow:hidden}.expanded-scope button{border:0;border-right:1px solid #293338;background:#0b1012;color:#4d5a60;font:600 5px DM Mono,monospace;text-transform:uppercase;cursor:pointer}.expanded-scope button:last-child{border-right:0}.expanded-scope button.active{background:rgba(var(--accent-rgb),.1);color:var(--accent);box-shadow:inset 0 -1px var(--accent)}.expanded-play{height:25px;min-width:79px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 8px;border:1px solid rgba(var(--accent-rgb),.38);border-radius:3px;background:rgba(var(--accent-rgb),.065);color:var(--accent);font:600 6px DM Mono,monospace;cursor:pointer}.expanded-play small{color:rgba(var(--accent-rgb),.55);font:500 5px DM Mono,monospace}.expanded-play.playing{background:var(--accent);color:#07100d}.expanded-play.playing small{color:#1b4035}.expanded-rack-app .workspace{padding:18px 20px 20px;overflow:hidden auto;scroll-behavior:smooth}.expanded-rack-stack{gap:14px;padding:19px 27px 25px}.expanded-rack-bay{display:grid;gap:11px;scroll-margin-top:16px}.expanded-rack-bay>.rack-module,.expanded-rack-bay>.lower-grid{margin-top:0;margin-bottom:0}.expanded-bay-header{height:42px;position:relative;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;padding:0 16px;overflow:hidden;border:1px solid #3b4549;border-radius:4px;background:linear-gradient(180deg,#252d31,#141a1d);box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #07090a,0 3px 8px #00000052}.expanded-bay-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.42}.expanded-bay-header>span{color:var(--accent);font:600 8px DM Mono,monospace}.expanded-bay-header>div{display:flex;align-items:baseline;gap:11px}.expanded-bay-header strong{color:#c0c8c6;font:600 8px DM Mono,monospace;letter-spacing:1.55px}.expanded-bay-header small{color:#59656a;font:500 5px DM Mono,monospace;letter-spacing:1px}.expanded-bay-header>i{color:rgba(var(--accent-rgb),.5);font: 5px DM Mono,monospace;letter-spacing:1.1px}.expanded-phrase-switch{grid-column:1/-1;height:28px;display:grid;grid-template-columns:1fr 42px 42px;align-items:center;gap:4px;padding:0 4px;border-top:1px solid rgba(255,255,255,.055);color:#505b61}.expanded-phrase-switch>span{font:500 5px DM Mono,monospace;letter-spacing:.8px}.expanded-phrase-switch button{height:21px;border:1px solid #2b3438;border-radius:2px;background:#0b1012;color:#566167;font:600 6px DM Mono,monospace;cursor:pointer}.expanded-phrase-switch button.active{border-color:rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.08);color:var(--accent)}.expanded-inspector-grid{grid-template-columns:1fr}.expanded-inspector-grid .theory-panel{width:100%}.expanded-rack-app .expanded-rack-nav nav a strong{font-size:10px}.expanded-rack-app .expanded-rack-nav nav a em,.expanded-rack-app .expanded-rack-nav nav a>small{font-size:8px}.expanded-rack-app .expanded-transport-bar :is(.session-path,.topbar-meta,button){font-size:9px}.expanded-rack-app .expanded-transport-bar button small{font-size:8px}.expanded-rack-app .expanded-bay-header>span,.expanded-rack-app .expanded-bay-header strong{font-size:10px}.expanded-rack-app .expanded-bay-header small,.expanded-rack-app .expanded-bay-header>i{font-size:8px}.expanded-rack-app .rack-module :is(button,label,select,input){font-size:9px!important}.expanded-rack-app .rack-module :is(p,small,span){font-size:8px!important}.fixed-chassis :is(.chassis-master,.chassis-page-rail,.chassis-page-canvas,.chassis-keyboard,.chassis-status-strip) :is(button,p,small,span){font-size:7px!important}.fixed-chassis :is(.chassis-page-rail,.chassis-page-canvas,.chassis-keyboard,.chassis-status-strip) :is(button,p,small,span){min-width:0;overflow:hidden;text-overflow:ellipsis}.fixed-chassis :is(.chassis-page-rail,.chassis-page-canvas,.chassis-keyboard,.chassis-status-strip) :is(small,span){white-space:nowrap}.fixed-chassis .chassis-page-canvas :is(small,p,span){color:color-mix(in srgb,currentColor 72%,#c6d0cd)}.fixed-chassis .chassis-page-canvas :is(i,b,label,input,select){font-size:7px!important}.fixed-chassis .chassis-page-body article>header strong,.fixed-chassis .practice-curriculum-module>header strong,.fixed-chassis .practice-curriculum-module nav strong,.fixed-chassis .practice-requirements strong,.fixed-chassis .song-section-analysis strong,.fixed-chassis .song-energy-arc strong,.fixed-chassis :is(.system-route-mode,.system-route-map,.system-project-list,.system-export-grid,.system-diagnostics,.system-event-log) strong{font-size:7px!important}.fixed-chassis .song-progression-strip button>span,.fixed-chassis .system-output-options label>span{font-size:6px!important}.fixed-chassis .system-export-grid button{grid-template-columns:17px minmax(0,1fr) 46px}