@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Barlow+Condensed:wght@400;500;600;700;800;900&display=swap";.pad{aspect-ratio:1;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(at 48% 45%,#5a7a6e 0%,#567668 25%,#527264 50%,#4e6e60 75%,#4a6a5c 100%);border:1px solid #23322399;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;transition:transform 60ms,box-shadow 80ms,background 60ms;display:flex;position:relative;box-shadow:inset 0 0 0 1px #00000040,inset 0 3px 6px #00000073,inset 0 1px 2px #0000004d,inset 3px 0 5px #0003,inset 0 -2px 3px #ffffff0f,inset -2px 0 3px #ffffff08,0 3px 6px #00000059,0 1px 2px #0003}.pad:hover{background:radial-gradient(at 48% 45%,#648476 0%,#587868 25%,#506d60 50%,#486256 75%,#40584e 100%)}.pad:active,.pad.active{background:radial-gradient(at 48% 45%,#6a8a7c 0%,#5c7c6e 30%,#527064 60%,#486458 100%);transform:scale(.97)translateY(1.5px);box-shadow:inset 0 0 0 1px #0000004d,inset 0 4px 8px #00000080,inset 3px 3px 6px #00000059,inset -1px -1px 2px #ffffff08,0 1px 2px #00000026}.pad.active.glow-amber,.pad.active.glow-red,.pad.active.glow-purple,.pad.active.glow-grey{border-color:#ffffff40;box-shadow:inset 0 0 0 1px #fff3,inset 0 4px 8px #0000004d,inset 0 0 18px #ffffff26,0 0 10px #ffffff80,0 0 24px #fff3,0 0 40px #ffffff14}.pad-key{letter-spacing:1px;color:#ffffff8c;text-transform:uppercase;text-shadow:0 1px 2px #00000040;font-family:IBM Plex Mono,sans-serif;font-size:11px;font-weight:600}.pad-label{color:#ffffffa6;text-align:center;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 1px #00000040;max-width:95%;font-family:IBM Plex Mono,sans-serif;font-size:12px;font-weight:700;line-height:1.2;overflow:hidden}.pad-growthr-logo{color:#ffffff59;filter:drop-shadow(0 1px 1px #0000004d);width:28%;height:auto;transition:color .2s;transform:translate(3px)}.pad:hover .pad-growthr-logo{color:#ffffff80}.pad.active .pad-growthr-logo{color:#ffffffb3}.pad-info-stack{flex-direction:column;align-items:center;gap:8px;display:flex}.pad-info-label{color:#ffffffa6;letter-spacing:.3px;text-shadow:0 1px 1px #00000040;font-family:IBM Plex Mono,sans-serif;font-size:10px;font-weight:700}.pad-label--camtoggle{flex-direction:column;align-items:center;height:1.2em;display:flex;position:relative;overflow:visible}.pad-label__line1{color:#ffffffa6;text-shadow:0 1px 1px #00000040;letter-spacing:.2px;font-family:IBM Plex Mono,sans-serif;font-size:12px;font-weight:700;line-height:1.2}.pad-label__line2{color:#fff6;letter-spacing:.2px;white-space:nowrap;font-family:IBM Plex Mono,sans-serif;font-size:10px;font-weight:500;line-height:1.2;position:absolute;top:100%;left:50%;transform:translate(-50%)}.pad.looping{animation:1.5s ease-in-out infinite loopPulse}@keyframes loopPulse{0%,to{box-shadow:inset 0 0 0 1px #00000040,inset 0 3px 6px #00000073,inset 3px 0 5px #0003,inset 0 -2px 3px #ffffff0f,0 0 8px #9b59b64d,0 3px 6px #00000059}50%{box-shadow:inset 0 0 0 1px #00000040,inset 0 3px 6px #00000073,inset 3px 0 5px #0003,inset 0 -2px 3px #ffffff0f,0 0 25px #9b59b68c,0 0 50px #9b59b633,0 3px 6px #00000059}}.pad.highlight{z-index:5;border:2px solid #fffc;animation:1.2s ease-in-out infinite highlightPulse}@keyframes highlightPulse{0%,to{border-color:#ffffffb3;box-shadow:inset 0 0 0 2px #ffffff80,inset 0 0 12px #ffffff26,0 0 6px #ffffffb3,0 0 12px #ffffff73,0 0 28px #fff3,0 3px 6px #00000059}50%{border-color:#fffffff2;box-shadow:inset 0 0 0 2px #ffffffb3,inset 0 0 18px #fff3,0 0 12px #fffffff2,0 0 24px #fff9,0 0 48px #ffffff40,0 0 72px #ffffff1a,0 3px 6px #00000059}}.pad--effect{cursor:default;background:radial-gradient(at 48% 40%,#0d1e3a 0%,#091628 30%,#060f1c 60%,#040b16 100%);border-color:#3c82ff59}.pad--effect:hover{background:radial-gradient(at 48% 40%,#102240 0%,#0c1a30 30%,#081424 60%,#050f1c 100%)}.pad-effect-stack{flex-direction:column;align-items:center;gap:3px;display:flex}.pad-effect-icon{color:#5aa0ffbf;text-shadow:0 0 8px #5aa0ff80;font-size:18px;line-height:1}.pad-effect-label{color:#5aa0ffd9;text-shadow:0 0 6px #5aa0ff66;letter-spacing:1px;font-family:IBM Plex Mono,sans-serif;font-size:12px;font-weight:700}.pad-effect-hint{color:#5aa0ff66;letter-spacing:.5px;text-transform:uppercase;font-family:IBM Plex Mono,sans-serif;font-size:9px;font-weight:500}.pad.effect-held{background:radial-gradient(at 48% 40%,#1a3870 0%,#122855 30%,#0e1e40 60%,#0a1630 100%);border-color:#5aaaffb3;animation:1.1s ease-in-out infinite effectHeldPulse;transform:scale(.97)translateY(1.5px)}@keyframes effectHeldPulse{0%,to{box-shadow:inset 0 0 0 2px #5aaaff8c,inset 0 0 22px #5aaaff38,0 0 16px #5aaaffcc,0 0 36px #5aaaff59,0 0 60px #5aaaff1f}50%{box-shadow:inset 0 0 0 2px #5aaaffbf,inset 0 0 30px #5aaaff52,0 0 28px #5aaaff,0 0 56px #5aaaff80,0 0 90px #5aaaff33}}@media (width<=768px),(pointer:coarse){.pad{aspect-ratio:auto;touch-action:manipulation;border-radius:8px;width:100%;height:100%;min-height:0;transition:none}.pad:active,.pad.active{transition:none}.pad-key{display:none}.pad-label{font-size:11px}}.mpc-container{width:95vw;max-width:1100px;margin:0 auto;transition:opacity .4s;position:relative}.mpc-container.camera-active{opacity:.78}.mpc-container.camera-active .mpc-pad-area{background:#7a9e968c}.mpc-container.camera-active .pad{opacity:.82}.mpc-body{background-color:#e8e4dc;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E"),linear-gradient(#ece8e0 0%,#e8e4dc 20%,#e4e0d8 50%,#e0dcd4 100%);background-position:0 0;background-repeat:repeat;background-size:200px,100%;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:8px 8px 3px 3px;flex-direction:row;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 48px #00000073,0 8px 20px #0000004d,inset 0 1px #ffffffb3,inset 0 -1px #0000001a,inset 1px 0 #ffffff4d,inset -1px 0 #0000000d}.mpc-bottom-edge{background:linear-gradient(#d8d4cc,#c8c4bc,#b8b4ac);border-radius:0 0 6px 6px;justify-content:center;align-items:center;gap:5px;width:calc(100% - 6px);height:20px;margin:0 auto;display:flex;box-shadow:0 6px 16px #00000059,0 2px 4px #0003,inset 0 1px #ffffff26}.akai-bottom-logo{color:#666;letter-spacing:5px;font-family:Barlow Condensed,Inter,sans-serif;font-size:14px;font-weight:900}.akai-bottom-pro{color:#999;letter-spacing:.3px;margin-top:1px;font-family:Inter,sans-serif;font-size:7px;font-style:italic;font-weight:300}.mpc-left-panel{border-right:1px solid #0000000f;flex-direction:column;justify-content:flex-start;gap:8px;width:45%;min-width:380px;padding:12px 12px 12px 18px;display:flex;position:relative}.akai-branding-top{align-items:baseline;gap:5px;margin-bottom:4px;display:flex}.akai-logo{color:#3a3a3a;letter-spacing:4px;font-family:Barlow Condensed,Inter,sans-serif;font-size:22px;font-weight:900}.akai-pro{color:#888;letter-spacing:.5px;font-family:Inter,sans-serif;font-size:9px;font-style:italic;font-weight:300}.mpc-lcd-bezel{background:linear-gradient(#111 0%,#1a1a1a 30%,#222 100%);border-radius:5px 5px 3px 3px;padding:9px 9px 11px;box-shadow:inset 0 4px 12px #000c,inset 0 -2px 4px #0000004d,inset 2px 0 6px #0003,inset -2px 0 6px #0003,0 1px #ffffff40}.mpc-lcd-screen{background:#1a2e1a;border-radius:2px;flex-direction:column;justify-content:center;gap:5px;width:100%;height:90px;padding:10px 14px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #00000080,inset 0 0 20px #003c0026}.lcd-line{color:#39ff14;letter-spacing:2.5px;text-shadow:0 0 4px #39ff1499,0 0 10px #39ff144d,0 0 20px #39ff141a;z-index:1;font-family:Courier New,Lucida Console,monospace;font-size:15px;font-weight:700;line-height:1.3;position:relative}.lcd-line-2{color:#00ff41;letter-spacing:1.2px;opacity:.85;font-size:11px}.lcd-line-3{color:#00dd35;letter-spacing:1px;opacity:.7;font-size:10px}.lcd-growthr-branding{color:#39ff14;letter-spacing:2px;opacity:1;z-index:1;flex-direction:column;align-items:stretch;gap:0;font-family:Courier New,Lucida Console,monospace;font-size:12px;font-weight:700;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.lcd-growthr-text{letter-spacing:2px;color:#39ff14;text-shadow:0 0 4px #39ff1499,0 0 10px #39ff144d,0 0 20px #39ff141a;white-space:nowrap;font-family:Courier New,Lucida Console,monospace;font-size:10px;font-weight:700;line-height:1.3}.lcd-growthr-logo{background-color:#39ff14;width:100%;height:24px;margin:-2px 0 0;-webkit-mask-image:url(/ye/growthr-logo.svg);mask-image:url(/ye/growthr-logo.svg);-webkit-mask-position:0;mask-position:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.lcd-pixel-grid{pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,#0000 0 2px,#0000002e 2px 3px),repeating-linear-gradient(90deg,#0000 0 2px,#00000014 2px 3px);position:absolute;inset:0}.lcd-inner-glow{pointer-events:none;z-index:0;background:radial-gradient(#39ff140f 0%,#0000 70%);position:absolute;inset:0}.mpc-func-row{justify-content:center;gap:6px;padding:5px 0 3px;display:flex}.func-btn-group{flex-direction:column;align-items:center;gap:2px;display:flex}.func-btn{cursor:default;background:linear-gradient(#f0ebe0,#e4dfd4,#d8d3c8);border:1px solid #0000001f;border-radius:3px;width:50px;height:22px;box-shadow:0 1px 3px #00000026,inset 0 1px #ffffffb3,inset 0 -1px #0000000d}.func-label{color:#666;letter-spacing:.5px;font-family:Inter,sans-serif;font-size:10px;font-weight:700}.mpc-main-controls{justify-content:space-between;width:100%;margin-top:18px;padding-left:5px;padding-right:20px;display:flex}.mpc-controls-left-col{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.mpc-controls-right-col{flex-direction:column;align-items:flex-start;gap:14px;padding-top:5px;display:flex}.mpc-numeric-area{grid-template-columns:repeat(3,40px);justify-content:flex-start;gap:28px 22px;margin-top:12px;margin-bottom:6px;display:grid}.num-btn-group{width:40px;height:22px;position:relative}.num-label{color:#5078a0;font-family:Inter,sans-serif;font-size:10px;font-weight:800}.num-btn{cursor:default;background:linear-gradient(#7ca0c8,#6088b0,#5078a0);border:1px solid #0003;border-radius:3px;width:100%;height:22px;box-shadow:0 1px 3px #0003,inset 0 1px #ffffff40,inset 0 -1px #00000026}.num-btn.white-btn{background:linear-gradient(#f0ebe0,#e4dfd4);border-color:#0000001f;box-shadow:0 1px 2px #0000001f,inset 0 1px #fff9}.num-btn.white-btn.open-window-btn{background:linear-gradient(#f0a830,#d88820,#c07818);border-color:#a06010;box-shadow:0 2px 4px #00000040,inset 0 1px #fff6,inset 0 -1px #00000026}.func-label{color:#4a4a4a;letter-spacing:.3px;text-transform:uppercase;text-align:center;white-space:nowrap;font-family:Inter,sans-serif;font-size:8px;font-weight:700}.func-label.above{margin-bottom:2px}.num-btn-group .num-label,.num-btn-group .func-label{position:absolute;left:50%;transform:translate(-50%)}.num-btn-group .num-label{top:-13px}.num-btn-group .func-label{margin-top:3px;top:100%}.box-label{border:1px solid #777;border-radius:1px;padding:1px 3px;font-size:5.5px}.mpc-jog-section{align-items:flex-start;gap:15px;display:flex}.jog-side-btns{flex-direction:column;align-items:flex-end;gap:20px;margin-top:5px;display:flex}.jog-wheel{background:radial-gradient(circle at 40% 35%,#4a4a4a 0%,#2a2a2a 40%,#1a1a1a 70%,#111 100%);border:3px solid #0e0e0e;border-radius:50%;width:104px;height:104px;position:relative;box-shadow:0 8px 24px #0009,0 3px 8px #0006,inset 0 1px 2px #ffffff14,inset 0 -2px 4px #00000080}.jog-ring{background:radial-gradient(circle at 40% 35%,#3a3a3a 0%,#222 60%,#1a1a1a 100%);border:1px solid #ffffff0a;border-radius:50%;position:absolute;inset:6px;box-shadow:inset 0 2px 4px #0006,inset 0 -1px 2px #ffffff08}.jog-inner{background:radial-gradient(circle at 45% 40%,#555 0%,#333 50%,#1a1a1a 100%);border:1px solid #111;border-radius:50%;width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px 3px #0009,0 1px 2px #ffffff0d}.jog-notch{background:linear-gradient(#888,#666);border-radius:1.5px;width:3px;height:12px;position:absolute;top:5px;left:50%;transform:translate(-50%);box-shadow:0 1px 2px #0000004d}.mpc-note-var-area{align-items:center;gap:12px;margin-top:5px;display:flex}.slider-container{flex-direction:column;align-items:center;gap:3px;display:flex}.slider-label{color:#555;letter-spacing:.5px;margin-bottom:2px;font-family:Inter,sans-serif;font-size:7px;font-weight:800}.slider-bound{color:#777;font-family:Inter,sans-serif;font-size:5px;font-weight:700}.slider-track{background:linear-gradient(90deg,#666,#999,#777,#666);border:1px solid #0003;border-radius:9px;width:18px;height:85px;margin:2px 0;position:relative;box-shadow:inset 0 3px 6px #0006,inset 0 -1px 2px #ffffff1a,0 1px #ffffff4d}.slider-groove{background:#000c;border-radius:1px;width:2px;position:absolute;top:5px;bottom:5px;left:50%;transform:translate(-50%)}.slider-knob{background:linear-gradient(#f2f2f0,#d4d4cc,#c4c4bc);border:1px solid #0000004d;border-radius:2px;width:26px;height:12px;position:absolute;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 3px 6px #0006,inset 0 1px #fffc,inset 0 -1px #0000001a}.slider-side-btns{flex-direction:column;gap:10px;margin-top:15px;display:flex}.side-btn-group{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.side-btn-group .num-btn{width:28px;height:20px}.mpc-cursor-section{align-items:flex-start;gap:18px;margin-top:5px;display:flex}.step-btns{flex-direction:column;gap:8px;margin-top:5px;display:flex}.cursor-cross-area{flex-direction:column;align-items:center;gap:5px;margin-left:20px;display:flex}.cursor-label{color:#6088b0;letter-spacing:1px;font-family:Inter,sans-serif;font-size:8px;font-weight:800}.cursor-cross{flex-direction:column;align-items:center;gap:2px;display:flex}.cursor-row{gap:2px;display:flex}.cursor-row.mid-row{align-items:center}.cursor-center{width:22px;height:22px}.cursor-btn{background:linear-gradient(#f0ebe0,#e0dbd0,#d4cfc4);border:1px solid #00000026;border-radius:3px;justify-content:center;align-items:center;width:34px;height:28px;display:flex;box-shadow:0 1px 3px #00000026,inset 0 1px #ffffffb3}.cursor-arrow{border-style:solid;width:0;height:0}.up-arrow{border-width:0 4.5px 6px;border-color:#0000 #0000 #444}.down-arrow{border-width:6px 4.5px 0;border-color:#444 #0000 #0000}.left-arrow{border-width:4.5px 6px 4.5px 0;border-color:#0000 #444 #0000 #0000}.right-arrow{border-width:4.5px 0 4.5px 6px;border-color:#0000 #0000 #0000 #444}.mpc-locate-section{flex-direction:column;align-self:flex-end;align-items:center;gap:4px;margin-top:10px;padding-right:20px;display:flex}.locate-label{color:#555;letter-spacing:1.5px;font-family:Inter,sans-serif;font-size:7px;font-weight:800}.locate-buttons{gap:8px;display:flex}.locate-btn-group{flex-direction:column;align-items:center;gap:2px;display:flex}.locate-btn{background:linear-gradient(#f0ebe0,#e4dfd4);border:1px solid #0000001f;border-radius:3px;width:38px;height:22px;box-shadow:0 1px 2px #0000001f,inset 0 1px #fff9}.locate-btn-label{color:#4a4a4a;font-family:Inter,sans-serif;font-size:6px;font-weight:800}.locate-btn-icon{color:#4a4a4a;font-size:8px;line-height:1}.mpc-transport-section{margin-top:auto;padding:0 5px 5px}.transport-row{justify-content:space-between;align-items:flex-end;padding:0 5px;display:flex}.transport-btn-group{flex-direction:column;align-items:center;gap:3px;display:flex}.transport-label{color:#555;white-space:nowrap;font-family:Inter,sans-serif;font-size:7px;font-weight:800}.transport-btn{cursor:default;border:1px solid #0000004d;border-radius:5px;justify-content:center;align-items:center;width:56px;height:36px;display:flex;box-shadow:0 2px 4px #00000040,inset 0 1px 1px #ffffff4d,inset 0 -1px 2px #0000001a}.transport-btn:active{transform:translateY(1px);box-shadow:0 1px 2px #0003,inset 0 2px 4px #0003}.red-btn{background:linear-gradient(#e05050,#c03030,#a02525);border-color:#7a1a1a;box-shadow:0 2px 4px #0000004d,inset 0 1px 1px #fff6,inset 0 -1px 2px #0000004d}.white-btn{background:linear-gradient(#f0ebe0,#e0dbd0,#d4cfc4);border-color:#00000026}.transport-icon{color:#fff;font-size:14px;line-height:1}.white-btn .transport-icon{color:#555}.transport-icon.square{font-size:16px}.transport-icon.play-tri{margin-left:2px;font-size:14px}.transport-icon-text{text-align:center;color:#fff;white-space:nowrap;font-family:Inter,sans-serif;font-size:6px;font-weight:800;line-height:1}.play-start-icon{align-items:center;gap:2px;display:flex}.vert-line{color:#555;margin-top:-1px;font-size:16px;font-weight:300}.mpc-right-panel{background-color:#7a9e96;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E"),linear-gradient(#82a69e 0%,#7a9e96 30%,#749a90 60%,#6e948a 100%);background-position:0 0;background-repeat:repeat;background-size:200px,100%;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;flex-direction:column;width:55%;display:flex;box-shadow:inset 2px 0 6px #00000014,inset 0 2px 8px #0000000f}.mpc-header{justify-content:flex-end;padding:12px 16px 4px;display:flex}.mpc-branding{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.mpc-model-text{color:#3a4a44;letter-spacing:.5px;font-family:Barlow Condensed,Inter,sans-serif;font-size:14px;font-weight:600;line-height:1}.mpc-model-number{letter-spacing:.5px;font-size:28px;font-weight:800}.mpc-model-xl{vertical-align:super;color:#3a4a44;font-size:12px;font-weight:700}.mpc-red-line{background:linear-gradient(90deg,#0000 0%,#c22 10% 90%,#0000 100%);width:100%;height:2px;margin:1px 0}.mpc-midi-text{color:#3a4a44;letter-spacing:3px;text-transform:uppercase;font-family:Barlow Condensed,Inter,sans-serif;font-size:7px;font-weight:600}.mpc-control-strip{justify-content:space-between;align-items:flex-start;gap:10px;padding:2px 14px 8px;display:flex}.mpc-pad-bank{flex-direction:column;align-items:center;gap:4px;display:flex}.pad-bank-label{color:#3a4a44;letter-spacing:1.5px;text-transform:uppercase;font-family:Inter,sans-serif;font-size:10px;font-weight:700}.pad-bank-buttons{gap:10px;display:flex}.pad-bank-btn-group{flex-direction:column;align-items:center;gap:2px;display:flex}.pad-bank-led{background:#3a5a4a;border:1px solid #00000040;border-radius:50%;width:8px;height:8px;box-shadow:inset 0 1px 2px #0000004d}.pad-bank-led.active{background:radial-gradient(circle,#6f6 0%,#3c3 60%,#292 100%);border-color:#282;box-shadow:0 0 6px #4c4c,0 0 12px #4c46,inset 0 0 2px #ffffff4d}.pad-bank-letter{color:#3a4a44;letter-spacing:.5px;font-family:Inter,sans-serif;font-size:9px;font-weight:700}.pad-bank-btn{background:linear-gradient(#b8c8c0,#a0b0a8,#90a098);border:1px solid #0000001a;border-radius:3px;width:36px;height:18px;box-shadow:0 1px 3px #00000026,inset 0 1px #ffffff4d,inset 0 -1px #00000014}.mpc-knobs-row{align-items:flex-start;gap:14px;display:flex}.knob-group{flex-direction:column;align-items:center;gap:3px;display:flex}.knob-label{color:#3a4a44;letter-spacing:.8px;text-transform:uppercase;font-family:Inter,sans-serif;font-size:5.5px;font-weight:700}.mpc-rotary-knob{cursor:default;border-radius:50%;width:42px;height:42px;position:relative}.mpc-rotary-knob.dark{background:radial-gradient(circle at 40% 35%,#555 0%,#333 40%,#222 70%,#1a1a1a 100%);border:2px solid #111;box-shadow:0 4px 10px #00000080,0 2px 4px #0000004d,inset 0 1px 2px #ffffff0f,inset 0 -2px 3px #0006}.mpc-rotary-knob.silver{background:radial-gradient(circle at 40% 35%,#bbb 0%,#999 40%,#777 70%,#666 100%);border:2px solid #555;box-shadow:0 4px 10px #0006,0 2px 4px #00000040,inset 0 1px 2px #ffffff26,inset 0 -2px 3px #0000004d}.knob-pointer{transform-origin:bottom;background:#ccc;border-radius:1px;width:2.5px;height:10px;position:absolute;top:4px;left:50%;transform:translate(-50%)rotate(-30deg);box-shadow:0 0 2px #0000004d}.mpc-rotary-knob.dark .knob-pointer{background:#e04040}.mpc-pad-area{flex:1;padding:6px 14px 14px;transition:background .3s}.mpc-pad-grid{grid-template-columns:repeat(4,1fr);gap:8px;height:100%;display:grid}.mobile-branding{display:none}@media (width<=768px),(pointer:coarse){.mpc-container{width:100vw;min-width:0;max-width:none;height:100%;min-height:0;box-shadow:none;border-radius:0;flex-direction:column;flex:1;margin:0;display:flex;overflow:hidden}.mpc-body{width:100%;min-width:0;min-height:0;box-shadow:none;background:#e8e4dc;border-radius:0;flex-direction:column;flex:1;display:flex;overflow:hidden}.mpc-left-panel,.mpc-right-panel{display:contents}.akai-branding-top,.mpc-func-row,.mpc-main-controls,.mpc-transport-section{display:none!important}.mpc-lcd-bezel{flex:none;order:1;margin:24px 10px 8px}.mpc-lcd-screen{gap:5px;height:auto;min-height:90px;padding:16px 14px}.lcd-line{letter-spacing:2.5px;font-size:15px}.lcd-line-2{letter-spacing:1.5px;font-size:12px}.lcd-line-3{letter-spacing:1px;font-size:10px}.lcd-growthr-branding{opacity:1;flex-direction:column;align-items:stretch;gap:0;width:auto;position:absolute;inset:50% 14px auto auto;transform:translateY(-42%)}.lcd-growthr-text{letter-spacing:2px;color:#39ff14;text-shadow:0 0 4px #39ff1499,0 0 10px #39ff144d,0 0 20px #39ff141a;white-space:nowrap;font-family:Courier New,Lucida Console,monospace;font-size:10px;font-weight:700;line-height:1.3}.lcd-growthr-logo{z-index:1;background-color:#39ff14;border-radius:2px;width:100%;height:28px;margin:-4px 0 0 -1.5px;position:relative;-webkit-mask-position:0;mask-position:0;-webkit-mask-size:100% 100%;mask-size:100% 100%}.lcd-growthr-branding:after{content:"";filter:blur(8px);z-index:0;pointer-events:none;background:#39ff1473;border-radius:50%;width:90%;height:6px;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)}.mpc-header{display:none!important}.mpc-branding{align-items:center}.mpc-model-text{font-size:22px}.mpc-model-number{font-size:48px}.mpc-model-xl{font-size:18px}.mpc-midi-text{letter-spacing:4px;font-size:9px}.mpc-red-line{width:100%;height:2px;margin:2px 0}.mpc-control-strip{background:#0000000f;border:1px solid #0000001a;border-radius:6px;flex:none;order:2;justify-content:space-between;align-items:center;margin:0 10px 12px;padding:16px}.mobile-branding{flex-direction:column;justify-content:center;align-items:center;margin:0 10px;display:flex!important}.mpc-pad-bank{gap:5px}.pad-bank-label{letter-spacing:2px;font-size:7px}.pad-bank-buttons{gap:10px}.pad-bank-btn-group:nth-child(3),.pad-bank-btn-group:nth-child(4){display:none}.pad-bank-btn{width:30px;height:15px}.pad-bank-led{width:8px;height:8px}.pad-bank-letter{font-size:8px}.mpc-knobs-row{gap:16px}.knob-group:first-child{display:none}.knob-label{letter-spacing:1px;text-align:center;font-size:6px}.mpc-midi-text{text-align:center}.mpc-rotary-knob{width:48px;height:48px}.mpc-pad-area{background:#7a9e96;flex-direction:column;flex:1;order:3;justify-content:center;align-items:center;width:100%;min-width:0;min-height:0;padding:7px 8px;display:flex;position:relative;overflow:hidden}.mpc-pad-grid{aspect-ratio:1;flex:none;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);align-self:center;gap:6px;width:100%;max-height:calc(100vw - 16px);display:grid}.mpc-bottom-edge{display:none}.mpc-container.camera-active{opacity:1}.mpc-container.camera-active .mpc-body{background:0 0}.mpc-container.camera-active .mpc-lcd-bezel{opacity:1;z-index:1;clip-path:inset(-24px -10px -8px);position:relative;box-shadow:0 0 0 24px #e8e4dc}.mpc-container.camera-active .mpc-control-strip{opacity:1;z-index:1;clip-path:inset(0 -10px -12px);background:#e8e4dc;position:relative;box-shadow:0 0 0 16px #e8e4dc}.mpc-container.camera-active .mpc-pad-area{z-index:1;background:0 0;position:relative}.mpc-container.camera-active .mpc-pad-area:before{content:"";z-index:0;pointer-events:none;background:#e8e4dc6b;position:absolute;inset:0}.mpc-container.camera-active .mpc-pad-area:after{content:"";z-index:0;pointer-events:none;background:#7a9e9652;position:absolute;inset:0}.mpc-container.camera-active .mpc-pad-grid{z-index:1;position:relative}.mpc-container.camera-active .pad{opacity:.5}}@media (height<=700px) and (pointer:coarse){.mpc-lcd-bezel{margin:8px 10px 4px}.mpc-lcd-screen{gap:3px;min-height:0;padding:6px 10px}.lcd-line{letter-spacing:1.5px;font-size:12px}.lcd-line-2{letter-spacing:1px;font-size:10px}.lcd-line-3{font-size:8px}.lcd-growthr-logo{height:18px}.mpc-control-strip{margin:0 10px 6px;padding:8px 14px}.mpc-rotary-knob{width:36px;height:36px}.pad-bank-btn{width:26px;height:13px}}@media (width<=768px),(pointer:coarse){.mpc-container.camera-active.classic-transparency{opacity:.91}.mpc-container.camera-active.classic-transparency .mpc-body{background:#e8e4dcf2}.mpc-container.camera-active.classic-transparency .mpc-lcd-bezel{opacity:.9;z-index:auto;box-shadow:none;clip-path:none;position:static}.mpc-container.camera-active.classic-transparency .mpc-control-strip{opacity:.86;z-index:auto;box-shadow:none;clip-path:none;background:#e4e0d8e8;position:static}.mpc-container.camera-active.classic-transparency .mpc-pad-area{z-index:auto;background:#7a9e9659;position:static}.mpc-container.camera-active.classic-transparency .mpc-pad-area:before{display:none}.mpc-container.camera-active.classic-transparency .mpc-pad-grid{z-index:auto;position:static}.mpc-container.camera-active.classic-transparency .pad{opacity:.54}}.camera-layer{z-index:0;pointer-events:none;background-color:#050100;position:fixed;inset:0;overflow:hidden}.camera-video{object-fit:cover;width:100%;height:100%}@media (width<=768px),(pointer:coarse){.camera-video{object-fit:cover}}.camera-video{filter:contrast(1.35)saturate(1.8)brightness(1.05)sepia(.35)hue-rotate(-15deg);opacity:1;transition:opacity .5s,filter .5s;transform:scaleX(-1)}.camera-video.hands-detected{filter:contrast(1.4)saturate(2)brightness(1.1)sepia(.3)hue-rotate(-15deg)}.camera-layer:before{content:"";mix-blend-mode:overlay;pointer-events:none;z-index:1;background:#b4326440;position:absolute;inset:0}.camera-layer:after{content:"";mix-blend-mode:soft-light;pointer-events:none;z-index:2;background:#ffaa2833;position:absolute;inset:0}.camera-layer .warmth-overlay{content:"";mix-blend-mode:color-dodge;pointer-events:none;z-index:3;background:#ff64961a;position:absolute;inset:0}@keyframes grain-jitter{0%{transform:translate(0)}25%{transform:translate(-1%,-1%)}50%{transform:translate(1%,2%)}75%{transform:translate(-2%,1%)}to{transform:translate(1%,-1%)}}.grain-overlay{z-index:4;pointer-events:none;opacity:.35;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:110%;height:110%;animation:.3s steps(4,end) infinite alternate grain-jitter;position:absolute;top:-5%;left:-5%}.camera-canvas{z-index:5;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.ob-banner{z-index:50;pointer-events:none;border-radius:8px 0 0 3px;justify-content:center;align-items:center;width:45%;padding:50px 12px 20px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;position:absolute;top:0;bottom:0;left:0;overflow:visible}.ob-banner__scrim{pointer-events:none;-webkit-backdrop-filter:blur(4px);background-color:#e4e0d880;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E"),linear-gradient(#ece8e085 0%,#e4e0d885 50%,#e0dcd485 100%);background-position:0 0;background-repeat:repeat;background-size:200px,100%;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;animation:.5s ease-out both scrimFadeIn;position:absolute;inset:0}@keyframes scrimFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(4px)}}.ob-banner--hitpad .ob-banner__scrim{pointer-events:none;opacity:0!important;-webkit-backdrop-filter:none!important}.ob-banner--hitpad{pointer-events:none;justify-content:flex-start;padding-top:24px}.ob-step--hitpad{pointer-events:none}.ob-step--hitpad .ob-title{color:#ffffffe6;text-shadow:0 2px 8px #00000080;font-size:14px}.ob-step{z-index:1;pointer-events:auto;text-align:center;flex-direction:column;align-items:center;gap:2px;width:100%;max-width:420px;padding:0 24px;display:flex;position:relative}.ob-dismiss{z-index:2;pointer-events:auto;color:#0000001f;cursor:pointer;background:0 0;border:none;padding:4px;font-size:13px;line-height:1;transition:color .2s;position:absolute;top:10px;right:10px}.ob-dismiss:hover{color:#00000059}.ob-title{letter-spacing:1.5px;text-transform:uppercase;color:#3a3a3a;margin:0;font-size:15px;font-weight:700}.ob-desc{color:#00000080;letter-spacing:.15px;margin:-4px 0 0;font-size:14px;font-weight:500;line-height:1.5}.ob-btn{color:#0000004d;letter-spacing:.2px;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;align-items:center;gap:5px;margin-top:4px;padding:6px 14px;font-size:11px;font-weight:500;transition:all .25s;display:inline-flex}.ob-btn:hover{color:#0000008c;background:#0000000a}.ob-btn svg{opacity:.4;width:12px;height:12px}.ob-btn--primary{color:#fff;background:#000c;border:1px solid #00000026;border-radius:8px;padding:10px 22px;font-size:13px;font-weight:700;box-shadow:0 2px 8px #00000026}.ob-btn--primary svg{opacity:.9}.ob-btn--primary:hover{color:#fff;background:#000000e6;transform:translateY(-1px);box-shadow:0 3px 12px #00000040}.ob-btn--lg{border-radius:10px;margin-top:8px;padding:12px 28px;font-size:15px}.ob-btn--lg svg{width:16px;height:16px}.ob-how-to{counter-reset:howto;text-align:left;flex-direction:column;gap:4px;margin:-14px 0 0;padding:0;list-style:none;display:flex}.ob-how-to li{counter-increment:howto;color:#0000008c;letter-spacing:.2px;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.ob-how-to li:before{content:counter(howto);color:#0006;background:#00000014;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:flex}.ob-skip{color:#00000059;letter-spacing:.1px;cursor:pointer;background:0 0;border:none;margin-top:2px;padding:4px 0;font-family:inherit;font-size:10px;font-weight:400;transition:color .2s}.ob-skip:hover{color:#00000059}.ob-pinch-guide-large{justify-content:center;margin-bottom:-8px;display:flex}.ob-pinch-guide-large .ob-pinch__video{object-fit:contain;width:240px;height:220px}.ob-pinch{flex-direction:column;align-items:center;gap:6px;display:flex}.ob-pinch__pills{gap:16px;margin-bottom:2px;display:flex}.ob-pinch__pill{letter-spacing:.8px;text-transform:uppercase;align-items:center;gap:5px;font-size:10px;font-weight:700;transition:all .3s;display:flex}.ob-pinch__pill--green{color:#0000001f}.ob-pinch__pill--green.ob-pinch__pill--on{color:#288c32d9}.ob-pinch__pill-dot{border-radius:50%;width:5px;height:5px;transition:all .3s}.ob-pinch__pill--green .ob-pinch__pill-dot{background:#00000014}.ob-pinch__pill--green.ob-pinch__pill--on .ob-pinch__pill-dot{background:#32a03ce6;box-shadow:0 0 4px #32a03c59}.ob-pinch__ring{border-radius:8px;padding:0;position:relative;overflow:visible}.ob-pinch__video{object-fit:contain;background:0 0;border-radius:6px;width:320px;height:230px;display:block}.ob-pinch__live-badge{color:#fff;letter-spacing:1px;z-index:2;background:#ff3232b3;border-radius:3px;padding:1px 5px;font-size:7px;font-weight:800;animation:1.5s ease-in-out infinite livePulse;position:absolute;top:8px;right:8px}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.35}}.ob-pinch__circle{pointer-events:none;z-index:3;border-radius:50%;width:0;height:0;animation:1s ease-out infinite pinchCircleExpand;position:absolute;transform:translate(-50%,-50%)}@keyframes pinchCircleExpand{0%{opacity:.7;border:2px solid #39ff1499;width:10px;height:10px;box-shadow:0 0 6px #39ff1480,inset 0 0 4px #39ff144d}50%{opacity:.25;border:1.5px solid #39ff1433;width:80px;height:80px;box-shadow:0 0 20px #39ff1433,inset 0 0 10px #39ff1414}to{opacity:0;width:160px;height:160px;box-shadow:none;border:1px solid #39ff1400}}.ob-steps-list{counter-reset:ob-step;text-align:left;flex-direction:column;gap:8px;max-width:280px;margin:0;padding:0;list-style:none;display:flex}.ob-steps-list li{counter-increment:ob-step;color:#00000073;letter-spacing:.1px;align-items:baseline;gap:6px;font-size:12px;font-weight:400;line-height:1.45;display:flex}.ob-steps-list li:before{content:counter(ob-step);color:#00000059;letter-spacing:0;background:#0000000f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex}.ob-camera-preview{aspect-ratio:4/3;background:#000;border:2px solid #ffffff1f;border-radius:12px;flex-shrink:0;width:100%;max-width:260px;transition:box-shadow .3s,border-color .3s;position:relative;overflow:hidden}.ob-camera-preview__video{object-fit:cover;width:100%;height:100%;display:block;transform:scaleX(-1)}.ob-camera-preview__canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ob-camera-preview__border{pointer-events:none;border-radius:10px;transition:box-shadow .3s;position:absolute;inset:0;box-shadow:inset 0 0 20px #0000004d}.ob-camera-preview--pinching{border-color:#39ff1499;box-shadow:0 0 20px #39ff1466,0 0 40px #39ff1426}.ob-camera-preview--pinching .ob-camera-preview__border{box-shadow:inset 0 0 25px #39ff141f}.ob-learn-frame{justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.ob-step--learn{justify-content:flex-start;padding-top:24px}.ob-step--learn .ob-title{margin-top:8px}.ob-pinch--small .ob-pinch__video{object-fit:contain;width:150px;height:150px}.ob-pinch--small .ob-pinch__ring{border-radius:12px}.ob-pinch--small .ob-pinch__circle{animation:.8s ease-out infinite pinchCircleExpandSmall}@keyframes pinchCircleExpandSmall{0%{opacity:.8;border:2px solid #39ff1499;width:6px;height:6px;box-shadow:0 0 4px #39ff1480}50%{opacity:.3;border:1.5px solid #39ff1433;width:40px;height:40px;box-shadow:0 0 12px #39ff1433}to{opacity:0;width:70px;height:70px;box-shadow:none;border:1px solid #39ff1400}}@media (width<=768px),(pointer:coarse){.ob-banner,.ob-banner.ob-banner--mobile{padding:12px;border-radius:0!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.ob-banner__scrim{-webkit-backdrop-filter:blur(3px);background:#506e648c;border-radius:0;transition:background .4s}.ob-banner--learn .ob-banner__scrim{-webkit-backdrop-filter:blur(1px);background:#32504659}.ob-title{letter-spacing:2px;color:#ffffffe6;text-shadow:0 1px 6px #0006;font-size:13px}.ob-desc{color:#ffffffa6;font-size:13px}.ob-how-to li{color:#ffffffd9;font-size:14px}.ob-how-to li:before{color:#fffc;background:#ffffff26}.ob-step{gap:8px;padding:0 12px}.ob-skip{color:#ffffff4d;font-size:10px}.ob-dismiss{color:#fff3}.ob-camera-preview{max-width:220px}}.audio-visualizer-container{z-index:10;border:none;border-radius:8px;width:100%;max-width:920px;height:60px;margin-bottom:12px;position:relative;overflow:hidden}.audio-visualizer-canvas{width:100%;height:100%;display:block}@media (width<=768px),(pointer:coarse){.audio-visualizer-container{background:#e8e4dc;border-radius:0;width:100vw;height:45px;margin-top:0;margin-bottom:0;padding-top:4px}.classic-mode.camera-on .audio-visualizer-container{background:#e8e4dcdb!important}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{color:#fff;background:#0a0a0a;font-family:IBM Plex Mono,-apple-system,sans-serif}.app{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.app-background{z-index:-1;background:radial-gradient(at 50% 30%,#1a1a2e 0%,#0a0a0a 70%),linear-gradient(#0d0d0d 0%,#050505 100%);position:fixed;inset:0}.app-background:after{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");background-size:256px;position:absolute;inset:0}.camera-toggle{z-index:50;color:#ffffff40;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:color .2s,background .2s;display:flex;position:fixed;top:16px;left:16px;display:none!important}.camera-toggle:hover{color:#ffffff80;background:#ffffff0d}.camera-toggle--active{color:#ffffff80}.camera-toggle--active:hover{color:#ffffffb3}.camera-toggle svg{width:22px;height:22px}.mpc-wrapper{z-index:10;width:98vw;max-width:1300px;position:relative}.splash-overlay{z-index:100;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000eb;flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex;position:fixed;inset:0}.splash-title{letter-spacing:20px;color:#ffffffe6;text-transform:uppercase;font-family:IBM Plex Mono,sans-serif;font-size:48px;font-weight:200;animation:3s ease-in-out infinite splashPulse}@keyframes splashPulse{0%,to{opacity:.7}50%{opacity:1}}.splash-subtitle{color:#fff6;letter-spacing:3px;font-family:IBM Plex Mono,sans-serif;font-size:14px;font-weight:400}.splash-hint{color:#fff3;margin-top:40px;font-family:IBM Plex Mono,sans-serif;font-size:12px;animation:2s ease-in-out infinite splashHintPulse}@keyframes splashHintPulse{0%,to{opacity:.2}50%{opacity:.5}}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000c;justify-content:center;align-items:center;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:linear-gradient(145deg,#1a1a1a,#111);border:1px solid #ffffff14;border-radius:16px;width:90%;max-width:480px;padding:40px;animation:.3s ease-out modalSlideIn;box-shadow:0 20px 60px #00000080}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-title{letter-spacing:8px;color:#ffffffe6;text-transform:uppercase;margin-bottom:24px;font-family:IBM Plex Mono,sans-serif;font-size:24px;font-weight:200}.modal-text{color:#ffffff80;font-family:IBM Plex Mono,sans-serif;font-size:13px;line-height:1.8}.modal-text strong{color:#fffc;font-weight:600}.modal-close{color:#fff9;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;margin-top:24px;padding:8px 24px;font-family:IBM Plex Mono,sans-serif;font-size:12px;transition:all .2s}.modal-close:hover{color:#ffffffe6;background:#ffffff1f}.loading-bar{z-index:200;background:linear-gradient(90deg,#f5a623,#e74c3c,#9b59b6);height:2px;animation:2s ease-in-out infinite loadingSlide;position:fixed;top:0;left:0}@keyframes loadingSlide{0%{width:0;left:0}50%{width:60%;left:20%}to{width:0;left:100%}}.ballerinas-container{pointer-events:none;z-index:5;position:fixed;inset:0;overflow:hidden}.ballerina-group{justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.ballerina-left{justify-content:center;width:calc(50% - 500px);left:-45px}.ballerina-right{justify-content:center;width:calc(50% - 500px);right:-45px}.ballerina-wrapper{transform-origin:50%;position:relative;transform:scale(1.17)}.ballerina-canvas{object-fit:contain;filter:drop-shadow(0 0 20px #ffe6c84d);width:auto;max-width:100%;height:100vh;max-height:1742px}.ballerina-image{object-fit:contain;mix-blend-mode:screen;width:auto;height:350px}.blur-engine .base-blur{filter:drop-shadow(0 0 10px #ffe6c8cc)}.severe-blur{opacity:.6;filter:blur(12px)contrast(2)drop-shadow(0 0 20px #ffc896cc);mix-blend-mode:screen;position:absolute;top:0;left:0}@media (width<=768px),(pointer:coarse){html,body,#root,.app{height:100dvh;padding-bottom:env(safe-area-inset-bottom);background:0 0;overflow:hidden}.mpc-wrapper{flex-direction:column;flex:1;order:1;width:100vw;max-width:none;min-height:0;display:flex;overflow:hidden}.audio-visualizer-container{flex:none;order:2;width:100vw;max-width:100vw}.ballerinas-container{display:none}.camera-toggle{padding:12px;top:10px;left:10px}.camera-toggle svg{width:26px;height:26px}.app.camera-on .app-background{display:none}}.ios-toast{color:#fff;letter-spacing:1px;z-index:10000;pointer-events:none;-webkit-backdrop-filter:blur(10px);background:#1e1e1ef2;border:1px solid #ff3c3c80;border-radius:30px;align-items:center;gap:12px;padding:14px 28px;font-family:IBM Plex Mono,sans-serif;font-size:13px;font-weight:500;animation:6s cubic-bezier(.2,.8,.2,1) forwards toastFadeInOut;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0009}.ios-toast-icon{font-size:16px}@keyframes toastFadeInOut{0%{opacity:0;transform:translate(-50%,20px)scale(.95)}8%{opacity:1;transform:translate(-50%)scale(1)}92%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,20px)scale(.95)}}.chrome-g-container{pointer-events:auto;cursor:pointer;filter:drop-shadow(0 0 8px #b4c8ff26);opacity:0;width:50px;height:50px;animation:1.5s ease-out .5s forwards chromeGFadeIn}.chrome-g-container canvas{display:block}@keyframes chromeGFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (width<=768px),(pointer:coarse){.chrome-g-container{display:none}}.info-popup-overlay{z-index:200;-webkit-backdrop-filter:blur(6px);background:#000000bf;justify-content:center;align-items:center;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;inset:0}.info-popup{color:#3a3a3a;background:linear-gradient(145deg,#e8e4dc,#ddd9d1);border-radius:12px;width:90%;max-width:420px;padding:36px 32px 28px;font-family:IBM Plex Mono,sans-serif;animation:.3s ease-out modalSlideIn;position:relative;box-shadow:0 20px 60px #00000080,inset 0 1px #fff9}.info-popup__close{color:#00000040;cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px;line-height:1;transition:color .2s;position:absolute;top:12px;right:14px}.info-popup__close:hover{color:#00000080}.info-popup__title{letter-spacing:3px;text-transform:uppercase;color:#2a2a2a;margin-bottom:12px;font-size:16px;font-weight:800}.info-popup__text{color:#0000008c;margin-bottom:16px;font-size:13px;line-height:1.7}.info-popup__section{margin-bottom:14px}.info-popup__section h3{letter-spacing:1.5px;text-transform:uppercase;color:#0006;margin-bottom:6px;font-size:11px;font-weight:700}.info-popup__section ul{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.info-popup__section li{color:#00000080;font-size:12px;line-height:1.5}.info-popup__section li strong{color:#000000b3;font-weight:600}.info-popup__section p{color:#00000080;font-size:12px}.info-popup__section a{color:#3a3a3a;text-underline-offset:2px;font-weight:600;text-decoration:underline;transition:color .2s}.info-popup__section a:hover{color:#111}.father-app .app-background{background:radial-gradient(at 50% 30%,#0d0d0d 0%,#050505 70%),linear-gradient(#080808 0%,#020202 100%)}.father-app .app-background:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.06'/%3E%3C/svg%3E")}.theme-father .mpc-body{background-color:#1a1a1a;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E"),linear-gradient(#1e1e1e 0%,#1a1a1a 20%,#161616 50%,#121212 100%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;box-shadow:0 24px 48px #000000b3,0 8px 20px #00000080,inset 0 1px #ffffff14,inset 0 -1px #0000004d,inset 1px 0 #ffffff0a,inset -1px 0 #0003}.theme-father .mpc-bottom-edge{background:linear-gradient(#151515,#0e0e0e,#090909);box-shadow:0 6px 16px #0009,0 2px 4px #0006,inset 0 1px #ffffff0d}.theme-father .akai-bottom-logo{color:#444}.theme-father .akai-bottom-pro{color:#333}.theme-father .mpc-left-panel{border-right:1px solid #ffffff0a}.theme-father .akai-logo{color:#888}.theme-father .akai-pro{color:#555}.theme-father .mpc-lcd-bezel{background:linear-gradient(#080808 0%,#111 30%,#0a0a0a 100%);box-shadow:inset 0 4px 12px #000000e6,inset 0 -2px 4px #00000080,inset 2px 0 6px #0006,inset -2px 0 6px #0006,0 1px #ffffff14}.theme-father .mpc-lcd-screen{background:#1a0808;box-shadow:inset 0 2px 8px #000000b3,inset 0 0 20px #b4000014}.theme-father .lcd-line{color:#f22;text-shadow:0 0 4px #ff2222b3,0 0 10px #f226,0 0 20px #ff222226}.theme-father .lcd-line-2{color:#cc1a1a}.theme-father .lcd-line-3{color:#aa1515}.theme-father .lcd-growthr-text{color:#f22;text-shadow:0 0 4px #ff2222b3,0 0 10px #f226}.theme-father .lcd-growthr-logo{background-color:#f22}.theme-father .lcd-inner-glow{background:radial-gradient(#ff222212 0%,#0000 70%)}.theme-father .func-btn{background:linear-gradient(#2a2a2a,#222,#1a1a1a);border-color:#ffffff0f;box-shadow:0 1px 3px #0006,inset 0 1px #ffffff14,inset 0 -1px #0003}.theme-father .func-label{color:#555}.theme-father .num-label{color:#666}.theme-father .num-btn{background:linear-gradient(#333,#2a2a2a,#222);border-color:#ffffff0f;box-shadow:0 1px 3px #0006,inset 0 1px #ffffff0f,inset 0 -1px #0003}.theme-father .num-btn.white-btn{background:linear-gradient(#3a3a3a,#2e2e2e,#222);border-color:#ffffff0f}.theme-father .num-btn.white-btn.open-window-btn{background:linear-gradient(#8b0000,#6b0000,#500000);border-color:#3a0000}.theme-father .cursor-label{color:#555}.theme-father .cursor-btn{background:linear-gradient(#2e2e2e,#252525,#1e1e1e);border-color:#ffffff0f;box-shadow:0 1px 3px #0006,inset 0 1px #ffffff0f}.theme-father .cursor-arrow.up-arrow{border-color:#0000 #0000 #666}.theme-father .cursor-arrow.down-arrow{border-color:#666 #0000 #0000}.theme-father .cursor-arrow.left-arrow{border-color:#0000 #666 #0000 #0000}.theme-father .cursor-arrow.right-arrow{border-color:#0000 #0000 #0000 #666}.theme-father .slider-label,.theme-father .slider-bound{color:#444}.theme-father .slider-track{background:linear-gradient(90deg,#333,#444,#3a3a3a,#333)}.theme-father .slider-knob{background:linear-gradient(#444,#333,#2a2a2a);border-color:#0009}.theme-father .jog-wheel{background:radial-gradient(circle at 40% 35%,#2a2a2a 0%,#1a1a1a 40%,#0e0e0e 70%,#080808 100%);border:3px solid #060606;box-shadow:0 8px 24px #000c,0 3px 8px #0009,inset 0 1px 2px #ffffff0a,inset 0 -2px 4px #000000b3}.theme-father .jog-ring{background:radial-gradient(circle at 40% 35%,#222 0%,#141414 60%,#0a0a0a 100%)}.theme-father .jog-inner{background:radial-gradient(circle at 45% 40%,#333 0%,#1a1a1a 50%,#0a0a0a 100%);border-color:#080808}.theme-father .jog-notch{background:linear-gradient(#555,#3a3a3a)}.theme-father .transport-label{color:#444}.theme-father .transport-btn.white-btn{background:linear-gradient(#2e2e2e,#232323,#1a1a1a);border-color:#ffffff0f}.theme-father .white-btn .transport-icon{color:#666}.theme-father .transport-btn.red-btn{background:linear-gradient(#8b0000,#6b0000,#500000);border-color:#3a0000}.theme-father .locate-label{color:#444}.theme-father .locate-btn{background:linear-gradient(#2e2e2e,#232323);border-color:#ffffff0f}.theme-father .locate-btn-label,.theme-father .locate-btn-icon,.theme-father .pad-bank-label{color:#555}.theme-father .pad-bank-letter{color:#444}.theme-father .pad-bank-btn{background:linear-gradient(#2e2e2e,#222);border-color:#ffffff0a}.theme-father .pad-bank-led{background:#300;box-shadow:0 0 3px #ff00001a}.theme-father .pad-bank-led.active{background:#f22;box-shadow:0 0 6px #f229,0 0 12px #ff22224d}.theme-father .mpc-model-text,.theme-father .mpc-model-number,.theme-father .mpc-model-xl,.theme-father .mpc-midi-text{color:#666}.theme-father .mpc-red-line{background:#8b0000}.theme-father .knob-label{color:#444}.theme-father .mpc-rotary-knob.dark{background:radial-gradient(circle at 40% 35%,#222 0%,#111 50%,#080808 100%)}.theme-father .mpc-rotary-knob.silver{background:radial-gradient(circle at 40% 35%,#444 0%,#2a2a2a 50%,#1a1a1a 100%)}.theme-father .mpc-right-panel{background-color:#161616;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E"),linear-gradient(#1a1a1a 0%,#161616 30%,#121212 60%,#0e0e0e 100%);background-position:0 0;background-repeat:repeat;background-size:200px,100%;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;box-shadow:inset 2px 0 6px #0000004d,inset 0 2px 8px #0003}.theme-father .mpc-pad-area{background:#0a0a0a80}.theme-father.camera-active .mpc-pad-area{background:#1414148c}.theme-father .pad{background:radial-gradient(at 48% 45%,#2a2a2a 0%,#222 25%,#1e1e1e 50%,#1a1a1a 75%,#161616 100%);border:1px solid #ffffff0f;box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 3px 6px #0009,inset 0 1px 2px #0006,inset 3px 0 5px #0000004d,inset 0 -2px 3px #ffffff05,0 3px 6px #00000080,0 1px 2px #0000004d}.theme-father .pad:hover{background:radial-gradient(at 48% 45%,#333 0%,#2a2a2a 25%,#252525 50%,#202020 75%,#1c1c1c 100%)}.theme-father .pad:active,.theme-father .pad.active{background:radial-gradient(at 48% 45%,#3a2020 0%,#2e1a1a 30%,#261414 60%,#1e0e0e 100%);transform:scale(.97)translateY(1.5px)}.theme-father .pad.active.glow-amber,.theme-father .pad.active.glow-red,.theme-father .pad.active.glow-purple,.theme-father .pad.active.glow-grey{border-color:#ff22224d;box-shadow:inset 0 0 0 1px #ff22224d,inset 0 4px 8px #0006,inset 0 0 18px #ff222226,0 0 10px #ff222280,0 0 24px #ff222240,0 0 40px #ff22221a}.theme-father .pad.looping{animation:1.5s ease-in-out infinite fatherLoopPulse}@keyframes fatherLoopPulse{0%,to{box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 3px 6px #0009,inset 3px 0 5px #0000004d,0 0 8px #8b00004d,0 3px 6px #00000080}50%{box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 3px 6px #0009,inset 3px 0 5px #0000004d,0 0 25px #8b000080,0 0 50px #8b000033,0 3px 6px #00000080}}.theme-father .pad-key{color:#ffffff4d}.theme-father .pad-label{color:#fff6}.theme-father .pad[aria-label*=—]{opacity:.5;cursor:default}.father-app .loading-bar{background:linear-gradient(90deg,#8b0000,#f22,#8b0000)}.father-app .info-popup{color:#ccc;background:linear-gradient(145deg,#1a1a1a,#111);border:1px solid #ffffff0f}.father-app .info-popup__close{color:#ffffff40}.father-app .info-popup__close:hover{color:#ffffff80}.father-app .info-popup__title{color:#f22}.father-app .info-popup__text{color:#ffffff80}.father-app .info-popup__section h3{color:#ffffff59}.father-app .info-popup__section li{color:#ffffff73}.father-app .info-popup__section li strong{color:#ffffffb3}.father-app .info-popup__section p{color:#ffffff73}.father-app .info-popup__section a{color:#f44}.father-app .info-popup__section a:hover{color:#f66}.father-app .camera-video{filter:grayscale()contrast(1.4)brightness(1.05)}.father-app .camera-video.hands-detected{filter:grayscale()contrast(1.5)brightness(1.1)}.father-app .camera-layer:before{mix-blend-mode:overlay;background:#00000026}.father-app .camera-layer:after{mix-blend-mode:soft-light;background:#ffffff0d}.father-app .camera-layer .warmth-overlay{mix-blend-mode:soft-light;background:#ffffff08}.father-app .grain-overlay{opacity:.45}.power-app .app-background{background:radial-gradient(at 50% 20%,#1a0005 0%,#0a0003 40%,#000 80%),linear-gradient(#0d0005 0%,#000 100%)}.power-app .app-background:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.07'/%3E%3C/svg%3E")}.theme-power .mpc-body{background-color:#b8000d;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E"),linear-gradient(#c2000f 0%,#b8000d 20%,#b0000c 50%,#a8000b 100%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;box-shadow:0 24px 48px #000000b3,0 8px 20px #0006,inset 0 1px #ff505033,inset 0 -1px #0000004d,inset 1px 0 #ff50501a,inset -1px 0 #00000026}.theme-power .mpc-bottom-edge{background:linear-gradient(#a0000b,#8c000a,#780009);box-shadow:0 6px 16px #00000080,0 2px 4px #0000004d,inset 0 1px #ff50501a}.theme-power .akai-bottom-logo{color:#fff6}.theme-power .akai-bottom-pro{color:#ffffff40}.theme-power .mpc-left-panel{border-right:1px solid #00000026}.theme-power .akai-logo{color:#ffffffd9}.theme-power .akai-pro{color:#ffffff80}.theme-power .mpc-lcd-bezel{background:linear-gradient(#060408 0%,#0a0808 30%,#070508 100%);box-shadow:inset 0 4px 12px #000000f2,inset 0 -2px 4px #0009,inset 2px 0 6px #00000080,inset -2px 0 6px #00000080,0 1px #b41e1e14}.theme-power .mpc-lcd-screen{background:#100c00;box-shadow:inset 0 2px 8px #000c,inset 0 0 24px #b4780014}.theme-power .lcd-line{color:gold;text-shadow:0 0 4px #ffd700cc,0 0 10px #ffd70066,0 0 22px #ffd70026}.theme-power .lcd-line-2{color:#d4a800}.theme-power .lcd-line-3{color:#a88000}.theme-power .lcd-growthr-text{color:gold;text-shadow:0 0 4px #ffd700cc,0 0 10px #ffd70066}.theme-power .lcd-growthr-logo{background-color:gold}.theme-power .lcd-growthr-branding:after{background:#ffd70059}.theme-power .lcd-inner-glow{background:radial-gradient(#ffd70012 0%,#0000 70%)}.theme-power .func-btn{background:linear-gradient(#1c0808,#160808,#100808);border-color:#b41e1e0f;box-shadow:0 1px 3px #00000080,inset 0 1px #b41e1e0d,inset 0 -1px #0000004d}.theme-power .func-label{color:#3a0e0e}.theme-power .num-label{color:#4a1010}.theme-power .num-btn{background:linear-gradient(#241010,#1c0808,#14080a);border-color:#b41e1e0f;box-shadow:0 1px 3px #00000080,inset 0 1px #b41e1e0d,inset 0 -1px #0000004d}.theme-power .num-btn.white-btn{background:linear-gradient(#2a0e0e,#220a0a,#1a0808);border-color:#b41e1e0f}.theme-power .num-btn.white-btn.open-window-btn{background:linear-gradient(#8b6800,#6b4800,#4a3000);border-color:#3a2500}.theme-power .cursor-label{color:#4a1010}.theme-power .cursor-btn{background:linear-gradient(#200a0a,#180808,#12080a);border-color:#b41e1e0f;box-shadow:0 1px 3px #00000080,inset 0 1px #b41e1e0d}.theme-power .cursor-arrow.up-arrow{border-color:#0000 #0000 #4a1010}.theme-power .cursor-arrow.down-arrow{border-color:#4a1010 #0000 #0000}.theme-power .cursor-arrow.left-arrow{border-color:#0000 #4a1010 #0000 #0000}.theme-power .cursor-arrow.right-arrow{border-color:#0000 #0000 #0000 #4a1010}.theme-power .slider-label,.theme-power .slider-bound{color:#3a0e0e}.theme-power .slider-track{background:linear-gradient(90deg,#1c0808,#2a0e0e,#220a0a,#1c0808)}.theme-power .slider-knob{background:linear-gradient(#3a0e0e,#2a0e0e,#1c0808);border-color:#000000b3}.theme-power .jog-wheel{background:radial-gradient(circle at 40% 35%,#1c0808 0%,#100808 40%,#080808 70%,#040808 100%);border:3px solid #030808;box-shadow:0 8px 24px #000000e6,0 3px 8px #000000b3,inset 0 1px 2px #b41e1e0a,inset 0 -2px 4px #000c}.theme-power .jog-ring{background:radial-gradient(circle at 40% 35%,#160808 0%,#0e0808 60%,#080808 100%)}.theme-power .jog-inner{background:radial-gradient(circle at 45% 40%,#241010 0%,#100808 50%,#060408 100%);border-color:#030808}.theme-power .jog-notch{background:linear-gradient(#4a1010,#2a0e0e)}.theme-power .transport-label{color:#3a0e0e}.theme-power .transport-btn.white-btn{background:linear-gradient(#1c0808,#14080a,#0e0808);border-color:#b41e1e0f}.theme-power .white-btn .transport-icon{color:#4a1010}.theme-power .transport-btn.red-btn{background:linear-gradient(#6b4800,#4a3000,#332000);border-color:#2a1800}.theme-power .locate-label{color:#3a0e0e}.theme-power .locate-btn{background:linear-gradient(#1c0808,#14080a);border-color:#b41e1e0f}.theme-power .locate-btn-label,.theme-power .locate-btn-icon{color:#3a0e0e}.theme-power .mpc-right-panel{background-color:#c4000e;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E"),linear-gradient(#cc000f 0%,#c4000e 30%,#ba000d 60%,#b0000c 100%);background-position:0 0;background-repeat:repeat;background-size:200px,100%;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;box-shadow:inset 2px 0 6px #00000040,inset 0 2px 8px #00000026}.theme-power .pad-bank-label{color:#ffffffb3}.theme-power .pad-bank-letter{color:#fff9}.theme-power .pad-bank-btn{background:linear-gradient(#a50010,#8c000d);border-color:#0003}.theme-power .pad-bank-led{background:#6a0008;box-shadow:0 0 3px #0000004d}.theme-power .pad-bank-led.active{background:radial-gradient(circle,gold 0%,#daa520 60%,#b8860b 100%);border-color:#8b6500;box-shadow:0 0 6px #ffd700cc,0 0 14px #ffd70066,inset 0 0 2px #fff6}.theme-power .mpc-model-text,.theme-power .mpc-model-number,.theme-power .mpc-model-xl,.theme-power .mpc-midi-text{color:#ffffffd9}.theme-power .mpc-red-line{background:linear-gradient(90deg,#0000 0%,#0006 10% 90%,#0000 100%)}.theme-power .knob-label{color:#fff9}.theme-power .mpc-rotary-knob.dark{background:radial-gradient(circle at 40% 35%,#222 0%,#111 50%,#080808 100%)}.theme-power .mpc-rotary-knob.silver{background:radial-gradient(circle at 40% 35%,#888 0%,#666 50%,#444 100%)}.theme-power .mpc-pad-area{background:#a8000c}.theme-power .pad{background:radial-gradient(at 48% 40%,#3d1010 0%,#2e0c0c 30%,#230808 60%,#1a0606 100%);border:1px solid #a0282840;box-shadow:inset 0 0 0 1px #c83c3c14,inset 0 3px 6px #0009,inset 0 1px 2px #0006,inset 3px 0 5px #0000004d,0 3px 6px #00000080,0 1px 2px #0000004d}.theme-power .pad:hover{background:radial-gradient(at 48% 40%,#4a1414 0%,#3a1010 30%,#2e0c0c 60%,#220808 100%)}.theme-power .pad:active,.theme-power .pad.active{background:radial-gradient(at 48% 40%,#3a1010 0%,#2c0c0c 30%,#200808 60%,#160606 100%);transform:scale(.97)translateY(1.5px)}.theme-power .pad.active.glow-gold,.theme-power .pad.active.glow-red{border-color:#fff9;box-shadow:inset 0 0 0 2px #ffffff8c,inset 0 4px 8px #0003,inset 0 0 28px #ffffff4d,0 0 18px #fffffff2,0 0 40px #ffffff8c,0 0 70px #fff3}.theme-power .pad.active.glow-grey{box-shadow:inset 0 0 0 1px #ffffff26,inset 0 4px 8px #00000080,0 0 12px #ffffff4d}.theme-power .pad--effect{background:radial-gradient(at 48% 40%,#0a1428 0%,#070f1e 30%,#040a16 60%,#020710 100%);border-color:#3278ff73}.theme-power .pad--effect:hover{background:radial-gradient(at 48% 40%,#0e1c38 0%,#0a1428 30%,#060e1e 60%,#030a16 100%)}.theme-power .pad-effect-icon{color:#64aaffd9;text-shadow:0 0 10px #64aaff99}.theme-power .pad-effect-label{color:#64aaffe6;text-shadow:0 0 8px #64aaff80}.theme-power .pad-effect-hint{color:#64aaff73}.theme-power .pad.effect-held{background:radial-gradient(at 48% 40%,#1a3060 0%,#122248 30%,#0c1a38 60%,#081228 100%);border-color:#64aaffbf}.theme-power .pad.looping{animation:1.4s ease-in-out infinite powerLoopPulse}@keyframes powerLoopPulse{0%,to{box-shadow:inset 0 0 0 1px #b41e1e0f,inset 0 3px 6px #000000b3,inset 3px 0 5px #0006,0 0 8px #c0392b40,0 3px 6px #0009}50%{box-shadow:inset 0 0 0 1px #b41e1e0f,inset 0 3px 6px #000000b3,inset 3px 0 5px #0006,0 0 22px #c0392b8c,0 0 45px #c0392b40,0 3px 6px #0009}}.theme-power .pad-key{color:#fff3}.theme-power .pad-label{color:#ffffffd9}.theme-power .pad[aria-label*=—]{opacity:.35;cursor:default}.power-app .audio-visualizer-container{background:0 0!important}.power-app .loading-bar{background:linear-gradient(90deg,#4a3000,gold,#4a3000)}.power-app .info-popup{color:#ccc;background:linear-gradient(145deg,#0e0a18,#080510);border:1px solid #ffd7001f}.power-app .info-popup__close{color:#ffd70040}.power-app .info-popup__close:hover{color:#ffd70099}.power-app .info-popup__title{color:gold}.power-app .info-popup__text{color:#ffffff73}.power-app .info-popup__section h3{color:#ffd70066}.power-app .info-popup__section li{color:#fff6}.power-app .info-popup__section li strong{color:#ffffffa6}.power-app .info-popup__section p{color:#fff6}.power-app .info-popup__section a{color:gold}.power-app .info-popup__section a:hover{color:#ffe066}.power-app .camera-video{filter:sepia(.3)contrast(1.2)brightness(.9)}.power-app .camera-video.hands-detected{filter:sepia(.4)contrast(1.3)brightness(.95)}@media (width<=768px),(pointer:coarse){.theme-power .mpc-pad-area{background:#a8000c}.theme-power.mpc-container.camera-active .mpc-lcd-bezel{box-shadow:0 0 0 24px #0e0808}.theme-power.mpc-container.camera-active .mpc-control-strip{background:#0e0808;box-shadow:0 0 0 16px #0e0808}.theme-power.mpc-container.camera-active .mpc-pad-area:before{background:#0e0a1473}.theme-power.mpc-container.camera-active .mpc-pad-area:after{background:#12002a59}.theme-power .pad-label{font-size:16px}.theme-power .pad:after{transition:none}.theme-power .pad-effect-label{font-size:15px}.theme-power .pad-effect-icon{font-size:22px}.theme-power .pad-effect-hint{font-size:10px}}.daftpunk-app .app-background{background:radial-gradient(at 50% 30%,#0d0b08 0%,#050402 70%),linear-gradient(#080704 0%,#020201 100%)}.daftpunk-app .app-background:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.06'/%3E%3C/svg%3E")}.theme-daftpunk .mpc-body{background-color:#1a1a16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E"),linear-gradient(#1e1e18 0%,#1a1a14 20%,#161610 50%,#121210 100%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;box-shadow:0 24px 48px #000000b3,0 8px 20px #00000080,inset 0 1px #ffb8000f,inset 0 -1px #0000004d,inset 1px 0 #ffb80008,inset -1px 0 #0003}.theme-daftpunk .mpc-bottom-edge{background:linear-gradient(#151510,#0e0e0a,#090906);box-shadow:0 6px 16px #0009,0 2px 4px #0006,inset 0 1px #ffb8000a}.theme-daftpunk .akai-bottom-logo{color:#444}.theme-daftpunk .akai-bottom-pro{color:#333}.theme-daftpunk .mpc-left-panel{border-right:1px solid #ffb8000a}.theme-daftpunk .akai-logo{color:#888}.theme-daftpunk .akai-pro{color:#555}.theme-daftpunk .mpc-lcd-bezel{background:linear-gradient(#080807 0%,#111108 30%,#0a0a08 100%);box-shadow:inset 0 4px 12px #000000e6,inset 0 -2px 4px #00000080,inset 2px 0 6px #0006,inset -2px 0 6px #0006,0 1px #ffb80014}.theme-daftpunk .mpc-lcd-screen{background:#1a1500;box-shadow:inset 0 2px 8px #000000b3,inset 0 0 20px #ffb8000f}.theme-daftpunk .lcd-line{color:#ffb800;text-shadow:0 0 4px #ffb800b3,0 0 10px #ffb80066,0 0 20px #ffb80026}.theme-daftpunk .lcd-line-2{color:#cc9200}.theme-daftpunk .lcd-line-3{color:#aa7800}.theme-daftpunk .lcd-growthr-text{color:#ffb800;text-shadow:0 0 4px #ffb800b3,0 0 10px #ffb80066}.theme-daftpunk .lcd-growthr-logo{background-color:#ffb800}.theme-daftpunk .lcd-inner-glow{background:radial-gradient(#ffb80012 0%,#0000 70%)}.theme-daftpunk .func-btn{background:linear-gradient(#2a2a22,#222218,#1a1a12);border-color:#ffb8000f;box-shadow:0 1px 3px #0006,inset 0 1px #ffb8000f,inset 0 -1px #0003}.theme-daftpunk .func-label{color:#555}.theme-daftpunk .num-label{color:#666}.theme-daftpunk .num-btn{background:linear-gradient(#33332a,#2a2a22,#222218);border-color:#ffb8000f;box-shadow:0 1px 3px #0006,inset 0 1px #ffb8000d,inset 0 -1px #0003}.theme-daftpunk .num-btn.white-btn{background:linear-gradient(#3a3a30,#2e2e24,#222218);border-color:#ffb8000f}.theme-daftpunk .num-btn.white-btn.open-window-btn{background:linear-gradient(#7a5500,#5a3e00,#3e2a00);border-color:#3a2800}.theme-daftpunk .cursor-label{color:#555}.theme-daftpunk .cursor-btn{background:linear-gradient(#2e2e24,#25251c,#1e1e16);border-color:#ffb8000f;box-shadow:0 1px 3px #0006,inset 0 1px #ffb8000d}.theme-daftpunk .cursor-arrow.up-arrow{border-color:#0000 #0000 #666}.theme-daftpunk .cursor-arrow.down-arrow{border-color:#666 #0000 #0000}.theme-daftpunk .cursor-arrow.left-arrow{border-color:#0000 #666 #0000 #0000}.theme-daftpunk .cursor-arrow.right-arrow{border-color:#0000 #0000 #0000 #666}.theme-daftpunk .slider-label,.theme-daftpunk .slider-bound{color:#444}.theme-daftpunk .slider-track{background:linear-gradient(90deg,#333,#444,#3a3a3a,#333)}.theme-daftpunk .slider-knob{background:linear-gradient(#444,#333,#2a2a2a);border-color:#0009}.theme-daftpunk .jog-wheel{background:radial-gradient(circle at 40% 35%,#2a2a20 0%,#1a1a14 40%,#0e0e08 70%,#080806 100%);border:3px solid #060604;box-shadow:0 8px 24px #000c,0 3px 8px #0009,inset 0 1px 2px #ffb8000a,inset 0 -2px 4px #000000b3}.theme-daftpunk .jog-ring{background:radial-gradient(circle at 40% 35%,#22221a 0%,#141410 60%,#0a0a08 100%)}.theme-daftpunk .jog-inner{background:radial-gradient(circle at 45% 40%,#33332a 0%,#1a1a14 50%,#0a0a08 100%);border-color:#060604}.theme-daftpunk .jog-notch{background:linear-gradient(#555,#3a3a3a)}.theme-daftpunk .transport-label{color:#444}.theme-daftpunk .transport-btn.white-btn{background:linear-gradient(#2e2e24,#232318,#1a1a12);border-color:#ffb8000f}.theme-daftpunk .white-btn .transport-icon{color:#666}.theme-daftpunk .transport-btn.red-btn{background:linear-gradient(#7a5500,#5a3e00,#3e2a00);border-color:#3a2800}.theme-daftpunk .locate-label{color:#444}.theme-daftpunk .locate-btn{background:linear-gradient(#2e2e24,#232318);border-color:#ffb8000f}.theme-daftpunk .locate-btn-label,.theme-daftpunk .locate-btn-icon,.theme-daftpunk .pad-bank-label{color:#555}.theme-daftpunk .pad-bank-letter{color:#444}.theme-daftpunk .pad-bank-btn{background:linear-gradient(#2e2e24,#222218);border-color:#ffb8000a}.theme-daftpunk .pad-bank-led{background:#320;box-shadow:0 0 3px #ffb8001a}.theme-daftpunk .pad-bank-led.active{background:#ffb800;box-shadow:0 0 6px #ffb80099,0 0 12px #ffb8004d}.theme-daftpunk .mpc-model-text,.theme-daftpunk .mpc-model-number,.theme-daftpunk .mpc-model-xl,.theme-daftpunk .mpc-midi-text{color:#666}.theme-daftpunk .mpc-red-line{background:#7a5500}.theme-daftpunk .knob-label{color:#444}.theme-daftpunk .mpc-rotary-knob.dark{background:radial-gradient(circle at 40% 35%,#222218 0%,#111110 50%,#080806 100%)}.theme-daftpunk .mpc-rotary-knob.silver{background:radial-gradient(circle at 40% 35%,#444438 0%,#2a2a22 50%,#1a1a14 100%)}.theme-daftpunk .mpc-right-panel{background-color:#161612;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E"),linear-gradient(#1a1a14 0%,#161612 30%,#121210 60%,#0e0e0a 100%);background-position:0 0;background-repeat:repeat;background-size:200px,100%;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;box-shadow:inset 2px 0 6px #0000004d,inset 0 2px 8px #0003}.theme-daftpunk .mpc-pad-area{background:#0a0a0880}.theme-daftpunk.camera-active .mpc-pad-area{background:#1414108c}.theme-daftpunk .pad{background:radial-gradient(at 48% 45%,#2a2a22 0%,#22221a 25%,#1e1e18 50%,#1a1a14 75%,#161610 100%);border:1px solid #ffb8000f;box-shadow:inset 0 0 0 1px #ffb80008,inset 0 3px 6px #0009,inset 0 1px 2px #0006,inset 3px 0 5px #0000004d,inset 0 -2px 3px #ffb80005,0 3px 6px #00000080,0 1px 2px #0000004d}.theme-daftpunk .pad:hover{background:radial-gradient(at 48% 45%,#333328 0%,#2a2a20 25%,#25251c 50%,#202018 75%,#1c1c14 100%)}.theme-daftpunk .pad:active,.theme-daftpunk .pad.active{background:radial-gradient(at 48% 45%,#3a3010 0%,#2e2608 30%,#261e04 60%,#1e1800 100%);transform:scale(.97)translateY(1.5px)}.theme-daftpunk .pad.active.glow-amber,.theme-daftpunk .pad.active.glow-red,.theme-daftpunk .pad.active.glow-purple,.theme-daftpunk .pad.active.glow-grey{border-color:#ffb8004d;box-shadow:inset 0 0 0 1px #ffb8004d,inset 0 4px 8px #0006,inset 0 0 18px #ffb80026,0 0 10px #ffb80080,0 0 24px #ffb80040,0 0 40px #ffb8001a}.theme-daftpunk .pad.looping{animation:1.5s ease-in-out infinite daftpunkLoopPulse}@keyframes daftpunkLoopPulse{0%,to{box-shadow:inset 0 0 0 1px #ffb8000a,inset 0 3px 6px #0009,inset 3px 0 5px #0000004d,0 0 8px #b878004d,0 3px 6px #00000080}50%{box-shadow:inset 0 0 0 1px #ffb8000a,inset 0 3px 6px #0009,inset 3px 0 5px #0000004d,0 0 25px #ffb80080,0 0 50px #ffb80033,0 3px 6px #00000080}}.theme-daftpunk .pad-key{color:#ffffff4d}.theme-daftpunk .pad-label{color:#fff6}.theme-daftpunk .pad[aria-label*=—]{opacity:.5;cursor:default}.daftpunk-app .loading-bar{background:linear-gradient(90deg,#b87800,#ffb800,#b87800)}.daftpunk-app .info-popup{color:#ccc;background:linear-gradient(145deg,#1a1a12,#111108);border:1px solid #ffb80014}.daftpunk-app .info-popup__close{color:#ffffff40}.daftpunk-app .info-popup__close:hover{color:#ffffff80}.daftpunk-app .info-popup__title{color:#ffb800}.daftpunk-app .info-popup__text{color:#ffffff80}.daftpunk-app .info-popup__section h3{color:#ffffff59}.daftpunk-app .info-popup__section li{color:#ffffff73}.daftpunk-app .info-popup__section li strong{color:#ffffffb3}.daftpunk-app .info-popup__section p{color:#ffffff73}.daftpunk-app .info-popup__section a{color:#ffb800}.daftpunk-app .info-popup__section a:hover{color:#ffd060}.daftpunk-app .camera-video{filter:sepia(.3)contrast(1.3)brightness(1.05)}.daftpunk-app .camera-video.hands-detected{filter:sepia(.4)contrast(1.4)brightness(1.1)}.daftpunk-app .camera-layer:before{mix-blend-mode:overlay;background:#00000026}.daftpunk-app .camera-layer:after{mix-blend-mode:soft-light;background:#ffb80008}.daftpunk-app .camera-layer .warmth-overlay{mix-blend-mode:soft-light;background:#ffb8000a}.daftpunk-app .grain-overlay{opacity:.4}