@keyframes svelte-fcv4i8-slideDown{0%{transform:translate(-50%) translateY(-100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.app-bar.svelte-fcv4i8{position:fixed;top:0;left:50%;transform:translate(-50%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:0 20px;height:70px;width:95%;max-width:1200px;color:#daf4d2;font-family:DM Sans,sans-serif;font-weight:400;z-index:1000;display:flex;justify-content:center;align-items:center;border-bottom:1px solid rgba(218,244,210,.1);margin-top:10px;border-radius:100px;animation:svelte-fcv4i8-slideDown .6s cubic-bezier(.16,1,.3,1) forwards}.app-bar_container.svelte-fcv4i8{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.home-wrap.svelte-fcv4i8{flex:1;display:flex;justify-content:flex-start}.home-button.svelte-fcv4i8{background-color:transparent;color:var(--lime-light);border:none;cursor:pointer;padding:0;transition:transform .2s ease}.home-button.svelte-fcv4i8:hover{transform:scale(1.05)}h2.svelte-fcv4i8{margin:0;font-size:20px;font-weight:600;letter-spacing:-.5px}.app-bar__nav.svelte-fcv4i8{flex:2;display:flex;position:relative;justify-content:center;gap:.5rem;padding:4px;border-radius:100px}.sliding-pill.svelte-fcv4i8{position:absolute;top:4px;bottom:4px;background:#daf4d21a;border-radius:100px;transition:all .3s cubic-bezier(.25,1,.5,1);pointer-events:none;z-index:0}.nav-btn.svelte-fcv4i8{position:relative;z-index:1;background-color:transparent;color:#daf4d2b3;padding:8px 20px;font-size:14px;border:none;border-radius:100px;font-family:DM Sans,sans-serif;font-weight:500;cursor:pointer;transition:color .3s ease;display:flex;align-items:center;gap:8px}.nav-btn.svelte-fcv4i8:hover{color:#daf4d2}.nav-btn.active.svelte-fcv4i8{color:#daf4d2;font-weight:600}.mobile-only.svelte-fcv4i8,.mobile-dock.svelte-fcv4i8{display:none}.contact-wrap.svelte-fcv4i8{flex:1;display:flex;justify-content:flex-end}.primary-button.svelte-fcv4i8{background-color:#073b42;color:#daf4d2;padding:10px 20px;font-size:14px;border:1px solid transparent;border-radius:100px;font-family:DM Sans,sans-serif;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.primary-button.svelte-fcv4i8:hover{background-color:var(--lime-light, #daf4d2);color:var(--cyan-dark, #042125);transform:translateY(-2px);box-shadow:0 4px 15px #daf4d233}@media(max-width:850px){@keyframes svelte-fcv4i8-slideDownMobile{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.app-bar.svelte-fcv4i8{width:100%;height:60px;margin-top:0;border-radius:0;left:0;transform:none;box-sizing:border-box;padding:0 16px;animation:svelte-fcv4i8-slideDownMobile .5s ease-out forwards}.app-bar__nav.svelte-fcv4i8{position:fixed;bottom:110px;left:50%;transform:translate(-50%);background:#042125e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(218,244,210,.15);border-radius:100px;padding:8px;display:flex;gap:4px;box-shadow:0 20px 40px #0006;width:auto;z-index:1000;animation:svelte-fcv4i8-slideUpDock .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes svelte-fcv4i8-slideUpDock{0%{transform:translate(-50%,100px);opacity:0}to{transform:translate(-50%);opacity:1}}.desktop-nav.svelte-fcv4i8{display:none!important}.mobile-dock.svelte-fcv4i8{display:flex;bottom:30px}.button_text.svelte-fcv4i8{display:none}.icon_id.svelte-fcv4i8{display:flex}.nav-btn.svelte-fcv4i8{padding:12px;border-radius:50%;background:transparent;transition:all .3s ease}.nav-btn.active.svelte-fcv4i8{background:#daf4d226;color:#daf4d2;transform:scale(1.1)}.primary-button.svelte-fcv4i8{padding:8px 16px;font-size:13px}h2.svelte-fcv4i8{font-size:18px}}@media(max-width:400px){.app-bar__nav.svelte-fcv4i8{bottom:100px;gap:0px}.nav-btn.svelte-fcv4i8{padding:10px}}section.svelte-1p1bqyi{position:relative;background-color:#042125;font-family:DM Sans,sans-serif;color:#daf4d2;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:750px;padding:60px 20px 40px;overflow:hidden}.visualizer-canvas.svelte-1p1bqyi{position:absolute;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.6}.section-content.svelte-1p1bqyi{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:800px}.header.svelte-1p1bqyi{text-align:center;margin-bottom:8px}h2.svelte-1p1bqyi{font-size:48px;font-weight:500;margin:0;letter-spacing:-1px;background:linear-gradient(135deg,#daf4d2,#88c07e,#daf4d2);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:svelte-1p1bqyi-shimmer 3s ease-in-out infinite}@keyframes svelte-1p1bqyi-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.subtitle.svelte-1p1bqyi{font-size:14px;opacity:.5;margin:8px 0 0;letter-spacing:2px;text-transform:uppercase}.grid-container.svelte-1p1bqyi{display:flex;gap:8px;align-items:stretch;width:100%;max-width:740px}.row-labels.svelte-1p1bqyi{display:flex;flex-direction:column;gap:6px;justify-content:stretch}.row-label.svelte-1p1bqyi{flex:1;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;opacity:.4;white-space:nowrap;min-width:50px}.pad-grid.svelte-1p1bqyi{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;flex:1}.pad.svelte-1p1bqyi{position:relative;aspect-ratio:1;border:1px solid rgba(218,244,210,.08);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:all .15s ease;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;padding:4px}.pad.svelte-1p1bqyi:hover{transform:scale(1.05);border-color:#daf4d24d}.pad.svelte-1p1bqyi:active,.pad.active.svelte-1p1bqyi{transform:scale(.95)}.cat-drums.svelte-1p1bqyi{background:#daf4d214}.cat-drums.svelte-1p1bqyi:hover,.cat-drums.active.svelte-1p1bqyi{background:#daf4d233;box-shadow:0 0 20px #daf4d226}.cat-perc.svelte-1p1bqyi{background:#daf4d20f}.cat-perc.svelte-1p1bqyi:hover,.cat-perc.active.svelte-1p1bqyi{background:#daf4d22e;box-shadow:0 0 20px #daf4d21f}.cat-bass-sub.svelte-1p1bqyi{background:#073b4299}.cat-bass-sub.svelte-1p1bqyi:hover,.cat-bass-sub.active.svelte-1p1bqyi{background:#075a64b3;box-shadow:0 0 20px #0778824d}.cat-bass-growl.svelte-1p1bqyi{background:#073b42cc}.cat-bass-growl.svelte-1p1bqyi:hover,.cat-bass-growl.active.svelte-1p1bqyi{background:#07646eb3;box-shadow:0 0 20px #0782914d}.cat-synth-lead.svelte-1p1bqyi{background:#88c07e1a}.cat-synth-lead.svelte-1p1bqyi:hover,.cat-synth-lead.active.svelte-1p1bqyi{background:#88c07e40;box-shadow:0 0 20px #88c07e33}.cat-synth-pad.svelte-1p1bqyi{background:#88c07e12}.cat-synth-pad.svelte-1p1bqyi:hover,.cat-synth-pad.active.svelte-1p1bqyi{background:#88c07e33;box-shadow:0 0 20px #88c07e26}.cat-synth-bright.svelte-1p1bqyi{background:#daf4d21a;border-color:#daf4d21a}.cat-synth-bright.svelte-1p1bqyi:hover,.cat-synth-bright.active.svelte-1p1bqyi{background:#daf4d240;box-shadow:0 0 25px #daf4d233}.cat-fx.svelte-1p1bqyi{background:linear-gradient(135deg,#073b4280,#88c07e1a)}.cat-fx.svelte-1p1bqyi:hover,.cat-fx.active.svelte-1p1bqyi{background:linear-gradient(135deg,#07505a99,#88c07e40);box-shadow:0 0 25px #daf4d22e}.pad-label.svelte-1p1bqyi{font-size:9px;font-weight:600;letter-spacing:.3px;opacity:.8;text-align:center;line-height:1.1;pointer-events:none;color:#daf4d266}.pad-key.svelte-1p1bqyi{font-size:7px;opacity:.3;font-weight:500;pointer-events:none}.ripple.svelte-1p1bqyi{position:absolute;inset:0;border-radius:12px;border:2px solid rgba(218,244,210,.5);animation:svelte-1p1bqyi-rippleAnim .4s ease-out forwards;pointer-events:none}@keyframes svelte-1p1bqyi-rippleAnim{0%{transform:scale(.8);opacity:1}to{transform:scale(1.3);opacity:0}}.music-links.svelte-1p1bqyi{display:flex;gap:12px;margin-top:16px}.music-link.svelte-1p1bqyi{display:flex;align-items:center;gap:8px;background:#073b4280;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(218,244,210,.1);border-radius:100px;padding:10px 20px;color:#daf4d2;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease}.music-link.svelte-1p1bqyi:hover{background:#073b42cc;border-color:#daf4d24d;box-shadow:0 0 20px #daf4d21a;transform:translateY(-2px)}.fact-bubble.svelte-1p1bqyi{position:fixed;z-index:9999;transform:translate(-50%,-100%);background:#073b42bf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(218,244,210,.15);border-radius:16px;padding:12px 18px;font-size:13px;font-weight:500;color:#daf4d2;max-width:260px;text-align:center;pointer-events:none;box-shadow:0 8px 32px #0000004d;animation:svelte-1p1bqyi-bubbleFloat 3.5s ease-out forwards;white-space:normal;line-height:1.4}@keyframes svelte-1p1bqyi-bubbleFloat{0%{opacity:0;transform:translate(-50%,-80%) scale(.8)}10%{opacity:1;transform:translate(-50%,-100%) scale(1)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-220px) scale(.9)}}@media(max-width:768px){section.svelte-1p1bqyi{min-height:auto;padding:40px 12px 30px}h2.svelte-1p1bqyi{font-size:32px}.grid-container.svelte-1p1bqyi{max-width:100%}.row-labels.svelte-1p1bqyi{display:none}.pad-grid.svelte-1p1bqyi{gap:4px}.pad.svelte-1p1bqyi{border-radius:8px;aspect-ratio:1}.pad-label.svelte-1p1bqyi{font-size:7px}.pad-key.svelte-1p1bqyi{display:none}.fact-bubble.svelte-1p1bqyi{max-width:200px;font-size:11px;padding:8px 14px}}@media(max-width:480px){.pad-grid.svelte-1p1bqyi{gap:3px}.pad.svelte-1p1bqyi{border-radius:6px}.pad-label.svelte-1p1bqyi{font-size:6px}.music-links.svelte-1p1bqyi{flex-direction:column;align-items:center}}.soundlab-wrapper.svelte-1p1bqyi{transition:all .5s cubic-bezier(.25,.8,.25,1)}.soundlab-wrapper.inline.svelte-1p1bqyi{position:absolute;left:0;width:100%;max-width:100vw;z-index:1;animation:svelte-1p1bqyi-inlineEnter .5s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes svelte-1p1bqyi-inlineEnter{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.soundlab-wrapper.pip.svelte-1p1bqyi{z-index:9999;position:fixed;bottom:30px;right:30px;width:320px;height:auto;border-radius:20px;background:#052b30f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(218,244,210,.2);box-shadow:0 20px 50px #00000080;overflow:hidden;animation:svelte-1p1bqyi-pipEnter .5s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes svelte-1p1bqyi-pipEnter{0%{opacity:0;transform:scale(.8) translateY(40px)}to{opacity:1;transform:scale(1) translateY(0)}}.pip.svelte-1p1bqyi section:where(.svelte-1p1bqyi){min-height:auto;padding:20px}.pip.svelte-1p1bqyi .header:where(.svelte-1p1bqyi),.pip.svelte-1p1bqyi .music-links:where(.svelte-1p1bqyi),.pip.svelte-1p1bqyi .row-labels:where(.svelte-1p1bqyi){display:none}.pip.svelte-1p1bqyi .pad-grid:where(.svelte-1p1bqyi){gap:4px}.pip.svelte-1p1bqyi .pad:where(.svelte-1p1bqyi){border-radius:6px;padding:2px}.pip.svelte-1p1bqyi .pad-label:where(.svelte-1p1bqyi){font-size:6px}.pip.svelte-1p1bqyi .pad-key:where(.svelte-1p1bqyi){display:none}.pip.svelte-1p1bqyi .visualizer-canvas:where(.svelte-1p1bqyi){opacity:.3}.pip.svelte-1p1bqyi .fact-bubble:where(.svelte-1p1bqyi){font-size:11px;padding:8px 12px;max-width:200px}@media(max-width:768px){.soundlab-wrapper.pip.svelte-1p1bqyi{bottom:110px;right:15px;width:260px}}.lab-floating-button.svelte-1ewxsm5{position:fixed;bottom:30px;left:30px;width:50px;height:50px;border-radius:50%;background-color:#04212599;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#daf4d2b3;border:1px solid rgba(218,244,210,.15);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;transition:all .3s cubic-bezier(.25,1,.5,1);box-shadow:0 4px 15px #0000004d}.lab-floating-button.svelte-1ewxsm5:hover{transform:scale(1.1) rotate(5deg);background-color:#073b42e6;border-color:#daf4d266;color:#daf4d2;box-shadow:0 8px 25px #daf4d226}@media(max-width:850px){.lab-floating-button.svelte-1ewxsm5{bottom:20px;left:20px;width:44px;height:44px}}body{margin:0;padding:0 0 30px;background-color:#042125;color:#daf4d2;scroll-behavior:smooth;overflow-x:hidden;max-width:100vw}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#073b42}::-webkit-scrollbar-thumb{background:#daf4d24d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#daf4d280}