@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}.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;cursor:pointer;transition:background .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{background:linear-gradient(180deg,#f4f8f6,#bfc6c2)}.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{background:#293035}.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}.notation-workbench{overflow:hidden}.notation-head{min-height:51px;position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 15px;border-bottom:1px solid rgba(255,255,255,.075)}.notation-head>div:first-child{min-width:0;display:flex;align-items:center;gap:9px;color:var(--accent)}.notation-head>div:first-child span{min-width:0;display:flex;flex-direction:column;gap:3px}.notation-head>div:first-child strong{color:#b7c0c2;font:600 8px DM Mono,monospace;letter-spacing:1.35px}.notation-head>div:first-child small{color:#48545a;font:500 5px DM Mono,monospace;letter-spacing:1px}.notation-head-actions{display:flex;align-items:center;gap:6px}.workbench-tabs{display:flex;border:1px solid #2b3439;border-radius:3px;overflow:hidden}.workbench-tabs button,.score-export{height:29px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 9px;border:0;background:#0c1114;color:#59656b;font:600 6px DM Mono,monospace;letter-spacing:.55px;cursor:pointer}.workbench-tabs button+button{border-left:1px solid #2b3439}.workbench-tabs button.active{color:var(--accent);background:rgba(var(--accent-rgb),.1);box-shadow:inset 0 -2px var(--accent)}.score-export{border:1px solid rgba(var(--accent-rgb),.25);border-radius:3px;color:#7c898e}.score-export:hover{color:var(--accent);border-color:var(--accent)}.notation-console{display:grid;grid-template-columns:minmax(0,1fr) 292px;min-height:390px}.notation-primary{min-width:0;padding:12px}.notation-status{height:26px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;border:1px solid rgba(255,255,255,.055);border-bottom:0;background:#090d0f;color:#556167;font:600 5px DM Mono,monospace;letter-spacing:.7px}.notation-status span{display:flex;align-items:center;gap:6px;color:rgba(var(--accent-rgb),.68)}.notation-status i{width:4px;height:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent)}.notation-status strong{font:inherit;color:#455057}.score-stage,.voicing-stage,.piano-roll-stage{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.065);background:radial-gradient(circle at 50% 45%,rgba(var(--accent-rgb),.035),transparent 55%),#070b0d;box-shadow:inset 0 0 35px #0000007a}.score-stage svg{display:block;width:100%;min-height:260px;padding:28px 8px 13px}.staff-line{stroke:#526067;stroke-width:.75;opacity:.55}.bar-line{stroke:#3a4449;stroke-width:.8}.bar-line.active{stroke:var(--accent);opacity:.55}.clef{fill:#8e999c;font-family:serif;font-size:38px}.clef.bass{font-size:31px}.notation-note{fill:#b8c2c2;stroke:#b8c2c2;stroke-width:1}.notation-note text{fill:var(--accent);stroke:none;font:700 9px serif}.notation-note.muted{fill:rgba(var(--accent-rgb),.54);stroke:rgba(var(--accent-rgb),.54)}.notation-note .ledger{stroke-width:.7}.score-chord{fill:#c5cecc;font:600 10px Space Grotesk,sans-serif}.score-roman{fill:var(--accent);opacity:.55;font:600 5px DM Mono,monospace}.score-measure{opacity:.67}.score-measure.active{opacity:1}.notation-legend{height:31px;display:flex;align-items:center;gap:15px;padding:0 10px;border-top:1px solid rgba(255,255,255,.055);color:#536067;font:600 5px DM Mono,monospace;letter-spacing:.7px}.notation-legend span{display:flex;align-items:center;gap:5px}.notation-legend i{width:7px;height:7px;border-radius:50%;background:#b8c2c2}.notation-legend i.muted{background:var(--accent);opacity:.54}.notation-legend strong{margin-left:auto;color:#3f4a50;font:inherit}.voicing-stage svg{display:block;width:100%;min-height:296px;padding:9px}.voice-grid{stroke:#ffffff0f;stroke-width:1;stroke-dasharray:3 5}.voice-axis{fill:#4a565c;font:500 7px DM Mono,monospace}.voice-column rect{fill:transparent;stroke:#ffffff09}.voice-column.active rect{fill:rgba(var(--accent-rgb),.04);stroke:rgba(var(--accent-rgb),.22)}.voice-column text{fill:#536066;font:600 6px DM Mono,monospace}.voice-lane path{fill:none;stroke:hsl(calc(158deg + var(--lane) * 23deg) 66% 65%);stroke-width:1.7;opacity:.58;filter:drop-shadow(0 0 3px rgba(var(--accent-rgb),.18))}.voice-lane.role-bass path,.voice-lane.role-top path{stroke:var(--accent);opacity:.9;stroke-width:2.2}.voice-lane circle{fill:#10181a;stroke:var(--accent);stroke-width:1.4}.voice-lane text{fill:#6c797e;font:500 5px DM Mono,monospace}.voicing-readout{min-height:38px;display:flex;align-items:center;gap:7px;padding:6px 9px;overflow-x:auto;border-top:1px solid rgba(255,255,255,.055)}.voicing-readout span{flex:0 0 auto;min-width:76px;display:grid;grid-template-columns:7px 1fr;gap:2px 5px;padding:5px 7px;border:1px solid rgba(255,255,255,.05);color:#58656a;font:600 5px DM Mono,monospace}.voicing-readout i{grid-row:1/3;align-self:center;width:6px;height:6px;border-radius:50%;background:#76858a}.voicing-readout i.role-bass,.voicing-readout i.role-top{background:var(--accent);box-shadow:0 0 5px var(--accent)}.voicing-readout strong{color:#3e494e;font:inherit}.piano-roll-stage{min-height:340px}.roll-chords{height:29px;display:flex;margin-left:45px;border-bottom:1px solid rgba(255,255,255,.065)}.roll-chords span{min-width:0;display:flex;align-items:center;gap:6px;padding:0 7px;overflow:hidden;border-right:1px solid rgba(255,255,255,.055);color:#5f6b70;font:600 6px DM Mono,monospace;white-space:nowrap}.roll-chords span.active{color:var(--accent);background:rgba(var(--accent-rgb),.06)}.roll-chords small{color:#3d484d;font-size:5px}.roll-body{min-width:700px;height:310px;display:grid;grid-template-columns:45px minmax(0,1fr)}.roll-keys{display:grid;grid-template-rows:repeat(37,1fr);border-right:1px solid #30383c;background:#0b1012}.roll-keys span{position:relative;display:flex;align-items:center;padding-left:5px;border-bottom:1px solid rgba(255,255,255,.025);color:#536065;font:500 5px DM Mono,monospace}.roll-keys span.black{background:#06090a}.roll-keys span.octave{color:var(--accent);border-bottom-color:rgba(var(--accent-rgb),.16)}.piano-roll-grid{position:relative;overflow:hidden;touch-action:none;cursor:crosshair;background:#080c0e}.roll-row,.roll-beat{position:absolute;display:block;pointer-events:none}.roll-row{z-index:0;left:0;right:0;border-bottom:1px solid rgba(255,255,255,.026);background:transparent}.roll-row.in-scale{background:rgba(var(--accent-rgb),.018)}.roll-row.chord-tone{background:rgba(var(--accent-rgb),.052);border-bottom-color:rgba(var(--accent-rgb),.07)}.roll-beat{z-index:1;top:0;bottom:0;width:1px;background:#ffffff09}.roll-beat.quarter{background:#ffffff13}.roll-beat.bar{width:2px;background:rgba(var(--accent-rgb),.18)}.roll-note,.counter-note{position:absolute;z-index:4;min-width:8px;min-height:8px;transform:translateY(1px);overflow:hidden;border:1px solid rgba(var(--accent-rgb),.48);border-radius:2px;background:linear-gradient(90deg,rgba(var(--accent-rgb),.42),rgba(var(--accent-rgb),.18));color:#d8f5e9;text-align:left;cursor:grab;box-shadow:0 0 9px rgba(var(--accent-rgb),.09)}.roll-note:active{cursor:grabbing}.roll-note span{display:block;padding-left:4px;overflow:hidden;font:600 5px DM Mono,monospace;white-space:nowrap;pointer-events:none}.roll-note.scale-tone{border-color:rgba(var(--accent-rgb),.58)}.roll-note.chord-tone{border-color:var(--accent);background:linear-gradient(90deg,rgba(var(--accent-rgb),.72),rgba(var(--accent-rgb),.27))}.roll-note.outside{border-color:#ff6b79;background:linear-gradient(90deg,#ff6b7980,#ff6b7929)}.roll-note.selected{z-index:6;outline:1px solid #fff;outline-offset:1px;box-shadow:0 0 13px rgba(var(--accent-rgb),.42)}.resize-handle{position:absolute;z-index:2;top:0;right:0;bottom:0;width:6px;border-left:1px solid rgba(255,255,255,.35);cursor:ew-resize}.counter-note{z-index:2;border-style:dashed;opacity:.37!important;color:transparent;pointer-events:none}.roll-instructions{height:26px;display:flex;align-items:center;gap:6px;padding:0 9px;border-top:1px solid rgba(255,255,255,.055);color:#465258;font:600 5px DM Mono,monospace;letter-spacing:.55px}.scale-overlay-console{min-width:0;padding:12px;border-left:1px solid rgba(255,255,255,.065);background:linear-gradient(145deg,#0000002e,rgba(var(--accent-rgb),.018))}.scale-overlay-console>header{height:30px;display:flex;align-items:center;gap:7px;color:var(--accent)}.scale-overlay-console>header span{display:flex;flex-direction:column;gap:2px}.scale-overlay-console>header strong{color:#9fa9ab;font:600 7px DM Mono,monospace;letter-spacing:.8px}.scale-overlay-console>header small{color:#465158;font:500 5px DM Mono,monospace}.scale-bar-select{display:flex;gap:3px;margin:7px 0;overflow-x:auto}.scale-bar-select button{flex:1 0 45px;height:33px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:0 6px;border:1px solid #293237;border-radius:2px;background:#0b1012;color:#667277;cursor:pointer}.scale-bar-select button span{color:#3f494e;font:600 5px DM Mono,monospace}.scale-bar-select button strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;font:600 6px DM Mono,monospace}.scale-bar-select button.active{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb),.08)}.scale-chord-readout{min-height:83px;display:flex;flex-direction:column;justify-content:center;padding:10px;border:1px solid rgba(var(--accent-rgb),.16);background:radial-gradient(circle at 85% 30%,rgba(var(--accent-rgb),.1),transparent 48%),#07100d}.scale-chord-readout span{color:rgba(var(--accent-rgb),.58);font:600 5px DM Mono,monospace;letter-spacing:.8px}.scale-chord-readout strong{margin:4px 0 2px;color:var(--accent);font-size:25px;letter-spacing:-1.1px}.scale-chord-readout small{color:rgba(var(--accent-rgb),.5);font:500 5px DM Mono,monospace}.scale-option-list{display:grid;gap:4px;margin:7px 0}.scale-option-list button{min-height:54px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:7px 8px;border:1px solid rgba(255,255,255,.055);border-radius:2px;background:#0000002b;color:#657176;text-align:left;cursor:pointer}.scale-option-list button>span{display:flex;align-items:center;gap:5px;color:#7c898d;font:700 6px DM Mono,monospace;letter-spacing:.65px}.scale-option-list button>span i{width:4px;height:4px;border-radius:50%;background:#3b454a}.scale-option-list button>strong{color:#4f5b60;font:600 5px DM Mono,monospace}.scale-option-list button>small{color:#414c52;font:500 5px/1.35 DM Mono,monospace}.scale-option-list button.active{border-color:rgba(var(--accent-rgb),.42);background:rgba(var(--accent-rgb),.055)}.scale-option-list button.active>span{color:var(--accent)}.scale-option-list button.active>span i{background:var(--accent);box-shadow:0 0 6px var(--accent)}.pitch-class-map{display:grid;grid-template-columns:repeat(6,1fr);gap:3px}.pitch-class-map>span{min-width:0;height:31px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.045);background:#0a0e10;color:#3f494e}.pitch-class-map i{font: 600 6px DM Mono,monospace}.pitch-class-map small{margin-top:2px;font:500 4px DM Mono,monospace}.pitch-class-map>span.scale{color:#829095;border-color:rgba(var(--accent-rgb),.16)}.pitch-class-map>span.chord{color:var(--accent);border-color:rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.09);box-shadow:inset 0 0 8px rgba(var(--accent-rgb),.08)}.overlay-toggle{width:100%;height:39px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:7px;border:1px solid #2b3438;border-radius:3px;background:linear-gradient(#171c1f,#0c1012);color:#5e6a70;cursor:pointer}.overlay-toggle span{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.overlay-toggle strong{font:700 6px DM Mono,monospace;letter-spacing:.65px}.overlay-toggle small{font:500 5px DM Mono,monospace}.overlay-toggle.active{border-color:rgba(var(--accent-rgb),.4);color:var(--accent)}.scale-overlay-console>p{display:flex;align-items:center;gap:5px;margin:8px 0 0;color:#3d484e;font:500 5px DM Mono,monospace}.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 .notation-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)}.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}.notation-console{grid-template-columns:1fr}.scale-overlay-console{border-left:0;border-top:1px solid rgba(255,255,255,.065)}.scale-option-list{grid-template-columns:repeat(2,minmax(0,1fr))}.pitch-class-map{grid-template-columns:repeat(12,1fr)}.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{grid-template-columns:1fr 1.25fr}.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}.notation-head{min-height:91px;align-items:flex-start;flex-direction:column;justify-content:center;padding:11px 12px}.notation-head-actions{width:100%}.workbench-tabs{flex:1}.workbench-tabs button{flex:1;padding:0 5px}.score-export{padding:0 7px}.notation-primary{padding:8px}.notation-status strong{display:none}.score-stage,.voicing-stage,.piano-roll-stage{overflow-x:auto}.score-stage svg,.voicing-stage svg{min-width:760px}.roll-chords,.roll-body{min-width:760px}.scale-option-list{grid-template-columns:1fr}.pitch-class-map{grid-template-columns:repeat(6,1fr)}.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{grid-template-columns:1fr}.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}}