.modal-enter-active[data-v-bb3b1a5a],.modal-leave-active[data-v-bb3b1a5a]{transition:opacity .2s ease}.modal-enter-active .relative[data-v-bb3b1a5a],.modal-leave-active .relative[data-v-bb3b1a5a]{transition:opacity .2s ease,transform .2s ease}.modal-enter-from[data-v-bb3b1a5a],.modal-leave-to[data-v-bb3b1a5a]{opacity:0}.modal-enter-from .relative[data-v-bb3b1a5a],.modal-leave-to .relative[data-v-bb3b1a5a]{transform:scale(.95)}.driver-popover.pk-tour{background-color:#fff;color:var(--color-stone-800);border:1px solid var(--color-stone-200);border-radius:1rem;box-shadow:0 20px 40px -12px #00000059;padding:1.25rem 1.5rem;max-width:22rem}.driver-popover.pk-tour .driver-popover-title{font-family:var(--font-serif);font-weight:700;font-size:1.125rem;line-height:1.4;color:var(--color-stone-900);margin-bottom:.375rem}.driver-popover.pk-tour .driver-popover-description{font-weight:500;font-size:.9375rem;line-height:1.55;color:var(--color-stone-600)}.driver-popover.pk-tour .driver-popover-progress-text{font-weight:600;font-size:.8125rem;color:var(--color-stone-500)}.driver-popover.pk-tour .driver-popover-footer button{font-weight:600;font-size:.8125rem;border-radius:.625rem;padding:.4rem .9rem;text-shadow:none;transition:all .15s ease}.driver-popover.pk-tour .driver-popover-prev-btn{background:transparent;border:1px solid var(--color-stone-300);color:var(--color-stone-700)}.driver-popover.pk-tour .driver-popover-prev-btn:hover{background:var(--color-stone-50)}.driver-popover.pk-tour .driver-popover-next-btn{background-image:linear-gradient(to right,var(--color-amber-500),var(--color-orange-500));border:none;color:#fff}.driver-popover.pk-tour .driver-popover-next-btn:hover{filter:brightness(1.05)}.driver-popover.pk-tour .driver-popover-close-btn{color:var(--color-stone-500);transition:color .15s ease}.driver-popover.pk-tour .driver-popover-close-btn:hover{color:var(--color-stone-800)}.driver-popover.pk-tour .driver-popover-arrow-side-bottom.driver-popover-arrow{border-bottom-color:#fff}.driver-popover.pk-tour .driver-popover-arrow-side-top.driver-popover-arrow{border-top-color:#fff}.driver-popover.pk-tour .driver-popover-arrow-side-left.driver-popover-arrow{border-left-color:#fff}.driver-popover.pk-tour .driver-popover-arrow-side-right.driver-popover-arrow{border-right-color:#fff}.modal-enter-active[data-v-237f174f],.modal-leave-active[data-v-237f174f]{transition:opacity .2s ease}.modal-enter-active .relative[data-v-237f174f],.modal-leave-active .relative[data-v-237f174f]{transition:opacity .2s ease,transform .2s ease}.modal-enter-from[data-v-237f174f],.modal-leave-to[data-v-237f174f]{opacity:0}.modal-enter-from .relative[data-v-237f174f],.modal-leave-to .relative[data-v-237f174f]{transform:scale(.95)}.stave-display[data-v-d035cade]{display:block;width:100%;height:100%}.upgrade-cta-pricing[data-v-d5645a54]{background-image:linear-gradient(90deg,var(--color-amber-500) 0%,var(--color-orange-500) 25%,var(--color-rose-500) 50%,var(--color-orange-500) 75%,var(--color-amber-500) 100%);background-size:200% 100%;background-position:0% 50%;animation:upgrade-cta-pricing-flow-d5645a54 5s ease-in-out infinite;transition:transform .15s ease}@keyframes upgrade-cta-pricing-flow-d5645a54{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.slide-left-enter-active[data-v-89467cff],.slide-left-leave-active[data-v-89467cff]{transition:transform .3s ease,opacity .3s ease}.slide-left-enter-from[data-v-89467cff]{transform:translate(60px);opacity:0}.slide-left-leave-to[data-v-89467cff]{transform:translate(-60px);opacity:0}.stat-grid[data-v-89467cff]{perspective:800px}.stat-card[data-v-89467cff]{animation:stat-fly-in-89467cff .55s cubic-bezier(.22,1,.36,1) backwards;transform-origin:center}.stat-card[data-v-89467cff]:nth-child(1){animation-delay:.05s}.stat-card[data-v-89467cff]:nth-child(2){animation-delay:.18s}.stat-card[data-v-89467cff]:nth-child(3){animation-delay:.31s}@keyframes stat-fly-in-89467cff{0%{opacity:0;transform:translateZ(-400px) scale(.4)}60%{opacity:1}to{opacity:1;transform:translateZ(0) scale(1)}}.btn-3d[data-v-1b8a6a14]{transition:transform .12s ease,box-shadow .12s ease,filter .12s ease,background-color .12s ease,border-color .12s ease,color .12s ease;will-change:transform,box-shadow}.btn-3d-missed[data-v-1b8a6a14]{box-shadow:0 4px #e7e5e4,0 6px 10px -4px #44403c2e}.btn-3d-missed[data-v-1b8a6a14]:hover{border-color:#fda4af;background-color:#fff1f2;color:#be123c;filter:brightness(1.03);box-shadow:0 6px #fecdd3,0 10px 18px -6px #e11d4847;transform:translateY(-1px)}.btn-3d-missed[data-v-1b8a6a14]:active{transform:translateY(3px);box-shadow:0 1px #fecdd3,0 2px 4px -2px #e11d4840}.btn-3d-got[data-v-1b8a6a14]{box-shadow:0 4px #047857,0 6px 14px -4px #10b98173}.btn-3d-got[data-v-1b8a6a14]:hover{filter:brightness(1.1) saturate(1.1);box-shadow:0 6px #047857,0 12px 22px -6px #10b98199,0 0 18px #34d39980;transform:translateY(-1px)}.btn-3d-got[data-v-1b8a6a14]:active{transform:translateY(3px);box-shadow:0 1px #047857,0 2px 6px -2px #10b98180}.btn-3d[data-v-089d3d03]{transition:transform .12s ease,box-shadow .12s ease,filter .12s ease,background-color .16s ease,border-color .16s ease,color .16s ease;will-change:transform,box-shadow}.continue-btn[data-v-089d3d03]{transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.continue-btn[data-v-089d3d03]:hover{filter:brightness(1.05);transform:translateY(-1px)}.continue-btn[data-v-089d3d03]:active{transform:translateY(1px)}.btn-3d-idle[data-v-089d3d03]{box-shadow:0 4px #e7e5e4,0 6px 10px -4px #44403c2e}:where(.dark) .btn-3d-idle[data-v-089d3d03]{box-shadow:0 4px #1a1a1a,0 6px 10px -4px #00000080}:where(.dark) [data-reverse] .btn-3d-idle[data-v-089d3d03]{box-shadow:0 4px #e7e5e4,0 6px 10px -4px #44403c2e}.btn-3d-idle[data-v-089d3d03]:active{transform:translateY(3px)}[data-accent=amber] .btn-3d-idle[data-v-089d3d03]:hover{border-color:#fcd34d;background-color:#fffbeb;color:#b45309;filter:brightness(1.03);box-shadow:0 6px #fde68a,0 10px 18px -6px #d9770647;transform:translateY(-1px)}:where(.dark) [data-accent=amber] .btn-3d-idle[data-v-089d3d03]:hover{background-color:#3a3a3a;color:#fcd34d;box-shadow:0 6px #1a1a1a,0 10px 18px -6px #d9770659}[data-accent=amber] .btn-3d-idle[data-v-089d3d03]:active{box-shadow:0 1px #fde68a,0 2px 4px -2px #d9770640}:where(.dark) [data-accent=amber] .btn-3d-idle[data-v-089d3d03]:active{box-shadow:0 1px #1a1a1a,0 2px 4px -2px #d977064d}[data-accent=emerald] .btn-3d-idle[data-v-089d3d03]:hover{border-color:#6ee7b7;background-color:#ecfdf5;color:#047857;filter:brightness(1.03);box-shadow:0 6px #a7f3d0,0 10px 18px -6px #05966947;transform:translateY(-1px)}:where(.dark) [data-accent=emerald] .btn-3d-idle[data-v-089d3d03]:hover{background-color:#3a3a3a;color:#6ee7b7;box-shadow:0 6px #1a1a1a,0 10px 18px -6px #05966959}[data-accent=emerald] .btn-3d-idle[data-v-089d3d03]:active{box-shadow:0 1px #a7f3d0,0 2px 4px -2px #05966940}:where(.dark) [data-accent=emerald] .btn-3d-idle[data-v-089d3d03]:active{box-shadow:0 1px #1a1a1a,0 2px 4px -2px #0596694d}[data-accent=rose] .btn-3d-idle[data-v-089d3d03]:hover{border-color:#fda4af;background-color:#fff1f2;color:#be123c;filter:brightness(1.03);box-shadow:0 6px #fecdd3,0 10px 18px -6px #be123c47;transform:translateY(-1px)}:where(.dark) [data-accent=rose] .btn-3d-idle[data-v-089d3d03]:hover{background-color:#3a3a3a;color:#fda4af;box-shadow:0 6px #1a1a1a,0 10px 18px -6px #be123c59}[data-accent=rose] .btn-3d-idle[data-v-089d3d03]:active{box-shadow:0 1px #fecdd3,0 2px 4px -2px #be123c40}:where(.dark) [data-accent=rose] .btn-3d-idle[data-v-089d3d03]:active{box-shadow:0 1px #1a1a1a,0 2px 4px -2px #be123c4d}[data-accent=violet] .btn-3d-idle[data-v-089d3d03]:hover{border-color:#c4b5fd;background-color:#f5f3ff;color:#6d28d9;filter:brightness(1.03);box-shadow:0 6px #ddd6fe,0 10px 18px -6px #6d28d947;transform:translateY(-1px)}:where(.dark) [data-accent=violet] .btn-3d-idle[data-v-089d3d03]:hover{background-color:#3a3a3a;color:#c4b5fd;box-shadow:0 6px #1a1a1a,0 10px 18px -6px #6d28d959}[data-accent=violet] .btn-3d-idle[data-v-089d3d03]:active{box-shadow:0 1px #ddd6fe,0 2px 4px -2px #6d28d940}:where(.dark) [data-accent=violet] .btn-3d-idle[data-v-089d3d03]:active{box-shadow:0 1px #1a1a1a,0 2px 4px -2px #6d28d94d}[data-accent=teal] .btn-3d-idle[data-v-089d3d03]:hover{border-color:#5eead4;background-color:#f0fdfa;color:#0f766e;filter:brightness(1.03);box-shadow:0 6px #99f6e4,0 10px 18px -6px #0d948847;transform:translateY(-1px)}:where(.dark) [data-accent=teal] .btn-3d-idle[data-v-089d3d03]:hover{background-color:#3a3a3a;color:#5eead4;box-shadow:0 6px #1a1a1a,0 10px 18px -6px #0d948859}[data-accent=teal] .btn-3d-idle[data-v-089d3d03]:active{box-shadow:0 1px #99f6e4,0 2px 4px -2px #0d948840}:where(.dark) [data-accent=teal] .btn-3d-idle[data-v-089d3d03]:active{box-shadow:0 1px #1a1a1a,0 2px 4px -2px #0d94884d}[data-accent=sky] .btn-3d-idle[data-v-089d3d03]:hover{border-color:#7dd3fc;background-color:#f0f9ff;color:#0369a1;filter:brightness(1.03);box-shadow:0 6px #bae6fd,0 10px 18px -6px #0284c747;transform:translateY(-1px)}:where(.dark) [data-accent=sky] .btn-3d-idle[data-v-089d3d03]:hover{background-color:#3a3a3a;color:#7dd3fc;box-shadow:0 6px #1a1a1a,0 10px 18px -6px #0284c759}[data-accent=sky] .btn-3d-idle[data-v-089d3d03]:active{box-shadow:0 1px #bae6fd,0 2px 4px -2px #0284c740}:where(.dark) [data-accent=sky] .btn-3d-idle[data-v-089d3d03]:active{box-shadow:0 1px #1a1a1a,0 2px 4px -2px #0284c74d}[data-accent=orange] .btn-3d-idle[data-v-089d3d03]:hover{border-color:#fdba74;background-color:#fff7ed;color:#c2410c;filter:brightness(1.03);box-shadow:0 6px #fed7aa,0 10px 18px -6px #ea580c47;transform:translateY(-1px)}:where(.dark) [data-accent=orange] .btn-3d-idle[data-v-089d3d03]:hover{background-color:#3a3a3a;color:#fdba74;box-shadow:0 6px #1a1a1a,0 10px 18px -6px #ea580c59}[data-accent=orange] .btn-3d-idle[data-v-089d3d03]:active{box-shadow:0 1px #fed7aa,0 2px 4px -2px #ea580c40}:where(.dark) [data-accent=orange] .btn-3d-idle[data-v-089d3d03]:active{box-shadow:0 1px #1a1a1a,0 2px 4px -2px #ea580c4d}[data-accent=brown] .btn-3d-idle[data-v-089d3d03]:hover{border-color:#b45309;background-color:#fffbeb;color:#78350f;filter:brightness(1.03);box-shadow:0 6px #fde68a,0 10px 18px -6px #78350f47;transform:translateY(-1px)}:where(.dark) [data-accent=brown] .btn-3d-idle[data-v-089d3d03]:hover{background-color:#3a3a3a;color:#fcd34d;box-shadow:0 6px #1a1a1a,0 10px 18px -6px #b4530959}[data-accent=brown] .btn-3d-idle[data-v-089d3d03]:active{box-shadow:0 1px #fde68a,0 2px 4px -2px #78350f40}:where(.dark) [data-accent=brown] .btn-3d-idle[data-v-089d3d03]:active{box-shadow:0 1px #1a1a1a,0 2px 4px -2px #b453094d}:where(.dark) [data-reverse][data-accent=amber] .btn-3d-idle[data-v-089d3d03]:hover{background-color:#fffbeb;color:#b45309;box-shadow:0 6px #fde68a,0 10px 18px -6px #d9770647}:where(.dark) [data-reverse][data-accent=amber] .btn-3d-idle[data-v-089d3d03]:active{box-shadow:0 1px #fde68a,0 2px 4px -2px #d9770640}.btn-3d-correct[data-v-089d3d03]{box-shadow:0 4px #6ee7b7,0 0 18px #34d39980}.btn-3d-wrong[data-v-089d3d03]{box-shadow:0 4px #fda4af,0 0 14px #f43f5e59}.bubble[data-v-ad888682]:not(:disabled):active{transform:translateY(1px)}.action-btn[data-v-ad888682]{transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.action-btn[data-v-ad888682]:not(:disabled):hover{filter:brightness(1.05);transform:translateY(-1px)}.action-btn[data-v-ad888682]:not(:disabled):active{transform:translateY(1px)}.black-key[data-v-ad888682]{top:0;height:60%;border:2px solid;border-radius:.5rem;display:flex;align-items:flex-end;justify-content:center;padding-bottom:.4rem;z-index:5;transition:transform .12s ease,box-shadow .12s ease,background-color .16s ease,border-color .16s ease,color .16s ease,opacity .2s ease}.black-key[data-v-ad888682]:disabled{cursor:default}.black-key[data-v-ad888682]:not(:disabled):active{transform:translateY(1px)}.black-key-idle[data-v-ad888682]{background:#1c1917;border-color:#0c0a09;color:#fafaf9;box-shadow:0 3px #0c0a09,0 6px 12px -4px #00000073}.black-key-idle[data-v-ad888682]:not(:disabled):hover{background:#292524;border-color:#6d28d9;transform:translateY(-1px);box-shadow:0 5px #0c0a09,0 10px 18px -6px #7c3aed66}.black-key-selected[data-v-ad888682]{background:linear-gradient(135deg,#7c3aed,#6366f1);border-color:#4c1d95;color:#fff;box-shadow:0 3px #4c1d95,0 0 14px #8b5cf673}[data-accent=brown] .black-key-idle[data-v-ad888682]:not(:disabled):hover{border-color:#b45309;box-shadow:0 5px #0c0a09,0 10px 18px -6px #b4530973}[data-accent=brown] .black-key-selected[data-v-ad888682]{background:linear-gradient(135deg,#78350f,#b45309);border-color:#78350f;color:#fff;box-shadow:0 3px #78350f,0 0 14px #b4530980}[data-accent=sky] .black-key-idle[data-v-ad888682]:not(:disabled):hover{border-color:#0284c7;box-shadow:0 5px #0c0a09,0 10px 18px -6px #0284c766}[data-accent=sky] .black-key-selected[data-v-ad888682]{background:linear-gradient(135deg,#0284c7,#6366f1);border-color:#075985;color:#fff;box-shadow:0 3px #075985,0 0 14px #38bdf873}.black-key-dim[data-v-ad888682]{opacity:.55}.black-key-correct[data-v-ad888682]{background:#047857;border-color:#065f46;color:#ecfdf5;box-shadow:0 3px #065f46,0 0 14px #34d39980}.black-key-wrong[data-v-ad888682]{background:#be123c;border-color:#9f1239;color:#fff1f2;box-shadow:0 3px #9f1239,0 0 14px #f43f5e73}.black-key-reveal[data-v-ad888682]{background:#047857;border-color:#065f46;color:#ecfdf5;box-shadow:0 3px #065f46}.play-btn[data-v-f17d04ff]{transition:transform .2s ease,box-shadow .2s ease}.play-btn[data-v-f17d04ff]:hover:not(:disabled){transform:translateY(-2px)}.play-btn[data-v-f17d04ff]:active:not(:disabled){transform:translateY(1px)}.play-btn[data-v-f17d04ff]:disabled{opacity:.7;cursor:default}.play-btn-fresh[data-v-f17d04ff]:before{content:"";position:absolute;inset:-8px;border-radius:9999px;z-index:-1;animation:ear-pulse-f17d04ff 1.6s ease-out infinite}[data-accent=green].play-btn-fresh[data-v-f17d04ff]:before{background:#22c55e59}[data-accent=rose].play-btn-fresh[data-v-f17d04ff]:before{background:#f43f5e59}[data-accent=indigo].play-btn-fresh[data-v-f17d04ff]:before{background:#6366f159}[data-accent=orange].play-btn-fresh[data-v-f17d04ff]:before{background:#f9731659}[data-accent=amber].play-btn-fresh[data-v-f17d04ff]:before{background:#f59e0b59}[data-accent=fuchsia].play-btn-fresh[data-v-f17d04ff]:before{background:#d946ef59}[data-accent=green].play-btn[data-v-f17d04ff]{box-shadow:0 12px 30px -8px #22c55e73,0 4px 10px #22c55e40}[data-accent=rose].play-btn[data-v-f17d04ff]{box-shadow:0 12px 30px -8px #f43f5e73,0 4px 10px #f43f5e40}[data-accent=indigo].play-btn[data-v-f17d04ff]{box-shadow:0 12px 30px -8px #6366f173,0 4px 10px #6366f140}[data-accent=orange].play-btn[data-v-f17d04ff]{box-shadow:0 12px 30px -8px #f9731673,0 4px 10px #f9731640}[data-accent=amber].play-btn[data-v-f17d04ff]{box-shadow:0 12px 30px -8px #f59e0b73,0 4px 10px #f59e0b40}[data-accent=fuchsia].play-btn[data-v-f17d04ff]{box-shadow:0 12px 30px -8px #d946ef73,0 4px 10px #d946ef40}@keyframes ear-pulse-f17d04ff{0%{transform:scale(.9);opacity:.7}to{transform:scale(1.25);opacity:0}}.stat-grid[data-v-352b9d88]{perspective:800px}.stat-card[data-v-352b9d88]{animation:stat-fly-in-352b9d88 .55s cubic-bezier(.22,1,.36,1) backwards;transform-origin:center}.stat-card[data-v-352b9d88]:nth-child(1){animation-delay:.05s}.stat-card[data-v-352b9d88]:nth-child(2){animation-delay:.18s}.stat-card[data-v-352b9d88]:nth-child(3){animation-delay:.31s}@keyframes stat-fly-in-352b9d88{0%{opacity:0;transform:translateZ(-400px) scale(.4)}60%{opacity:1}to{opacity:1;transform:translateZ(0) scale(1)}}.stave-input[data-v-731968a1]{display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}