@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}*,:before,:after{box-sizing:border-box}body{background:var(--purple-dark);color:#fff;margin:0;font-family:Montserrat,sans-serif}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}:root{--navbar-height:64px;--piano-height:200px;--purple-dark:#1c0a5e;--purple-mid:#2d0070;--purple-accent:#8a2be2;--purple-bright:#7b2cff;--cream:#f7f3e3;--teal:#26c6b9;--coral:#ff6b6b;--navy:#1a1a2e}@media (width<=1023px){:root{--piano-height:168px}}@media (width<=600px){:root{--piano-height:132px}}@media (height<=520px){:root{--piano-height:120px}}@media (width<=900px) and (orientation:landscape){:root{--navbar-height:48px;--piano-height:108px}}@media (height<=520px) and (orientation:landscape){:root{--navbar-height:44px}}@media (width<=1279px){.app-immersive{--navbar-height:env(safe-area-inset-top,0px)}.app-immersive .landing-nav{display:none}}.page-loading{min-height:calc(100vh - var(--navbar-height));color:#ffffffbf;background:linear-gradient(180deg, var(--purple-dark) 0%, var(--purple-mid) 100%);justify-content:center;align-items:center;display:flex}.landing-nav{z-index:1100;height:var(--navbar-height);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1c0a5eeb;align-items:center;gap:32px;padding:0 clamp(20px,4vw,48px);font-family:Montserrat,sans-serif;display:flex;position:fixed;top:0;left:0;right:0}.landing-logo{color:#fff;letter-spacing:-.02em;align-items:center;gap:6px;font-size:20px;font-weight:700;text-decoration:none;display:flex}.landing-logo-star{opacity:.9;font-size:12px}.landing-nav-links{gap:clamp(16px,3vw,36px);display:flex}.landing-nav-links a{color:#ffffffe6;font-size:14px;font-weight:500;text-decoration:none;transition:opacity .15s}.landing-nav-links a:hover{opacity:.75}.landing-nav-links a.active{color:#fff;opacity:1;text-underline-offset:6px;text-decoration:underline}.landing-nav-links a.active:hover{opacity:1}.landing-nav-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.landing-nav-user{color:#ffffffa6;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:12px;overflow:hidden}.landing-nav-cta{cursor:pointer;background:var(--purple-accent);color:#fff;letter-spacing:.04em;text-transform:uppercase;border:none;border-radius:999px;justify-content:center;align-items:center;padding:10px 22px;font-family:inherit;font-size:13px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.landing-nav-cta:hover{transform:translateY(-1px);box-shadow:0 6px 20px #8a2be273}.landing-nav-pro{color:#fff;letter-spacing:.12em;background:linear-gradient(135deg,#c08bff,#8a2be2);border-radius:999px;padding:5px 12px;font-size:11px;font-weight:800}.landing-nav-upgrade{color:#fff;letter-spacing:.04em;background:#8a2be226;border:1px solid #c08bff99;border-radius:999px;padding:8px 18px;font-size:12px;font-weight:700;text-decoration:none;transition:background .15s,transform .15s}.landing-nav-upgrade:hover{background:#8a2be24d;transform:translateY(-1px)}@media (width<=900px){.landing-nav-links{display:none}}@media (width<=480px){.landing-nav-user{display:none}.landing-nav-cta{padding:8px 14px;font-size:11px}}@media (height<=520px) and (orientation:landscape){.landing-nav{gap:12px;padding:0 12px}.landing-logo{font-size:16px}.landing-nav-upgrade{padding:5px 10px;font-size:10px}.landing-nav-cta{padding:6px 12px;font-size:10px}}.landing{color:#fff;font-family:Montserrat,sans-serif;overflow-x:hidden}.landing-btn{background:var(--purple-accent);color:#fff;letter-spacing:.06em;text-transform:uppercase;border:2px solid #0000;border-radius:999px;padding:14px 32px;font-family:inherit;font-size:14px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-block}.landing-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8a2be266}.landing-btn-outline{border-color:var(--purple-bright);color:var(--purple-bright);background:0 0}.landing-btn-outline:hover{background:var(--purple-bright);color:#fff}.landing-btn-secondary{background:var(--coral)}.landing-btn-secondary:hover{box-shadow:0 8px 24px #ff6b6b66}.piano-icon{background:linear-gradient(145deg,#9b30ff,#6a11cb);border-radius:18px;justify-content:center;align-items:center;width:72px;height:72px;display:inline-flex;position:relative;box-shadow:0 8px 32px #6a11cb73}.piano-icon-lg{border-radius:22px;width:88px;height:88px}.piano-icon-star{color:#fff;font-size:14px;position:absolute;top:8px;left:10px}.piano-icon-keys{font-size:32px}.piano-icon-lg .piano-icon-keys{font-size:38px}.landing-hero{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.landing-hero-bg{background-position:50%;background-size:cover;position:absolute;inset:0}.landing-hero-overlay{background:linear-gradient(#1c0a5e8c 0%,#14083cb3 100%);position:absolute;inset:0}.landing-hero-content{z-index:1;text-align:center;flex-direction:column;align-items:center;max-width:720px;padding:120px 24px 80px;display:flex;position:relative}.landing-hero-brand{align-items:center;gap:8px;margin:20px 0 12px;font-size:18px;font-weight:600;display:flex}.landing-hero-title{letter-spacing:-.02em;margin:0 0 32px;font-size:clamp(2rem,5vw,3.25rem);font-weight:800;line-height:1.15}.landing-hero-title .animated-word{margin-right:.28em;display:inline-block}.landing-btn-hero{padding:16px 40px;font-size:15px}.landing-scroll{color:#ffffffb3;font-size:28px;text-decoration:none;animation:2s ease-in-out infinite landing-bounce;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}@keyframes landing-bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}.landing-youve-got-this{background:var(--cream);color:var(--navy);padding:0 0 100px;position:relative}.landing-wave-top{margin-top:-1px;line-height:0}.landing-wave-top svg{width:100%;height:80px;display:block}.landing-youve-inner{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,6vw,80px);max-width:1140px;margin:0 auto;padding:60px clamp(24px,5vw,48px) 0;display:grid}.landing-youve-image-wrap{position:relative}.landing-youve-blob{aspect-ratio:4/5;border-radius:45% 55% 52% 48%/48% 45% 55% 52%;overflow:hidden;box-shadow:0 24px 60px #1a1a2e26}.landing-youve-blob img{object-fit:cover;width:100%;height:100%;display:block}.landing-teal-line{pointer-events:none;opacity:.85;width:120%;height:120%;position:absolute;inset:-10%}.landing-youve-text h2{letter-spacing:-.02em;margin:0 0 20px;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800}.landing-youve-text p{color:#1a1a2ed9;margin:0 0 28px;font-size:16px;line-height:1.65}.landing-badges{grid-template-columns:1fr 1fr;gap:12px;display:grid}.landing-badge{color:var(--navy);border:1px solid #1a1a2e1f;border-radius:8px;padding:10px 14px;font-size:12px;font-weight:600}.landing-progress{background:var(--purple-mid);padding:100px clamp(24px,5vw,48px);position:relative;overflow:hidden}.landing-progress-shape{pointer-events:none;background:#7b2cff40;border-radius:50%;position:absolute}.landing-progress-shape-1{width:500px;height:500px;top:-150px;right:-100px}.landing-progress-shape-2{width:350px;height:350px;bottom:-80px;left:-80px}.landing-progress-inner{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,6vw,64px);max-width:1100px;margin:0 auto;display:grid;position:relative}.landing-progress-text h2{margin:0 0 20px;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;line-height:1.2}.landing-progress-text p{color:#ffffffe0;margin:0 0 28px;font-size:16px;line-height:1.65}.landing-progress-visual{justify-content:center;align-items:center;min-height:280px;display:flex;position:relative}.landing-progress-photo{border-radius:24px;width:min(420px,100%);overflow:hidden;transform:rotate(2deg);box-shadow:0 24px 60px #00000059}.landing-progress-photo img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.landing-songs{color:var(--navy);background:#fff;padding:100px clamp(24px,5vw,48px)}.landing-songs-inner{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,6vw,64px);max-width:1100px;margin:0 auto;display:grid}.landing-songs-inner--text{text-align:center;grid-template-columns:1fr;max-width:720px}.landing-songs-inner--text .landing-songs-text{margin:0 auto}.landing-songs-text h2{margin:0 0 20px;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800}.landing-songs-text p{color:#1a1a2ecc;margin:0 0 28px;font-size:16px;line-height:1.65}.landing-cta{background:var(--cream);color:var(--navy);text-align:center;padding:120px 24px;position:relative;overflow:hidden}.landing-cta-blob{pointer-events:none;border-radius:50%;position:absolute}.landing-cta-blob-left{background:var(--purple-bright);width:280px;height:280px;top:10%;left:-80px}.landing-cta-blob-right{background:var(--purple-bright);width:220px;height:220px;top:20%;right:-60px}.landing-cta-blob-bottom{background:var(--coral);border-radius:50% 50% 0 0;width:400px;height:200px;bottom:-80px;left:50%;transform:translate(-50%)}.landing-cta-line{pointer-events:none;opacity:.15;width:100%;height:100%;position:absolute;inset:0}.landing-cta-inner{z-index:1;max-width:640px;margin:0 auto;position:relative}.landing-cta-inner h2{margin:24px 0 32px;font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:800;line-height:1.25}.landing-cta-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.landing-footer{background:var(--purple-dark);color:#ffffffb3;flex-wrap:wrap;align-items:center;gap:16px 32px;padding:32px clamp(24px,5vw,48px);font-size:13px;display:flex}.landing-footer-brand{color:#fff;font-weight:700;text-decoration:none}.landing-footer-links{gap:20px;margin-left:auto;display:flex}.landing-footer-links a{color:#ffffffb3;text-decoration:none}.landing-footer-links a:hover{color:#fff}.landing-footer-copy{opacity:.5;width:100%;margin:0;font-size:12px}@media (width<=900px){.landing-youve-inner,.landing-progress-inner,.landing-songs-inner{grid-template-columns:1fr}.landing-songs-inner--text{text-align:left}.landing-progress-visual{order:-1;min-height:220px}.landing-badges{grid-template-columns:1fr}}@media (width<=480px){.landing-cta-buttons{flex-direction:column;align-items:stretch}.landing-footer-links{margin-left:0}}.auth-page{background:linear-gradient(180deg, var(--purple-dark) 0%, var(--purple-mid) 100%);justify-content:center;align-items:center;min-height:100vh;padding:88px 24px 48px;font-family:Montserrat,sans-serif;display:flex}.auth-card{background:#fff;border-radius:16px;flex-direction:column;gap:14px;width:100%;max-width:420px;padding:36px 32px;display:flex;box-shadow:0 24px 60px #00000040}.auth-card h1{color:var(--navy);letter-spacing:-.02em;margin:0 0 8px;font-size:28px;font-weight:800}.auth-card label{color:#1a1a2ebf;flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.auth-card input{background:var(--cream);color:var(--navy);border:1px solid #1a1a2e26;border-radius:10px;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.auth-card input:focus{border-color:var(--purple-accent);outline:none;box-shadow:0 0 0 3px #8a2be226}.auth-submit{background:var(--purple-accent);color:#fff;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:2px solid #0000;border-radius:999px;margin-top:8px;padding:14px 32px;font-family:inherit;font-size:14px;font-weight:700;transition:transform .15s,box-shadow .15s}.auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #8a2be266}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-error{color:var(--coral);background:#ff6b6b1f;border-radius:8px;margin:0;padding:10px 12px;font-size:13px;font-weight:500}.auth-switch{color:#1a1a2ea6;text-align:center;margin:0;font-size:13px}.auth-switch a{color:var(--purple-accent);font-weight:600;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.song-picker{inset:0;top:var(--navbar-height);height:calc(100dvh - var(--navbar-height));background:linear-gradient(180deg, var(--purple-dark) 0%, var(--purple-mid) 100%);justify-content:flex-start;align-items:stretch;min-height:auto;padding:0;font-family:Montserrat,sans-serif;display:flex;position:fixed;overflow:hidden}.song-picker-panel{background:0 0;border:none;border-radius:0;flex-direction:column;width:100%;height:100%;min-height:0;padding:24px clamp(20px,4vw,48px);display:flex}.song-picker-toolbar{flex-shrink:0}.song-picker-mobile-hint{text-align:center;color:#ffffff8c;flex-shrink:0;margin:0 0 8px;font-size:12px;font-weight:600;display:none}.song-picker-header{text-align:center;margin-bottom:28px}.song-picker-header h1{letter-spacing:-.02em;color:#fff;margin:0 0 10px;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800}.song-picker-header p{color:#fff9;margin:0;font-size:15px;line-height:1.5}.song-picker-tabs{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:20px;display:flex}.song-picker-search-wrap{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:10px;height:48px;margin-bottom:24px;padding:0 14px;transition:border-color .2s,background .2s;display:flex}.song-picker-search-wrap:focus-within{background:#ffffff14;border-color:#8a2be28c}.song-picker-search-icon{color:#ffffff73;flex-shrink:0;font-size:18px;line-height:1}.song-picker-search{color:#fff;background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:14px}.song-picker-search::placeholder{color:#fff6}.song-picker-search::-webkit-search-cancel-button{display:none}.song-picker-search-clear{color:#ffffffbf;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;flex-shrink:0;width:28px;height:28px;padding:0;font-size:18px;line-height:1;transition:background .15s,color .15s}.song-picker-search-clear:hover{color:#fff;background:#ffffff29}.song-picker-tab{color:#ffffffd1;cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:999px;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:background .25s,border-color .25s,color .25s,transform .2s}.song-picker-tab:hover{color:#fff;border-color:#ffffff47}.song-picker-tab.active{background:var(--purple-accent);border-color:var(--purple-accent);color:#fff;transform:scale(1.04)}.song-picker-content{flex-direction:column;flex:1;min-height:0;animation:.35s both song-picker-content-in;display:flex}.song-picker-session{text-align:center;letter-spacing:.12em;text-transform:uppercase;color:#ffffff73;margin:0 0 16px;font-size:13px;font-weight:600}.song-picker-empty{text-align:center;color:#ffffff80;margin:0;padding:40px 0;font-size:14px;animation:.35s both song-picker-fade-up}.song-grid-wrap{flex:1;gap:10px;min-height:0;display:flex}.song-grid-scroll-controls{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;width:36px;display:none}.song-scroll-btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff14;border:1px solid #ffffff29;border-radius:50%;width:36px;height:36px;padding:0;font-size:14px;line-height:1;transition:background .15s,opacity .15s}.song-scroll-btn:active:not(:disabled){background:var(--purple-accent)}.song-scroll-btn:disabled{opacity:.35;cursor:not-allowed}.song-scroll-track{background:#ffffff1a;border-radius:999px;flex:1;width:8px;min-height:80px;position:relative}.song-scroll-thumb{background:#ffffff8c;border-radius:999px;transition:top .12s,height .12s;position:absolute;left:0;right:0;box-shadow:0 0 8px #7b2cff59}.song-grid-scroll-controls.is-hidden{visibility:hidden;pointer-events:none}.song-grid{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:10px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.song-grid::-webkit-scrollbar{width:6px}.song-grid::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px}.song-tile{color:#fff;text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;grid-template-columns:44px 72px minmax(0,1fr);align-items:stretch;width:100%;min-height:72px;padding:0;font-family:inherit;transition:background .2s,border-color .2s;animation:.4s both song-picker-fade-up;display:grid;overflow:hidden}.song-tile:hover{background:#ffffff12;border-color:#8a2be259}.song-tile.active{background:var(--purple-accent);border-color:var(--purple-bright)}.song-tile{position:relative}.song-tile.locked .song-tile-art img{filter:grayscale(.6)brightness(.7)}.song-tile.locked .song-tile-title{color:#ffffff8c}.song-tile-badge{color:#fff;letter-spacing:.1em;background:linear-gradient(135deg,#c08bff,#8a2be2);border-radius:999px;padding:3px 9px;font-size:10px;font-weight:800;position:absolute;top:8px;right:10px}.song-tile-index{background:#00000038;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.song-tile.active .song-tile-index{background:#00000026}.song-tile-art{background:#0003;flex-shrink:0;width:72px;height:72px;position:relative;overflow:hidden}.song-tile-art img{object-fit:cover;width:100%;height:100%;display:block}.song-disc{background:radial-gradient(circle at 30% 25%,#666 0%,#222 50%,#0a0a0a 100%);border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;bottom:6px;right:6px}.song-disc-ring{border:1px solid #ffffff1a;border-radius:50%;position:absolute;inset:4px}.song-disc-label{z-index:1;color:var(--purple-bright);font-size:10px;line-height:1;position:relative}.song-tile-title{-webkit-line-clamp:2;text-align:left;-webkit-box-orient:vertical;align-self:center;padding:10px 16px;font-size:14px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.song-picker-start{background:var(--purple-accent);color:#fff;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:2px solid #0000;border-radius:999px;flex-shrink:0;width:100%;max-width:480px;margin:20px auto 0;padding:15px 32px;font-family:inherit;font-size:14px;font-weight:700;transition:transform .15s,opacity .15s;display:block}.song-picker-start:hover:not(:disabled){transform:translateY(-1px)}.song-picker-start:disabled{opacity:.45;cursor:not-allowed}@keyframes song-picker-content-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes song-picker-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.song-picker-content,.song-picker-empty,.song-tile,.song-picker-tab{transition:none;animation:none}.song-picker-tab.active{transform:none}}.song-picker-start--desktop{display:block}@media (width<=1279px){.song-picker-start--desktop{display:none}.song-picker-mobile-hint{display:block}.song-grid-scroll-controls{display:flex}.song-grid{scrollbar-width:thin;scrollbar-color:#ffffff59 #ffffff14;padding-right:2px}.song-grid::-webkit-scrollbar{width:8px}.song-grid::-webkit-scrollbar-track{background:#ffffff14;border-radius:999px}.song-grid::-webkit-scrollbar-thumb{background:#ffffff59;border-radius:999px}}@media (width<=600px){.song-picker-panel{padding:12px 14px 14px}.song-picker-header{margin-bottom:12px}.song-picker-header h1{margin-bottom:4px;font-size:1.35rem}.song-picker-header p{font-size:13px;line-height:1.35}.song-picker-tabs{gap:6px;margin-bottom:10px}.song-picker-tab{padding:8px 14px;font-size:12px}.song-picker-tab.active{transform:none}.song-picker-search-wrap{height:40px;margin-bottom:8px}.song-picker-session{margin-bottom:8px;font-size:11px}.song-tile{grid-template-columns:36px 52px minmax(0,1fr);gap:0;min-height:52px}.song-tile-art{width:52px;height:52px}.song-disc{display:none}.song-tile-title{-webkit-line-clamp:1;padding:6px 10px;font-size:13px}}@media (height<=520px) and (orientation:landscape){.song-picker-panel{padding:6px 10px 8px}.song-picker-header{display:none}.song-picker-toolbar{align-items:center;gap:8px;margin-bottom:4px;display:flex}.song-picker-tabs{flex-wrap:nowrap;flex:none;gap:4px;margin-bottom:0}.song-picker-tab{padding:6px 12px;font-size:11px}.song-picker-tab.active{transform:none}.song-picker-search-wrap{flex:1;min-width:0;height:34px;margin-bottom:0;padding:0 10px}.song-picker-search{font-size:13px}.song-picker-mobile-hint{margin-bottom:4px;font-size:11px}.song-picker-session{display:none}.song-picker-content{flex:1;min-height:0}.song-grid-wrap{min-height:0}.song-tile{border-radius:8px;grid-template-columns:28px 44px minmax(0,1fr);min-height:44px}.song-tile-art{width:44px;height:44px}.song-tile-index{font-size:12px}.song-tile-title{-webkit-line-clamp:1;padding:4px 8px;font-size:12px}.song-tile-badge{padding:2px 6px;font-size:9px;top:4px;right:6px}.song-disc{display:none}.song-scroll-btn{width:30px;height:30px;font-size:12px}.song-scroll-track{width:6px;min-height:48px}.song-grid-scroll-controls{gap:4px;width:30px}}@media (width<=1279px) and (orientation:landscape) and (height>=521px){.song-picker-panel{padding:10px 14px 12px}.song-picker-header h1{font-size:1.25rem}.song-picker-header p{display:none}.song-picker-header{margin-bottom:10px}.song-picker-toolbar{align-items:center;gap:10px;margin-bottom:8px;display:flex}.song-picker-tabs{margin-bottom:0}.song-picker-search-wrap{flex:1;min-width:0;height:38px;margin-bottom:0}.song-picker-session{margin-bottom:6px}.song-tile{min-height:52px}}.landscape-gate{z-index:2000;background:linear-gradient(180deg, var(--purple-dark) 0%, var(--purple-mid) 100%);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.landscape-gate-card{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1c0a5eeb;border:1px solid #ffffff1f;border-radius:16px;max-width:320px;padding:28px 24px}.landscape-gate-icon{margin-bottom:16px;font-size:48px;animation:2s ease-in-out infinite landscape-gate-rotate}.landscape-gate-card h2{color:#fff;margin:0 0 10px;font-size:1.25rem;font-weight:700}.landscape-gate-card p{color:#ffffffbf;margin:0;font-size:.95rem;line-height:1.5}@keyframes landscape-gate-rotate{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}.piano-container{height:var(--piano-height);z-index:1000;background:#121212;border-top:1px solid #2a2a2a;position:fixed;bottom:0;left:0;right:0}.piano{width:100%;height:100%;position:relative;overflow:hidden}.piano-key{box-sizing:border-box;appearance:none;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent;border:0;margin:0;padding:0;position:absolute;top:0}.white-key{background:#fdfcfa;border-bottom:3px solid #a09a92;border-right:1px solid #b0aca8;height:100%}.white-key.active{background:#a8d4f5;border-bottom-color:#6aabcc}.white-key.missed{background:#f5a0a0;border-bottom-color:#cc6060}.black-key{z-index:2;background:#181818;height:61%;box-shadow:1px 3px 4px #00000073}.black-key.active{background:#2e5a80}.black-key.missed{background:#802828}.piano-key.mic-detected:not(.active):not(.missed){outline-offset:-2px;outline:2px solid #64dc8cbf}.mobile-site-nav{flex-direction:column;gap:12px;display:flex}.mobile-site-nav-label{color:#ffffff73;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.mobile-site-nav-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mobile-site-nav-link{color:#ffffffeb;text-align:center;-webkit-tap-highlight-color:transparent;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:10px 14px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:flex}.mobile-site-nav-link:active{background:#8a2be240;border-color:#8a2be273}.mobile-site-nav-link.active{color:#fff;background:#8a2be259;border-color:#8a2be28c}.mobile-site-nav-actions{flex-wrap:wrap;align-items:center;gap:8px;padding-top:4px;display:flex}.mobile-site-nav-pro{color:#fff;letter-spacing:.12em;background:linear-gradient(135deg,#c08bff,#8a2be2);border-radius:999px;padding:6px 12px;font-size:11px;font-weight:800}.mobile-site-nav-upgrade{color:#fff;letter-spacing:.04em;background:#8a2be226;border:1px solid #c08bff99;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:700;text-decoration:none}.mobile-site-nav-btn{color:#ffffffeb;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;padding:8px 16px;font-family:inherit;font-size:12px;font-weight:700;text-decoration:none}.mobile-site-nav-btn-primary{background:var(--purple-accent);border-color:var(--purple-accent);color:#fff}.midi-visualizer{top:var(--navbar-height);left:0;right:0;bottom:var(--piano-height);background:linear-gradient(180deg, var(--purple-dark) 0%, var(--purple-mid) 55%, #1a0a4a 100%);position:fixed;overflow:hidden}.midi-stage{position:absolute;inset:0}.midi-canvas{width:100%;height:100%;display:block}.midi-hit-line{pointer-events:none;background:linear-gradient(90deg,#0000,#7b2cffb3,#0000);height:3px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 12px #7b2cff80}.midi-controls-anchor{pointer-events:none;z-index:10;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:16px;left:0;right:0}.midi-hints{pointer-events:none;flex-direction:column;align-items:center;gap:6px;max-width:min(960px,100vw - 32px);display:flex}.midi-hints .midi-count-in-hint,.midi-hints .midi-miss-hint,.midi-hints .midi-device-error{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:normal;background:#1c0a5ee0;border:1px solid #ffffff1f;border-radius:999px;margin:0;padding:6px 14px}.midi-fab{color:#fff;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-tap-highlight-color:transparent;background:#1c0a5eeb;border:1px solid #ffffff29;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:0;font-size:20px;line-height:1;transition:background .2s,transform .1s;display:flex;position:absolute;top:0;right:12px;box-shadow:0 4px 16px #00000059}.midi-fab:active{transform:scale(.94)}.midi-fab.has-active:after{content:"";background:var(--teal);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px;box-shadow:0 0 6px #26c6b999}.midi-controls-anchor.compact{align-items:stretch}.midi-fullscreen{z-index:3000;background:linear-gradient(180deg, var(--purple-dark) 0%, var(--purple-mid) 55%, #1a0a4a 100%);touch-action:pan-y;flex-direction:column;width:100%;height:100dvh;display:flex;position:fixed;inset:0}.midi-fullscreen-header{padding:max(12px, env(safe-area-inset-top,12px)) max(16px, env(safe-area-inset-right,16px)) 12px max(16px, env(safe-area-inset-left,16px));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#120640f2;border-bottom:1px solid #ffffff1f;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.midi-fullscreen-title{text-overflow:ellipsis;white-space:nowrap;color:#fff;flex:1;min-width:0;margin:0;font-size:1.05rem;font-weight:700;overflow:hidden}.midi-fullscreen-close{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff1a;border:1px solid #ffffff29;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:20px;line-height:1;display:flex}.midi-fullscreen-close:active{background:var(--purple-bright);transform:scale(.94)}.midi-fullscreen-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;min-height:0;padding:16px max(16px, env(safe-area-inset-right,16px)) max(24px, env(safe-area-inset-bottom,24px)) max(16px, env(safe-area-inset-left,16px));flex:1;overflow:hidden scroll}.midi-fullscreen-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1c0a5ee0;border:1px solid #ffffff1f;border-radius:14px;max-width:640px;margin:0 auto;padding:16px}.midi-fullscreen-section+.midi-fullscreen-section{border-top:1px solid #ffffff1a;margin-top:20px;padding-top:20px}.midi-fullscreen .midi-fullscreen-transport{white-space:normal;flex-wrap:wrap;justify-content:center;gap:10px}.midi-fullscreen .midi-transport{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.midi-fullscreen .midi-time{text-align:center;width:100%;font-size:14px}.midi-fullscreen .midi-settings-panel{border-top:none;margin-top:0;padding-top:0;overflow:visible}.midi-fullscreen .midi-settings-grid{grid-template-columns:1fr;gap:18px}.midi-fullscreen .midi-settings-group{background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;padding:14px}.midi-fullscreen .midi-settings-label{font-size:11px}.midi-fullscreen .midi-controls button{min-height:40px;font-size:14px}@media (orientation:landscape) and (width<=1279px){.midi-fullscreen .midi-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.midi-controls-header{flex-shrink:0;padding:10px 14px}.midi-controls{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1c0a5ee0;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;align-items:stretch;gap:0;max-width:min(960px,100vw - 32px);padding:10px 18px;transition:opacity .45s,transform .45s;display:flex}.midi-controls.dimmed{opacity:0;transform:translateY(-8px)}.midi-controls.dimmed:hover,.midi-controls.dimmed:focus-within{opacity:1;transform:translateY(0)}.midi-controls-row{white-space:nowrap;align-items:center;gap:10px;display:flex}.midi-controls-primary{flex-wrap:wrap;justify-content:center}.midi-transport{align-items:center;gap:6px;display:inline-flex}.midi-settings-btn{margin-left:4px;position:relative;background:#ffffff1f!important}.midi-settings-btn.active{box-shadow:0 0 10px #7b2cff66;background:var(--purple-bright)!important}.midi-settings-btn.has-active:after{content:"";background:var(--teal);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:8px;box-shadow:0 0 6px #26c6b999}.midi-settings-panel{border-top:1px solid #ffffff1a;margin-top:10px;padding-top:12px;overflow:hidden}.midi-settings-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px 20px;display:grid}.midi-settings-group{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;display:flex}.midi-settings-label{color:#ffffff73;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.midi-settings-toggles{flex-wrap:wrap;gap:6px;display:flex}.midi-settings-hint{color:#fffc;text-align:center;white-space:normal;background:#ffffff0f;border-radius:8px;margin:10px 0 0;padding:8px 12px;font-size:12px}.midi-controls button{background:var(--purple-accent);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:8px 16px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;transition:opacity .15s,transform .1s,box-shadow .15s}.midi-controls button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #8a2be266}.midi-controls button:disabled{opacity:.4;cursor:not-allowed}.midi-time{color:#ffffffb3;font-variant-numeric:tabular-nums;font-size:13px}.midi-speed{color:#ffffffbf;cursor:pointer;align-items:center;gap:8px;width:100%;font-size:12px;font-weight:600;display:flex}.midi-speed-label{flex-shrink:0}.midi-speed-value{font-variant-numeric:tabular-nums;text-align:right;color:#ffffffe6;min-width:3.2ch}.midi-speed-slider{min-width:60px;height:4px;accent-color:var(--purple-bright);cursor:pointer;flex:1;margin:0}.midi-speed-slider:disabled{opacity:.4;cursor:not-allowed}.midi-loading{color:#ffffff80;font-size:13px}.midi-song-name{text-overflow:ellipsis;color:#ffffffd9;max-width:140px;font-size:13px;font-weight:600;overflow:hidden}.midi-change-song-btn,.midi-mode-btn{background:#ffffff1f!important}.midi-mode-btn.active{box-shadow:0 0 10px #7b2cff66;background:var(--purple-bright)!important}.midi-view-btn{background:#ffffff1f!important}.midi-view-btn.active{box-shadow:0 0 10px #7b2cff66;background:var(--purple-bright)!important}.midi-freeplay-hint{color:#ffffffd9;font-size:12px}.midi-count-in-hint{color:#ffffffe6;text-align:center;white-space:nowrap;margin:8px 0 0;padding:0;font-size:13px}.midi-mic-btn{background:#ffffff1f!important}.midi-mic-btn.active{box-shadow:0 0 10px #26c6b966;background:var(--teal)!important}.midi-keyboard-btn{background:#ffffff1f!important}.midi-keyboard-btn.active{box-shadow:0 0 10px #8a2be266;background:var(--purple-accent)!important}.midi-mic-status{color:#78dc96e6;white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.midi-mic-status-label{flex-shrink:0}.midi-mic-status-note{font-variant-numeric:tabular-nums;text-align:center;min-width:3.5ch;display:inline-block}.midi-keyboard-status{color:#ffffffe6;align-items:center;gap:6px;max-width:100%;font-size:12px;display:flex}.midi-keyboard-status-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.midi-keyboard-status-note{font-variant-numeric:tabular-nums;text-align:center;flex-shrink:0;min-width:3.5ch}.midi-mic-error{color:#f07878f2;max-width:180px;font-size:12px}.midi-miss-hint{color:#fffffff2;text-align:center;white-space:nowrap;margin:8px 0 0;padding:0;font-size:13px}.midi-device-error{color:#f07878f2;text-align:center;white-space:nowrap;margin:8px 0 0;padding:0;font-size:13px}.next-song-backdrop{z-index:4000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08021cb8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.next-song-card{text-align:center;background:linear-gradient(#1c0a5efa 0%,#120640fa 100%);border:1px solid #ffffff1f;border-radius:18px;width:min(420px,100%);padding:24px 22px}.next-song-eyebrow{color:var(--teal);letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}.next-song-card h2{color:#fff;margin:0 0 18px;font-size:1.35rem;font-weight:800}.next-song-preview{text-align:left;background:#ffffff0f;border-radius:12px;align-items:center;gap:14px;margin-bottom:16px;padding:12px;display:flex}.next-song-preview img{object-fit:cover;border-radius:10px;flex-shrink:0;width:56px;height:56px}.next-song-preview span{color:#fff;font-size:15px;font-weight:600;line-height:1.35}.next-song-countdown{color:#ffffffa6;margin:0 0 18px;font-size:13px}.next-song-actions{flex-direction:column;gap:10px;display:flex}.next-song-primary,.next-song-secondary{cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;width:100%;padding:13px 18px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:700}.next-song-primary{background:var(--purple-accent);color:#fff;border:none}.next-song-secondary{color:#ffffffd1;background:0 0;border:1px solid #ffffff2e}@media (width<=900px) and (orientation:landscape){.next-song-backdrop{padding:12px}.next-song-card{padding:18px 16px}.next-song-card h2{margin-bottom:12px;font-size:1.15rem}}.playground-page{min-height:calc(100vh - var(--navbar-height));background:linear-gradient(180deg, var(--purple-dark) 0%, var(--purple-mid) 100%)}.pricing-page{min-height:100vh;padding:calc(var(--navbar-height) + 48px) clamp(16px, 4vw, 48px) 48px;background:linear-gradient(180deg, var(--purple-dark) 0%, var(--purple-mid) 100%);justify-content:center;align-items:flex-start;font-family:Montserrat,sans-serif;display:flex}.pricing-shell{width:min(960px,100%)}.pricing-header{text-align:center;color:#fff;margin-bottom:36px}.pricing-eyebrow{color:var(--purple-bright,#c08bff);letter-spacing:.14em;text-transform:uppercase;background:#8a2be22e;border:1px solid #8a2be266;border-radius:999px;margin-bottom:12px;padding:6px 16px;font-size:12px;font-weight:700;display:inline-block}.pricing-header h1{letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(2rem,4vw,2.75rem);font-weight:800}.pricing-header p{color:#ffffffa6;max-width:520px;margin:0 auto;font-size:15px;line-height:1.6}.pricing-header strong{color:#fff}.pricing-grid{grid-template-columns:minmax(0,380px) minmax(0,1fr);justify-content:center;align-items:start;gap:24px;display:grid}.pricing-grid:has(.pricing-checkout){justify-content:stretch}.pricing-grid:not(:has(.pricing-checkout)){grid-template-columns:minmax(0,420px)}.pricing-card{color:#fff;background:#0e052af0;border:1px solid #ffffff1a;border-radius:20px;padding:32px}.pricing-plan{border-bottom:1px solid #ffffff1a;margin-bottom:22px;padding-bottom:22px}.pricing-plan h2{letter-spacing:.12em;text-transform:uppercase;color:#fff9;margin:0 0 12px;font-size:14px;font-weight:700}.pricing-amount{align-items:flex-end;gap:4px;line-height:1;display:flex}.pricing-currency{color:#ffffffd9;font-size:24px;font-weight:700;transform:translateY(-10px)}.pricing-value{letter-spacing:-.03em;font-size:56px;font-weight:800}.pricing-period{color:#ffffff8c;margin-bottom:8px;font-size:15px}.pricing-perks{flex-direction:column;gap:14px;margin:0 0 28px;padding:0;list-style:none;display:flex}.pricing-perks li{color:#ffffffd1;align-items:center;gap:12px;font-size:14px;display:flex}.pricing-check{width:22px;height:22px;color:var(--purple-bright,#c08bff);background:#8a2be240;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.pricing-cta{background:var(--purple-accent);color:#fff;letter-spacing:.06em;text-transform:uppercase;text-align:center;cursor:pointer;border:none;border-radius:999px;width:100%;padding:15px 28px;font-family:inherit;font-size:14px;font-weight:700;text-decoration:none;transition:transform .15s,opacity .15s;display:block}.pricing-cta:hover{opacity:.95;transform:translateY(-1px)}.pricing-note{text-align:center;color:#fff9;margin:0;font-size:14px}.pricing-active{text-align:center}.pricing-active-title{margin:0 0 16px;font-size:16px;font-weight:700}.pricing-manage{color:#ffffffd9;letter-spacing:.04em;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:999px;width:100%;margin-top:12px;padding:12px 24px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,opacity .15s;display:block}.pricing-manage:hover:not(:disabled){background:#ffffff14}.pricing-manage:disabled{opacity:.5;cursor:not-allowed}.pricing-error{color:#f07878f2;margin:10px 0 0;font-size:13px}.pricing-checkout{background:#fff;border-radius:20px;min-height:320px;padding:20px}.pricing-return{text-align:center;color:#fff;background:#0e052af0;border:1px solid #ffffff1a;border-radius:20px;max-width:520px;margin:0 auto;padding:48px 32px}.pricing-return h1{margin:0 0 12px;font-size:clamp(1.6rem,3vw,2rem);font-weight:800}.pricing-return p{color:#ffffffa6;margin:0 0 24px;font-size:15px}.pricing-return .pricing-cta{max-width:280px;margin:0 auto}.pricing-return-badge{color:#2ecc71;background:#2ecc712e;border:1px solid #2ecc7180;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;font-size:30px;font-weight:700;display:flex}@media (width<=820px){:is(.pricing-grid,.pricing-grid:has(.pricing-checkout)){grid-template-columns:minmax(0,1fr)}}