.global-nav{height:64px;background:rgba(6,4,8,.8);border-bottom:1px solid rgba(255,255,255,.05);position:sticky;top:0;z-index:1000;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 4px 30px #00000080}.global-nav__inner{width:100%;max-width:var(--w-page);margin:0 auto;padding:0 1.5rem;height:100%;display:grid;grid-template-columns:200px 1fr 200px;align-items:center}.global-nav__logo{display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none;cursor:pointer;transition:transform .2s}.global-nav__logo:hover{transform:scale(1.02)}.global-nav__logo-mark{font-size:1.1rem;color:var(--brand);line-height:1;filter:drop-shadow(0 0 8px rgba(200,170,120,.6))}.global-nav__logo-word{font-family:Cinzel,serif;font-size:1.1rem;font-weight:700;letter-spacing:.15em;color:var(--text)}.global-nav__center{display:flex;align-items:center;justify-content:center;gap:1.5rem;justify-self:center;height:100%}.global-nav__tabs{display:flex;height:100%}.global-nav__tab{background:transparent;border:none;color:var(--text-muted);font-family:Cinzel,serif;font-size:.85rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:0 1.25rem;height:100%;display:flex;align-items:center;cursor:pointer;transition:color .3s;position:relative;white-space:nowrap}.global-nav__tab:hover,.global-nav__tab.active{color:var(--text)}.global-nav__tab:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--brand);box-shadow:0 0 10px var(--brand);transition:width .3s cubic-bezier(.16,1,.3,1)}.global-nav__tab.active:after{width:100%}.global-nav__warmup{background:transparent;border:1px solid rgba(251,146,60,.3);color:#fb923c;font-family:Cinzel,serif;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:.4rem 1rem;border-radius:6px;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:.4rem}.global-nav__warmup:hover{background:rgba(251,146,60,.1);border-color:#fb923c99;box-shadow:0 0 15px #fb923c26}.global-nav__warmup--done{opacity:.3;cursor:default;border-color:#ffffff1a;color:var(--text-muted)}.global-nav__warmup--done:hover{background:transparent;border-color:#ffffff1a;box-shadow:none}.global-nav__right{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.global-nav__settings-btn,.global-nav__admin-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--text-muted);font-family:Sora,sans-serif;font-size:.75rem;font-weight:500;padding:.4rem .8rem;border-radius:8px;cursor:pointer;white-space:nowrap;transition:all .2s;display:flex;align-items:center;gap:6px}.global-nav__settings-btn:hover,.global-nav__admin-btn:hover{background:rgba(255,255,255,.1);border-color:#fff3;color:var(--text)}.global-nav__settings-btn.active{border-color:#c8aa7866;box-shadow:0 0 12px #c8aa7826;color:var(--text)}.global-nav__settings-chevron{font-size:.65rem;transition:transform .3s}.global-nav__settings-btn.active .global-nav__settings-chevron{transform:rotate(180deg)}.global-nav__admin-btn--on{background:rgba(96,165,250,.15);border-color:#60a5fa66}.global-nav__popover{position:absolute;top:calc(100% + 12px);right:0;width:260px;background:#0c0c16;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.2rem;box-shadow:0 15px 40px #0009,inset 0 0 10px #ffffff05;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;display:flex;flex-direction:column;gap:1.2rem;animation:nav-popover-in .2s cubic-bezier(.16,1,.3,1);transform-origin:top right}@keyframes nav-popover-in{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.global-nav-popover__title{font-family:Cinzel,serif;font-size:.9rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:.5rem}.global-nav-popover__section{display:flex;flex-direction:column;gap:.5rem}.global-nav-popover__label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.global-nav-popover__choices{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:rgba(0,0,0,.3);padding:4px;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.global-nav-popover__choice-btn{padding:.5rem;background:transparent;border:none;border-radius:8px;font-size:.75rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .2s}.global-nav-popover__choice-btn:hover{color:var(--text);background:rgba(255,255,255,.05)}.global-nav-popover__choice-btn.active{background:var(--surface);color:var(--brand);box-shadow:0 4px 12px #0000004d}@media (max-width: 900px){.global-nav__inner{grid-template-columns:auto 1fr auto;padding:0 1rem}}@media (max-width: 700px){.global-nav{height:auto;padding:.5rem 0}.global-nav__inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem}.global-nav__center{order:3;width:100%;margin-top:.5rem}}:root{--lp-bg: #040408;--lp-text: #f8fafc;--lp-text-muted: #94a3b8;--lp-accent: #fbbf24;--lp-accent-glow: rgba(251, 191, 36, .25);--lp-surface: rgba(10, 10, 18, .45);--lp-border: rgba(255, 255, 255, .06);--lp-nav-bg: rgba(4, 4, 8, .75);--lp-nav-text: white;--lp-gradient-start: #fbbf24;--lp-gradient-mid: #f87171;--lp-gradient-end: #c084fc;--lp-cta-bg: linear-gradient(135deg, #fbbf24 0%, #d97706 100%);--lp-cta-text: #040408;--lp-badge-bg: rgba(251, 191, 36, .04);--lp-badge-border: rgba(251, 191, 36, .15);--lp-icon-bg: rgba(255, 255, 255, .02);--lp-frame-bg: rgba(10, 10, 18, .5);--lp-frame-shadow: rgba(0, 0, 0, .8);--lp-expanded-bg: rgba(10, 10, 18, .85);--lp-sandbox-bg: rgba(4, 4, 8, .85);--lp-widget-bg: rgba(0, 0, 0, .35);--lp-section-pad: clamp(4.5rem, 9vw, 6.5rem)}.lp-landing{min-height:100vh;background:var(--lp-bg);color:var(--lp-text);font-family:Sora,sans-serif;overflow-x:hidden;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.lp-container{max-width:1140px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.lp-nav{position:fixed;top:0;width:100%;z-index:100;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);background:var(--lp-nav-bg);border-bottom:1px solid var(--lp-border);transition:background .3s}.lp-nav__inner{width:100%;max-width:1140px;margin:0 auto;padding:0 2rem;height:60px;display:flex;align-items:center;justify-content:space-between}.lp-nav__logo{font-family:Cinzel,serif;font-size:1rem;font-weight:800;letter-spacing:.18em;color:var(--lp-nav-text);-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:8px}.lp-nav__logo-mark{color:var(--lp-accent);text-shadow:0 0 10px rgba(251,191,36,.6);animation:lp-star-shimmer 3s infinite ease-in-out}.lp-nav__logo-text{display:flex;flex-direction:column;line-height:1.15}.lp-nav__logo-suffix{font-weight:500;font-size:.62em;letter-spacing:.42em;opacity:.65;text-transform:uppercase;text-align:center;padding-left:.42em}@keyframes lp-star-shimmer{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.lp-nav__actions{display:flex;align-items:center;gap:1rem}.lp-nav__lang{padding:.4rem 1rem;background:rgba(255,255,255,.02);border:1px solid var(--lp-border);border-radius:99px;font-size:.8rem;font-weight:700;color:var(--lp-nav-text);cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .3s cubic-bezier(.16,1,.3,1);font-family:inherit;letter-spacing:.05em}.lp-nav__lang:hover{border-color:#ffffff40;background:rgba(255,255,255,.06);color:var(--lp-nav-text)}.lp-nav__settings-btn{display:flex;align-items:center;gap:8px;white-space:nowrap;flex-shrink:0}.lp-nav__settings-btn.active,.lp-nav__settings-btn:hover{border-color:var(--lp-accent);box-shadow:0 0 10px var(--lp-accent-glow)}.lp-settings-btn__chevron{font-family:inherit;font-size:.65rem;line-height:1;display:inline-block;transition:transform .3s cubic-bezier(.16,1,.3,1);margin-left:2px;transform:translateY(-1px)}.lp-nav__settings-btn.active .lp-settings-btn__chevron{transform:rotate(180deg) translateY(1px)}.lp-settings-btn__info{font-size:.75rem;opacity:.9;letter-spacing:.05em;font-weight:700;white-space:nowrap}.lp-nav__popover{position:absolute;top:calc(100% + 12px);right:0;width:280px;background:#0c0c16;border:1px solid var(--lp-border);border-radius:20px;padding:1.5rem;box-shadow:0 20px 40px #0006,inset 0 0 12px #ffffff05;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);animation:lp-popover-slide-in .3s cubic-bezier(.16,1,.3,1);transform-origin:top right;z-index:1000;display:flex;flex-direction:column;gap:1.2rem}@keyframes lp-popover-slide-in{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.lp-popover__title{font-family:Cinzel,serif;font-size:.9rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--lp-accent);border-bottom:1px solid var(--lp-border);padding-bottom:.5rem;margin-bottom:.2rem;text-align:left}.lp-popover__section{display:flex;flex-direction:column;gap:.6rem}.lp-popover__label{font-size:.75rem;font-weight:600;color:var(--lp-text-muted);text-transform:uppercase;letter-spacing:.08em;text-align:left}.lp-popover__choices{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:rgba(0,0,0,.25);padding:4px;border-radius:12px;border:1px solid var(--lp-border)}.lp-popover__choice-btn{padding:.45rem .5rem;background:transparent;border:none;border-radius:8px;font-family:inherit;font-size:.8rem;font-weight:600;color:var(--lp-text-muted);cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);text-align:center;outline:none}.lp-popover__choice-btn:hover{color:var(--lp-text);background:rgba(255,255,255,.03)}.lp-popover__choice-btn.active{background:var(--lp-surface);color:var(--lp-text);box-shadow:0 4px 12px #00000026,0 0 0 1px var(--lp-border)}.lp-nav__cta{display:inline-flex;align-items:center;gap:8px;padding:.5rem 1.3rem;background:var(--lp-cta-bg);color:var(--lp-cta-text);text-decoration:none;border-radius:10px;font-weight:700;font-size:.85rem;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 15px #fbbf2433;white-space:nowrap;flex-shrink:0}.lp-nav__cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fbbf2459;filter:brightness(1.1)}.lp-nav__cta-text-desktop{display:inline}.lp-nav__cta-text-mobile{display:none}@media (max-width: 600px){.lp-nav__inner{padding:0 1rem}.lp-nav__logo{font-size:.9rem;gap:6px}.lp-nav__actions{gap:.5rem}.lp-settings-btn__info-notation{display:none}.lp-nav__settings-btn{padding:.4rem .75rem}.lp-nav__cta-text-desktop{display:none}.lp-nav__cta-text-mobile{display:inline}.lp-nav__cta{padding:.45rem .9rem;font-size:.8rem;border-radius:8px}}.lp-hero{--hu: min(.5625rem, 1vh);min-height:calc(var(--hu) * 110);padding:calc(var(--hu) * 8) 0 calc(var(--hu) * 4);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative}.lp-badge{display:inline-flex;align-items:center;gap:6px;padding:.5rem 1.2rem;background:rgba(10,10,18,.6);border:1px solid var(--lp-badge-border);border-radius:99px;font-size:.8rem;font-weight:600;color:var(--lp-accent);margin-bottom:calc(var(--hu, 1vh) * 6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);letter-spacing:.05em;text-transform:uppercase;box-shadow:inset 0 0 12px #fbbf2405}.lp-badge-star{color:#fff}.lp-title{font-family:Cinzel,serif;font-size:clamp(2.3rem,min(calc(var(--hu, 1vh) * 7.47),7.5vw),4.2rem);font-weight:900;line-height:1.15;margin-bottom:calc(var(--hu, 1vh) * 6);letter-spacing:-.01em;max-width:calc(var(--hu, 1vh) * 100);text-shadow:0 1px 3px rgba(4,4,8,.85),0 4px 24px rgba(4,4,8,.7)}.lp-title span{display:block;font-weight:900;background:linear-gradient(135deg,var(--lp-gradient-start) 10%,var(--lp-gradient-mid) 50%,var(--lp-gradient-end) 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 2px 20px var(--lp-accent-glow)) drop-shadow(0 2px 4px rgba(4,4,8,.6))}.lp-subtitle{font-size:clamp(1rem,min(calc(var(--hu, 1vh) * 2.22),2.5vw),1.25rem);color:#e2e8f0;max-width:calc(var(--hu, 1vh) * 80);margin:0 auto calc(var(--hu, 1vh) * 4);line-height:1.7;text-shadow:0 1px 2px rgba(4,4,8,.9),0 2px 12px rgba(4,4,8,.8)}.lp-cta{display:inline-flex;align-items:center;gap:10px;padding:1.1rem 2.8rem;background:var(--lp-cta-bg);color:var(--lp-cta-text);text-decoration:none;border-radius:14px;font-weight:800;font-size:1.05rem;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 30px #fbbf2440;border:none}.lp-cta:hover{transform:translateY(-4px);box-shadow:0 15px 35px #fbbf2466;filter:brightness(1.08)}.lp-features{padding:var(--lp-section-pad) 0}.lp-section-title{font-family:Cinzel,serif;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:700;margin-bottom:1.5rem;text-align:center;letter-spacing:.05em;text-wrap:balance}.lp-section-subtitle{color:var(--lp-text-muted);text-align:center;max-width:600px;margin:0 auto 4rem;font-size:1rem;line-height:1.6}.lp-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2rem}.lp-grid .lp-card{grid-column:span 2}.lp-grid .lp-card[data-pillar=ear]{grid-column:2 / span 2}.lp-grid .lp-card[data-pillar=melody]{grid-column:4 / span 2}.lp-grid .lp-card[data-pillar=theory]{grid-column:2 / span 2}.lp-grid .lp-card[data-pillar=harmony]{grid-column:4 / span 2}@media (max-width: 768px){.lp-grid{display:flex;flex-wrap:wrap;justify-content:center}.lp-grid .lp-card,.lp-grid .lp-card[data-pillar]{flex:0 0 calc(50% - 1rem);grid-column:unset}.lp-grid .lp-card.expanded{flex:0 0 100%!important}.lp-grid .lp-card[data-pillar=ear]{order:1}.lp-grid .lp-card[data-pillar=melody]{order:2}.lp-grid .lp-card[data-pillar=rhythm]{order:3}.lp-grid .lp-card[data-pillar=harmony]{order:4}.lp-grid .lp-card[data-pillar=theory]{order:5}.lp-grid .lp-card[data-pillar=keyboard]{order:6}.lp-grid .lp-card[data-pillar=expression]{order:7}}@media (max-width: 480px){.lp-grid .lp-card,.lp-grid .lp-card:nth-child(n){flex:0 0 100%}}.lp-card{position:relative;background-color:var(--lp-surface);border:1px solid var(--lp-border);border-radius:24px;padding:2.2rem;transition:all .4s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);cursor:pointer;overflow:hidden;box-shadow:0 8px 32px #0003;scroll-margin-top:70px}.lp-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 100%);pointer-events:none;z-index:1}.lp-card:hover:not(.expanded){border-color:var(--p)!important;background:rgba(255,255,255,.02)!important;transform:translateY(-6px)!important;box-shadow:0 12px 40px color-mix(in srgb,var(--p) 20%,rgba(0,0,0,.35))!important}.lp-card:hover:not(.expanded) .lp-card-icon-wrap{border-color:var(--p)!important;background:color-mix(in srgb,var(--p) 15%,transparent)!important;box-shadow:0 0 15px color-mix(in srgb,var(--p) 45%,transparent)!important}.lp-card.active{border-color:var(--p);background:color-mix(in srgb,var(--p) 6%,rgba(10,10,18,.65));transform:translateY(-8px) scale(1.02);box-shadow:0 15px 45px color-mix(in srgb,var(--p) 12%,transparent)}.lp-card-icon-wrap{width:60px;height:60px;border-radius:16px;background:var(--lp-icon-bg);border:1px solid var(--lp-border);display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin-bottom:1.8rem;transition:all .4s cubic-bezier(.16,1,.3,1)}.lp-card.active .lp-card-icon-wrap{border-color:var(--p);background:color-mix(in srgb,var(--p) 20%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--p) 50%,transparent);transform:scale(1.08)}.lp-card-title{font-family:Cinzel,serif;font-size:1.25rem;font-weight:700;margin-bottom:.9rem;letter-spacing:.05em;color:var(--lp-text);transition:color .3s}.lp-card.active .lp-card-title{color:var(--lp-text)}.lp-card-desc{color:var(--lp-text-muted);line-height:1.6;font-size:.92rem;transition:color .3s}.lp-card-affordance{position:absolute;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.lp-card-edge-glow{position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--p),transparent);opacity:.5;box-shadow:0 -2px 10px 1px var(--p);animation:lp-glow-breathe 3s infinite alternate;transition:opacity .3s ease}.lp-card-elegant-chevron{position:absolute;bottom:.8rem;left:50%;transform:translate(-50%);color:var(--p);font-size:1.2rem;font-weight:300;opacity:.7;animation:lp-bounce-subtle 2s infinite;transition:transform .3s ease,opacity .3s ease}@keyframes lp-glow-breathe{0%{opacity:.3;box-shadow:0 -1px 5px 0 var(--p)}to{opacity:.8;box-shadow:0 -3px 15px 2px var(--p)}}@keyframes lp-bounce-subtle{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,3px)}}.lp-card:hover:not(.expanded) .fade-on-hover .lp-card-edge-glow{opacity:0}.lp-card:not(.expanded):not(:hover){border-bottom-color:transparent}.lp-card.active .lp-card-desc{color:var(--lp-text-muted)}.lp-interactive-demo{padding:80px 0;background:radial-gradient(circle at center,rgba(251,191,36,.03) 0%,transparent 70%)}.lp-demo-card{background-color:var(--lp-surface);background-image:var(--staff-lines);border:1px solid rgba(251,191,36,.2);border-radius:28px;padding:3rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 50px #0006,0 0 40px #fbbf240d}.lp-demo-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:center}@media (max-width: 900px){.lp-demo-grid{grid-template-columns:1fr;gap:3rem}}.lp-demo-text{text-align:left}.lp-demo-tag{color:var(--lp-accent);font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin-bottom:1rem;display:block}.lp-demo-title{font-family:Cinzel,serif;font-size:2.2rem;line-height:1.25;margin-bottom:1.2rem}.lp-demo-desc{color:var(--lp-text-muted);font-size:1rem;line-height:1.6;margin-bottom:2rem}.lp-widget{background:var(--lp-widget-bg);border:1px solid var(--lp-border);border-radius:20px;padding:1.8rem;min-height:280px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #00000080}.lp-widget .aura-view{height:80px!important;margin:1rem 0!important}.lp-widget .aura-playhead{top:-30px!important;bottom:-30px!important}.lp-widget .aura-orb__glow,.lp-widget .aura-orb__fog{display:none}.lp-widget .aura-orb--hit .aura-orb__core{transform:scale(1)!important}.lp-track-container{position:relative;width:100%;height:80px;display:flex;align-items:center;margin-top:1.5rem}.lp-track-line{position:absolute;left:0;width:100%;height:2px;background:rgba(255,255,255,.1);border-radius:1px}.lp-playhead{position:absolute;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent,white,transparent);box-shadow:0 0 10px #fff;z-index:10;pointer-events:none}.lp-orb{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;background:#f8fafc;z-index:5;box-shadow:0 0 8px #ffffff4d;transition:all .2s cubic-bezier(.16,1,.3,1)}.lp-orb--hit{background:var(--lp-accent);box-shadow:0 0 18px var(--lp-accent);transform:translate(-50%,-50%) scale(1.15)}.lp-orb--miss{background:#ef4444;box-shadow:0 0 12px #ef4444}.lp-orb-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;background:radial-gradient(circle,rgba(255,255,255,.12) 0%,transparent 70%);border-radius:50%;pointer-events:none}.lp-orb--hit .lp-orb-glow{background:radial-gradient(circle,rgba(251,191,36,.4) 0%,transparent 70%)}.lp-orb-trail{position:absolute;top:50%;transform:translateY(-50%);height:3px;border-radius:1.5px;background:linear-gradient(to right,rgba(255,255,255,.1) 0%,transparent 100%);z-index:2}.lp-orb-trail--hit{background:linear-gradient(to right,rgba(251,191,36,.3) 0%,transparent 100%)}.lp-tap-btn{width:90px;height:90px;border-radius:50%;border:2px solid var(--lp-accent);background:rgba(251,191,36,.05);color:var(--lp-text);font-family:Cinzel,serif;font-weight:700;font-size:1.1rem;letter-spacing:.05em;cursor:pointer;margin:1.5rem auto 0;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 0 15px #fbbf241a;position:relative;z-index:5}.lp-tap-btn:hover:not(:disabled){background:rgba(251,191,36,.15);box-shadow:0 0 25px #fbbf244d;transform:scale(1.05)}.lp-tap-btn:active:not(:disabled){transform:scale(.95);background:rgba(251,191,36,.25)}.lp-demo-score{font-family:Cinzel,serif;font-size:1.1rem;color:#34d399;text-align:center;font-weight:700;height:20px;margin-top:1rem}.lp-method{padding:var(--lp-section-pad) 0}.lp-method-content{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}@media (max-width: 800px){.lp-method-content{grid-template-columns:1fr;gap:3.5rem}}.lp-method-text{text-align:left}.lp-method-tag{color:var(--lp-accent);font-family:Cinzel,serif;font-weight:700;text-transform:uppercase;letter-spacing:.2em;font-size:.8rem;margin-bottom:1.2rem;display:block}.lp-method-title{font-family:Cinzel,serif;font-size:clamp(1.8rem,4vw,2.4rem);line-height:1.25;margin-bottom:1.8rem;letter-spacing:.02em;text-wrap:balance}.lp-method-lead{margin:0;text-align:left;font-size:1rem;max-width:none}.lp-method-list{list-style:none;padding:0;margin:2.5rem 0 0}.lp-method-item{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:flex-start}.lp-method-item-bullet{color:var(--lp-accent);font-size:1rem;line-height:1.4;margin-top:2px;flex-shrink:0}.lp-method-item-title{font-weight:700;color:var(--lp-text);margin-top:0;margin-bottom:.25rem}.lp-method-item-desc{color:var(--lp-text-muted);font-size:.92rem;line-height:1.5}.lp-method-visual{position:relative}.lp-method-visual:before{content:"";position:absolute;top:10%;left:10%;right:10%;bottom:10%;background:var(--lp-gradient-end);filter:blur(80px);opacity:.15;z-index:0;border-radius:50%;animation:lp-halo-breathe 8s ease-in-out infinite alternate}@keyframes lp-halo-breathe{0%{opacity:.1;transform:scale(.9)}to{opacity:.2;transform:scale(1.1)}}.lp-method-image-frame{background:var(--lp-frame-bg);border:1px solid var(--lp-border);aspect-ratio:16/10;border-radius:28px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 20px 40px #0006}.lp-method-image-frame:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 30px var(--lp-frame-shadow);pointer-events:none;z-index:2}.lp-method-image-frame img{width:100%;height:100%;object-fit:cover;filter:contrast(1.05) brightness(.9);position:relative;z-index:1}.lp-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(4,4,8,.85);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:lp-fade-in .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes lp-fade-in{0%{opacity:0}to{opacity:1}}.lp-modal-window{background:rgba(12,10,22,.7);border:1px solid rgba(255,255,255,.08);border-radius:28px;width:100%;max-width:960px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 30px 70px #0009,0 0 60px color-mix(in srgb,var(--p) 12%,transparent);animation:lp-window-scale-up .35s cubic-bezier(.34,1.56,.64,1) forwards;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}@keyframes lp-window-scale-up{0%{transform:scale(.92) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.lp-modal-close{position:absolute;top:1.5rem;right:1.5rem;background:rgba(255,255,255,.03);border:1px solid var(--lp-border);width:38px;height:38px;border-radius:50%;color:var(--lp-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:50;font-size:.9rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.lp-modal-close:hover{background:rgba(255,255,255,.1);color:#fff;transform:rotate(90deg)}.lp-modal-grid{display:grid;grid-template-columns:1fr 1fr;min-height:520px}@media (max-width: 850px){.lp-modal-grid{grid-template-columns:1fr}}.lp-modal-details{padding:3.5rem;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--lp-border);background:radial-gradient(circle at -20% -20%,color-mix(in srgb,var(--p) 8%,transparent) 0%,transparent 60%)}@media (max-width: 850px){.lp-modal-details{padding:2.5rem;border-right:none;border-bottom:1px solid var(--lp-border)}}.lp-modal-pillar-badge{font-size:.75rem;font-weight:700;letter-spacing:.2em;margin-bottom:1.5rem;text-shadow:0 0 10px color-mix(in srgb,var(--p) 40%,transparent)}.lp-modal-title{font-family:Cinzel,serif;font-size:2rem;line-height:1.25;margin-bottom:1.5rem;color:#fff}.lp-modal-desc{font-family:Sora,sans-serif;color:var(--lp-text-muted);font-size:.95rem;line-height:1.7;margin-bottom:2rem}.lp-modal-curriculum-hook{display:flex;gap:12px;align-items:flex-start;margin-bottom:2rem;background:rgba(255,255,255,.02);border:1px solid var(--lp-border);padding:1rem 1.2rem;border-radius:16px}.hook-bullet{color:var(--p);text-shadow:0 0 8px var(--p)}.lp-modal-curriculum-hook p{margin:0;font-size:.88rem;line-height:1.5;color:#e2e8f0}.lp-modal-info-pills{display:flex;gap:10px}.lp-info-pill{font-size:.75rem;font-weight:600;padding:.4rem .9rem;background:rgba(255,255,255,.04);border:1px solid var(--lp-border);color:var(--lp-text-muted);border-radius:99px}.lp-modal-sandbox{padding:3.5rem;display:flex;flex-direction:column;justify-content:center;background:rgba(0,0,0,.15)}@media (max-width: 850px){.lp-modal-sandbox{padding:2.5rem}}.lp-sandbox-header{font-family:Cinzel,serif;font-size:.9rem;letter-spacing:.12em;color:var(--lp-text-muted);margin-bottom:2rem;text-transform:uppercase}.lp-pillar-widget{background:rgba(10,10,18,.55);border:1px solid rgba(255,255,255,.04);border-radius:20px;padding:2rem;min-height:260px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 0 0 24px #0006}@container (max-width: 450px){.lp-pillar-widget{zoom:.85}}@container (max-width: 380px){.lp-pillar-widget{zoom:.75}}@container (max-width: 320px){.lp-pillar-widget{zoom:.65}}.lp-theory-options{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.lp-demo-progress{width:100%;margin-bottom:1.5rem}.lp-demo-progress-bar{height:4px;background:var(--lp-border);border-radius:2px;overflow:hidden;margin-bottom:.5rem}.lp-demo-progress-fill{height:100%;background:var(--p);border-radius:2px}.lp-demo-progress-text{font-size:.75rem;color:var(--lp-text-muted);text-align:center;font-weight:600;letter-spacing:.05em}.lp-widget-instruction{font-size:.95rem;color:var(--lp-text);text-align:center;font-weight:500;margin:0 0 1.5rem;line-height:1.5}.lp-widget-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:var(--lp-icon-bg);border:1px solid var(--lp-border);color:var(--lp-text-muted);padding:1.25rem 1rem;font-family:DM Sans,sans-serif;font-size:1.05rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #0000000d;flex:1}.lp-widget-btn-emoji{font-size:1.6rem;margin-bottom:.25rem}.lp-widget-btn:hover:not(:disabled){background:color-mix(in srgb,var(--p) 8%,var(--lp-icon-bg));border-color:var(--p);transform:translateY(-2px);box-shadow:0 8px 24px color-mix(in srgb,var(--p) 20%,transparent);color:var(--lp-text)}.lp-widget-btn:active:not(:disabled){transform:translateY(0)}.lp-widget-btn.correct{background:color-mix(in srgb,var(--p) 15%,var(--lp-icon-bg));border-color:var(--p);color:var(--lp-text);box-shadow:0 0 15px color-mix(in srgb,var(--p) 40%,transparent);transform:scale(1.02)}.lp-widget-btn.incorrect{background:color-mix(in srgb,var(--error) 15%,var(--lp-icon-bg));border-color:var(--error);color:var(--lp-text)}.lp-widget-btn-sub{background:transparent;border:none;color:var(--p);font-weight:700;font-size:.88rem;cursor:pointer;padding:8px 12px;transition:all .2s;display:inline-block;margin-top:1rem}.lp-widget-btn-sub:hover{text-decoration:underline;transform:translate(3px)}.lp-play-btn{background:linear-gradient(135deg,color-mix(in srgb,var(--p) 30%,transparent) 0%,color-mix(in srgb,var(--p) 10%,transparent) 100%);border:1px solid color-mix(in srgb,var(--p) 40%,transparent)}.lp-play-btn:hover:not(:disabled){border-color:var(--p);background:color-mix(in srgb,var(--p) 25%,transparent)}.lp-choice-container{margin-top:1.5rem}.lp-choice-buttons{display:flex;gap:12px;margin-top:1rem}@media (max-width: 480px){.lp-choice-buttons{flex-direction:column}}.lp-widget-label{font-size:.9rem;color:#e2e8f0;font-weight:500;margin:0}.lp-widget-feedback{margin-top:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.text-success{color:#34d399;font-weight:700;font-size:1rem}.text-danger{color:#f87171;font-weight:700;font-size:1rem}.animate-shake{animation:lp-shake .4s ease-in-out}@keyframes lp-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.lp-melody-staff{position:relative;height:60px;width:100%;margin:1.5rem 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.lp-staff-line{position:absolute;left:0;right:0;height:1px;background:rgba(255,255,255,.08)}.lp-melody-steps{display:flex;justify-content:space-around;align-items:center;height:100%;padding:0 2rem}.lp-melody-step-indicator{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);transition:all .3s}.lp-melody-step-indicator.active{background:var(--p);box-shadow:0 0 10px var(--p);transform:scale(1.15)}.lp-melody-step-indicator.error{background:#ef4444;box-shadow:0 0 10px #ef4444;transform:scale(1.15)}.lp-melody-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.lp-melody-note-btn{background:rgba(255,255,255,.02);border:1px solid var(--lp-border);color:#fff;border-radius:12px;padding:.6rem;font-family:inherit;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .25s}.lp-melody-note-btn:hover:not(:disabled){background:color-mix(in srgb,var(--p) 15%,transparent);border-color:var(--p);transform:scale(1.05)}.lp-keyboard-question{display:flex;flex-direction:column;align-items:center}.lp-keyboard-staff{position:relative;width:140px;height:60px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);border-radius:8px;margin-top:1rem}.lp-staff-clef{position:absolute;left:10px;top:12px;font-size:1.8rem;color:#fff9;line-height:1}.lp-staff-notehead{position:absolute;left:65px;width:14px;height:9px;background:white;border-radius:50%;transform:rotate(-15deg);box-shadow:0 0 8px #fff}.lp-piano-container{margin:1.5rem 0 .5rem;background:#000;padding:4px;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.lp-piano-svg{display:block;width:100%;height:auto}.lp-white-key{fill:#f8fafc;stroke:#0f172a;stroke-width:1.5;cursor:pointer;transition:fill .15s,transform .15s}.lp-white-key:hover{fill:#e2e8f0}.lp-white-key.success{fill:#34d399!important}.lp-white-key.error{fill:#f87171!important}.lp-black-key{fill:#0f172a;stroke:#1e293b;stroke-width:1;cursor:pointer;transition:fill .15s}.lp-black-key:hover{fill:#1e293b}.lp-black-key.error{fill:#ef4444!important}.lp-expression-meter-container{height:140px;width:60px;margin:1.5rem auto;position:relative}.lp-expression-meter-bg{background:rgba(0,0,0,.4);border:1px solid var(--lp-border);height:100%;width:100%;border-radius:30px;position:relative;overflow:hidden}.lp-expression-zone{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;color:#ffffff40;transition:all .3s}.lp-expression-zone.piano{bottom:0;height:30%;border-bottom-left-radius:30px;border-bottom-right-radius:30px}.lp-expression-zone.piano.active{background:rgba(96,165,250,.15);color:#60a5fa;border-top:1px dashed rgba(96,165,250,.3)}.lp-expression-zone.forte{top:0;height:30%;border-top-left-radius:30px;border-top-right-radius:30px}.lp-expression-zone.forte.active{background:rgba(248,113,113,.15);color:#f87171;border-bottom:1px dashed rgba(248,113,113,.3)}.lp-expression-meter-fill{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,var(--p) 30%,#fff 100%);border-radius:30px;opacity:.35;transition:height .05s linear}.lp-expression-meter-pulse{position:absolute;left:50%;transform:translate(-50%,50%);width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 0 15px var(--p),0 0 5px #fff;z-index:10;transition:bottom .05s linear}.lp-expression-progress-container{width:100%;margin-top:1rem}.lp-expression-progress-label{font-size:.75rem;color:var(--lp-text-muted);margin-bottom:4px}.lp-expression-progress-bar{height:6px;background:rgba(255,255,255,.04);border-radius:3px;overflow:hidden}.lp-expression-progress-fill{height:100%;background:#34d399;box-shadow:0 0 8px #34d399;width:0;transition:width .1s linear}.lp-tap-btn.lp-expression-btn{margin:0 auto}.lp-tap-btn.lp-expression-btn.pressing{background:rgba(192,132,252,.25)!important;box-shadow:0 0 35px var(--p)!important;transform:scale(.94)}.lp-card.expanded{grid-column:1 / -1!important;cursor:default;background-color:var(--lp-expanded-bg);border:1.5px solid var(--p)!important;box-shadow:0 20px 50px #0009,0 0 30px color-mix(in srgb,var(--p) 20%,transparent)!important;transform:none!important;padding:3rem;transition:all .5s cubic-bezier(.16,1,.3,1)}.lp-card.expanded .lp-card-icon-wrap{border-color:var(--p)!important;background:color-mix(in srgb,var(--p) 20%,transparent)!important;box-shadow:0 0 18px color-mix(in srgb,var(--p) 50%,transparent)!important}.lp-card.expanded:hover{transform:none!important;border-color:var(--p)!important;box-shadow:0 20px 50px #0009,0 0 30px color-mix(in srgb,var(--p) 20%,transparent)!important}.lp-card-expanded-content{display:grid;grid-template-columns:1.15fr auto .85fr;column-gap:2rem;row-gap:2rem;margin-top:2rem;animation:lp-fade-in .4s ease-out}.lp-card-expanded-divider{width:1px;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.12) 15%,rgba(255,255,255,.12) 85%,transparent 100%);align-self:stretch}@media (max-width: 850px){.lp-card-expanded-content{grid-template-columns:1fr;row-gap:1.75rem}.lp-card-expanded-divider{width:100%;height:1px;background:linear-gradient(to right,transparent 0%,rgba(255,255,255,.18) 15%,rgba(255,255,255,.18) 85%,transparent 100%);align-self:auto}}.lp-card-details{display:flex;flex-direction:column;justify-content:center}.lp-card-pillar-badge{font-size:.75rem;font-weight:700;letter-spacing:.2em;margin-bottom:1rem;text-shadow:0 0 10px color-mix(in srgb,var(--p) 40%,transparent)}.lp-card-expanded-title{font-family:Cinzel,serif;font-size:2.2rem;line-height:1.25;margin-bottom:1.2rem;color:var(--lp-text);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.lp-card-expanded-desc{font-family:Sora,sans-serif;color:var(--lp-text-muted);font-size:.95rem;line-height:1.7;margin-bottom:1.8rem}.lp-card-curriculum-hook{display:flex;gap:12px;align-items:flex-start;margin-bottom:1.8rem;background:var(--lp-icon-bg);border:1px solid var(--lp-border);padding:.9rem 1.1rem;border-radius:16px}.lp-card-curriculum-hook p{margin:0;font-size:.88rem;line-height:1.5;color:var(--lp-text-muted)}.lp-card-info-pills{display:flex;flex-wrap:wrap;gap:10px}.lp-card-sandbox{display:flex;flex-direction:column;justify-content:center;background:var(--lp-sandbox-bg);border:1px solid var(--lp-border);border-radius:24px;padding:2rem;position:relative;box-shadow:inset 0 0 30px var(--lp-frame-shadow);overflow:hidden;min-height:380px;container-type:inline-size}.lp-sandbox-video-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:.8rem;position:relative;z-index:20}.lp-sandbox-badge-demo{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:800;color:var(--p);text-transform:uppercase;letter-spacing:.12em}.lp-sandbox-badge-demo:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--p);box-shadow:0 0 10px var(--p);animation:lp-demo-pulse 1s infinite alternate ease-in-out}@keyframes lp-demo-pulse{0%{opacity:.4;transform:scale(.8)}to{opacity:1;transform:scale(1.3)}}.lp-sandbox-sound-toggle{background:var(--lp-icon-bg);border:1px solid var(--lp-border);color:var(--lp-text);padding:5px 12px;border-radius:8px;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;-webkit-user-select:none;user-select:none}.lp-sandbox-sound-toggle:hover{background:var(--lp-border);border-color:var(--p);color:var(--lp-text)}.lp-sandbox-sound-toggle.active{border-color:var(--p);background:color-mix(in srgb,var(--p) 15%,var(--lp-icon-bg));color:var(--lp-text)}.lp-sandbox-video-overlay{display:none}.lp-card-close{position:absolute;top:1.5rem;right:1.5rem;background:rgba(255,255,255,.03);border:1px solid var(--lp-border);width:38px;height:38px;border-radius:50%;color:var(--lp-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:50;font-size:.9rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.lp-card-close:hover{background:rgba(255,255,255,.1);color:#fff;transform:rotate(90deg)}.lp-card-header-group{display:flex;align-items:center;gap:1.2rem;margin-bottom:1rem}.lp-card.expanded .lp-card-header-group{border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:1.5rem;margin-bottom:0}.lp-aud-beats{display:flex;flex-wrap:nowrap;gap:.35rem;justify-content:center;align-items:center;padding:.3rem .5rem;background:var(--lp-icon-bg);border:1px solid var(--lp-border);border-radius:10px}.lp-aud-beat{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:Sora,sans-serif;font-weight:700;font-size:.65rem;border:1px solid var(--lp-border);background:var(--lp-icon-bg);color:var(--lp-text-muted);transition:all .3s cubic-bezier(.16,1,.3,1)}.lp-aud-beat--active{border-color:var(--p)!important;color:#fff!important;background:var(--p)!important;box-shadow:0 0 12px color-mix(in srgb,var(--p) 60%,transparent);transform:scale(1.08)}.lp-aud-beat--played{border-color:var(--p);color:var(--p);background:color-mix(in srgb,var(--p) 8%,transparent)}.lp-aud-beat--correct{border-color:#10b981!important;color:#34d399!important;background:rgba(16,185,129,.15)!important;box-shadow:0 0 12px #10b9814d;transform:scale(1.08)}.lp-keyboard-staff{position:relative;width:150px;height:70px;background:#ffffff;border:1px solid rgba(0,0,0,.08);border-radius:12px;margin:1rem auto;box-shadow:0 4px 12px #00000026;overflow:hidden}.lp-staff-line{position:absolute;left:0;right:0;height:1px;background:rgba(15,23,42,.22)}.lp-staff-clef{position:absolute;left:10px;top:10px;font-size:2.1rem;color:#0f172a;line-height:1;font-family:inherit;-webkit-user-select:none;user-select:none}.lp-staff-notehead{position:absolute;left:72px;width:13px;height:9px;background:#0f172a;border-radius:50%;transform:rotate(-15deg);box-shadow:0 0 2px #00000080;transition:top .25s cubic-bezier(.16,1,.3,1)}@media (max-width: 480px){.lp-container{padding:0 .75rem}.lp-card.expanded{padding:1.25rem 1rem;border-radius:16px;overflow:hidden}.lp-card.expanded .lp-card-header-group{padding-bottom:1rem}.lp-card-expanded-content{gap:1.5rem;margin-top:1.25rem}.lp-card-expanded-title{font-size:1.5rem}.lp-card-expanded-desc{font-size:.88rem;overflow-wrap:break-word}.lp-card-sandbox{padding:1rem;min-height:auto;overflow:hidden}.lp-card-close{top:.75rem;right:.75rem}.lp-pillar-widget{padding:1.25rem}}.lp-white-key.out-of-scale{opacity:.25}.lp-black-key.out-of-scale{fill:#1e293b;stroke:#334155}.lp-bg-image{position:absolute;left:50%;top:calc(var(--hu, 1vh) * 54);transform:translate(-50%,-50%);width:100%;height:var(--hero-bg-size, calc(var(--hu, 1vh) * 126));background-image:url(/musical_extended.png);background-size:auto 100%;background-position:center var(--hero-bg-pos-y, 50%);background-repeat:no-repeat;z-index:0;pointer-events:none;opacity:var(--hero-bg-opacity, .9);mask-image:radial-gradient(circle closest-side at 50% var(--hero-mask-cy, 52%),rgba(0,0,0,1) var(--hero-mask-solid, 85%),rgba(0,0,0,0) var(--hero-mask-fade, 99%));mask-size:auto 100%;mask-position:center var(--hero-bg-pos-y, 50%);mask-repeat:no-repeat;-webkit-mask-image:radial-gradient(circle closest-side at 50% var(--hero-mask-cy, 52%),rgba(0,0,0,1) var(--hero-mask-solid, 85%),rgba(0,0,0,0) var(--hero-mask-fade, 99%));-webkit-mask-size:auto 100%;-webkit-mask-position:center var(--hero-bg-pos-y, 50%);-webkit-mask-repeat:no-repeat}.lp-bg-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle closest-side at 50% var(--hero-mask-cy, 52%),rgba(129,140,248,.22) 0%,rgba(192,132,252,.08) 35%,transparent 70%);background-size:auto 100%;background-position:center var(--hero-bg-pos-y, 50%);background-repeat:no-repeat;mix-blend-mode:screen;pointer-events:none}@media (max-aspect-ratio: 1/1){.lp-bg-image{background-size:100vw auto;mask-size:100vw auto;-webkit-mask-size:100vw auto}.lp-bg-image:after{background-size:100vw auto}}@media (max-width: 768px){.lp-hero{padding-top:8vh;min-height:max(calc(var(--hu) * 100),calc(115vw + 60px + 12vh))}.lp-badge{margin-bottom:14vh}.lp-title{margin-bottom:8vh;font-size:clamp(1.5rem,8vw,2.3rem)}.lp-subtitle{margin-bottom:12vh}.lp-bg-image{position:absolute;top:calc(60px + 4vh);left:50%;transform:translate(-50%);width:115vw;height:115vw;background-size:100% 100%;background-position:center center;opacity:.85;mask-image:radial-gradient(circle at 50% 50%,rgba(0,0,0,1) 25%,rgba(0,0,0,.1) 100%);-webkit-mask-image:radial-gradient(circle at 50% 50%,rgba(0,0,0,1) 25%,rgba(0,0,0,.1) 100%);mask-size:100% 100%;mask-position:center center;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat}.lp-bg-image:after{background-size:100% 100%;background-position:center center;background-image:radial-gradient(circle at 50% 50%,rgba(129,140,248,.22) 0%,rgba(192,132,252,.08) 40%,transparent 85%)}}.lp-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;background:radial-gradient(ellipse 62% 48% at 50% 44%,rgba(4,4,8,.55) 0%,rgba(4,4,8,.28) 55%,transparent 78%)}@media (max-width: 768px){.lp-hero:after{background:radial-gradient(ellipse 95% 55% at 50% 38%,rgba(4,4,8,.55) 0%,rgba(4,4,8,.25) 55%,transparent 80%)}}.lp-hero>*:not(.lp-bg-image){position:relative;z-index:10}html[lang=en] #lp-badge-mvp{transform:none}html[lang=en] #hero-heading{transform:translateY(calc(var(--hu, 1vh) * -.5))}html[lang=en] .lp-hero .lp-subtitle{transform:translateY(calc(var(--hu, 1vh) * -2.5))}html[lang=en] .lp-waitlist--hero{transform:translateY(calc(var(--hu, 1vh) * 2))}html[lang=fr] #lp-badge-mvp{transform:none}html[lang=fr] #hero-heading{transform:translateY(calc(var(--hu, 1vh) * -2.5))}html[lang=fr] .lp-hero .lp-subtitle{transform:translateY(calc(var(--hu, 1vh) * -4))}html[lang=fr] .lp-waitlist--hero{transform:translateY(0)}@media (max-width: 768px){html[lang] #lp-badge-mvp,html[lang] #hero-heading,html[lang] .lp-hero .lp-subtitle,html[lang] .lp-waitlist--hero{transform:none}}@media (max-width: 768px){#lp-badge-mvp,#hero-heading,.lp-hero .lp-subtitle,.lp-waitlist--hero{transform:none}}.lp-faq{padding:var(--lp-section-pad) 0;max-width:800px;margin:0 auto}.lp-faq-list{display:flex;flex-direction:column;gap:1rem}.lp-faq-item{background:var(--lp-surface);border:1px solid var(--lp-border);border-radius:16px;overflow:hidden;transition:all .3s ease}.lp-faq-item:hover{border-color:#ffffff26}.lp-faq-question{width:100%;background:transparent;border:none;padding:1.5rem;text-align:left;font-family:Sora,sans-serif;font-size:1.1rem;font-weight:600;color:var(--lp-text);display:flex;justify-content:space-between;align-items:center;cursor:pointer}.lp-faq-icon{font-size:1.5rem;color:var(--lp-accent);transition:transform .3s ease}.lp-faq-answer-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.lp-faq-item.open .lp-faq-answer-wrapper{grid-template-rows:1fr}.lp-faq-answer{overflow:hidden;padding:0 1.5rem;color:var(--lp-text-muted);line-height:1.6}.lp-faq-item.open .lp-faq-answer{padding-bottom:1.5rem}.lp-final-cta{padding:var(--lp-section-pad) 0;text-align:center;position:relative}.lp-final-cta-title{font-size:clamp(1.8rem,4vw,2.4rem);margin-bottom:1rem;max-width:none;text-shadow:none}.lp-final-cta-sub{color:var(--lp-text-muted);margin:0 auto 2rem;text-shadow:none}.lp-final-cta-content{background:linear-gradient(135deg,rgba(10,10,18,.8) 0%,rgba(10,10,18,.4) 100%);border:1px solid rgba(251,191,36,.2);border-radius:24px;padding:4rem 2rem;max-width:900px;margin:0 auto;box-shadow:0 20px 40px #00000080,inset 0 0 20px #fbbf240d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:relative;overflow:hidden}.lp-final-cta-content:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,rgba(192,132,252,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.lp-final-cta-content>*{position:relative;z-index:1}.lp-footer{border-top:1px solid var(--lp-border);padding:4rem 2rem 2rem;margin-top:4rem;background:rgba(4,4,8,.6);margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:max(2rem,calc(50vw - 570px + 2rem));padding-right:max(2rem,calc(50vw - 570px + 2rem))}.lp-footer-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:3rem;max-width:1140px;margin:0 auto}.lp-footer-brand{max-width:300px}.lp-footer-desc{margin-top:1rem;color:var(--lp-text-muted);font-size:.9rem;line-height:1.6}.lp-footer-links{display:flex;gap:4rem}.lp-footer-column h4{font-family:Cinzel,serif;font-size:1rem;margin-bottom:1.5rem;color:var(--lp-text);letter-spacing:.05em}.lp-footer-column a{display:block;color:var(--lp-text-muted);text-decoration:none;margin-bottom:.8rem;font-size:.9rem;transition:color .3s}.lp-footer-column a:hover{color:var(--lp-accent)}.lp-footer-bottom{text-align:center;padding-top:3rem;margin-top:3rem;border-top:1px solid rgba(255,255,255,.05);color:var(--lp-text-muted);font-size:.8rem}@media (max-width: 768px){.lp-footer-top{flex-direction:column}.lp-footer-links{flex-direction:column;gap:2rem}}.lp-waitlist{display:flex;flex-direction:column;align-items:center;gap:.85rem;width:100%;max-width:540px;margin:0 auto}.lp-waitlist__badge{font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--lp-accent, #fbbf24);opacity:.9;text-shadow:0 1px 3px rgba(4,4,8,.9)}.lp-waitlist__form{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;width:100%}.lp-waitlist__hp{position:absolute;left:-9999px;width:0;height:0;opacity:0}.lp-waitlist__input{flex:1 1 260px;min-width:0;padding:.85rem 1.1rem;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:rgba(8,8,14,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--lp-text, #f5f3ff);font-size:1rem;font-family:inherit;transition:all .3s cubic-bezier(.16,1,.3,1)}.lp-waitlist__input:focus{outline:none;border-color:var(--lp-accent, #fbbf24);box-shadow:0 0 20px #fbbf2438,inset 0 0 10px #fbbf240f;background:rgba(8,8,14,.85)}.lp-waitlist__input::placeholder{color:#e2e8f09e}@keyframes lp-pulse-glow{0%{box-shadow:0 0 #fbbf2466}70%{box-shadow:0 0 0 10px #fbbf2400}to{box-shadow:0 0 #fbbf2400}}.lp-waitlist__submit{flex:0 0 auto;white-space:nowrap;transition:all .3s cubic-bezier(.16,1,.3,1);animation:lp-pulse-glow 3s infinite}.lp-waitlist__submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #fbbf2459;animation:none}.lp-waitlist__submit:active:not(:disabled){transform:translateY(0)}.lp-waitlist__submit:disabled{opacity:.6;cursor:not-allowed}.lp-waitlist__success{font-size:1.05rem;font-weight:600;color:#34d399;text-align:center;margin:0;animation:lp-success-pop .5s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes lp-success-pop{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.lp-waitlist__error{flex-basis:100%;font-size:.85rem;color:#f87171;text-align:center;margin:.25rem 0 0}.lp-nav__soon{font-size:.85rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#e2e8f0bf;border:1px solid var(--lp-border, rgba(255, 255, 255, .15));border-radius:999px;padding:.4rem .9rem;cursor:default}.lp-landing :is(a,button,input,select,[role=button],.lp-faq-question):focus-visible{outline:2px solid var(--lp-accent);outline-offset:2px;border-radius:6px}.lp-landing .lp-waitlist__input:focus-visible{outline:none}@media (prefers-reduced-motion: reduce){.lp-landing *,.lp-landing *:before,.lp-landing *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.arc-exercise{display:flex;flex-direction:column;align-items:stretch;background:var(--surface);border:1px solid color-mix(in srgb,var(--p, var(--ear)) 15%,var(--border));border-radius:16px;padding:1.2rem 1.2rem 1.4rem;width:100%;max-width:var(--w-exercise);box-sizing:border-box;overflow:hidden;margin:0 auto;box-shadow:0 8px 32px var(--p-shadow);animation:exercise-enter .35s ease-out both}.arc-exercise--wide{max-width:var(--w-exercise-piano)}.arc-header{margin-bottom:.5rem}.arc-header-text{font-size:12.5px;color:var(--text-muted);text-align:center;line-height:1.5;max-width:90%;margin:0 auto}.arc-bpm{font-family:Cinzel,serif;font-size:.75rem;font-weight:600;color:color-mix(in srgb,var(--p, var(--ear)) 70%,transparent);text-align:center;letter-spacing:.1em;margin:0 0 .9rem}.arc-visualization{margin:.25rem 0;display:flex;justify-content:center}.arc-listen-wrap{display:flex;align-items:center;justify-content:center;margin:.6rem 0 .15rem}.arc-instruction-wrap{margin:.25rem 0 .15rem}.arc-instruction{font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:600;text-align:center;min-height:1.25em;color:var(--text-muted);transition:color .2s;margin:0}.arc-instruction.active{color:var(--text)}.arc-instruction.correct{color:var(--success)}.arc-instruction.wrong{color:var(--error)}.arc-adaptive-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s cubic-bezier(.4,0,.2,1),opacity .2s ease;opacity:0;pointer-events:none}.arc-adaptive-wrap.expanded{grid-template-rows:1fr;opacity:1;pointer-events:all;margin-top:.25rem}.arc-adaptive-content{overflow:hidden}.arc-inputs{display:flex;flex-direction:column;gap:.4rem;padding:.25rem 0}.arc-actions{margin-top:.5rem;display:flex;flex-direction:column;gap:.75rem}.arc-action-row{display:flex;justify-content:center;gap:.75rem}.arc-choice{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--surface-raised);border:1px solid var(--border);border-radius:12px;color:var(--text-secondary);font-family:DM Sans,sans-serif;font-size:1rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 4px 12px #0003;-webkit-user-select:none;user-select:none}@media (hover: hover){.arc-choice:hover:not(:disabled){border-color:var(--p);background:color-mix(in srgb,var(--p) 8%,var(--surface-raised));transform:translateY(-2px);box-shadow:0 8px 24px var(--p-shadow);color:var(--text)}}.arc-choice.active{background:color-mix(in srgb,var(--p) 15%,var(--surface-raised));border-color:var(--p);color:var(--p);box-shadow:0 0 15px var(--p-shadow)}.arc-choice:disabled{cursor:default;opacity:.5}.arc-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.8rem 1.2rem;background:var(--surface-raised);border:1px solid var(--border);border-radius:12px;color:var(--text-secondary);font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;transition:all .2s;cursor:pointer}@media (hover: hover){.arc-btn-ghost:hover:not(:disabled){border-color:var(--p);background:color-mix(in srgb,var(--p) 8%,var(--surface-raised));color:var(--text)}.arc-btn-ghost--danger:hover:not(:disabled){border-color:var(--error);color:var(--error);background:color-mix(in srgb,var(--error) 10%,var(--surface-raised))}}.arc-btn-ghost:disabled{opacity:.3;cursor:default}.arc-validate-btn{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 2.5rem;background:transparent;color:var(--p);border:1px solid var(--p);border-radius:12px;font-family:DM Sans,sans-serif;font-weight:700;font-size:.95rem;letter-spacing:.04em;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000001a;cursor:pointer}@media (hover: hover){.arc-validate-btn:hover:not(:disabled){background:color-mix(in srgb,var(--p) 10%,transparent);box-shadow:0 0 20px var(--p-shadow);transform:translateY(-2px)}}.arc-validate-btn:disabled{opacity:.5;cursor:default;border-color:var(--border);color:var(--text-secondary);background:rgba(255,255,255,.03);box-shadow:none}.arc-next-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.25rem;background:rgba(20,15,25,.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-top:1px solid rgba(255,255,255,.1);border-left:2px solid var(--p, var(--ear));border-radius:16px;text-align:left;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 8px 32px #0003;transition:all .3s cubic-bezier(.25,.8,.25,1);width:100%}@media (hover: hover){.arc-next-btn:hover{transform:translateY(-4px);background:rgba(30,25,40,.5);border-color:#ffffff26;box-shadow:0 12px 40px #0000004d,0 0 20px var(--p-shadow, transparent)}}.arc-next-btn__labels{display:flex;flex-direction:column;gap:.25rem}.arc-next-btn__micro{font-family:Sora,sans-serif;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--p, var(--ear));background:color-mix(in srgb,var(--p, var(--ear)) 20%,rgba(0,0,0,.2));padding:.1rem .4rem;border-radius:3px;width:fit-content;line-height:1}.arc-next-btn__title{font-family:Cinzel,serif;font-size:1.1rem;font-weight:700;color:var(--text);line-height:1.2;letter-spacing:.02em}@media (max-width: 640px){.arc-exercise{padding:.7rem .75rem .9rem;border-radius:12px}.arc-bpm{font-size:.7rem;margin:0 0 .45rem}.arc-visualization{margin:0}.arc-listen-wrap{margin:.3rem 0 .1rem}.arc-instruction-wrap{margin:.15rem 0 .1rem}.arc-instruction{font-size:.8rem}.arc-adaptive-wrap.expanded{margin-top:.15rem}.arc-actions{margin-top:.3rem;gap:.5rem}}@media (max-width: 400px){.arc-exercise{padding:.5rem .5rem .6rem}.arc-choice{padding:.75rem .8rem;gap:.4rem;font-size:.9rem}.arc-validate-btn{padding:.6rem 1.5rem;font-size:.85rem}.arc-btn-ghost{padding:.6rem .8rem;font-size:.8rem}}.arc-feedback-banner{margin:1.2rem -1.2rem -1.4rem;padding:1.2rem 1.5rem;display:flex;align-items:center;gap:1rem;border-bottom-left-radius:15px;border-bottom-right-radius:15px;animation:feedback-slide-up .35s cubic-bezier(.16,1,.3,1) both;z-index:10;position:relative}.arc-feedback-banner.correct{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 -4px 20px #10b98140;border-top:1px solid rgba(16,185,129,.3)}.arc-feedback-banner.wrong{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 -4px 20px #ef444440;border-top:1px solid rgba(239,68,68,.3)}.arc-feedback-banner-icon{width:32px;height:32px;border-radius:50%;background:white;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:900;flex-shrink:0;box-shadow:0 2px 8px #00000026}.arc-feedback-banner.correct .arc-feedback-banner-icon{color:#059669}.arc-feedback-banner.wrong .arc-feedback-banner-icon{color:#dc2626}.arc-feedback-banner-text{flex-grow:1}.arc-feedback-banner .arc-instruction{color:#fff!important;font-size:1.05rem!important;font-weight:700!important;text-align:left!important;text-shadow:0 1px 2px rgba(0,0,0,.15);margin:0}@keyframes feedback-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 480px){.arc-feedback-banner{margin:1rem -.8rem -1.2rem;padding:1rem 1.2rem}.arc-feedback-banner .arc-instruction{font-size:.95rem!important}.arc-feedback-banner-icon{width:28px;height:28px;font-size:1.1rem}}.arc-remediation-banner{background:rgba(96,165,250,.2);color:#93c5fd;padding:.5rem;border-radius:8px;text-align:center;font-size:.9rem;margin-bottom:1rem;border:1px solid rgba(96,165,250,.4);animation:fade-in .3s ease}.impro-exercise{display:flex;flex-direction:column;align-items:stretch;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.4rem 1rem 1.6rem;width:100%;max-width:var(--w-exercise-piano);box-sizing:border-box;overflow-x:hidden;margin:0 auto}.impro-bpm{font-family:Cinzel,serif;font-size:.75rem;font-weight:600;color:color-mix(in srgb,var(--p, #c084fc) 60%,transparent);text-align:center;letter-spacing:.1em;margin:0 0 .9rem}.impro-dashboard{margin-bottom:1rem}.impro-dashboard-stack{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;align-items:center;justify-items:center;width:100%}.impro-dashboard-stack>*{grid-column:1;grid-row:1;width:100%}.impro-playing-ui{display:flex;flex-direction:column;align-items:stretch}.v-hide{visibility:hidden;opacity:0;pointer-events:none}.v-show{visibility:visible;opacity:1}.impro-hint{font-family:Sora,sans-serif;font-size:.85rem;font-weight:500;color:var(--text-muted);text-align:center;margin:0 0 1.1rem}.impro-chord-wrap{display:flex;justify-content:center;margin-bottom:.9rem}.impro-chord-label{font-family:Cinzel,serif;font-size:1.4rem;font-weight:700;color:var(--text);letter-spacing:.05em;opacity:.8;padding:.35rem 1.4rem;border-radius:100px;border:1.5px solid color-mix(in srgb,var(--p, #c084fc) 45%,transparent);background:color-mix(in srgb,var(--p, #c084fc) 8%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--p, #c084fc) 20%,transparent);animation:impro-chord-breathe 2s ease-in-out infinite;transition:color .4s,box-shadow .4s,transform .2s}.impro-chord-label--pulse{animation:impro-pulse .4s ease-out both}@keyframes impro-pulse{0%{transform:scale(1);opacity:.8}25%{transform:scale(1.06);opacity:.95;color:var(--p);text-shadow:0 0 8px var(--p-shadow);filter:brightness(1.1)}to{transform:scale(1);opacity:.8}}@keyframes impro-chord-breathe{0%,to{box-shadow:0 0 14px color-mix(in srgb,var(--p, #c084fc) 18%,transparent)}50%{box-shadow:0 0 32px color-mix(in srgb,var(--p, #c084fc) 40%,transparent)}}.impro-timer-wrap{margin-bottom:.6rem}.impro-timer-bar{width:100%;height:6px;background:rgba(255,255,255,.07);border-radius:3px;overflow-x:hidden;margin-bottom:.4rem}.impro-timer-bar__fill{height:100%;background:var(--p, #c084fc);border-radius:3px;box-shadow:0 0 8px color-mix(in srgb,var(--p, #c084fc) 60%,transparent);transition:width 1s linear}.impro-timer-bar__fill.no-transition{transition:none!important}.impro-time-left{font-family:Cinzel,serif;font-size:.8rem;font-weight:600;color:color-mix(in srgb,var(--p, #c084fc) 65%,transparent);text-align:center;letter-spacing:.08em;margin:0}.impro-note-count{font-family:Sora,sans-serif;font-size:.78rem;font-weight:600;color:var(--text-muted);text-align:center;letter-spacing:.04em;margin:0 0 .7rem;min-height:1.2em;transition:color .3s}.impro-note-count--active{color:color-mix(in srgb,var(--p, #c084fc) 80%,var(--text))}.impro-countdown{font-family:Cinzel,serif;font-size:4rem;font-weight:800;color:var(--p, #c084fc);text-align:center;line-height:1;margin:.5rem 0 1rem;animation:impro-pop .2s ease-out}@keyframes impro-pop{0%{transform:scale(1.5);opacity:.4}to{transform:scale(1);opacity:1}}.impro-done{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.4rem 0 .6rem}.impro-done__msg{font-family:Cinzel,serif;font-size:1.15rem;font-weight:700;color:var(--p, #c084fc);text-align:center;letter-spacing:.05em;margin:0}.impro-done__stars{font-size:1.3rem;letter-spacing:.1em;margin:0;color:var(--p, #c084fc)}.impro-done__stats{font-family:Sora,sans-serif;font-size:.78rem;color:var(--text-muted);text-align:center;margin:0 0 .4rem}.impro-done__staffs{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;margin-bottom:.4rem}.impro-replay-btn{display:block;width:100%;padding:.6rem 0;margin-bottom:.5rem;border-radius:9px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-family:Sora,sans-serif;font-size:.84rem;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s}.impro-replay-btn:hover{border-color:var(--p, #c084fc);color:var(--p, #c084fc)}.impro-start-btn{display:block;width:100%;padding:.85rem 0;margin-bottom:.8rem;border:none;border-radius:10px;background:var(--p, #c084fc);color:#060408;font-family:Sora,sans-serif;font-size:.95rem;font-weight:700;letter-spacing:.04em;cursor:pointer;box-shadow:0 4px 18px color-mix(in srgb,var(--p, #c084fc) 35%,transparent);transition:opacity .15s,transform .08s}.impro-start-btn:hover{opacity:.9;transform:translateY(-1px)}.impro-continue-btn{display:block;width:100%;padding:11px;margin-top:.5rem;background:var(--p, #c084fc);border:none;border-radius:10px;color:#060408;font-family:Sora,sans-serif;font-size:.88rem;font-weight:700;cursor:pointer;transition:opacity .15s,transform .08s}.impro-continue-btn:hover{opacity:.88;transform:translateY(-1px)}.impro-piano-wrap{width:100%;margin-bottom:.7rem;overflow-x:auto}.impro-staff-container{display:flex;flex-direction:column;align-items:center;gap:1.2rem;margin:1.2rem 0;padding:1rem;background:rgba(255,255,255,.03);border-radius:12px;width:100%;box-sizing:border-box}.impro-staff-line{background:var(--surface-light);border-radius:10px;border:1px solid var(--border);box-shadow:0 4px 12px #00000040;overflow:hidden;width:100%;max-width:520px}.lp-legal-content a{color:var(--lp-text);text-decoration:underline}.lp-legal-content a:hover{color:var(--p)}.audio-error-toast{position:fixed;bottom:24px;right:24px;background-color:var(--surface);border-left:4px solid var(--error, #ef4444);box-shadow:0 4px 12px #00000080;border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:12px;z-index:9999;max-width:350px}.audio-error-toast__icon{font-size:1.5rem}.audio-error-toast__content{display:flex;flex-direction:column;gap:4px}.audio-error-toast__content strong{color:var(--text-primary);font-size:.9rem}.audio-error-toast__content span{color:var(--text-secondary);font-size:.8rem;line-height:1.3}.audio-error-toast__close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.2rem;padding:4px;margin-left:auto;transition:color .2s}.audio-error-toast__close:hover{color:var(--text-primary)}.fade-in{animation:fadeIn .3s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box}#root{min-height:100vh;display:flex;flex-direction:column}*,*:before,*:after{box-sizing:border-box}:root{--bg: #060408;--surface: #0e0a17;--surface-raised: #130f1e;--surface-glow: #1a1520;--border: rgba(255, 255, 255, .07);--border-light: rgba(255, 255, 255, .04);--text: #e2d9f3;--text-secondary: #c0b4d8;--text-muted: #9580c0;--text-subtle: #4a3d6b;--brand: #c8aa78;--brand-glow: rgba(200, 170, 120, .12);--brand-border: rgba(200, 170, 120, .25);--gold: #e8b84b;--gold-muted: #c89a30;--gold-light: #1a1508;--gold-border: #5a4010;--gold-glow: rgba(232, 184, 75, .22);--success: #34d399;--success-bg: #031a0e;--success-text: #6ee7b7;--error: #f87171;--error-bg: #1e0808;--error-text: #fca5a5;--warning: #fbbf24;--warning-bg: #1a1000;--warning-text: #fcd34d;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 18px;--r-2xl: 24px;--r-full: 999px;--shadow-card: 0 2px 12px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .04);--shadow-card-hover: 0 8px 40px rgba(0, 0, 0, .8), 0 0 0 1px rgba(255, 255, 255, .07)}html{font-family:Sora,DM Sans,system-ui,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background-color:var(--bg);background-image:radial-gradient(ellipse 90vw 600px at 12% 0%,rgba(130,80,200,.07) 0%,transparent 100%),radial-gradient(ellipse 90vw 600px at 88% 0%,rgba(200,140,80,.04) 0%,transparent 100%),radial-gradient(ellipse 100vw 600px at 50% 100%,rgba(80,40,140,.05) 0%,transparent 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-size:auto,auto,auto,300px 300px;background-repeat:no-repeat,no-repeat,no-repeat,repeat;background-attachment:fixed,fixed,fixed,fixed}button{font-family:inherit;cursor:pointer}h1,h2,h3{font-family:Cinzel,Georgia,serif;letter-spacing:.02em;line-height:1.2}.arcana-display{font-family:Cinzel,serif;font-weight:700;letter-spacing:.06em}.arcana-label{font-family:Sora,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-subtle)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}:root{--ear: #f87171;--ear-hover: #ef4444;--ear-muted: #fca5a5;--ear-light: rgba(248, 113, 113, .15);--ear-border: #991b1b;--ear-shadow: rgba(248, 113, 113, .3);--harmony: #34d399;--harmony-hover: #10b981;--harmony-muted: #6ee7b7;--harmony-light: #031a0e;--harmony-border: #065f46;--harmony-shadow: rgba(52, 211, 153, .28);--melody: #fb923c;--melody-hover: #f97316;--melody-muted: #fed7aa;--melody-light: #1a0a00;--melody-border: #9a3412;--melody-shadow: rgba(251, 146, 60, .28);--rhythm: #fbbf24;--rhythm-hover: #f59e0b;--rhythm-muted: #fde68a;--rhythm-light: #1a1100;--rhythm-border: #92400e;--rhythm-shadow: rgba(251, 191, 36, .28);--theory: #60a5fa;--theory-hover: #3b82f6;--theory-muted: #bfdbfe;--theory-light: #001a3a;--theory-border: #1e40af;--theory-shadow: rgba(96, 165, 250, .28);--keyboard: #818cf8;--keyboard-hover: #6366f1;--keyboard-muted: #a5b4fc;--keyboard-light: #0c0e2a;--keyboard-border: #3730a3;--keyboard-shadow: rgba(129, 140, 248, .28);--expression: #c084fc;--expression-hover: #a855f7;--expression-muted: #e9d5ff;--expression-light: #130820;--expression-border: #6b21a8;--expression-shadow: rgba(192, 132, 252, .28);--w-page: 680px;--w-lesson-item: 544px;--w-exercise: 480px;--w-exercise-piano: 580px;--w-result: 440px;--staff-lines: repeating-linear-gradient(180deg, transparent 0px, transparent 11px, rgba(255, 255, 255, .028) 11px, rgba(255, 255, 255, .028) 12px)}[data-course^=course-ear]{--p: var(--ear);--p-light: var(--ear-light);--p-border: var(--ear-border);--p-shadow: var(--ear-shadow);--p-soft: #fee2e2}[data-course^=course-melody]{--p: var(--melody);--p-light: var(--melody-light);--p-border: var(--melody-border);--p-shadow: var(--melody-shadow);--p-soft: #ffedd5}[data-course^=course-rhythm]{--p: var(--rhythm);--p-light: var(--rhythm-light);--p-border: var(--rhythm-border);--p-shadow: var(--rhythm-shadow);--p-soft: #fef3c7}[data-course^=course-harmony]{--p: var(--harmony);--p-light: var(--harmony-light);--p-border: var(--harmony-border);--p-shadow: var(--harmony-shadow);--p-soft: #d1fae5}[data-course^=course-theory]{--p: var(--theory);--p-light: var(--theory-light);--p-border: var(--theory-border);--p-shadow: var(--theory-shadow);--p-soft: #dbeafe}[data-course^=course-keyboard]{--p: var(--keyboard);--p-light: var(--keyboard-light);--p-border: var(--keyboard-border);--p-shadow: var(--keyboard-shadow);--p-soft: #e0e7ff}[data-course^=course-expression]{--p: var(--expression);--p-light: var(--expression-light);--p-border: var(--expression-border);--p-shadow: var(--expression-shadow);--p-soft: #f3e8ff}[data-course=course-staging-01]{--p: #94a3b8;--p-light: rgba(148, 163, 184, .1);--p-border: rgba(148, 163, 184, .3);--p-shadow: rgba(148, 163, 184, .2);--p-soft: #f1f5f9}[data-pillar=ear]{--p: var(--ear);--p-light: var(--ear-light);--p-border: var(--ear-border);--p-shadow: var(--ear-shadow);--p-soft: #fee2e2}[data-pillar=melody]{--p: var(--melody);--p-light: var(--melody-light);--p-border: var(--melody-border);--p-shadow: var(--melody-shadow);--p-soft: #ffedd5}[data-pillar=rhythm]{--p: var(--rhythm);--p-light: var(--rhythm-light);--p-border: var(--rhythm-border);--p-shadow: var(--rhythm-shadow);--p-soft: #fef3c7}[data-pillar=harmony]{--p: var(--harmony);--p-light: var(--harmony-light);--p-border: var(--harmony-border);--p-shadow: var(--harmony-shadow);--p-soft: #d1fae5}[data-pillar=theory]{--p: var(--theory);--p-light: var(--theory-light);--p-border: var(--theory-border);--p-shadow: var(--theory-shadow);--p-soft: #dbeafe}[data-pillar=keyboard]{--p: var(--keyboard);--p-light: var(--keyboard-light);--p-border: var(--keyboard-border);--p-shadow: var(--keyboard-shadow);--p-soft: #e0e7ff}[data-pillar=expression]{--p: var(--expression);--p-light: var(--expression-light);--p-border: var(--expression-border);--p-shadow: var(--expression-shadow);--p-soft: #f3e8ff}.back-btn{display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);color:var(--text-muted);font-family:Sora,sans-serif;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;padding:.35rem .8rem;border-radius:20px;margin-bottom:.75rem;cursor:pointer;transition:all .2s cubic-bezier(.25,.8,.25,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.back-btn:hover{background:rgba(255,255,255,.1);color:var(--text);border-color:#fff3;transform:translateY(-1px)}.back-btn:active{transform:translateY(0)}.reading-exercise,.playing-exercise,.rtap-exercise,.rhythm-exercise,.ear-exercise,.audiation-exercise,.impro-exercise,.harmony-exercise,.tmem{animation:exercise-enter .35s ease-out both}@keyframes exercise-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-label{font-family:Cinzel,serif;font-size:.95rem;font-weight:700;color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase;margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem}.section-label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.15) 0%,transparent 100%)}