body{font-family:Inter,system-ui,-apple-system,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3b81f;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#94a3b840}.harmonica-hole{box-shadow:inset 0 4px 8px #000000bf;transition:all .15s cubic-bezier(.4,0,.2,1)}.harmonica-hole:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,#2d2f36,transparent);opacity:.6}.harmonica-hole:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,#2d2f36,transparent);opacity:.6}.blow-indicator,.draw-indicator{text-shadow:0 0 4px currentColor}#tuner-needle{transform-origin:bottom center;transition:transform .15s cubic-bezier(.19,1,.22,1)}input[type=range]{accent-color:#00ff9d}input[type=range]::-webkit-slider-thumb{border-radius:99px;background-color:#00ff9d;box-shadow:0 0 10px #00ff9d80;transition:transform .1s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range]::-webkit-slider-thumb:active{transform:scale(.9)}main:nth-of-type(1)>section:nth-of-type(1)>div:nth-of-type(1)>div:nth-of-type(2){background-color:#292e2f;width:780px}html.light-mode,html.light-mode body,html.light-mode main,html.light-mode #screen-landing,html.light-mode #screen-setup,html.light-mode #screen-game,html.light-mode #screen-tracks,html.light-mode #screen-keyfinder,html.light-mode #screen-visualizer,html.light-mode #screen-blog,html.light-mode #screen-results,html.light-mode #harmonica-key-finder-app,html.light-mode footer,html.light-mode .bg-\[\#120a28\],html.light-mode .bg-\[\#0a0614\],html.light-mode .bg-\[\#070512\],html.light-mode .bg-\[\#05030d\]{background-color:#fff!important;background:#fff!important;background-image:none!important;color:#0f172a!important}html.light-mode div[class*=repeating-linear-gradient],html.light-mode #fixed-neon-bg-effects,html.light-mode .blur-\[48px\],html.light-mode .blur-\[64px\],html.light-mode .blur-3xl{display:none!important;opacity:0!important}html.light-mode #ambient-stage-lights>div:nth-child(1){background:linear-gradient(to bottom,rgba(37,99,235,.05),transparent)!important}html.light-mode #ambient-stage-lights>div:nth-child(2){background:linear-gradient(to bottom,rgba(37,99,235,.03),transparent)!important}html.light-mode #ambient-stage-lights>div:nth-child(3){background:linear-gradient(to bottom,rgba(37,99,235,.05),transparent)!important}html.light-mode #ambient-stage-lights>div:nth-child(4){background:radial-gradient(55% 35% at 50% 108%,rgba(37,99,235,.04),transparent 72%)!important}html.light-mode header.fixed{background-color:#fffffffa!important;border-bottom:1px solid #e2e8f0!important;box-shadow:0 4px 20px #0f172a0d!important}html.light-mode header.fixed span.bg-clip-text{background-image:linear-gradient(135deg,#0f172a,#1d4ed8)!important;-webkit-background-clip:text!important;background-clip:text!important;color:#0f172a!important}html.light-mode #nav-menu-container{background-color:#fff!important;border-color:#e2e8f0!important}html.light-mode #nav-menu-container a.active-nav-btn,html.light-mode #nav-menu-container a[data-active=true],html.light-mode #nav-menu-container a.active,html.light-mode #nav-menu-container a:active,html.light-mode #nav-menu-container a[style*="2563eb"],html.light-mode #nav-menu-container a[style*="1d4ed8"],html.light-mode #nav-menu-container a[style*="rgb(37, 99, 235)"],html.light-mode #nav-menu-container a[style*="rgb(29, 78, 216)"]{color:#fff!important;-webkit-text-fill-color:#ffffff!important;background-color:#2563eb!important;background-image:linear-gradient(180deg,#2563eb,#1d4ed8)!important;box-shadow:0 3px 12px #2563eb59!important;font-weight:800!important;border:none!important}html.light-mode #nav-menu-container a.active-nav-btn *,html.light-mode #nav-menu-container a[data-active=true] *,html.light-mode #nav-menu-container a.active *,html.light-mode #nav-menu-container a:active *,html.light-mode #nav-menu-container a[style*="2563eb"] *,html.light-mode #nav-menu-container a[style*="1d4ed8"] *,html.light-mode #nav-menu-container a[style*="rgb(37, 99, 235)"] *,html.light-mode #nav-menu-container a[style*="rgb(29, 78, 216)"] *{color:#fff!important;-webkit-text-fill-color:#ffffff!important}html.light-mode #nav-menu-container a:not(.active-nav-btn):not([data-active=true]):not(.active):not(:active):not([style*="2563eb"]):not([style*="1d4ed8"]):not([style*="rgb(37, 99, 235)"]):not([style*="rgb(29, 78, 216)"]){color:#0f172a!important;-webkit-text-fill-color:#0f172a!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;font-weight:800!important}html.light-mode #nav-menu-container a:not(.active-nav-btn):not([data-active=true]):not(.active):not(:active):not([style*="2563eb"]):not([style*="1d4ed8"]):not([style*="rgb(37, 99, 235)"]):not([style*="rgb(29, 78, 216)"]):hover{color:#2563eb!important;-webkit-text-fill-color:#2563eb!important;background-color:#eff6ff!important}@media(max-width:767px){html.light-mode #nav-menu-container{background-color:#fff!important;border-bottom:1px solid #e2e8f0!important;box-shadow:0 10px 30px #0f172a1f!important}html.light-mode #nav-menu-container a:not(.active-nav-btn):not([data-active=true]):not(.active):not(:active){color:#0f172a!important;-webkit-text-fill-color:#0f172a!important;background-color:transparent!important}html.light-mode #nav-menu-container a.active-nav-btn,html.light-mode #nav-menu-container a[data-active=true],html.light-mode #nav-menu-container a.active,html.light-mode #nav-menu-container a:active{color:#fff!important;-webkit-text-fill-color:#ffffff!important;background-color:#2563eb!important;background-image:linear-gradient(180deg,#2563eb,#1d4ed8)!important;box-shadow:0 3px 12px #2563eb59!important}}html.light-mode #theme-toggle-btn{background-color:#fff!important;border-color:#cbd5e1!important;color:#0f172a!important;box-shadow:0 1px 3px #0000000d!important}html.light-mode #theme-toggle-btn:hover{background-color:#f1f5f9!important;border-color:#2563eb!important;color:#2563eb!important}html.light-mode .bg-\[\#120a28\],html.light-mode .bg-\[\#120a28\]\/66,html.light-mode .bg-\[\#120a28\]\/80,html.light-mode .bg-\[\#120a28\]\/85,html.light-mode .bg-\[\#120a28\]\/90,html.light-mode .bg-\[\#120a28\]\/33,html.light-mode .bg-\[\#120a28\]\/50,html.light-mode .bg-\[\#120a28\]\/60,html.light-mode .bg-\[\#0a0614\],html.light-mode .bg-\[\#0a0715\],html.light-mode .bg-\[\#070512\],html.light-mode .bg-\[\#09061a\],html.light-mode .bg-\[\#130f2c\],html.light-mode .bg-\[\#05030d\],html.light-mode .bg-\[\#06040d\],html.light-mode .bg-\[\#07040e\],html.light-mode .bg-\[\#0c061e\],html.light-mode .bg-\[\#05030a\],html.light-mode .bg-\[\#0c0d0e\],html.light-mode .bg-\[\#151619\],html.light-mode .bg-slate-950,html.light-mode .bg-slate-900,html.light-mode .bg-slate-800,html.light-mode .bg-slate-950\/90,html.light-mode .bg-slate-950\/80,html.light-mode .bg-slate-900\/80,html.light-mode .bg-slate-900\/90,html.light-mode .bg-purple-950\/40,html.light-mode footer{background-color:#fff!important;border-color:#e2e8f0!important;box-shadow:0 4px 20px #0f172a0f!important;color:#0f172a!important}html.light-mode .bg-\[\#0a0614\]\/40,html.light-mode .bg-\[\#0a0614\]\/50,html.light-mode .bg-\[\#0a0614\]\/60,html.light-mode .bg-\[\#0a0614\]\/70,html.light-mode .bg-\[\#0a0614\]\/75,html.light-mode .bg-\[\#0a0614\]\/80,html.light-mode .bg-\[\#0a0614\]\/85,html.light-mode .bg-\[\#0a0614\]\/90,html.light-mode .bg-\[\#121316\],html.light-mode .bg-slate-900\/50,html.light-mode #jam-track-selection-card,html.light-mode main#screen-tracks:nth-of-type(5)>div:nth-of-type(3)>div#jam-station-options-panel:nth-of-type(1)>div:nth-of-type(1)>div:nth-of-type(1)>div:nth-of-type(1)>div:nth-of-type(3),html.light-mode table,html.light-mode tr,html.light-mode td,html.light-mode th{background-color:#fff!important;background:#fff!important;border-color:#e2e8f0!important;color:#0f172a!important}html.light-mode h1,html.light-mode h2,html.light-mode h3,html.light-mode h4,html.light-mode h5,html.light-mode h6,html.light-mode p,html.light-mode span,html.light-mode div,html.light-mode label,html.light-mode td,html.light-mode th,html.light-mode strong,html.light-mode b,html.light-mode li,html.light-mode a,html.light-mode .text-slate-100,html.light-mode .text-slate-200,html.light-mode .text-slate-300,html.light-mode .text-slate-400,html.light-mode .text-slate-500,html.light-mode .text-\[\#cfc6ff\],html.light-mode .text-\[\#a39cd1\],html.light-mode .text-\[\#8d83c2\],html.light-mode .text-\[\#827aae\],html.light-mode .text-\[\#a99fd6\],html.light-mode .text-\[\#8f86bf\]{color:#0f172a!important}html.light-mode p,html.light-mode .text-slate-400,html.light-mode .text-slate-500,html.light-mode .text-slate-600,html.light-mode .text-\[\#a99fd6\],html.light-mode .text-\[\#8f86bf\],html.light-mode .text-\[\#a39cd1\],html.light-mode .text-\[\#8d83c2\]{color:#1e293b!important;font-weight:600!important}html.light-mode .text-\[9px\],html.light-mode .text-\[10px\],html.light-mode .text-xs,html.light-mode .text-sm{font-weight:700!important}html.light-mode .text-pink-400,html.light-mode .text-pink-500,html.light-mode .text-pink-600,html.light-mode .text-\[\#ff3ea5\],html.light-mode .text-\[\#ff9de0\],html.light-mode .text-\[\#ff62c4\],html.light-mode .text-fuchsia-400,html.light-mode .text-fuchsia-500,html.light-mode .group-hover\:text-pink-400:hover,html.light-mode .group-hover\:text-pink-500:hover,html.light-mode .hover\:text-pink-400:hover,html.light-mode .hover\:text-pink-500:hover{color:#2563eb!important}html.light-mode .bg-pink-500,html.light-mode .bg-pink-400,html.light-mode .bg-pink-600,html.light-mode .bg-\[\#ff3ea5\],html.light-mode .bg-\[\#ff3ea5\]\/10,html.light-mode .bg-\[\#ff3ea5\]\/12,html.light-mode .bg-\[\#ff3ea5\]\/15,html.light-mode .bg-\[\#ff3ea5\]\/20,html.light-mode .bg-\[\#ff3ea5\]\/30,html.light-mode .bg-pink-500\/10,html.light-mode .bg-pink-500\/15,html.light-mode .bg-pink-500\/20,html.light-mode .bg-pink-500\/30{background-color:#2563eb!important;color:#fff!important}html.light-mode .border-pink-500,html.light-mode .border-pink-400,html.light-mode .border-pink-500\/20,html.light-mode .border-pink-500\/30,html.light-mode .border-pink-500\/40,html.light-mode .border-\[\#ff3ea5\],html.light-mode .border-\[\#ff3ea5\]\/20,html.light-mode .border-\[\#ff3ea5\]\/25,html.light-mode .border-\[\#ff3ea5\]\/30,html.light-mode .border-\[\#ff3ea5\]\/40,html.light-mode .border-\[\#ff3ea5\]\/50,html.light-mode .hover\:border-pink-500:hover,html.light-mode .hover\:border-\[\#ff3ea5\]\/40:hover{border-color:#2563eb!important}html.light-mode [stroke="#ff3ea5"],html.light-mode [fill="#ff3ea5"]{stroke:#2563eb!important}html.light-mode main#screen-landing:nth-of-type(1),html.light-mode #screen-landing,html.light-mode main#screen-setup:nth-of-type(2),html.light-mode #screen-setup{background-color:#fff!important;background:#fff!important}html.light-mode main#screen-landing:nth-of-type(1)>div:nth-of-type(1)>div:nth-of-type(1)>h1:nth-of-type(1),html.light-mode #screen-landing h1:first-child{color:#000!important;background-color:transparent!important;background-image:linear-gradient(180deg,#000,#0f172a 65%,#1e293b)!important;-webkit-background-clip:text!important;background-clip:text!important;filter:drop-shadow(0 4px 12px rgba(37,99,235,.25))!important}html.light-mode main#screen-landing:nth-of-type(1)>div:nth-of-type(1)>div:nth-of-type(1)>h1:nth-of-type(2),html.light-mode #screen-landing h1:nth-child(2){color:transparent!important;-webkit-text-stroke:3px #2563eb!important;text-shadow:0 0 32px rgba(37,99,235,.5),0 0 8px rgba(37,99,235,.7)!important;filter:drop-shadow(0 8px 20px rgba(37,99,235,.35))!important}html.light-mode .bg-clip-text:not(#screen-landing h1){background-image:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;color:#0f172a!important}html.light-mode span.bg-\[\#ff3ea5\]\/12,html.light-mode span.bg-\[\#ff3ea5\]\/10,html.light-mode span.bg-\[\#22d3ff\]\/10,html.light-mode span.bg-\[\#00ff9d\]\/12,html.light-mode span.bg-purple-950\/40{background-color:#eff6ff!important;border-color:#bfdbfe!important;color:#1d4ed8!important;box-shadow:0 2px 8px #2563eb1a!important}html.light-mode #btn-press-start,html.light-mode #btn-wizard-next-style,html.light-mode #btn-wizard-next-1,html.light-mode #btn-wizard-next-2,html.light-mode #btn-wizard-next-3,html.light-mode #btn-setup-start,html.light-mode #btn-game-play-start,html.light-mode #btn-game-play-again,html.light-mode #jam-btn-play,html.light-mode #btn-result-replay,html.light-mode #jam-customizer-save,html.light-mode #viz-btn-download,html.light-mode #jam-btn-customize,html.light-mode button[onclick*="/game"],html.light-mode #start-btn,html.light-mode #game-mic-start-btn,html.light-mode #btn-game-show-sidebar,html.light-mode .active-nav-btn,html.light-mode a.active-nav-btn,html.light-mode #nav-menu-container a.active-nav-btn,html.light-mode #nav-menu-container a[data-active=true],html.light-mode #nav-menu-container a.active,html.light-mode #nav-menu-container a:active,html.light-mode #nav-menu-container a[style*="2563eb"],html.light-mode button.bg-blue-500,html.light-mode button.bg-blue-600,html.light-mode button.bg-blue-700,html.light-mode button.bg-blue-800,html.light-mode button.bg-\[\#2563eb\],html.light-mode button.bg-\[\#1d4ed8\],html.light-mode button.bg-\[\#1e40af\],html.light-mode button.bg-\[\#3b82f6\],html.light-mode button[style*="2563eb"],html.light-mode button[style*="1d4ed8"],html.light-mode button.bg-gradient-to-r,html.light-mode button.bg-gradient-to-b,html.light-mode button[data-active=true],html.light-mode button.active,html.light-mode button.active-mode,html.light-mode .active-mode,html.light-mode button.bg-pink-400,html.light-mode button.from-\[\#ff3ea5\],html.light-mode button.from-pink-400,html.light-mode button.bg-purple-600,html.light-mode button.bg-\[\#00ff9d\],html.light-mode #tab-mode-num.bg-gradient-to-b,html.light-mode #tab-mode-solfege.bg-gradient-to-b,html.light-mode #tab-mode-note.bg-gradient-to-b,html.light-mode button[data-mode].bg-gradient-to-b,html.light-mode button[data-mode][data-active=true],html.light-mode #btn-mode-practice.bg-blue-600,html.light-mode #btn-mode-play.bg-blue-600,html.light-mode #btn-game-mode-practice.active-mode,html.light-mode #btn-game-mode-play.active-mode,html.light-mode .jam-track-btn[data-active=true],html.light-mode .jam-harp-opt-btn[data-active=true],html.light-mode button[id^=jam-btn-key-][data-active=true],html.light-mode button[id^=jam-btn-key-].active-key,html.light-mode button[id^=jam-btn-key-].bg-gradient-to-r,html.light-mode button[id^=btn-key-][data-active=true],html.light-mode button[id^=btn-key-].active-key,html.light-mode button[id^=btn-key-].bg-gradient-to-r,html.light-mode button[data-key][data-active=true],html.light-mode button[data-key].bg-gradient-to-r,html.light-mode button[id^=jam-style-][data-active=true],html.light-mode button[id^=jam-style-].bg-gradient-to-r,html.light-mode #viz-mode-universe,html.light-mode .hh-feature-cta,html.light-mode a.hh-feature-cta,html.light-mode .hh-hero-feature-btn,html.light-mode a.hh-hero-feature-btn,html.light-mode .hh-btn-blue,html.light-mode [class*=bg-blue-],html.light-mode [class*="bg-[#2563eb]"],html.light-mode [class*="bg-[#1d4ed8]"]{background-color:#2563eb!important;background-image:linear-gradient(180deg,#2563eb,#1d4ed8)!important;color:#fff!important;-webkit-text-fill-color:#ffffff!important;border-color:#1d4ed8!important;box-shadow:0 4px 14px #2563eb40!important}html.light-mode #btn-press-start *,html.light-mode #btn-wizard-next-style *,html.light-mode #btn-wizard-next-1 *,html.light-mode #btn-wizard-next-2 *,html.light-mode #btn-wizard-next-3 *,html.light-mode #btn-setup-start *,html.light-mode #btn-game-play-start *,html.light-mode #btn-game-play-again *,html.light-mode #jam-btn-play *,html.light-mode #btn-result-replay *,html.light-mode #jam-customizer-save *,html.light-mode #viz-btn-download *,html.light-mode #jam-btn-customize *,html.light-mode button[onclick*="/game"] *,html.light-mode #start-btn *,html.light-mode #game-mic-start-btn *,html.light-mode #btn-game-show-sidebar *,html.light-mode .active-nav-btn *,html.light-mode a.active-nav-btn *,html.light-mode #nav-menu-container a.active-nav-btn *,html.light-mode #nav-menu-container a[data-active=true] *,html.light-mode #nav-menu-container a.active *,html.light-mode #nav-menu-container a:active *,html.light-mode #nav-menu-container a[style*="2563eb"] *,html.light-mode button.bg-blue-500 *,html.light-mode button.bg-blue-600 *,html.light-mode button.bg-blue-700 *,html.light-mode button.bg-blue-800 *,html.light-mode button.bg-\[\#2563eb\] *,html.light-mode button.bg-\[\#1d4ed8\] *,html.light-mode button.bg-\[\#1e40af\] *,html.light-mode button.bg-\[\#3b82f6\] *,html.light-mode button[style*="2563eb"] *,html.light-mode button[style*="1d4ed8"] *,html.light-mode button.bg-gradient-to-r *,html.light-mode button.bg-gradient-to-b *,html.light-mode button[data-active=true] *,html.light-mode button.active *,html.light-mode button.active-mode *,html.light-mode .active-mode *,html.light-mode button.bg-pink-400 *,html.light-mode button.from-\[\#ff3ea5\] *,html.light-mode button.from-pink-400 *,html.light-mode button.bg-purple-600 *,html.light-mode button.bg-\[\#00ff9d\] *,html.light-mode #tab-mode-num.bg-gradient-to-b *,html.light-mode #tab-mode-solfege.bg-gradient-to-b *,html.light-mode #tab-mode-note.bg-gradient-to-b *,html.light-mode button[data-mode].bg-gradient-to-b *,html.light-mode button[data-mode][data-active=true] *,html.light-mode #btn-mode-practice.bg-blue-600 *,html.light-mode #btn-mode-play.bg-blue-600 *,html.light-mode #btn-game-mode-practice.active-mode *,html.light-mode #btn-game-mode-play.active-mode *,html.light-mode .jam-track-btn[data-active=true] *,html.light-mode .jam-harp-opt-btn[data-active=true] *,html.light-mode button[id^=jam-btn-key-][data-active=true] *,html.light-mode button[id^=jam-btn-key-].active-key *,html.light-mode button[id^=jam-btn-key-].bg-gradient-to-r *,html.light-mode button[id^=btn-key-][data-active=true] *,html.light-mode button[id^=btn-key-].active-key *,html.light-mode button[id^=btn-key-].bg-gradient-to-r *,html.light-mode button[data-key][data-active=true] *,html.light-mode button[data-key].bg-gradient-to-r *,html.light-mode button[id^=jam-style-][data-active=true] *,html.light-mode button[id^=jam-style-].bg-gradient-to-r *,html.light-mode #viz-mode-universe *,html.light-mode .hh-feature-cta *,html.light-mode a.hh-feature-cta *,html.light-mode .hh-hero-feature-btn *,html.light-mode a.hh-hero-feature-btn *,html.light-mode .hh-btn-blue *,html.light-mode [class*=bg-blue-] *,html.light-mode [class*="bg-[#2563eb]"] *,html.light-mode [class*="bg-[#1d4ed8]"] *,html.light-mode a[style*="2563eb"] *{color:#fff!important;-webkit-text-fill-color:#ffffff!important;opacity:1!important}html.light-mode button.bg-blue-600 svg,html.light-mode button.bg-blue-600 svg *,html.light-mode button.bg-\[\#2563eb\] svg,html.light-mode button.bg-\[\#2563eb\] svg *,html.light-mode button.bg-gradient-to-r svg,html.light-mode button.bg-gradient-to-r svg *,html.light-mode .hh-feature-cta svg,html.light-mode .hh-feature-cta svg *,html.light-mode .hh-hero-feature-btn svg,html.light-mode .hh-hero-feature-btn svg *,html.light-mode [class*=bg-blue-] svg,html.light-mode [class*=bg-blue-] svg *,html.light-mode #start-btn svg,html.light-mode #start-btn svg *,html.light-mode #game-mic-start-btn svg,html.light-mode #game-mic-start-btn svg *,html.light-mode #btn-game-show-sidebar svg,html.light-mode #btn-game-show-sidebar svg *,html.light-mode #viz-btn-download svg,html.light-mode #viz-btn-download svg *{color:#fff!important;stroke:#fff!important}html.light-mode #btn-press-start:hover,html.light-mode #btn-wizard-next-style:hover,html.light-mode #btn-wizard-next-1:hover,html.light-mode #btn-wizard-next-2:hover,html.light-mode #btn-wizard-next-3:hover,html.light-mode #btn-setup-start:hover,html.light-mode #btn-game-play-start:hover,html.light-mode #btn-game-play-again:hover,html.light-mode #jam-btn-play:hover,html.light-mode #btn-result-replay:hover,html.light-mode #jam-customizer-save:hover,html.light-mode #viz-btn-download:hover,html.light-mode #jam-btn-customize:hover,html.light-mode button[onclick*="/game"]:hover,html.light-mode #start-btn:hover,html.light-mode #game-mic-start-btn:hover,html.light-mode button.bg-gradient-to-r:hover,html.light-mode button.bg-gradient-to-b:hover,html.light-mode button.bg-blue-600:hover,html.light-mode button.bg-\[\#2563eb\]:hover,html.light-mode .jam-track-btn[data-active=true]:hover,html.light-mode .jam-harp-opt-btn[data-active=true]:hover{background-color:#1d4ed8!important;background-image:linear-gradient(180deg,#1d4ed8,#1e40af)!important;color:#fff!important;-webkit-text-fill-color:#ffffff!important;box-shadow:0 6px 20px #2563eb59!important}html.light-mode #btn-press-start:hover *,html.light-mode #btn-wizard-next-style:hover *,html.light-mode #btn-wizard-next-1:hover *,html.light-mode #btn-wizard-next-2:hover *,html.light-mode #btn-wizard-next-3:hover *,html.light-mode #btn-setup-start:hover *,html.light-mode #btn-game-play-start:hover *,html.light-mode #btn-game-play-again:hover *,html.light-mode #jam-btn-play:hover *,html.light-mode #btn-result-replay:hover *,html.light-mode #jam-customizer-save:hover *,html.light-mode #viz-btn-download:hover *,html.light-mode #jam-btn-customize:hover *,html.light-mode button[onclick*="/game"]:hover *,html.light-mode #start-btn:hover *,html.light-mode #game-mic-start-btn:hover *,html.light-mode button.bg-gradient-to-r:hover *,html.light-mode button.bg-gradient-to-b:hover *,html.light-mode button.bg-blue-600:hover *,html.light-mode button.bg-\[\#2563eb\]:hover *,html.light-mode .jam-track-btn[data-active=true]:hover *,html.light-mode .jam-harp-opt-btn[data-active=true]:hover *{color:#fff!important;-webkit-text-fill-color:#ffffff!important}html.light-mode .bg-gradient-to-b.from-pink-400.to-pink-600,html.light-mode .bg-gradient-to-b.from-pink-400.to-pink-500,html.light-mode .bg-gradient-to-r.from-\[\#ff3ea5\].to-\[\#ff9de0\],html.light-mode button[data-mode].bg-gradient-to-b,html.light-mode button[id^=jam-btn-key-][data-active=true],html.light-mode button[id^=jam-btn-key-].active-key,html.light-mode button[id^=jam-btn-key-].bg-gradient-to-r,html.light-mode button[id^=btn-key-][data-active=true],html.light-mode button[id^=btn-key-].active-key,html.light-mode button[id^=btn-key-].bg-gradient-to-r,html.light-mode button[id^=jam-style-][data-active=true],html.light-mode button[id^=jam-style-].bg-gradient-to-r,html.light-mode #tab-mode-num.bg-gradient-to-b,html.light-mode #tab-mode-solfege.bg-gradient-to-b,html.light-mode #tab-mode-note.bg-gradient-to-b{background-color:#2563eb!important;background-image:linear-gradient(180deg,#2563eb,#1d4ed8)!important;color:#fff!important;-webkit-text-fill-color:#ffffff!important;border-color:#1d4ed8!important;box-shadow:0 4px 12px #2563eb4d!important}html.light-mode .bg-gradient-to-b.from-pink-400.to-pink-600 *,html.light-mode .bg-gradient-to-b.from-pink-400.to-pink-500 *,html.light-mode .bg-gradient-to-r.from-\[\#ff3ea5\].to-\[\#ff9de0\] *,html.light-mode button[data-mode].bg-gradient-to-b *,html.light-mode button[id^=jam-btn-key-][data-active=true] *,html.light-mode button[id^=jam-btn-key-].active-key *,html.light-mode button[id^=jam-btn-key-].bg-gradient-to-r *,html.light-mode button[id^=btn-key-][data-active=true] *,html.light-mode button[id^=btn-key-].active-key *,html.light-mode button[id^=btn-key-].bg-gradient-to-r *,html.light-mode button[id^=jam-style-][data-active=true] *,html.light-mode button[id^=jam-style-].bg-gradient-to-r *,html.light-mode #tab-mode-num.bg-gradient-to-b *,html.light-mode #tab-mode-solfege.bg-gradient-to-b *,html.light-mode #tab-mode-note.bg-gradient-to-b *{color:#fff!important;-webkit-text-fill-color:#ffffff!important}html.light-mode .border-2.border-pink-500\/40,html.light-mode .border-pink-500\/40{border-color:#2563eb!important;background-color:#f8fafc!important;box-shadow:0 4px 20px #2563eb1a!important}html.light-mode #btn-wizard-back-style,html.light-mode #btn-wizard-back-2,html.light-mode #btn-wizard-back-3,html.light-mode #btn-exit-game,html.light-mode #btn-result-menu,html.light-mode #viz-btn-reset,html.light-mode #viz-btn-fullscreen,html.light-mode #jam-customizer-close,html.light-mode button[id^=jam-btn-key-]:not([data-active=true]):not(.active-key):not(.bg-gradient-to-r),html.light-mode button[id^=btn-key-]:not([data-active=true]):not(.active-key):not(.bg-gradient-to-r),html.light-mode button[id^=jam-style-]:not([data-active=true]):not(.bg-gradient-to-r),html.light-mode button[data-mode]:not(.bg-gradient-to-b):not([data-active=true]),html.light-mode button.bg-slate-900\/80,html.light-mode button.bg-slate-900,html.light-mode button.border-slate-800,html.light-mode button.border-slate-700,html.light-mode .jam-track-btn:not([data-active=true]),html.light-mode .jam-harp-opt-btn:not([data-active=true]),html.light-mode .jam-preset-btn:not([data-active=true]){background-color:#f8fafc!important;background-image:none!important;border:1px solid #cbd5e1!important;color:#0f172a!important;-webkit-text-fill-color:#0f172a!important;box-shadow:0 1px 3px #0000000d!important}html.light-mode button[id^=jam-btn-key-]:not([data-active=true]):not(.active-key):not(.bg-gradient-to-r) *,html.light-mode button[id^=btn-key-]:not([data-active=true]):not(.active-key):not(.bg-gradient-to-r) *,html.light-mode button[id^=jam-style-]:not([data-active=true]):not(.bg-gradient-to-r) *,html.light-mode button[data-mode]:not(.bg-gradient-to-b):not([data-active=true]) *,html.light-mode button.bg-slate-900\/80 *,html.light-mode button.bg-slate-900 *,html.light-mode button.border-slate-800 *,html.light-mode button.border-slate-700 *,html.light-mode .jam-track-btn:not([data-active=true]) *,html.light-mode .jam-harp-opt-btn:not([data-active=true]) *,html.light-mode .jam-preset-btn:not([data-active=true]) *{color:#0f172a!important;-webkit-text-fill-color:#0f172a!important}html.light-mode .jam-track-btn:not([data-active=true]) span.opacity-80,html.light-mode .jam-track-btn:not([data-active=true]) span.text-slate-400,html.light-mode .jam-harp-opt-btn:not([data-active=true]) span.opacity-80,html.light-mode .jam-harp-opt-btn:not([data-active=true]) span.text-slate-400{color:#475569!important;font-weight:600!important}html.light-mode button[id^=jam-btn-key-]:not([data-active=true]):not(.active-key):not(.bg-gradient-to-r):hover,html.light-mode button[id^=btn-key-]:not([data-active=true]):not(.active-key):not(.bg-gradient-to-r):hover,html.light-mode button[id^=jam-style-]:not([data-active=true]):not(.bg-gradient-to-r):hover,html.light-mode button[data-mode]:not(.bg-gradient-to-b):not([data-active=true]):hover,html.light-mode button.bg-slate-900:hover,html.light-mode button.bg-slate-900\/80:hover,html.light-mode .jam-track-btn:not([data-active=true]):hover,html.light-mode .jam-harp-opt-btn:not([data-active=true]):hover{background-color:#eff6ff!important;border-color:#2563eb!important;color:#1d4ed8!important;-webkit-text-fill-color:#1d4ed8!important}html.light-mode button[id^=jam-btn-key-]:not([data-active=true]):not(.active-key):not(.bg-gradient-to-r):hover *,html.light-mode button[id^=btn-key-]:not([data-active=true]):not(.active-key):not(.bg-gradient-to-r):hover *,html.light-mode button[id^=jam-style-]:not([data-active=true]):not(.bg-gradient-to-r):hover *,html.light-mode button[data-mode]:not(.bg-gradient-to-b):not([data-active=true]):hover *,html.light-mode button.bg-slate-900:hover *,html.light-mode button.bg-slate-900\/80:hover *,html.light-mode .jam-track-btn:not([data-active=true]):hover *,html.light-mode .jam-harp-opt-btn:not([data-active=true]):hover *{color:#1d4ed8!important;-webkit-text-fill-color:#1d4ed8!important}html.light-mode .jam-track-btn[data-active=true],html.light-mode .jam-harp-opt-btn[data-active=true]{background-color:#2563eb!important;background-image:linear-gradient(135deg,#2563eb,#1d4ed8)!important;color:#fff!important;border-color:#1d4ed8!important;box-shadow:0 4px 16px #2563eb59!important}html.light-mode .jam-track-btn[data-active=true] *,html.light-mode .jam-harp-opt-btn[data-active=true] *{color:#fff!important}html.light-mode #jam-track-selection-card,html.light-mode main#screen-tracks:nth-of-type(5)>div:nth-of-type(3)>div#jam-station-options-panel:nth-of-type(1)>div:nth-of-type(1)>div:nth-of-type(1)>div:nth-of-type(1)>div:nth-of-type(3){background-color:#fff!important;background:#fff!important;border-color:#e2e8f0!important;box-shadow:0 2px 12px #0000000a!important}html.light-mode #jam-current-preset-badge{background-color:#eff6ff!important;border-color:#bfdbfe!important;color:#1d4ed8!important}html.light-mode #jam-current-preset-badge *{color:#1d4ed8!important}html.light-mode #start-btn{background-color:#2563eb!important;background-image:linear-gradient(180deg,#2563eb,#1d4ed8)!important;border-color:#1d4ed8!important;color:#fff!important;box-shadow:0 2px 10px #2563eb40!important}html.light-mode #start-btn:hover{background-color:#1d4ed8!important}html.light-mode #stop-btn,html.light-mode #viz-btn-clear-art,html.light-mode button.bg-red-500,html.light-mode button.bg-red-950\/50{background-color:#dc2626!important;background-image:none!important;border-color:#b91c1c!important;color:#fff!important}html.light-mode #stop-btn *,html.light-mode #viz-btn-clear-art *,html.light-mode button.bg-red-500 *{color:#fff!important}html.light-mode input[type=text],html.light-mode select,html.light-mode textarea{background-color:#fff!important;border-color:#cbd5e1!important;color:#0f172a!important}html.light-mode input[type=text]::placeholder{color:#94a3b8!important}html.light-mode input[type=range]{accent-color:#2563eb!important}html.light-mode input[type=range]::-webkit-slider-thumb{background-color:#2563eb!important;box-shadow:0 0 10px #2563eb66!important}html.light-mode .harmonica-hole{box-shadow:inset 0 2px 4px #0000001a!important;border-color:#cbd5e1!important;background-color:#fff!important;color:#0f172a!important}html.light-mode .blow-active{background-color:#2563eb!important;color:#fff!important;box-shadow:0 0 12px #2563eb73!important}html.light-mode .draw-active{background-color:#ea580c!important;color:#fff!important;box-shadow:0 0 12px #ea580c73!important}html.light-mode #mobile-menu-btn{background-color:#fff!important;border-color:#cbd5e1!important;color:#0f172a!important}#btn-key-C,#btn-key-A,#btn-key-D,#btn-key-G,#btn-key-LowC,main#screen-setup:nth-of-type(2)>div#setup-step-1:nth-of-type(3)>div:nth-of-type(1)>div:nth-of-type(1)>button#btn-key-A:nth-of-type(2),main#screen-setup:nth-of-type(2)>div#setup-step-1:nth-of-type(3)>div:nth-of-type(1)>div:nth-of-type(1)>button#btn-key-D:nth-of-type(3),main#screen-setup:nth-of-type(2)>div#setup-step-1:nth-of-type(3)>div:nth-of-type(1)>div:nth-of-type(1)>button#btn-key-G:nth-of-type(4){transition:all .25s cubic-bezier(.16,1,.3,1)!important}#btn-key-C.bg-gradient-to-r,#btn-key-A.bg-gradient-to-r,#btn-key-D.bg-gradient-to-r,#btn-key-G.bg-gradient-to-r,#btn-key-LowC.bg-gradient-to-r,#btn-key-C[class*=from-],#btn-key-A[class*=from-],#btn-key-D[class*=from-],#btn-key-G[class*=from-],main#screen-setup:nth-of-type(2)>div#setup-step-1:nth-of-type(3)>div:nth-of-type(1)>div:nth-of-type(1)>button#btn-key-A:nth-of-type(2)[class*=from-],main#screen-setup:nth-of-type(2)>div#setup-step-1:nth-of-type(3)>div:nth-of-type(1)>div:nth-of-type(1)>button#btn-key-D:nth-of-type(3)[class*=from-],main#screen-setup:nth-of-type(2)>div#setup-step-1:nth-of-type(3)>div:nth-of-type(1)>div:nth-of-type(1)>button#btn-key-G:nth-of-type(4)[class*=from-]{box-shadow:0 0 18px #ff3ea5b3,0 0 32px #ff3ea559!important;transform:translateY(-1px) scale(1.02)!important}#btn-key-C:hover,#btn-key-A:hover,#btn-key-D:hover,#btn-key-G:hover,#btn-key-LowC:hover{box-shadow:0 0 14px #9682ff80,0 0 24px #ff3ea540!important}span[id^=step-num-].bg-pink-500{box-shadow:0 0 18px #ff3ea5d9,0 0 30px #ff3ea573!important}html:not(.light-mode) #preset-custom,html:not(.light-mode) button#preset-custom{background:linear-gradient(135deg,#f97316,#ea580c)!important;color:#fff!important;border:1px solid #ffedd5!important;box-shadow:0 0 18px #fffffff2,0 0 30px #f9731699!important}html:not(.light-mode) #preset-custom:hover,html:not(.light-mode) button#preset-custom:hover{background:linear-gradient(135deg,#ea580c,#c2410c)!important;box-shadow:0 0 24px #fff,0 0 38px #f97316cc!important;transform:translateY(-1px) scale(1.02)!important}html:not(.light-mode) #preset-custom span,html:not(.light-mode) button#preset-custom span{color:#fff!important}html.light-mode button[id^=preset-]:not(#preset-custom):not([data-active=true]):not(.active-preset){background-color:#fff!important;background-image:none!important;color:#0f172a!important;-webkit-text-fill-color:#0f172a!important;border:1px solid #cbd5e1!important;box-shadow:0 1px 3px #0f172a0f!important}html.light-mode button[id^=preset-]:not(#preset-custom):not([data-active=true]):not(.active-preset) *{color:#0f172a!important;-webkit-text-fill-color:#0f172a!important}html.light-mode button[id^=preset-]:not(#preset-custom):not([data-active=true]):not(.active-preset):hover{background-color:#eff6ff!important;border-color:#93c5fd!important;color:#2563eb!important;-webkit-text-fill-color:#2563eb!important}html.light-mode button[id^=preset-]:not(#preset-custom):not([data-active=true]):not(.active-preset):hover *{color:#2563eb!important;-webkit-text-fill-color:#2563eb!important}html.light-mode button[id^=preset-]:not(#preset-custom)[data-active=true],html.light-mode button[id^=preset-]:not(#preset-custom).active-preset,html.light-mode button[id^=preset-]:not(#preset-custom).border-\[\#00ff9d\]{background-color:#2563eb!important;background-image:linear-gradient(180deg,#2563eb,#1d4ed8)!important;color:#fff!important;-webkit-text-fill-color:#ffffff!important;border:1px solid #1d4ed8!important;box-shadow:0 3px 14px #2563eb66!important}html.light-mode button[id^=preset-]:not(#preset-custom)[data-active=true] *,html.light-mode button[id^=preset-]:not(#preset-custom).active-preset *,html.light-mode button[id^=preset-]:not(#preset-custom).border-\[\#00ff9d\] *{color:#fff!important;-webkit-text-fill-color:#ffffff!important}html.light-mode #preset-custom,html.light-mode button#preset-custom,html.light-mode button#preset-custom[data-active=true],html.light-mode button#preset-custom.active-preset{background-color:#2563eb!important;background-image:linear-gradient(180deg,#2563eb,#1d4ed8)!important;color:#f97316!important;-webkit-text-fill-color:#f97316!important;border:1px solid #3b82f6!important;box-shadow:0 3px 14px #2563eb66!important}html.light-mode #preset-custom:hover,html.light-mode button#preset-custom:hover{background-color:#1d4ed8!important;background-image:linear-gradient(180deg,#1d4ed8,#1e40af)!important;color:#fb923c!important;-webkit-text-fill-color:#fb923c!important;box-shadow:0 4px 18px #2563eb80!important}html.light-mode #preset-custom span,html.light-mode button#preset-custom span,html.light-mode #preset-custom *,html.light-mode button#preset-custom *{color:#f97316!important;-webkit-text-fill-color:#f97316!important;font-weight:900!important}html.light-mode #preset-custom:hover span,html.light-mode button#preset-custom:hover span,html.light-mode #preset-custom:hover *,html.light-mode button#preset-custom:hover *{color:#fb923c!important;-webkit-text-fill-color:#fb923c!important}html.light-mode #nav-menu-container #nav-btn-customize.active-nav-btn,html.light-mode #nav-menu-container #nav-btn-customize[data-active=true],html.light-mode #nav-menu-container #nav-btn-customize.active,html.light-mode #nav-menu-container #nav-btn-customize:active{color:#f97316!important;-webkit-text-fill-color:#f97316!important;background-color:#2563eb!important;background-image:linear-gradient(180deg,#2563eb,#1d4ed8)!important;box-shadow:0 3px 12px #2563eb59!important;border:none!important}html.light-mode #nav-menu-container #nav-btn-customize.active-nav-btn *,html.light-mode #nav-menu-container #nav-btn-customize[data-active=true] *,html.light-mode #nav-menu-container #nav-btn-customize.active *,html.light-mode #nav-menu-container #nav-btn-customize:active *{color:#f97316!important;-webkit-text-fill-color:#f97316!important}html.light-mode #btn-key-C[data-active=true],html.light-mode #btn-key-A[data-active=true],html.light-mode #btn-key-D[data-active=true],html.light-mode #btn-key-G[data-active=true],html.light-mode #btn-key-LowC[data-active=true],html.light-mode button[id^=btn-key-].bg-gradient-to-r,html.light-mode button[id^=jam-btn-key-][data-active=true],html.light-mode button[id^=jam-btn-key-].bg-gradient-to-r{box-shadow:0 0 18px #2563eba6,0 4px 18px #2563eb66!important}html.light-mode #btn-key-C:hover,html.light-mode #btn-key-A:hover,html.light-mode #btn-key-D:hover,html.light-mode #btn-key-G:hover{box-shadow:0 0 14px #2563eb66,0 2px 10px #2563eb40!important}html.light-mode span[id^=step-num-].bg-pink-500{background-color:#2563eb!important;color:#fff!important;border-color:#1d4ed8!important;box-shadow:0 0 18px #2563ebbf,0 2px 12px #2563eb73!important}html.light-mode span[id^=step-num-]:not(.bg-pink-500){background-color:#f1f5f9!important;color:#64748b!important;border-color:#cbd5e1!important;box-shadow:none!important}html.light-mode span[id^=step-text-].text-pink-400{color:#2563eb!important}html.light-mode span[id^=step-text-]:not(.text-pink-400){color:#64748b!important}main#screen-setup:nth-of-type(2)>div#setup-step-3:nth-of-type(6)>div:nth-of-type(1)>div:nth-of-type(1)>button#btn-mode-practice:nth-of-type(1),main#screen-setup:nth-of-type(2)>div#setup-step-3:nth-of-type(6)>div:nth-of-type(1)>div:nth-of-type(1)>button#btn-mode-play:nth-of-type(2),#btn-mode-practice,#btn-mode-play{transition:all .25s cubic-bezier(.4,0,.2,1)}#btn-mode-practice.bg-blue-600,#btn-mode-play.bg-blue-600,main#screen-setup:nth-of-type(2)>div#setup-step-3:nth-of-type(6)>div:nth-of-type(1)>div:nth-of-type(1)>button#btn-mode-practice:nth-of-type(1).bg-blue-600,main#screen-setup:nth-of-type(2)>div#setup-step-3:nth-of-type(6)>div:nth-of-type(1)>div:nth-of-type(1)>button#btn-mode-play:nth-of-type(2).bg-blue-600{background-color:#a0256e!important;border-color:#ff3ea5!important;box-shadow:0 0 20px #a0256e80!important}#btn-mode-practice:not(.bg-blue-600),#btn-mode-play:not(.bg-blue-600),main#screen-setup:nth-of-type(2)>div#setup-step-3:nth-of-type(6)>div:nth-of-type(1)>div:nth-of-type(1)>button#btn-mode-practice:nth-of-type(1):not(.bg-blue-600),main#screen-setup:nth-of-type(2)>div#setup-step-3:nth-of-type(6)>div:nth-of-type(1)>div:nth-of-type(1)>button#btn-mode-play:nth-of-type(2):not(.bg-blue-600){background-color:#0b071a!important;border-color:#334155!important}#btn-mode-practice.bg-blue-600>#title-mode-practice,#btn-mode-play.bg-blue-600>#title-mode-play,main#screen-setup:nth-of-type(2)>div#setup-step-3:nth-of-type(6)>div:nth-of-type(1)>div:nth-of-type(1)>button#btn-mode-practice:nth-of-type(1).bg-blue-600>span#title-mode-practice:nth-of-type(1),main#screen-setup:nth-of-type(2)>div#setup-step-3:nth-of-type(6)>div:nth-of-type(1)>div:nth-of-type(1)>button#btn-mode-play:nth-of-type(2).bg-blue-600>span#title-mode-play:nth-of-type(1){color:#fff!important}#btn-mode-practice.bg-blue-600>#desc-mode-practice,#btn-mode-play.bg-blue-600>#desc-mode-play,main#screen-setup:nth-of-type(2)>div#setup-step-3:nth-of-type(6)>div:nth-of-type(1)>div:nth-of-type(1)>button#btn-mode-practice:nth-of-type(1).bg-blue-600>span#desc-mode-practice:nth-of-type(2),main#screen-setup:nth-of-type(2)>div#setup-step-3:nth-of-type(6)>div:nth-of-type(1)>div:nth-of-type(1)>button#btn-mode-play:nth-of-type(2).bg-blue-600>span#desc-mode-play:nth-of-type(2){color:#fff!important;opacity:.95!important}#btn-mode-practice:not(.bg-blue-600)>#title-mode-practice,#btn-mode-play:not(.bg-blue-600)>#title-mode-play,main#screen-setup:nth-of-type(2)>div#setup-step-3:nth-of-type(6)>div:nth-of-type(1)>div:nth-of-type(1)>button#btn-mode-practice:nth-of-type(1):not(.bg-blue-600)>span#title-mode-practice:nth-of-type(1),main#screen-setup:nth-of-type(2)>div#setup-step-3:nth-of-type(6)>div:nth-of-type(1)>div:nth-of-type(1)>button#btn-mode-play:nth-of-type(2):not(.bg-blue-600)>span#title-mode-play:nth-of-type(1){color:#cbd5e1!important}#btn-mode-practice:not(.bg-blue-600)>#desc-mode-practice,#btn-mode-play:not(.bg-blue-600)>#desc-mode-play,main#screen-setup:nth-of-type(2)>div#setup-step-3:nth-of-type(6)>div:nth-of-type(1)>div:nth-of-type(1)>button#btn-mode-practice:nth-of-type(1):not(.bg-blue-600)>span#desc-mode-practice:nth-of-type(2),main#screen-setup:nth-of-type(2)>div#setup-step-3:nth-of-type(6)>div:nth-of-type(1)>div:nth-of-type(1)>button#btn-mode-play:nth-of-type(2):not(.bg-blue-600)>span#desc-mode-play:nth-of-type(2){color:#94a3b8!important}html.light-mode #btn-mode-practice:not(.bg-blue-600),html.light-mode #btn-mode-play:not(.bg-blue-600),html.light-mode main#screen-setup:nth-of-type(2)>div#setup-step-3:nth-of-type(6)>div:nth-of-type(1)>div:nth-of-type(1)>button#btn-mode-practice:nth-of-type(1):not(.bg-blue-600),html.light-mode main#screen-setup:nth-of-type(2)>div#setup-step-3:nth-of-type(6)>div:nth-of-type(1)>div:nth-of-type(1)>button#btn-mode-play:nth-of-type(2):not(.bg-blue-600){background-color:#f8fafc!important;border-color:#cbd5e1!important;box-shadow:none!important}html.light-mode #btn-mode-practice.bg-blue-600,html.light-mode #btn-mode-play.bg-blue-600,html.light-mode main#screen-setup:nth-of-type(2)>div#setup-step-3:nth-of-type(6)>div:nth-of-type(1)>div:nth-of-type(1)>button#btn-mode-practice:nth-of-type(1).bg-blue-600,html.light-mode main#screen-setup:nth-of-type(2)>div#setup-step-3:nth-of-type(6)>div:nth-of-type(1)>div:nth-of-type(1)>button#btn-mode-play:nth-of-type(2).bg-blue-600{background-color:#1d4ed8!important;border-color:#1e3a8a!important;box-shadow:0 4px 12px #1d4ed840!important}html.light-mode #btn-mode-practice:not(.bg-blue-600)>#title-mode-practice,html.light-mode #btn-mode-play:not(.bg-blue-600)>#title-mode-play,html.light-mode main#screen-setup:nth-of-type(2)>div#setup-step-3:nth-of-type(6)>div:nth-of-type(1)>div:nth-of-type(1)>button#btn-mode-practice:nth-of-type(1):not(.bg-blue-600)>span#title-mode-practice:nth-of-type(1),html.light-mode main#screen-setup:nth-of-type(2)>div#setup-step-3:nth-of-type(6)>div:nth-of-type(1)>div:nth-of-type(1)>button#btn-mode-play:nth-of-type(2):not(.bg-blue-600)>span#title-mode-play:nth-of-type(1){color:#0f172a!important}html.light-mode #btn-mode-practice:not(.bg-blue-600)>#desc-mode-practice,html.light-mode #btn-mode-play:not(.bg-blue-600)>#desc-mode-play,html.light-mode main#screen-setup:nth-of-type(2)>div#setup-step-3:nth-of-type(6)>div:nth-of-type(1)>div:nth-of-type(1)>button#btn-mode-practice:nth-of-type(1):not(.bg-blue-600)>span#desc-mode-practice:nth-of-type(2),html.light-mode main#screen-setup:nth-of-type(2)>div#setup-step-3:nth-of-type(6)>div:nth-of-type(1)>div:nth-of-type(1)>button#btn-mode-play:nth-of-type(2):not(.bg-blue-600)>span#desc-mode-play:nth-of-type(2){color:#475569!important}html.light-mode #btn-mode-practice.bg-blue-600>#title-mode-practice,html.light-mode #btn-mode-play.bg-blue-600>#title-mode-play,html.light-mode main#screen-setup:nth-of-type(2)>div#setup-step-3:nth-of-type(6)>div:nth-of-type(1)>div:nth-of-type(1)>button#btn-mode-practice:nth-of-type(1).bg-blue-600>span#title-mode-practice:nth-of-type(1),html.light-mode main#screen-setup:nth-of-type(2)>div#setup-step-3:nth-of-type(6)>div:nth-of-type(1)>div:nth-of-type(1)>button#btn-mode-play:nth-of-type(2).bg-blue-600>span#title-mode-play:nth-of-type(1){color:#fff!important}html.light-mode #btn-mode-practice.bg-blue-600>#desc-mode-practice,html.light-mode #btn-mode-play.bg-blue-600>#desc-mode-play,html.light-mode main#screen-setup:nth-of-type(2)>div#setup-step-3:nth-of-type(6)>div:nth-of-type(1)>div:nth-of-type(1)>button#btn-mode-practice:nth-of-type(1).bg-blue-600>span#desc-mode-practice:nth-of-type(2),html.light-mode main#screen-setup:nth-of-type(2)>div#setup-step-3:nth-of-type(6)>div:nth-of-type(1)>div:nth-of-type(1)>button#btn-mode-play:nth-of-type(2).bg-blue-600>span#desc-mode-play:nth-of-type(2){color:#fff!important;opacity:.95!important}main#screen-setup:nth-of-type(2)>div#setup-step-3:nth-of-type(6)>div:nth-of-type(1)>div:nth-of-type(1)>button#btn-mode-practice:nth-of-type(1)>div#badge-mode-practice:nth-of-type(1),#badge-mode-practice,#badge-mode-play{transition:all .2s ease}html.light-mode #badge-mode-practice.bg-white,html.light-mode #badge-mode-play.bg-white{background-color:#fff!important;box-shadow:0 0 8px #ffffffe6!important}html.light-mode #badge-mode-practice.bg-transparent,html.light-mode #badge-mode-play.bg-transparent{border-color:#94a3b8!important}html.light-mode button[id^=btn-color-],html.light-mode button[id^=jam-btn-color-]{background-image:none!important;box-shadow:0 1px 3px #00000026!important;border:1px solid #94a3b8!important}html.light-mode #btn-color-red,html.light-mode #jam-btn-color-red{background-color:#dc2626!important}html.light-mode #btn-color-green,html.light-mode #jam-btn-color-green{background-color:#059669!important}html.light-mode #btn-color-white,html.light-mode #jam-btn-color-white{background-color:#f1f5f9!important;border:1px solid #cbd5e1!important}html.light-mode #btn-color-black,html.light-mode #jam-btn-color-black{background-color:#0f172a!important}html.light-mode #btn-color-blue,html.light-mode #jam-btn-color-blue{background-color:#0d9488!important}html.light-mode #btn-color-wood,html.light-mode #jam-btn-color-wood{background-color:#b45309!important}html.light-mode #btn-color-pink,html.light-mode #jam-btn-color-pink{background-color:#ec4899!important}html.light-mode #btn-color-psychedelic{background-image:linear-gradient(to right,#ec4899,#a855f7,#06b6d4)!important}html.light-mode #btn-color-light-wood{background-color:#f59e0b!important}html.light-mode #btn-color-cyan,html.light-mode #jam-btn-color-cyan{background-color:#22d3ee!important}html.light-mode #btn-color-rainbow{background-image:linear-gradient(to right,#ef4444,#facc15,#22c55e,#3b82f6,#a855f7)!important}html.light-mode #btn-color-bamboo{background-color:#bca374!important}html.light-mode #btn-color-light-orange{background-color:#f97316!important}html.light-mode #btn-color-light-gray{background-color:#cbd5e1!important}html.light-mode #btn-color-metallic-chrome{background-image:linear-gradient(to right,#94a3b8,#fff,#94a3b8)!important}html.light-mode #btn-color-light-yellow{background-color:#fef08a!important}html.light-mode #fine-tuning-container button:not([id^=btn-color-]),html.light-mode button[id^=jam-btn-material-],html.light-mode button[id^=jam-btn-plate-],html.light-mode button[id^=jam-btn-shape-],html.light-mode button[id^=jam-btn-spacing-],html.light-mode button[id^=jam-btn-nums-]{background-color:#f8fafc!important;background-image:none!important;color:#64748b!important;border:1px solid #cbd5e1!important;box-shadow:none!important}html.light-mode #fine-tuning-container button:not([id^=btn-color-]):hover,html.light-mode button[id^=jam-btn-material-]:hover,html.light-mode button[id^=jam-btn-plate-]:hover,html.light-mode button[id^=jam-btn-shape-]:hover,html.light-mode button[id^=jam-btn-spacing-]:hover,html.light-mode button[id^=jam-btn-nums-]:hover{background-color:#f1f5f9!important;color:#334155!important}html.light-mode #fine-tuning-container button.bg-\[\#2a2b2f\]:not([id^=btn-color-]),html.light-mode button[id^=jam-btn-material-].bg-\[\#2a2b2f\],html.light-mode button[id^=jam-btn-plate-].bg-\[\#2a2b2f\],html.light-mode button[id^=jam-btn-shape-].bg-\[\#2a2b2f\],html.light-mode button[id^=jam-btn-spacing-].bg-\[\#2a2b2f\],html.light-mode button[id^=jam-btn-nums-].bg-\[\#2a2b2f\]{background-color:#2563eb!important;background-image:none!important;color:#fff!important;border:1px solid #1d4ed8!important;box-shadow:0 2px 8px #2563eb33!important}#landing-harmonica-glow{width:440px;height:130px;background:linear-gradient(90deg,#a855f738,#ec489938)!important;filter:blur(60px)!important;opacity:.75!important}html.light-mode #landing-harmonica-glow{width:280px!important;height:60px!important;background:linear-gradient(90deg,#3b82f659,#06b6d459)!important;filter:blur(22px)!important;opacity:.8!important}html.light-mode main#screen-tracks:nth-of-type(4){background-color:#fff!important}html.light-mode main#screen-tracks:nth-of-type(4)>div:nth-of-type(3)>div:nth-of-type(1)>div:nth-of-type(1){background-color:#fff!important}html.light-mode #jam-customizer-modal #jam-preset-digital>span{color:#fdfdfd!important}html.light-mode #game-start-overlay,html.light-mode #game-end-overlay{background-color:#fffffff2!important;background:#fffffff2!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}html.light-mode #game-start-overlay h2,html.light-mode #game-start-overlay h3,html.light-mode #game-start-overlay p,html.light-mode #game-start-overlay span:not(.text-\[\#ff3ea5\]),html.light-mode #game-end-overlay h2,html.light-mode #game-end-overlay h3,html.light-mode #game-end-overlay p,html.light-mode #game-end-overlay span:not(.text-\[\#ff3ea5\]){color:#0f172a!important}html.light-mode #game-hud-stats{background-color:#fff!important;background:#fff!important;color:#0f172a!important;border:1px solid #cbd5e1!important;box-shadow:0 4px 20px #0000000d!important}html.light-mode #game-hud-stats span,html.light-mode #game-hud-stats p,html.light-mode #game-hud-stats label{color:#334155!important}html.light-mode #game-hud-stats #game-score{color:#2563eb!important}html.light-mode #game-hud-stats #game-combo{color:#db2777!important}html.light-mode #game-hud-stats #game-accuracy{color:#0f172a!important}html.light-mode #game-hud-stats select#game-songs-select{background-color:#f8fafc!important;color:#0f172a!important;border:1px solid #cbd5e1!important}html.light-mode #game-hud-stats select#game-songs-select option{background-color:#fff!important;color:#0f172a!important}html.light-mode #game-hud-stats textarea#game-custom-tab-textarea{background-color:#f8fafc!important;color:#0f172a!important;border:1px solid #cbd5e1!important}html.light-mode #game-hud-stats #game-sidebar-note{color:#2563eb!important}html.light-mode #game-hud-stats #game-sidebar-direction{color:#db2777!important}html.light-mode #btn-game-notation-toggle,html.light-mode #btn-game-pause,html.light-mode #game-mic-start-btn,html.light-mode #game-mic-stop-btn{background-color:#fff!important;background-image:none!important;border:1.5px solid #000000!important;color:#000!important;box-shadow:0 1px 3px #0000000d!important}html.light-mode #btn-game-notation-toggle:hover,html.light-mode #btn-game-pause:hover,html.light-mode #game-mic-start-btn:hover,html.light-mode #game-mic-stop-btn:hover{background-color:#f1f5f9!important;border-color:#000!important;color:#000!important}html.light-mode #btn-game-notation-toggle *,html.light-mode #btn-game-pause *,html.light-mode #game-mic-start-btn *,html.light-mode #game-mic-stop-btn *{color:#000!important}html.light-mode #screen-blog{background-color:#fff!important;background:#fff!important}html.light-mode #harmonica-blog-app{color:#1e293b!important}html.light-mode #harmonica-blog-app .text-white,html.light-mode #harmonica-blog-app .text-slate-100,html.light-mode #harmonica-blog-app .text-slate-200,html.light-mode #harmonica-blog-app h1,html.light-mode #harmonica-blog-app h2,html.light-mode #harmonica-blog-app h3,html.light-mode #harmonica-blog-app h4,html.light-mode #harmonica-blog-app th{color:#0f172a!important}html.light-mode #harmonica-blog-app .text-slate-300,html.light-mode #harmonica-blog-app .text-slate-400,html.light-mode #harmonica-blog-app td{color:#334155!important}html.light-mode #harmonica-blog-app .text-pink-400,html.light-mode #harmonica-blog-app strong.text-pink-400,html.light-mode #harmonica-blog-app .text-\[\#ff3ea5\]{color:#db2777!important}html.light-mode #harmonica-blog-app .text-\[\#cfc6ff\]{color:#4f46e5!important}html.light-mode #harmonica-blog-app .bg-\[\#070512\],html.light-mode #harmonica-blog-app .bg-\[\#120a28\]\/60,html.light-mode #harmonica-blog-app .bg-slate-900,html.light-mode #harmonica-blog-app .bg-slate-950,html.light-mode #harmonica-blog-app .bg-\[\#0a0614\]\/85,html.light-mode #harmonica-blog-app .bg-\[\#0a0614\]\/80,html.light-mode #harmonica-blog-app .bg-\[\#0a0715\]\/90{background-color:#f8fafc!important;background:#f8fafc!important;border-color:#e2e8f0!important}html.light-mode #harmonica-blog-app div,html.light-mode #harmonica-blog-app a,html.light-mode #harmonica-blog-app border,html.light-mode #harmonica-blog-app table,html.light-mode #harmonica-blog-app tr,html.light-mode #harmonica-blog-app th,html.light-mode #harmonica-blog-app td{border-color:#cbd5e1!important}html.light-mode #harmonica-blog-app button:not(.bg-gradient-to-b){background-color:#f1f5f9!important;background-image:none!important;border-color:#cbd5e1!important;color:#0f172a!important}html.light-mode #harmonica-blog-app button:not(.bg-gradient-to-b):hover{background-color:#e2e8f0!important;color:#0f172a!important}html.light-mode #harmonica-blog-app .bg-emerald-500\/5{background-color:#f0fdf4!important}html.light-mode #harmonica-blog-app .text-emerald-400{color:#15803d!important}html.light-mode #harmonica-blog-app .bg-red-500\/5{background-color:#fef2f2!important}html.light-mode #harmonica-blog-app .text-red-400{color:#b91c1c!important}html.light-mode #harmonica-blog-app a[href="/blog"]{color:#2563eb!important}html.light-mode #harmonica-blog-app button.bg-gradient-to-b,html.light-mode #harmonica-blog-app button.bg-gradient-to-b *,html.light-mode #harmonica-blog-app button.bg-pink-600,html.light-mode #harmonica-blog-app button.bg-pink-600 *,html.light-mode #harmonica-blog-app .bg-gradient-to-r.from-pink-500,html.light-mode #harmonica-blog-app .bg-gradient-to-r.from-pink-500 *{color:#fff!important}html.light-mode #harmonica-blog-app span.bg-gradient-to-r.from-pink-500.to-purple-500{background-color:#2563eb!important;background-image:linear-gradient(135deg,#2563eb,#4f46e5)!important;color:#fff!important;box-shadow:0 2px 8px #2563eb40!important}html.light-mode #harmonica-blog-app span.bg-gradient-to-r.from-pink-500.to-purple-500 *{color:#fff!important;fill:#fff!important}main#screen-visualizer:nth-of-type(7)>div:nth-of-type(1)>div:nth-of-type(1)>div:nth-of-type(2)>h1:nth-of-type(1){color:#fff!important}html.light-mode main#screen-visualizer:nth-of-type(7)>div:nth-of-type(1)>div:nth-of-type(1)>div:nth-of-type(2)>h1:nth-of-type(1){color:#0f172a!important;background:none!important;-webkit-text-fill-color:#0f172a!important}html.light-mode main#screen-visualizer:nth-of-type(7)>div:nth-of-type(1){background-color:#fff!important;border-color:#cbd5e1!important;box-shadow:0 4px 20px #0000000d!important}html.light-mode main#screen-visualizer:nth-of-type(7)>div:nth-of-type(1) p{color:#475569!important}html.light-mode main#screen-visualizer:nth-of-type(7)>div:nth-of-type(1) label{color:#4f46e5!important}html.light-mode main#screen-visualizer:nth-of-type(7)>div:nth-of-type(1) select{background-color:#fff!important;color:#0f172a!important;border-color:#cbd5e1!important}html.light-mode main#screen-visualizer:nth-of-type(7)>div:nth-of-type(1) select option{background-color:#fff!important;color:#0f172a!important}