@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@600;700&display=swap";*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#070814;color:#f7f7fb}button,a,input{font:inherit}button,a{transition:.22s}button{cursor:pointer}:root{--bg:#070814;--panel:rgba(16,18,38,.78);--panel2:#11142a;--text:#f8f8ff;--muted:#a8adc3;--line:rgba(255,255,255,.11);--violet:#8b5cf6;--cyan:#22d3ee;--pink:#ec4899;--gold:#fbbf24;--shadow:0 28px 80px rgba(0,0,0,.35)}:root[data-theme=light]{--bg:#f4f3fb;--panel:rgba(255,255,255,.9);--panel2:#fff;--text:#151427;--muted:#62647a;--line:rgba(29,25,55,.13);--shadow:0 25px 70px rgba(56,44,95,.12)}body{background:var(--bg);color:var(--text)}.app{min-height:100vh;overflow:hidden;position:relative}.music-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:radial-gradient(circle at 15% 20%,rgba(139,92,246,.17),transparent 30%),radial-gradient(circle at 82% 18%,rgba(34,211,238,.12),transparent 28%),radial-gradient(circle at 65% 80%,rgba(236,72,153,.11),transparent 30%)}.music-bg i{position:absolute;font-style:normal;font-size:clamp(50px,8vw,120px);opacity:.055;animation:float 16s ease-in-out infinite}.music-bg i:nth-child(1){left:5%;top:18%}.music-bg i:nth-child(2){left:30%;top:65%;animation-delay:-4s}.music-bg i:nth-child(3){right:8%;top:14%;animation-delay:-7s}.music-bg i:nth-child(4){right:24%;bottom:7%;animation-delay:-10s}.music-bg i:nth-child(5){left:53%;top:35%;animation-delay:-12s}.music-bg span{position:absolute;width:340px;height:340px;border-radius:50%;filter:blur(90px);background:#8b5cf61f;animation:orb 14s ease-in-out infinite alternate}.music-bg span:nth-last-child(3){left:-100px;top:35%}.music-bg span:nth-last-child(2){right:-120px;top:50%;background:#22d3ee17}.music-bg span:last-child{left:45%;bottom:-180px;background:#ec489917}@keyframes float{50%{transform:translateY(-35px) rotate(9deg)}}@keyframes orb{to{transform:translate(80px,-50px) scale(1.2)}}header{height:76px;position:fixed;z-index:100;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1380px)/2));background:#070814b3;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-bottom:1px solid var(--line)}:root[data-theme=light] header{background:#f7f6fccc}.brand{border:0;background:none;color:var(--text);display:flex;flex-direction:column;align-items:flex-start;gap:2px}.brand b{font-family:Space Grotesk;font-size:18px;letter-spacing:.04em}.brand small{font-size:9px;letter-spacing:.28em;color:var(--cyan);font-weight:900}nav{display:flex;gap:4px}nav button,.head-actions button{border:0;background:transparent;color:var(--muted);padding:11px 13px;border-radius:12px;font-weight:700}nav button:hover,.head-actions button:hover{color:var(--text);background:#8b5cf61f}.head-actions{display:flex}.head-actions svg{width:19px}.mobile-menu{display:none}main{max-width:1380px;margin:auto;padding:76px 24px 0}.hero{min-height:720px;display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center;padding:80px 0 45px}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid rgba(34,211,238,.25);border-radius:999px;color:var(--cyan);font-size:11px;font-weight:900;letter-spacing:.13em;background:#22d3ee0f}.eyebrow svg{width:15px}.hero h1{font-family:Space Grotesk;font-size:clamp(52px,6vw,92px);line-height:.93;letter-spacing:-.055em;margin:25px 0}.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--violet),var(--pink),var(--cyan));-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:19px;line-height:1.7;color:var(--muted);max-width:720px}.hero-buttons{display:flex;gap:12px;margin-top:30px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:15px;padding:15px 20px;font-weight:900;border:1px solid transparent}.primary{color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7 55%,#ec4899);box-shadow:0 15px 40px #8b5cf640}.primary:hover{transform:translateY(-2px);box-shadow:0 20px 55px #8b5cf659}.secondary{color:var(--text);background:var(--panel);border-color:var(--line)}.hero-buttons svg,.primary svg{width:18px}.trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:20px;color:var(--muted);font-size:12px}.staff-card{position:relative;min-height:410px;border:1px solid var(--line);border-radius:34px;background:linear-gradient(145deg,#8b5cf621,#22d3ee0a),var(--panel);box-shadow:var(--shadow);overflow:hidden;display:flex;align-items:center;justify-content:center}.staff-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.06),transparent 65%);animation:shine 6s linear infinite}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.staff-lines{width:90%;height:180px;position:relative;background:repeating-linear-gradient(to bottom,transparent 0 31px,var(--line) 32px 34px)}.clef{position:absolute;font-size:150px;left:8%;top:-27px;font-weight:400}.hero-note{position:absolute;left:62%;top:68px;width:28px;height:22px;border-radius:50%;background:var(--pink);font-size:0;box-shadow:0 0 35px var(--pink)}.hero-note:after{content:"";position:absolute;width:3px;height:80px;background:var(--pink);right:1px;bottom:8px}.now-playing{position:absolute;bottom:22px;left:22px;right:22px;display:flex;gap:12px;align-items:center;padding:15px;border-radius:18px;background:#070814ad;border:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.now-playing svg{color:var(--cyan)}.now-playing div{display:flex;flex-direction:column}.now-playing small{color:var(--cyan);font-size:9px;letter-spacing:.16em;font-weight:900}.progress-card{padding:25px 28px;border:1px solid var(--line);border-radius:24px;background:var(--panel);box-shadow:var(--shadow)}.progress-card>div:first-child{display:flex;justify-content:space-between;font-size:12px;font-weight:900;letter-spacing:.1em}.progress-card>div b{font-size:22px;color:var(--cyan)}.bar{height:9px;background:#80808029;border-radius:20px;overflow:hidden;margin:14px 0}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--violet),var(--cyan));border-radius:inherit}.progress-card p{margin:0;color:var(--muted);font-size:12px}.section{padding:105px 0 20px}.section-title{max-width:760px;margin-bottom:36px}.section-title span{font-size:10px;letter-spacing:.2em;font-weight:900;color:var(--cyan)}.section-title h2{font-family:Space Grotesk;font-size:clamp(35px,4vw,55px);letter-spacing:-.035em;margin:10px 0}.section-title p{color:var(--muted);font-size:16px;line-height:1.7;margin:0}.lesson-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.lesson-card{text-align:left;min-height:255px;padding:20px;border:1px solid var(--line);border-radius:22px;background:var(--panel);color:var(--text);position:relative;overflow:hidden}.lesson-card:hover{transform:translateY(-5px);border-color:#8b5cf68c;box-shadow:0 20px 45px #0000002e}.lesson-card.completed{border-color:#22d3ee59;background:linear-gradient(145deg,rgba(34,211,238,.07),var(--panel))}.lesson-num{position:absolute;right:14px;top:12px;font-family:Space Grotesk;font-size:30px;color:#80808029}.lesson-card>i{font-style:normal;font-size:34px;display:block;margin:8px 0 18px}.lesson-card small{color:var(--cyan);font-size:9px;letter-spacing:.13em;font-weight:900}.lesson-card h3{font-size:17px;margin:7px 0}.lesson-card p{font-size:12px;line-height:1.6;color:var(--muted)}.lesson-card>b{position:absolute;bottom:18px;font-size:10px;color:var(--violet);display:flex;align-items:center}.lesson-card>b svg{width:14px}.piano-console{border:1px solid var(--line);border-radius:28px;padding:24px;background:linear-gradient(145deg,rgba(139,92,246,.08),transparent 40%),var(--panel);box-shadow:var(--shadow)}.piano-screen{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:15px;margin-bottom:18px;padding:18px;border-radius:18px;background:#080912;color:#fff;border:1px solid rgba(255,255,255,.1)}.piano-screen>div:first-child{display:flex;flex-direction:column}.piano-screen small{font-size:9px;letter-spacing:.16em;color:#8be8f5}.piano-screen strong{font-size:34px}.piano-screen span{font-size:11px;color:#9399ae}.mini-staff{height:65px;position:relative;background:repeating-linear-gradient(to bottom,transparent 0 10px,rgba(255,255,255,.2) 11px 12px)}.mini-staff b{position:absolute;font-size:52px;top:-5px}.mini-staff i{position:absolute;left:60%;top:25px;width:12px;height:9px;background:var(--pink);border-radius:50%;font-size:0}.piano-screen>button{justify-self:end;display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.15);background:#ffffff12;color:#fff;border-radius:12px;padding:12px;font-weight:800;font-size:11px}.piano-screen>button.active{background:#22d3ee26;border-color:var(--cyan)}.piano-screen svg{width:16px}.trainer{text-align:center;margin:14px 0;padding:15px;border-radius:16px;background:#22d3ee12;border:1px solid rgba(34,211,238,.18)}.trainer span,.trainer b,.trainer em{display:block}.trainer span{font-size:9px;letter-spacing:.16em;color:var(--cyan);font-weight:900}.trainer b{font-size:28px;margin:4px}.trainer em{font-style:normal;font-size:11px;color:var(--muted)}.keyboard{height:265px;display:flex;overflow-x:auto;background:#05060a;padding:0 10px 10px;border-radius:18px;box-shadow:inset 0 10px 25px #000}.octave{display:flex;min-width:560px;flex:1}.white-wrap{position:relative;flex:1}.white-key{width:100%;height:245px;border:1px solid #bbb;border-top:0;border-radius:0 0 8px 8px;background:linear-gradient(#fff,#e9e9ed);color:#1b1b22;position:relative}.white-key:active{background:linear-gradient(#d9d6ef,#fff);transform:translateY(3px)}.white-key span{position:absolute;bottom:14px;left:0;right:0;font-weight:900;font-size:11px}.white-key small,.black-key small{display:block;font-size:8px;opacity:.55;margin-top:3px}.black-key{position:absolute;z-index:3;right:-28%;top:0;width:56%;height:150px;border:1px solid #000;border-radius:0 0 7px 7px;background:linear-gradient(90deg,#090a0e,#252633,#08090d);color:#fff;box-shadow:0 10px 12px #00000073}.black-key:active{height:154px;background:#29253c}.black-key span{position:absolute;bottom:12px;left:0;right:0;font-size:8px;font-weight:800}.piano-tip{text-align:center;color:var(--muted);font-size:11px;margin:17px 0 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--panel)}.feature>i{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:#8b5cf61f;color:var(--violet)}.feature>i svg{width:25px}.feature h3{font-size:20px}.feature p{color:var(--muted);line-height:1.6;min-height:52px}.feature button{border:0;background:transparent;padding:0;color:var(--cyan);font-size:10px;font-weight:900;display:flex;align-items:center;gap:4px}.feature button svg{width:14px}.metronome{max-width:680px;margin:auto;text-align:center;padding:40px;border:1px solid var(--line);border-radius:28px;background:var(--panel);box-shadow:var(--shadow)}.pendulum{height:150px;width:4px;background:var(--muted);margin:0 auto 10px;transform-origin:bottom}.pendulum i{position:absolute;width:28px;height:28px;border-radius:50%;background:var(--pink);left:-12px;top:12px;box-shadow:0 0 28px #ec489980}.pendulum.running{animation:swing 1.5s ease-in-out infinite alternate}@keyframes swing{0%{transform:rotate(-28deg)}to{transform:rotate(28deg)}}.metronome>strong{font-size:68px;font-family:Space Grotesk;display:block}.metronome>span{font-size:10px;letter-spacing:.2em;color:var(--cyan);font-weight:900}.metronome input{width:100%;margin:25px 0;accent-color:var(--violet)}.bpm-presets{display:flex;justify-content:center;gap:8px;margin-bottom:20px}.bpm-presets button{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:10px;padding:8px 12px}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tool{display:flex;align-items:center;gap:15px;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.tool>i{font-style:normal;font-size:30px}.tool h3,.tool p{margin:0}.tool h3{font-size:14px}.tool p{color:var(--muted);font-size:11px;margin-top:5px}.video-section{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.video-copy>span{color:#ef4444;font-size:10px;font-weight:900;letter-spacing:.14em}.video-copy h2{font-family:Space Grotesk;font-size:40px;margin:10px 0}.video-copy p{color:var(--muted);line-height:1.7}.video-copy>div{display:flex;gap:10px}.video-copy a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#fff;border-radius:13px;padding:12px 15px;font-size:11px;font-weight:900}.youtube{background:#e11d48}.support{background:linear-gradient(135deg,#7c3aed,#ec4899)}.video-copy svg{width:17px}.projector{padding:12px;border-radius:24px;background:#08090f;border:1px solid var(--line);box-shadow:var(--shadow)}.projector-screen{aspect-ratio:16/9;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(139,92,246,.24),transparent 55%),#05060c;border:1px solid rgba(255,255,255,.1);color:#fff}.projector-screen svg{width:50px;height:50px;padding:15px;border-radius:50%;background:#ffffff1a;margin-bottom:15px}.projector-screen b{font-size:13px}.projector-screen span{font-size:9px;color:#9aa0b5;margin-top:5px;letter-spacing:.12em}.ai-ecosystem>a{display:flex;align-items:center;gap:16px;max-width:760px;padding:22px;border:1px solid rgba(139,92,246,.3);border-radius:20px;background:linear-gradient(135deg,#8b5cf61c,#ec48990f);text-decoration:none;color:var(--text)}.ai-ecosystem>a>svg:first-child{color:var(--violet)}.ai-ecosystem>a div{flex:1;display:flex;flex-direction:column}.ai-ecosystem>a span{color:var(--muted);font-size:12px;margin-top:4px}.seo-content{margin:100px auto 0;max-width:1000px;padding:40px;border-top:1px solid var(--line);color:var(--muted);line-height:1.8}.seo-content h2{color:var(--text);font-size:28px}.faq details{border-top:1px solid var(--line);padding:15px 0}.faq summary{color:var(--text);font-weight:800;cursor:pointer}footer{text-align:center;padding:60px 24px 100px;margin-top:70px;border-top:1px solid var(--line);background:#00000014}footer b{font-family:Space Grotesk}footer p,footer small{display:block;color:var(--muted)}footer small{font-size:10px}.floating{position:fixed;right:18px;bottom:18px;z-index:90;display:flex;flex-direction:column;gap:8px}.floating button{width:46px;height:46px;border-radius:14px;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:var(--text);display:grid;place-items:center;box-shadow:0 10px 25px #00000026}.floating button:hover{transform:translate(-4px);border-color:var(--violet)}.floating svg{width:19px}.modal{position:fixed;z-index:200;top:0;right:0;bottom:0;left:0;background:#02030acc;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:grid;place-items:center;padding:20px}.modal article{width:min(620px,100%);padding:38px;border:1px solid var(--line);border-radius:28px;background:var(--panel2);box-shadow:0 35px 100px #000;position:relative}.modal-close{position:absolute;right:16px;top:16px;border:1px solid var(--line);background:transparent;color:var(--text);border-radius:10px;width:38px;height:38px}.modal article>span{color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:.13em}.modal h2{font-family:Space Grotesk;font-size:35px}.modal p{color:var(--muted);line-height:1.8}.challenge{padding:18px;border-radius:16px;background:#22d3ee12;border:1px solid rgba(34,211,238,.18);margin:22px 0}.challenge small,.challenge b{display:block}.challenge small{color:var(--cyan);font-size:9px;font-weight:900;margin-bottom:6px}.cookie{position:fixed;z-index:300;left:18px;right:18px;bottom:18px;max-width:1000px;margin:auto;display:flex;align-items:center;gap:24px;padding:20px 22px;border:1px solid var(--line);border-radius:20px;background:#0d0e1cf2;color:#fff;box-shadow:0 25px 80px #00000080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.cookie>div:first-child{flex:1}.cookie b{font-size:14px}.cookie p{font-size:11px;line-height:1.6;color:#b7bbca;margin:5px 0 0}.cookie>div:last-child{display:flex;gap:8px}.cookie button{padding:11px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:transparent;color:#fff;font-size:10px;font-weight:900}.cookie .primary{background:linear-gradient(135deg,#7c3aed,#ec4899)}@media(max-width:1100px){.lesson-grid{grid-template-columns:repeat(3,1fr)}.hero{gap:35px}.keyboard{height:240px}.white-key{height:220px}.black-key{height:135px}}@media(max-width:800px){header{padding:0 18px}.mobile-menu{display:block}nav{display:none;position:absolute;top:76px;left:12px;right:12px;flex-direction:column;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--panel2);box-shadow:var(--shadow)}nav.open{display:flex}.hero{grid-template-columns:1fr;min-height:auto;padding:70px 0 20px}.hero-visual{display:none}.lesson-grid{grid-template-columns:repeat(2,1fr)}.feature-grid,.tools-grid,.video-section{grid-template-columns:1fr}.piano-screen{grid-template-columns:1fr 1fr}.piano-screen>button{grid-column:1/-1;justify-self:stretch;justify-content:center}.cookie{flex-direction:column;align-items:stretch}.cookie>div:last-child button{flex:1}}@media(max-width:520px){main{padding-left:14px;padding-right:14px}.hero h1{font-size:49px}.hero-buttons{flex-direction:column}.hero-buttons button{width:100%}.lesson-grid{grid-template-columns:1fr}.lesson-card{min-height:220px}.section{padding-top:80px}.piano-console{padding:10px}.piano-screen{grid-template-columns:1fr}.mini-staff{display:none}.keyboard{height:220px}.octave{min-width:490px}.white-key{height:200px}.black-key{height:125px}.feature-grid,.tools-grid{grid-template-columns:1fr}.video-copy>div{flex-direction:column}.cookie{left:8px;right:8px;bottom:8px}.floating{right:10px;bottom:10px}.seo-content{padding:25px 8px}.modal article{padding:28px 22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}.piano-toolbar{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.piano-toolbar button,.piano-toolbar select,.piano-toolbar label{min-height:42px;border:1px solid var(--line);border-radius:11px;background:var(--panel2);color:var(--text);padding:9px 11px;font:800 10px inherit;display:flex;align-items:center;gap:7px}.piano-toolbar button.active{border-color:var(--cyan);box-shadow:0 0 0 2px #22d3ee14}.piano-toolbar label{flex:1;min-width:190px}.piano-toolbar input{flex:1;accent-color:var(--violet)}.white-key.scale-key{background:linear-gradient(#fff,#ddd7ff)}.black-key.scale-key{background:linear-gradient(90deg,#17112b,#694bc7,#17112b);box-shadow:0 0 16px #8b5cf666}.piano-learning{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:10px;margin-top:12px}.piano-learning>div{min-width:0;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.piano-learning small,.piano-learning b,.piano-learning span{display:block}.piano-learning small{font-size:8px;letter-spacing:.12em;color:var(--cyan);font-weight:900}.piano-learning b{margin:6px 0;font-size:12px;overflow-wrap:anywhere}.piano-learning span{font-size:9px;color:var(--muted)}.recorder>div{display:flex;gap:6px;flex-wrap:wrap}.recorder button{border:1px solid var(--line);border-radius:8px;background:var(--panel2);color:var(--text);padding:7px 8px;font-size:8px;font-weight:900}.recorder button.active{border-color:#ef4444;color:#ef4444}.recorder button:disabled{opacity:.35}.piano-tip b{color:var(--text)}@media(max-width:800px){.piano-learning{grid-template-columns:1fr}.piano-toolbar>*{flex:1 1 45%}}@media(max-width:520px){.piano-toolbar>*{flex:1 1 100%}}.site-header{gap:16px}.brand{text-decoration:none;flex-direction:row;align-items:center;gap:10px;min-width:max-content}.brand img{width:38px;height:38px;border-radius:10px;box-shadow:0 0 0 1px var(--line),0 8px 24px #8b5cf633}.brand span{display:flex;flex-direction:column;align-items:flex-start}.brand:hover img{transform:rotate(-5deg) scale(1.06)}.main-links{gap:2px;min-width:0}.main-links a{position:relative;text-decoration:none;color:var(--muted);padding:11px 9px;border-radius:12px;font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden}.main-links a:after{content:"";position:absolute;left:50%;right:50%;bottom:5px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--violet),var(--cyan));transition:.22s}.main-links a:hover{color:var(--text);background:#8b5cf61a;transform:translateY(-1px)}.main-links a:hover:after{left:10px;right:10px}.cookie-overlay{position:fixed;z-index:500;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:22px;background:#02030ab8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.cookie-modal{width:min(690px,100%);overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:28px;background:linear-gradient(145deg,#14162dfa,#080a18fa);color:#fff;box-shadow:0 40px 120px #000000a6,0 0 80px #8b5cf61f}.cookie-brand{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff06}.cookie-brand>a{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff}.cookie-brand img{width:42px;height:42px;border-radius:11px}.cookie-brand a>span{display:flex;flex-direction:column}.cookie-brand b{font-family:Space Grotesk;font-size:15px;letter-spacing:.05em}.cookie-brand small{font-size:8px;letter-spacing:.22em;color:#67e8f9;font-weight:900}.privacy-badge{font-size:8px;letter-spacing:.17em;font-weight:900;color:#c4b5fd;border:1px solid rgba(196,181,253,.25);background:#8b5cf617;padding:7px 9px;border-radius:999px}.cookie-body{padding:28px 30px 20px}.cookie-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#8b5cf61f;font-size:24px}.cookie-body h2{font-family:Space Grotesk;font-size:30px;letter-spacing:-.025em;margin:15px 0 10px}.cookie-body p{color:#b9bed0;font-size:12px;line-height:1.75;margin:8px 0}.cookie-points{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.cookie-points span{padding:10px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:#ffffff09;font-size:9px;color:#dce1ef}.privacy-link{display:inline-block;color:#67e8f9;text-decoration:none;font-size:10px;font-weight:800;margin-top:2px}.privacy-link:hover{text-decoration:underline}.cookie-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:10px;padding:0 30px 12px}.cookie-actions button{min-height:48px;border-radius:13px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:#fff;font-size:10px;font-weight:900;letter-spacing:.03em}.cookie-actions button:hover{transform:translateY(-2px);border-color:#8b5cf680}.cookie-actions .primary{border:0;background:linear-gradient(135deg,#7c3aed,#a855f7 55%,#ec4899)}.cookie-note{display:block;padding:0 30px 22px;color:#7f8498;font-size:8px;line-height:1.5;text-align:center}.recorder button:not(:disabled):hover{border-color:var(--cyan);transform:translateY(-1px)}.recorder button.active{animation:recPulse 1.2s ease-in-out infinite}@keyframes recPulse{50%{box-shadow:0 0 0 5px #ef444414}}@media(max-width:1120px){.main-links a{font-size:0;padding:10px}.main-links a:first-letter{font-size:15px}.main-links a:after{display:none}}@media(max-width:800px){.main-links a{font-size:12px;padding:12px}.cookie-points,.cookie-actions{grid-template-columns:1fr}.cookie-body{padding:24px 20px 16px}.cookie-actions{padding:0 20px 10px}.cookie-note{padding:0 20px 18px}.cookie-brand{padding:15px 18px}}@media(max-width:520px){.cookie-overlay{padding:8px}.cookie-modal{border-radius:20px}.cookie-body h2{font-size:25px}.privacy-badge{display:none}.cookie-brand img{width:36px;height:36px}.cookie-actions button{min-height:46px}}.academy-nav{max-width:1180px;margin:22px auto 0;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:0 4px}.academy-nav button{min-height:86px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,var(--panel2),var(--panel));color:var(--text);display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;align-items:center;text-align:left;padding:14px 16px;cursor:pointer;transition:.22s;box-shadow:0 12px 30px #00000014}.academy-nav button span{grid-row:1/3;font-size:27px}.academy-nav button b{font-size:12px;letter-spacing:.05em}.academy-nav button small{color:var(--muted);font-size:9px}.academy-nav button:hover{transform:translateY(-4px);border-color:var(--violet);box-shadow:0 18px 45px #8b5cf629}.live-staff{position:relative;overflow:hidden}.live-staff .staff-note{position:absolute;left:58%;font-size:20px;line-height:1;transition:bottom .18s ease;filter:drop-shadow(0 0 7px var(--cyan))}.live-staff small{position:absolute;right:8px;bottom:5px;font-size:8px;color:var(--cyan);font-weight:900}.trainer-pro{padding:20px!important}.trainer-pro>b{font-size:34px!important}.trainer-pro p{margin:5px 0 12px;color:var(--muted);font-size:12px}.trainer-hint{padding:12px 14px;border-radius:12px;border:1px solid rgba(34,211,238,.22);background:#22d3ee0f;font-size:11px;line-height:1.55}.trainer-hint b{color:var(--cyan)}.recorder-pro{padding:18px!important}.recorder-pro>p{font-size:10px!important;color:var(--muted);line-height:1.5;margin:6px 0 12px}.recorder-pro>div{display:grid!important;grid-template-columns:1.3fr 1fr .8fr;gap:9px!important}.recorder-pro button{min-height:48px!important;padding:11px 13px!important;border-radius:12px!important;font-size:10px!important;letter-spacing:.02em}.recorder-pro .record-btn{border-color:#ef444459;background:#ef444414}.recorder-pro .play-btn{border-color:#22d3ee40}.recorder-pro>span{margin-top:10px;font-size:9px!important}.video-copy button.support{border:0;cursor:pointer}.support.speaking{animation:supportPulse 1s infinite;box-shadow:0 0 0 6px #ec489914}@keyframes supportPulse{50%{transform:translateY(-2px) scale(1.02)}}.voice-wave{display:flex!important;align-items:center!important;gap:4px!important;margin-top:14px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.voice-wave i{width:3px;height:16px;border-radius:4px;background:var(--cyan);animation:wave .7s infinite alternate}.voice-wave i:nth-child(2),.voice-wave i:nth-child(4){animation-delay:.2s;height:25px}.voice-wave i:nth-child(3){animation-delay:.35s;height:32px}.voice-wave span{margin-left:8px;font-size:9px;color:var(--muted)}@keyframes wave{to{height:7px}}.share-academy{padding-top:55px!important}.share-card{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:22px;padding:28px;border:1px solid rgba(168,85,247,.25);border-radius:26px;background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(236,72,153,.06),var(--panel));box-shadow:0 22px 65px #8b5cf614}.share-symbol{font-size:42px}.share-card span{font-size:9px;color:var(--cyan);font-weight:900;letter-spacing:.12em}.share-card h2{font-family:Space Grotesk;margin:5px 0;font-size:27px}.share-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.65}.share-big{min-height:54px;padding:0 20px;border:0;border-radius:15px;background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff;font-size:10px;font-weight:900;display:flex;align-items:center;gap:9px;cursor:pointer;box-shadow:0 12px 35px #8b5cf640}.share-big:hover{transform:translateY(-3px) scale(1.01)}.eco-group{margin:32px 0 12px;font-size:12px;letter-spacing:.08em;color:var(--text)}.ecosystem-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.eco-card{padding:22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,var(--panel2),var(--panel));transition:.22s}.eco-card:hover{transform:translateY(-4px);border-color:#8b5cf680;box-shadow:0 18px 45px #8b5cf61a}.eco-card>i{font-style:normal;font-size:30px}.eco-card>small{display:block;margin-top:10px;color:var(--cyan);font-size:8px;font-weight:900;letter-spacing:.12em}.eco-card h3{margin:7px 0;font-family:Space Grotesk;font-size:18px}.eco-card p{color:var(--muted);font-size:10px;line-height:1.6}.eco-card>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.eco-card a{padding:10px 12px;border:1px solid var(--line);border-radius:10px;color:var(--text);text-decoration:none;font-size:9px;font-weight:900}.eco-card a:hover{border-color:var(--cyan);background:#22d3ee0f;transform:translateY(-1px)}.footer-links{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;margin:18px 0}.footer-links a,.footer-links button{border:0;background:none;color:var(--muted);font:800 10px inherit;text-decoration:none;cursor:pointer;padding:7px}.footer-links a:hover,.footer-links button:hover{color:var(--cyan)}.share-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.share-options a,.share-options button{min-height:48px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);text-decoration:none;font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:center;cursor:pointer}@media(max-width:900px){.academy-nav{grid-template-columns:repeat(2,1fr)}.academy-nav button:last-child{grid-column:1/-1}.share-card{grid-template-columns:55px 1fr}.share-big{grid-column:1/-1;justify-content:center}.ecosystem-grid{grid-template-columns:1fr}.recorder-pro>div{grid-template-columns:1fr}}@media(max-width:520px){.academy-nav{grid-template-columns:1fr}.academy-nav button:last-child{grid-column:auto}.academy-nav button{min-height:72px}.share-card{grid-template-columns:1fr;text-align:center}.share-symbol{font-size:34px}.share-big{width:100%}.share-options{grid-template-columns:1fr}.recorder-pro button{font-size:11px!important;min-height:52px!important}.trainer-pro>b{font-size:29px!important}}.main-links a{font-size:13px!important;padding:13px 14px!important;font-weight:900!important;letter-spacing:.01em!important}.site-header{min-height:82px!important;padding-left:24px!important;padding-right:24px!important}.academy-nav-top{margin:24px auto 8px!important;position:relative;z-index:5}.academy-nav button{min-height:86px!important;padding:14px 12px!important}.academy-nav button>span{font-size:25px!important;line-height:1!important}.academy-nav button>b{font-size:13px!important;letter-spacing:.05em!important}.academy-nav button>small{font-size:10px!important;line-height:1.35!important;color:var(--muted)!important}.eco-card p{font-size:13px!important;line-height:1.7!important;color:var(--muted)!important}.eco-card>small{font-size:10px!important;line-height:1.4!important}.eco-card h3{font-size:20px!important;line-height:1.25!important}.eco-card a{font-size:11px!important;min-height:44px!important;display:inline-flex!important;align-items:center!important;padding:11px 14px!important}.section-title>span,.eyebrow{font-size:11px!important;line-height:1.35!important;font-weight:950!important;letter-spacing:.1em!important}:root[data-theme=light] .section-title>span,:root[data-theme=light] .eyebrow,:root[data-theme=light] .eco-card>small,:root[data-theme=light] .piano-learning small,:root[data-theme=light] .challenge small{color:#5b21b6!important}:root[data-theme=light] .section-title>span{background:#5b21b617!important;border:1px solid rgba(91,33,182,.18)!important;padding:7px 10px!important;border-radius:999px!important}:root[data-theme=light] .eyebrow{color:#075985!important;background:#0e749014!important;border-color:#0e74902e!important}:root[data-theme=light] .eco-card>small{color:#075985!important}.floating button:first-child{position:relative;border-color:#22d3ee73!important;box-shadow:0 0 0 3px #22d3ee12,0 10px 28px #00000029!important}@media(max-width:1120px){.main-links a{font-size:12px!important;padding:11px 9px!important}.main-links a:first-letter{font-size:inherit!important}}@media(max-width:900px){.main-links a{font-size:13px!important;padding:12px 14px!important}.academy-nav-top{margin-top:16px!important}}@media(max-width:520px){.academy-nav button{min-height:78px!important}.academy-nav button>b{font-size:13px!important}.academy-nav button>small{font-size:11px!important}.eco-card p{font-size:13px!important}.section-title>span,.eyebrow{font-size:10px!important}}.video-copy>div:has(.support){align-items:stretch;flex-wrap:wrap}.video-copy button.support{position:relative;min-height:58px;padding:0 24px;border:1px solid rgba(255,255,255,.16)!important;border-radius:999px!important;color:#fff;font-size:13px;font-weight:900;letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(120deg,#6d28d9,#a21caf 48%,#db2777);box-shadow:0 14px 34px #a855f73d,inset 0 1px #ffffff38;overflow:hidden}.video-copy button.support:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.28) 48%,transparent 70%);transform:translate(-120%);transition:transform .65s ease}.video-copy button.support:hover{transform:translateY(-3px);box-shadow:0 20px 45px #db277752,0 0 0 4px #a855f714}.video-copy button.support:hover:before{transform:translate(120%)}.video-copy button.support svg{width:20px;height:20px;filter:drop-shadow(0 2px 5px rgba(0,0,0,.25))}.support.speaking{animation:supportPulse 1s infinite!important}.recorder-pro{padding:24px!important;border:1px solid rgba(139,92,246,.22)!important;border-radius:20px!important;background:linear-gradient(145deg,#8b5cf612,#22d3ee09),var(--panel)!important}.recorder-pro>small{font-size:13px!important;letter-spacing:.08em!important;font-weight:950!important}.recorder-pro>p{font-size:14px!important;line-height:1.65!important;margin:9px 0 17px!important;max-width:720px}.recorder-pro>div{display:flex!important;flex-wrap:wrap!important;gap:11px!important}.recorder-pro button{min-height:58px!important;padding:14px 20px!important;border-radius:15px!important;font-size:13px!important;font-weight:950!important;letter-spacing:.015em!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;box-shadow:inset 0 1px #ffffff14}.recorder-pro .record-btn{min-width:210px;border:1px solid rgba(239,68,68,.42)!important;background:linear-gradient(135deg,#ef44442e,#be185d1f)!important;color:var(--text)!important}.recorder-pro .record-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #ef444429}.recorder-pro .stop-btn{min-width:210px;background:linear-gradient(135deg,#dc2626,#be123c)!important;color:#fff!important}.recorder-pro .play-btn{min-width:175px;border:1px solid rgba(34,211,238,.34)!important;background:#22d3ee17!important;color:var(--text)!important}.recorder-pro .clear-btn{min-width:135px;border:1px solid var(--line)!important;background:var(--panel2)!important;color:var(--text)!important}.recorder-pro button:disabled{opacity:.42!important;cursor:not-allowed!important;transform:none!important}.recorder-pro>span{display:block!important;margin-top:15px!important;padding:10px 13px!important;border-radius:11px!important;background:#22d3ee0e!important;border:1px solid rgba(34,211,238,.12)!important;font-size:12px!important;font-weight:800!important;color:var(--muted)!important}.recorder-pro>span:first-letter{color:var(--cyan)}@media(max-width:600px){.video-copy button.support,.video-copy a.youtube{width:100%;min-height:58px;justify-content:center}.recorder-pro{padding:18px!important}.recorder-pro>div{display:grid!important;grid-template-columns:1fr!important}.recorder-pro button{width:100%!important;min-width:0!important;font-size:13px!important;min-height:58px!important}}:root{--cyan:#a855f7;--violet:#7c3aed;--pink:#ec4899;--accent-strong:#6d28d9;--accent-soft:#c026d3}:root[data-theme=light]{--cyan:#6d28d9;--violet:#6d28d9;--pink:#be185d;--accent-strong:#5b21b6;--accent-soft:#a21caf}.music-bg{background:radial-gradient(circle at 15% 20%,rgba(124,58,237,.16),transparent 30%),radial-gradient(circle at 82% 18%,rgba(192,38,211,.1),transparent 28%),radial-gradient(circle at 65% 80%,rgba(236,72,153,.1),transparent 30%)}.eyebrow,.section-title span,.academy-nav small,.eco-card>small,.piano-learning small,.live-staff small,.trainer span,.trainer-hint b{color:var(--accent-strong)!important}:root:not([data-theme=light]) .eyebrow,:root:not([data-theme=light]) .section-title span,:root:not([data-theme=light]) .academy-nav small,:root:not([data-theme=light]) .eco-card>small,:root:not([data-theme=light]) .piano-learning small,:root:not([data-theme=light]) .live-staff small,:root:not([data-theme=light]) .trainer span{color:#c4b5fd!important}.hero h1 em{background:linear-gradient(90deg,#7c3aed,#c026d3,#ec4899);-webkit-background-clip:text;color:transparent}.piano-learning{grid-template-columns:.92fr .92fr 1.16fr!important;align-items:stretch!important;gap:12px!important}.piano-learning>div{min-height:168px!important;padding:16px!important}.recorder-pro{padding:16px!important;border-color:#7c3aed3d!important;background:linear-gradient(145deg,#7c3aed11,#ec489906),var(--panel)!important}.recorder-pro>small{font-size:11px!important;color:#c4b5fd!important}:root[data-theme=light] .recorder-pro>small{color:#5b21b6!important}.recorder-pro>p{font-size:12px!important;line-height:1.5!important;margin:7px 0 11px!important}.recorder-pro>div{display:grid!important;grid-template-columns:1.2fr 1fr .72fr!important;gap:8px!important}.recorder-pro button{min-width:0!important;width:100%!important;min-height:43px!important;padding:9px 11px!important;border-radius:12px!important;font-size:10px!important;line-height:1.15!important;letter-spacing:0!important}.recorder-pro .record-btn{min-width:0!important;border-color:#ec48995c!important;background:linear-gradient(135deg,#ec489929,#7c3aed1f)!important}.recorder-pro .stop-btn{min-width:0!important;background:linear-gradient(135deg,#be123c,#7c3aed)!important}.recorder-pro .play-btn{min-width:0!important;border-color:#7c3aed57!important;background:#7c3aed1a!important}.recorder-pro .clear-btn{min-width:0!important}.recorder-pro>span{margin-top:9px!important;padding:8px 10px!important;background:#7c3aed0e!important;border-color:#7c3aed21!important;font-size:10px!important}.recorder button:not(:disabled):hover{border-color:#a855f7!important}.live-staff .staff-note{filter:drop-shadow(0 0 7px #a855f7)!important}.trainer,.trainer-hint{background:#7c3aed0e!important;border-color:#7c3aed2e!important}.eco-card a:hover{border-color:#8b5cf6!important;background:#7c3aed0f!important}.progress-card>div b{color:#a855f7!important}.bar i{background:linear-gradient(90deg,#7c3aed,#ec4899)!important}@media(max-width:1000px){.piano-learning{grid-template-columns:1fr 1fr!important}.recorder-pro{grid-column:1/-1!important}.recorder-pro>div{grid-template-columns:repeat(3,1fr)!important}}@media(max-width:650px){.piano-learning{grid-template-columns:1fr!important}.recorder-pro{grid-column:auto!important}.recorder-pro>div{grid-template-columns:1fr!important}.recorder-pro button{min-height:46px!important;font-size:11px!important}}.live-staff .staff-note.playback-green{color:#22c55e!important;filter:drop-shadow(0 0 5px #22c55e) drop-shadow(0 0 12px rgba(34,197,94,.72))!important;transform:scale(1.18);transition:color .08s,filter .08s,transform .08s}.recorder-pro .meter-select{display:flex!important;align-items:center!important;gap:8px!important;margin:0 0 10px!important;font-size:12px!important;font-weight:900!important;color:var(--muted)!important}.recorder-pro .meter-select select{min-height:36px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);padding:6px 10px;font-weight:900}@media(min-width:901px){.site-header{min-height:92px!important;padding:14px 28px!important;gap:22px!important}.main-links{gap:7px!important;display:flex!important;align-items:center!important}.main-links a{font-size:15px!important;line-height:1!important;padding:15px 17px!important;min-height:48px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid transparent!important;border-radius:14px!important}.main-links a:hover{border-color:#7c3aed47!important;background:#7c3aed1a!important}}@media(min-width:901px)and (max-width:1250px){.site-header{padding-left:18px!important;padding-right:18px!important;gap:12px!important}.main-links{gap:3px!important}.main-links a{font-size:13px!important;padding:13px 10px!important;min-height:46px!important}}.piano-screen{grid-template-columns:minmax(190px,.75fr) minmax(430px,1.65fr) auto!important;align-items:stretch!important}.staff-pro{height:132px!important;min-width:430px;border:1px solid rgba(139,92,246,.28);border-radius:18px;background:linear-gradient(180deg,#7c3aed14,#ffffff04),repeating-linear-gradient(to bottom,transparent 0 18px,rgba(148,163,184,.34) 19px 21px)!important;box-shadow:inset 0 1px #ffffff0f;overflow:hidden!important}.staff-pro .staff-clef{left:18px!important;top:8px!important;font-size:88px!important;line-height:1;color:var(--text);opacity:.92}.staff-pro .staff-note{left:47%!important;font-size:31px!important;z-index:3;filter:drop-shadow(0 0 9px #a855f7)!important}.staff-pro .staff-note.playback-green{color:#22c55e!important;transform:scale(1.32)!important;filter:drop-shadow(0 0 7px #22c55e) drop-shadow(0 0 18px rgba(34,197,94,.85))!important}.staff-readout{position:absolute;right:16px;top:15px;bottom:15px;width:185px;padding:10px 13px;border-radius:14px;background:#080914bd;border:1px solid rgba(255,255,255,.09);display:grid;grid-template-columns:1fr auto;align-content:center;gap:2px 10px;z-index:4}.staff-readout strong{font-family:Space Grotesk,sans-serif;font-size:24px!important;line-height:1.05;color:#fff!important}.staff-readout span{font-size:16px!important;font-weight:950;color:#c4b5fd!important;align-self:center}.staff-readout em{grid-column:1/-1;font-style:normal;font-size:14px!important;font-weight:850;color:#e5e7eb!important;margin-top:5px}:root[data-theme=light] .staff-readout{background:#ffffffeb;border-color:#5b21b62e}:root[data-theme=light] .staff-readout strong{color:#171125!important}:root[data-theme=light] .staff-readout span{color:#6d28d9!important}:root[data-theme=light] .staff-readout em{color:#4b4458!important}.demo-song{margin:16px 0 14px;padding:20px 22px;border:1px solid rgba(139,92,246,.25);border-radius:20px;background:linear-gradient(135deg,#7c3aed17,#ec48990b);display:flex;align-items:center;justify-content:space-between;gap:24px}.demo-song>div{min-width:0}.demo-song small{font-size:12px;font-weight:950;letter-spacing:.08em;color:#c4b5fd}.demo-song h3{font-family:Space Grotesk;font-size:22px;margin:5px 0 4px}.demo-song p{font-size:14px;line-height:1.55;color:var(--muted);margin:0;max-width:760px}.demo-song button{flex:0 0 auto;min-height:52px;padding:0 20px;border-radius:14px;font-size:12px;font-weight:950;color:#fff;border:1px solid rgba(255,255,255,.13);background:linear-gradient(135deg,#7c3aed,#c026d3);box-shadow:0 10px 25px #7c3aed33}.demo-song .demo-stop{background:linear-gradient(135deg,#be123c,#7c3aed)}.white-key.demo-key-active{background:linear-gradient(#86efac,#22c55e)!important;color:#052e16!important;box-shadow:inset 0 0 0 3px #16a34a,0 0 24px #22c55eb3!important;transform:translateY(3px)}.black-key.demo-key-active{background:linear-gradient(#4ade80,#15803d)!important;color:#fff!important;box-shadow:0 0 26px #22c55ee6,inset 0 0 0 2px #86efac!important;height:154px}@media(max-width:900px){.piano-screen{grid-template-columns:1fr!important}.staff-pro{min-width:0!important;width:100%!important}.demo-song{align-items:stretch;flex-direction:column}.demo-song button{width:100%}}@media(max-width:520px){.mini-staff.staff-pro{display:block!important;height:124px!important}.staff-readout{width:150px;right:8px}.staff-readout strong{font-size:20px!important}.staff-readout span{font-size:14px!important}.staff-readout em{font-size:12px!important}.staff-pro .staff-clef{font-size:76px!important}.demo-song{padding:16px}.demo-song h3{font-size:19px}}.demo-song{padding:12px 14px!important;margin:10px 0!important;border-radius:15px!important;display:block!important}.demo-song>div{width:100%!important}.demo-song small{font-size:11px!important}.demo-song p{font-size:12px!important;margin-top:7px!important;line-height:1.4!important}.demo-controls{display:flex!important;align-items:center!important;gap:8px!important;margin-top:7px!important}.demo-controls select{flex:1;min-width:0;min-height:38px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);padding:7px 10px;font-size:12px;font-weight:850}.demo-song .demo-controls button{width:auto!important;min-width:92px!important;min-height:38px!important;height:38px!important;padding:0 13px!important;border-radius:10px!important;font-size:11px!important;box-shadow:none!important}@media(max-width:520px){.demo-controls{align-items:stretch!important}.demo-controls select{font-size:12px!important}.demo-song .demo-controls button{min-width:82px!important;width:auto!important}.demo-song p{font-size:11px!important}}.demo-song-pro{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;padding:14px 16px!important}.demo-song-pro h3{font-size:18px!important;margin:3px 0!important}.demo-song-pro p{font-size:13px!important;line-height:1.45!important;margin:3px 0!important}.demo-controls{display:flex!important;align-items:center!important;gap:8px!important}.demo-controls select{min-height:42px!important;max-width:260px!important;padding:8px 34px 8px 11px!important;border-radius:11px!important;font-size:13px!important;font-weight:800!important;background:var(--panel2)!important;color:var(--text)!important;border:1px solid var(--line)!important}.demo-compact{width:auto!important;min-width:92px!important;min-height:42px!important;padding:8px 14px!important;border-radius:11px!important;font-size:12px!important;font-weight:950!important}.staff-pro{min-height:150px!important}.staff-pro .staff-readout strong{font-size:25px!important;line-height:1!important}.staff-pro .staff-readout span{font-size:17px!important;font-weight:900!important}.staff-pro .staff-readout em{font-size:16px!important;font-weight:900!important}.demo-key-active{filter:brightness(1.08)!important;box-shadow:inset 0 0 0 3px #22c55e,0 0 20px #22c55e6b!important}.black-key.demo-key-active{box-shadow:inset 0 0 0 3px #4ade80,0 0 22px #22c55e8c!important}@media(max-width:760px){.demo-song-pro{grid-template-columns:1fr!important}.demo-controls{width:100%!important}.demo-controls select{flex:1!important;max-width:none!important}.demo-compact{min-width:82px!important}}.white-key.manual-key-active{position:relative;z-index:5;background:linear-gradient(180deg,#eaf7ff,#bfe7ff 48%,#75c8ff)!important;border-color:#38bdf8!important;box-shadow:inset 0 0 0 3px #38bdf8f2,inset 0 -18px 30px #0ea5e933,0 0 8px #38bdf8f2,0 0 20px #0ea5e9d9,0 0 38px #3b82f694!important;filter:brightness(1.08) saturate(1.18)!important;transform:translateY(2px)}.black-key.manual-key-active{z-index:8;background:linear-gradient(180deg,#123b66,#075985 52%,#0284c7)!important;border-color:#7dd3fc!important;box-shadow:inset 0 0 0 2px #7dd3fcf2,0 0 8px #38bdf8,0 0 22px #0ea5e9e6,0 0 40px #3b82f69e!important;filter:brightness(1.25) saturate(1.35)!important;transform:translateY(2px)}.white-key.manual-key-active:after,.black-key.manual-key-active:after{content:"";position:absolute;left:50%;bottom:2px;width:3px;height:72%;transform:translate(-50%);pointer-events:none;border-radius:999px;background:linear-gradient(180deg,transparent 0%,rgba(125,211,252,.35) 28%,rgba(56,189,248,.95) 72%,#e0f2fe 100%);box-shadow:0 0 7px #38bdf8,0 0 16px #0ea5e9,0 0 28px #3b82f6d9;animation:mascoLaserPulse .48s ease-in-out infinite alternate}.live-staff .staff-note.manual-blue{color:#38bdf8!important;filter:drop-shadow(0 0 4px #e0f2fe) drop-shadow(0 0 9px #38bdf8) drop-shadow(0 0 18px rgba(14,165,233,.9))!important;transform:scale(1.22);transition:color .06s,filter .06s,transform .06s}@keyframes mascoLaserPulse{0%{opacity:.68;filter:brightness(1)}to{opacity:1;filter:brightness(1.45)}}@media(prefers-reduced-motion:reduce){.white-key.manual-key-active:after,.black-key.manual-key-active:after{animation:none}}.instrument-select{min-width:190px!important;min-height:42px!important;padding:8px 36px 8px 12px!important;border-radius:12px!important;border:1px solid rgba(96,165,250,.28)!important;background:linear-gradient(180deg,#1e293bf0,#0f172af0)!important;color:#f8fafc!important;font-size:13px!important;font-weight:900!important;letter-spacing:.01em!important;box-shadow:inset 0 1px #ffffff0f,0 0 18px #3b82f614!important}:root[data-theme=light] .instrument-select{background:#fff!important;color:#1e293b!important;border-color:#2563eb38!important}@media(max-width:760px){.instrument-select{width:100%!important;min-width:0!important}}.instrument-select option{background:#111827!important;color:#f8fafc!important;font-weight:800!important}:root[data-theme=light] .instrument-select option{background:#fff!important;color:#111827!important}.learning-panel{min-width:0;padding:20px 22px!important;border:1px solid rgba(96,165,250,.2)!important;border-radius:18px!important;background:radial-gradient(circle at 12% 0%,rgba(59,130,246,.12),transparent 34%),linear-gradient(145deg,#1e293be0,#0f172ab8)!important;box-shadow:inset 0 1px #ffffff0f,0 12px 34px #02061729!important}.learning-panel small{display:block!important;margin-bottom:13px!important;font-size:13px!important;font-weight:950!important;letter-spacing:.08em!important;color:#bfdbfe!important}.computer-keys{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin:2px 0 13px!important}.computer-keys kbd{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:42px!important;border-radius:9px!important;border:1px solid rgba(125,211,252,.42)!important;border-bottom-width:4px!important;background:linear-gradient(180deg,#172554,#0f172a)!important;color:#e0f2fe!important;font-family:Space Grotesk,sans-serif!important;font-size:17px!important;font-weight:950!important;box-shadow:0 0 14px #0ea5e91a,inset 0 1px #ffffff14!important}.keyboard-help-pro>span,.history-pro>span{display:block!important;font-size:14px!important;color:#cbd5e1!important}.keyboard-help-pro>span strong,.history-pro>span strong{color:#f8fafc!important;font-weight:950!important}.note-history-pro{min-height:48px!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:7px!important;margin:2px 0 13px!important}.note-history-pro b{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:48px!important;min-height:42px!important;padding:6px 10px!important;border-radius:10px!important;border:1px solid rgba(167,139,250,.34)!important;background:linear-gradient(180deg,#7c3aed42,#4c1d9529)!important;color:#ede9fe!important;font-family:Space Grotesk,sans-serif!important;font-size:16px!important;font-weight:950!important;box-shadow:0 0 14px #8b5cf61a!important}.note-history-pro em{font-size:15px!important;color:#94a3b8!important;font-style:normal!important}:root[data-theme=light] .learning-panel{background:linear-gradient(145deg,#fff,#eff6ff)!important;border-color:#2563eb2e!important}:root[data-theme=light] .learning-panel small{color:#1d4ed8!important}:root[data-theme=light] .keyboard-help-pro>span,:root[data-theme=light] .history-pro>span{color:#475569!important}:root[data-theme=light] .keyboard-help-pro>span strong,:root[data-theme=light] .history-pro>span strong{color:#0f172a!important}:root[data-theme=light] .computer-keys kbd{background:linear-gradient(180deg,#dbeafe,#bfdbfe)!important;color:#172554!important;border-color:#60a5fa!important}:root[data-theme=light] .note-history-pro b{background:linear-gradient(180deg,#ede9fe,#ddd6fe)!important;color:#4c1d95!important}@media(max-width:760px){.learning-panel{padding:16px!important}.computer-keys{gap:5px!important}.computer-keys kbd{width:34px!important;height:39px!important;font-size:15px!important}.note-history-pro b{min-width:44px!important;min-height:39px!important;font-size:14px!important}}.songbook-card{padding:26px;border-radius:24px;border:1px solid rgba(139,92,246,.28);background:radial-gradient(circle at 8% 0%,rgba(59,130,246,.15),transparent 30%),radial-gradient(circle at 92% 10%,rgba(168,85,247,.14),transparent 28%),linear-gradient(145deg,#111827f5,#0f172ae6);box-shadow:0 22px 60px #02061738,inset 0 1px #ffffff0f}.songbook-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);gap:20px;align-items:center;margin-bottom:22px}.songbook-head small{font-size:12px;font-weight:950;letter-spacing:.1em;color:#93c5fd}.songbook-head h3{font-size:27px!important;margin:6px 0!important;color:#f8fafc!important}.songbook-head p{font-size:14px!important;color:#cbd5e1!important;margin:0!important}.songbook-head select{width:100%;min-height:50px;padding:10px 40px 10px 14px;border-radius:14px;border:1px solid rgba(96,165,250,.32);background:#111827;color:#f8fafc;font-size:14px;font-weight:900}.songbook-head select option{background:#111827;color:#f8fafc}.songbook-notes{display:flex;flex-wrap:wrap;gap:9px;padding:20px;border-radius:18px;border:1px solid rgba(96,165,250,.18);background:#0206175c;min-height:88px;align-items:center}.songbook-notes span{min-width:54px;min-height:46px;padding:8px 11px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;border:1px solid rgba(96,165,250,.35);background:linear-gradient(180deg,#1e40af47,#1e3a8a26);color:#e0f2fe;font-size:17px;font-weight:950;box-shadow:0 0 16px #3b82f614}.songbook-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.songbook-actions button{min-height:48px!important;padding:11px 18px!important;border-radius:13px!important;font-weight:950!important}.copy-notes{border:1px solid rgba(167,139,250,.34)!important;background:#7c3aed24!important;color:#ede9fe!important}.songbook-tip{margin-top:18px;padding:15px 17px;border-radius:14px;background:#3b82f614;border:1px solid rgba(96,165,250,.16);color:#cbd5e1;font-size:14px;line-height:1.6}.songbook-tip b{color:#f8fafc}:root[data-theme=light] .songbook-card{background:linear-gradient(145deg,#fff,#f5f3ff)}:root[data-theme=light] .songbook-head h3,:root[data-theme=light] .songbook-tip b{color:#111827!important}:root[data-theme=light] .songbook-head p,:root[data-theme=light] .songbook-tip{color:#475569!important}:root[data-theme=light] .songbook-head select,:root[data-theme=light] .songbook-head select option{background:#fff;color:#111827}:root[data-theme=light] .songbook-notes{background:#eff6ff}:root[data-theme=light] .songbook-notes span{background:linear-gradient(180deg,#dbeafe,#eff6ff);color:#1e3a8a}:root[data-theme=light] .copy-notes{color:#5b21b6!important;background:#ede9fe!important}@media(max-width:800px){.songbook-card{padding:18px}.songbook-head{grid-template-columns:1fr}.songbook-head h3{font-size:22px!important}.songbook-notes{padding:14px;gap:6px}.songbook-notes span{min-width:46px;min-height:42px;font-size:15px}.songbook-actions{display:grid;grid-template-columns:1fr}}.hold-hint{display:inline-flex;align-items:center;min-height:38px;padding:7px 11px;border-radius:10px;border:1px solid rgba(96,165,250,.18);background:#3b82f612;color:#bfdbfe;font-size:12px;font-weight:850;line-height:1.25}:root[data-theme=light] .hold-hint{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.midi-card{padding:26px;border-radius:24px;border:1px solid rgba(59,130,246,.26);background:radial-gradient(circle at 8% 0%,rgba(59,130,246,.15),transparent 32%),radial-gradient(circle at 92% 8%,rgba(139,92,246,.14),transparent 30%),linear-gradient(145deg,#111827f7,#0f172ae8);box-shadow:0 22px 60px #02061738,inset 0 1px #ffffff0f}.midi-status{display:flex;align-items:center;gap:15px;padding-bottom:20px;border-bottom:1px solid rgba(148,163,184,.13)}.midi-light{width:18px;height:18px;flex:0 0 18px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 5px #ef44441a,0 0 18px #ef44446b}.midi-light.on{background:#22c55e;box-shadow:0 0 0 5px #22c55e1c,0 0 20px #22c55e8c}.midi-status small,.midi-live small{display:block;font-size:11px;font-weight:950;letter-spacing:.1em;color:#93c5fd}.midi-status h3{margin:4px 0!important;font-size:22px!important;color:#f8fafc!important}.midi-status p{margin:0!important;color:#94a3b8!important;font-size:14px!important}.midi-live{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.midi-live>div{padding:17px;border:1px solid rgba(96,165,250,.18);border-radius:16px;background:#02061747}.midi-live strong{display:block;margin-top:6px;color:#e0f2fe;font-size:27px;font-weight:950}.midi-live em{font-size:13px;color:#94a3b8;font-style:normal;margin-left:3px}.midi-connect{width:100%;min-height:52px;border:1px solid rgba(96,165,250,.42)!important;border-radius:14px!important;background:linear-gradient(135deg,#2563eb,#7c3aed)!important;color:#fff!important;font-size:14px!important;font-weight:950!important;letter-spacing:.02em!important;box-shadow:0 10px 28px #2563eb2e!important}.midi-info{display:grid;gap:8px;margin-top:20px;padding:18px;border-radius:16px;background:#3b82f612;border:1px solid rgba(96,165,250,.15);color:#cbd5e1;font-size:14px;line-height:1.5}.midi-info b{color:#f8fafc;font-size:15px}.midi-info span{display:block}.midi-compatible{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.midi-compatible span{padding:8px 11px;border-radius:999px;border:1px solid rgba(167,139,250,.22);background:#7c3aed17;color:#ddd6fe;font-size:12px;font-weight:850}.midi-warning{margin-top:14px;padding:12px 14px;border-radius:12px;border:1px solid rgba(245,158,11,.25);background:#f59e0b14;color:#fde68a;font-size:13px;font-weight:750}.midi-footnote{margin:12px 2px 0!important;color:#64748b!important;font-size:11px!important;line-height:1.45!important}:root[data-theme=light] .midi-card{background:linear-gradient(145deg,#fff,#eff6ff)}:root[data-theme=light] .midi-status h3,:root[data-theme=light] .midi-info b{color:#0f172a!important}:root[data-theme=light] .midi-status p,:root[data-theme=light] .midi-info{color:#475569!important}:root[data-theme=light] .midi-live>div{background:#fff}:root[data-theme=light] .midi-live strong{color:#1e3a8a}:root[data-theme=light] .midi-compatible span{color:#5b21b6;background:#f5f3ff}@media(max-width:700px){.midi-card{padding:18px}.midi-live{grid-template-columns:1fr}.midi-status h3{font-size:18px!important}.midi-live strong{font-size:23px}}.study-library{position:relative}.study-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 18px}.study-stats>div{padding:17px;border:1px solid rgba(139,92,246,.2);border-radius:17px;background:linear-gradient(145deg,#7c3aed17,#0206172e);text-align:center}.study-stats strong{display:block;font-size:25px;color:#f8fafc}.study-stats span{display:block;margin-top:3px;color:#94a3b8;font-size:12px;font-weight:800}.study-filters{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.study-filters button{padding:9px 12px!important;border-radius:999px!important;border:1px solid rgba(139,92,246,.2)!important;background:#7c3aed0f!important;color:#cbd5e1!important;font-size:11px!important;font-weight:900!important}.study-filters button.active{background:linear-gradient(135deg,#7c3aed,#a855f7)!important;color:#fff!important;border-color:transparent!important}.study-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.study-item{display:grid!important;grid-template-columns:42px 48px minmax(0,1fr) 22px;gap:12px;align-items:center;text-align:left!important;padding:15px!important;min-height:116px;border:1px solid rgba(139,92,246,.17)!important;border-radius:17px!important;background:linear-gradient(145deg,#1e293b94,#0f172a6b)!important;color:#fff!important;transition:.2s ease}.study-item:hover{transform:translateY(-2px);border-color:#a855f76b!important;background:linear-gradient(145deg,#581c8738,#1e293b94)!important}.study-number{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#7c3aed21;border:1px solid rgba(167,139,250,.2);font-size:12px;font-weight:950;color:#c4b5fd}.study-item>i{font-size:29px;font-style:normal;text-align:center}.study-item>div{min-width:0}.study-item small{display:block;color:#a78bfa;font-size:10px;font-weight:950;letter-spacing:.08em}.study-item b{display:block;margin:3px 0 5px;color:#f8fafc;font-size:15px}.study-item p{margin:0!important;color:#94a3b8!important;font-size:12px!important;line-height:1.4!important}.study-item>svg{width:18px;color:#8b5cf6}.study-modal{z-index:1200}.study-modal article{width:min(900px,calc(100% - 28px))!important;max-width:900px!important;max-height:88vh;overflow:auto;padding:30px!important;border:1px solid rgba(168,85,247,.28)!important;background:radial-gradient(circle at 90% 0%,rgba(124,58,237,.18),transparent 30%),linear-gradient(155deg,#111827,#090d18)!important}.study-modal-kicker{display:flex;align-items:center;gap:13px;margin-bottom:14px}.study-modal-kicker>span{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:#7c3aed21;border:1px solid rgba(167,139,250,.23);font-size:30px}.study-modal-kicker div{display:grid;gap:3px}.study-modal-kicker small{color:#c4b5fd;font-size:11px;font-weight:950;letter-spacing:.08em}.study-modal-kicker b{color:#64748b;font-size:10px;letter-spacing:.08em}.study-modal h2{font-size:34px!important;line-height:1.08!important;margin:10px 0!important;color:#fff!important}.study-lead{font-size:17px!important;line-height:1.65!important;color:#cbd5e1!important}.study-explain,.study-memory{margin-top:16px;padding:18px;border-radius:16px;border:1px solid rgba(148,163,184,.13);background:#ffffff06}.study-explain h3{margin:0 0 8px!important;color:#ddd6fe!important;font-size:13px!important;letter-spacing:.08em}.study-explain p,.study-memory p{margin:0!important;color:#cbd5e1!important;font-size:15px!important;line-height:1.7!important}.study-visual{display:grid;gap:8px;margin-top:14px;padding:22px;border-radius:17px;border:1px solid rgba(59,130,246,.2);background:linear-gradient(135deg,#2563eb17,#7c3aed14);text-align:center}.study-visual small{color:#93c5fd;font-size:11px;font-weight:950;letter-spacing:.09em}.study-visual strong{color:#f8fafc;font-size:20px;line-height:1.5}.study-practice{display:flex;align-items:flex-start;gap:12px;margin-top:14px;padding:17px;border-radius:16px;border:1px solid rgba(245,158,11,.2);background:#f59e0b0f}.study-practice>span{font-size:25px}.study-practice div{display:grid;gap:4px}.study-practice small{color:#fcd34d;font-size:10px;font-weight:950;letter-spacing:.09em}.study-practice b{color:#f8fafc;font-size:14px;line-height:1.5}.study-memory b{color:#c4b5fd;font-size:12px;letter-spacing:.06em}.study-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.study-modal-actions button{min-height:48px;border-radius:13px!important;font-weight:950!important}.study-modal-actions button:disabled{opacity:.35;cursor:not-allowed}:root[data-theme=light] .study-stats>div,:root[data-theme=light] .study-item{background:#fff!important}:root[data-theme=light] .study-stats strong,:root[data-theme=light] .study-item b{color:#111827!important}:root[data-theme=light] .study-item p{color:#475569!important}:root[data-theme=light] .study-modal article{background:radial-gradient(circle at 90% 0%,rgba(124,58,237,.1),transparent 30%),#fff!important}:root[data-theme=light] .study-modal h2,:root[data-theme=light] .study-visual strong,:root[data-theme=light] .study-practice b{color:#111827!important}:root[data-theme=light] .study-lead,:root[data-theme=light] .study-explain p,:root[data-theme=light] .study-memory p{color:#475569!important}:root[data-theme=light] .study-explain,:root[data-theme=light] .study-memory{background:#f8fafc}:root[data-theme=light] .study-visual{background:#eff6ff}@media(max-width:850px){.study-menu{grid-template-columns:1fr}.study-stats{grid-template-columns:1fr 1fr 1fr}.study-modal h2{font-size:27px!important}}@media(max-width:560px){.study-stats{grid-template-columns:1fr}.study-item{grid-template-columns:36px 40px minmax(0,1fr) 18px;padding:12px!important}.study-item p{display:none}.study-modal article{padding:21px!important}.study-modal-actions{grid-template-columns:1fr}.study-visual strong{font-size:17px}}.study-search{display:grid;grid-template-columns:36px minmax(0,1fr) 42px;align-items:center;gap:7px;margin:0 0 12px;padding:6px 8px;border:1px solid rgba(139,92,246,.24);border-radius:15px;background:#0f172a85}.study-search>span{text-align:center;font-size:18px}.study-search input{width:100%;min-height:43px;border:0!important;outline:0!important;background:transparent!important;color:#f8fafc!important;font-size:15px!important}.study-search input::placeholder{color:#64748b}.study-search button{min-height:38px;border:0!important;border-radius:10px!important;background:#7c3aed1a!important;color:#c4b5fd!important;font-weight:950!important}.study-results{margin:-7px 0 14px;color:#64748b;font-size:12px;font-weight:800}.study-results b{color:#c4b5fd;font-size:14px}.study-progressline{height:5px;margin:16px 0 10px;border-radius:999px;background:#94a3b81f;overflow:hidden}.study-progressline span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#7c3aed,#3b82f6)}.study-topic-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:15px}.study-topic-meta span{padding:6px 9px;border-radius:999px;border:1px solid rgba(139,92,246,.17);background:#7c3aed0f;color:#c4b5fd;font-size:10px;font-weight:900}.mastery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.mastery-step{position:relative;display:grid;grid-template-columns:40px 42px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:3px 9px;padding:17px;border-radius:17px;border:1px solid rgba(139,92,246,.17);background:linear-gradient(145deg,#1e293b85,#0f172a59)}.mastery-step>span{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;font-weight:950}.mastery-step>i{font-size:24px;font-style:normal}.mastery-step>b{grid-column:3;color:#f8fafc;font-size:13px;letter-spacing:.06em}.mastery-step>p{grid-column:2/4;margin:5px 0 0!important;color:#94a3b8!important;font-size:12px!important;line-height:1.45!important}:root[data-theme=light] .study-search{background:#fff}:root[data-theme=light] .study-search input{color:#111827!important}:root[data-theme=light] .mastery-step{background:#fff}:root[data-theme=light] .mastery-step>b{color:#111827}@media(max-width:850px){.mastery-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.mastery-grid{grid-template-columns:1fr}.study-search{grid-template-columns:32px minmax(0,1fr) 38px}}.piano-practice-section{scroll-margin-top:120px}.practice-layout{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.7fr);gap:14px;align-items:stretch}.practice-menu,.practice-stage{border:1px solid rgba(139,92,246,.2);border-radius:22px;background:linear-gradient(145deg,#1e293ba8,#0f172a80);padding:16px}.practice-menu>small{display:block;margin:2px 4px 11px;color:#a78bfa;font-size:10px;font-weight:950;letter-spacing:.12em}.practice-menu>button{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:8px;margin:6px 0;padding:11px;border:1px solid rgba(148,163,184,.11);border-radius:14px;background:#ffffff06;color:#e5e7eb;text-align:left;transition:.18s ease}.practice-menu>button i{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#7c3aed17;font-size:20px;font-style:normal}.practice-menu>button span{display:flex;min-width:0;flex-direction:column;gap:2px}.practice-menu>button b{font-size:12px}.practice-menu>button em{color:#64748b;font-size:9px;font-style:normal;font-weight:900;letter-spacing:.08em}.practice-menu>button svg{width:15px}.practice-menu>button.active{border-color:#60a5fab3;background:linear-gradient(90deg,#2563eb29,#7c3aed1c);box-shadow:inset 3px 0 #38bdf8}.practice-stage-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start}.practice-stage-head small{color:#a78bfa;font-size:10px;font-weight:950;letter-spacing:.1em}.practice-stage-head h3{margin:5px 0 4px;font-size:22px}.practice-stage-head p{margin:0;color:#94a3b8;font-size:13px;line-height:1.55}.practice-score{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.practice-score span{min-width:74px;padding:8px 9px;border:1px solid rgba(139,92,246,.14);border-radius:11px;background:#02061740;color:#64748b;font-size:8px;font-weight:900;text-align:center}.practice-score b{display:block;color:#f8fafc;font-size:17px}.practice-target{margin:17px 0 10px;padding:18px;border:1px solid rgba(56,189,248,.22);border-radius:18px;background:radial-gradient(circle at 50% 0,rgba(14,165,233,.12),transparent 55%),#02061740;text-align:center}.practice-target>small{display:block;color:#7dd3fc;font-size:9px;font-weight:950;letter-spacing:.16em}.practice-target>strong{display:block;margin:7px 0 12px;color:#e0f2fe;font-size:34px;line-height:1;text-shadow:0 0 18px rgba(56,189,248,.38)}.practice-sequence{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.practice-sequence span{padding:7px 9px;border-radius:9px;border:1px solid rgba(148,163,184,.12);color:#64748b;font-size:10px;font-weight:900}.practice-sequence span.current{border-color:#38bdf8;color:#e0f2fe;background:#0ea5e91f}.practice-sequence span.done{border-color:#22c55e59;color:#86efac;background:#22c55e14}.practice-feedback{min-height:46px;display:flex;align-items:center;padding:10px 13px;border-radius:12px;background:#7c3aed12;color:#c4b5fd;font-size:12px;font-weight:800;line-height:1.45}.practice-feedback.error{background:#ef444414;color:#fecaca}.practice-feedback.success{background:#22c55e14;color:#bbf7d0}.practice-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.practice-actions button{min-height:42px;padding:0 12px;border-radius:11px;font-size:10px;font-weight:950}.practice-teacher{display:flex;gap:10px;margin-top:12px;padding:11px 12px;border-left:3px solid #7c3aed;border-radius:10px;background:#7c3aed0d}.practice-teacher>span{font-size:18px}.practice-teacher p{margin:0!important;color:#94a3b8!important;font-size:11px!important;line-height:1.55!important}.practice-teacher b{color:#c4b5fd}.practice-skills{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:10px}.practice-skills article{padding:11px 8px;border:1px solid rgba(139,92,246,.12);border-radius:12px;background:#0f172a59;text-align:center}.practice-skills b{display:block;color:#e5e7eb;font-size:10px}.practice-skills span{display:block;margin-top:3px;color:#64748b;font-size:9px}:root[data-theme=light] .practice-menu,:root[data-theme=light] .practice-stage,:root[data-theme=light] .practice-skills article{background:#fff}:root[data-theme=light] .practice-menu>button{background:#f8fafc;color:#111827}:root[data-theme=light] .practice-stage-head h3,:root[data-theme=light] .practice-score b{color:#111827}:root[data-theme=light] .practice-target{background:#f8fafc}:root[data-theme=light] .practice-target>strong{color:#0369a1;text-shadow:none}@media(max-width:950px){.practice-layout{grid-template-columns:1fr}.practice-menu{display:grid;grid-template-columns:1fr 1fr;gap:6px}.practice-menu>small{grid-column:1/-1}.practice-menu>button{margin:0}.practice-skills{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.practice-menu,.practice-stage-head{grid-template-columns:1fr}.practice-score{justify-content:flex-start}.practice-target>strong{font-size:28px}.practice-skills{grid-template-columns:1fr 1fr}}.music-progress-card{padding:20px!important}.music-progress-top{display:flex!important;align-items:center;justify-content:space-between;gap:16px}.music-progress-top>div{display:flex;flex-direction:column;gap:4px}.music-progress-top>div>span{font-weight:950;letter-spacing:.04em}.music-progress-top small{color:#94a3b8;font-size:11px}.music-progress-top small b{color:#c4b5fd}.music-progress-top>strong{font-size:30px;color:#e9d5ff}.progress-areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px}.progress-areas article{padding:12px;border:1px solid rgba(139,92,246,.14);border-radius:14px;background:#0f172a52}.progress-areas article>div:first-child{display:flex;justify-content:space-between;gap:8px;color:#e5e7eb;font-size:11px;font-weight:900}.progress-areas article>div:first-child b{color:#c4b5fd}.progress-areas article small{display:block;margin-top:6px;color:#64748b;font-size:9px;line-height:1.35}.mini-progress{height:5px;margin-top:9px;border-radius:999px;background:#94a3b81c;overflow:hidden}.mini-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#7c3aed,#3b82f6)}.progress-summary{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.progress-summary span,.library-learning-status span{padding:6px 9px;border:1px solid rgba(139,92,246,.12);border-radius:999px;background:#7c3aed0d;color:#94a3b8;font-size:9px;font-weight:900}.library-learning-status{display:flex;flex-wrap:wrap;gap:7px;margin:-5px 0 14px}.library-learning-status b{color:#c4b5fd}.study-learning-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 15px}.study-learning-actions button{min-height:40px;padding:0 13px;border-radius:11px;border:1px solid rgba(139,92,246,.18);background:#7c3aed0f;color:#c4b5fd;font-size:10px;font-weight:950}.study-learning-actions button.studied{border-color:#22c55e52;background:#22c55e14;color:#bbf7d0}.study-learning-actions button.reviewing{border-color:#f59e0b57;background:#f59e0b14;color:#fde68a}:root[data-theme=light] .progress-areas article{background:#fff}.music-progress-card:root[data-theme=light]{background:#fff}:root[data-theme=light] .progress-areas article>div:first-child{color:#111827}:root[data-theme=light] .music-progress-top>strong{color:#6d28d9}@media(max-width:800px){.progress-areas{grid-template-columns:1fr}.music-progress-top>strong{font-size:26px}}@media(max-width:500px){.music-progress-top{align-items:flex-start}.music-progress-top>strong{font-size:23px}.study-learning-actions button{width:100%}}.tutor-song-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.tutor-song-card{padding:13px;border:1px solid rgba(139,92,246,.15);border-radius:16px;background:#0f172a4d;transition:.2s}.tutor-song-card:hover,.tutor-song-card.selected{border-color:#ec489966;transform:translateY(-2px)}.tutor-song-icon{height:66px;display:grid;place-items:center;font-size:34px;border-radius:12px;margin-bottom:9px;background:radial-gradient(circle,rgba(217,70,239,.15),rgba(59,130,246,.04),transparent 70%)}.tutor-song-card>small{font-size:8px;color:#c084fc;font-weight:950}.tutor-song-card h3{font-size:14px;margin:4px 0}.tutor-song-card p{font-size:10px;color:#64748b;min-height:24px}.tutor-song-meta{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.tutor-song-meta span{font-size:8px;padding:5px 7px;border-radius:999px;background:#7c3aed12;color:#a78bfa}.tutor-song-card>button{width:100%;min-height:38px;border-radius:10px;border:1px solid rgba(139,92,246,.2);background:#7c3aed14;color:#ddd6fe;font-size:8px;font-weight:950}.tutor-modal article{max-width:840px}.tutor-modal-title{display:flex;gap:14px;align-items:center}.tutor-modal-title>span{font-size:50px}.tutor-modal-title small{color:#c084fc;font-weight:950}.tutor-modal-title h2{margin:2px 0}.tutor-modal-title p{margin:0;color:#64748b}.tutor-controls{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.tutor-controls button,.tutor-open-piano{min-height:43px;padding:0 14px;border-radius:11px}.tutor-speed{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:9px 0}.tutor-speed b{font-size:9px;color:#64748b;margin-right:4px}.tutor-speed button{padding:7px 10px;border-radius:999px;border:1px solid rgba(139,92,246,.16);background:transparent;color:#94a3b8;font-size:9px}.tutor-speed button.active{color:#fff;background:#7c3aed40;border-color:#8b5cf6}.tutor-now{text-align:center;padding:14px;border-radius:15px;background:radial-gradient(circle,#d946ef21,#0f172a4d);border:1px solid rgba(217,70,239,.18)}.tutor-now small,.tutor-now span{display:block;color:#a78bfa;font-size:9px;font-weight:900}.tutor-now strong{display:block;font-size:34px;margin:3px 0;color:#fff;text-shadow:0 0 12px #d946ef,0 0 28px #3b82f6}.tutor-note-strip{display:flex;gap:5px;overflow-x:auto;padding:10px 2px;margin:8px 0}.tutor-note-strip b{flex:0 0 auto;min-width:37px;text-align:center;padding:7px 5px;border-radius:8px;background:#94a3b812;color:#64748b;font-size:9px}.tutor-note-strip b.passed{color:#86efac;background:#22c55e14}.tutor-note-strip b.now{color:#fff;background:linear-gradient(135deg,#db2777,#7c3aed,#2563eb);box-shadow:0 0 14px #d946ef8c;animation:tutorFlash .34s ease-in-out infinite alternate}.psycho-stage{position:relative;min-height:105px;overflow:hidden;border-radius:16px;background:#05050d;border:1px solid rgba(217,70,239,.22);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.psycho-stage i{position:absolute;width:70%;height:2px;left:15%;top:50%;transform-origin:center;animation:laserSweep 1.2s linear infinite}.psycho-stage i:nth-child(1){background:#22d3ee;box-shadow:0 0 14px #22d3ee;transform:rotate(8deg)}.psycho-stage i:nth-child(2){background:#f472b6;box-shadow:0 0 14px #f472b6;transform:rotate(-15deg)}.psycho-stage i:nth-child(3){background:#facc15;box-shadow:0 0 14px #facc15;transform:rotate(29deg)}.psycho-stage i:nth-child(4){background:#a78bfa;box-shadow:0 0 14px #a78bfa;transform:rotate(-35deg)}.psycho-stage i:nth-child(5){background:#34d399;box-shadow:0 0 14px #34d399;transform:rotate(48deg)}.psycho-stage strong,.psycho-stage small{z-index:2}.psycho-stage strong{font-size:12px;color:#fff;letter-spacing:.08em}.psycho-stage small{max-width:520px;margin-top:5px;color:#94a3b8;font-size:8px}@keyframes tutorFlash{0%{filter:brightness(1)}to{filter:brightness(1.8)}}@keyframes laserSweep{0%{opacity:.25}50%{opacity:1}to{opacity:.25}}:root[data-theme=light] .tutor-song-card{background:#fff}:root[data-theme=light] .tutor-now strong{color:#581c87}@media(max-width:1050px){.tutor-song-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.tutor-song-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.tutor-song-grid{grid-template-columns:1fr}.tutor-controls button,.tutor-open-piano{width:100%}}.piano-tutor-live{margin:0 0 16px;padding:15px;border:1px solid rgba(217,70,239,.28);border-radius:18px;background:radial-gradient(circle at 85% 15%,rgba(236,72,153,.12),transparent 28%),radial-gradient(circle at 12% 90%,rgba(59,130,246,.1),transparent 32%),#0f172a5c}.piano-tutor-live-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.piano-tutor-live-head small{color:#e879f9;font-size:9px;font-weight:950;letter-spacing:.06em}.piano-tutor-live-head h3{font-size:20px;margin:3px 0}.piano-tutor-live-head p{margin:0;color:#94a3b8;font-size:10px}.piano-tutor-live-head>button{padding:8px 10px;border-radius:9px;border:1px solid rgba(244,114,182,.2);background:#ec48990d;color:#f9a8d4;font-size:8px;font-weight:950}.piano-tutor-live-controls{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0 8px}.piano-tutor-live-controls button{min-height:42px;padding:0 13px;border-radius:10px}.piano-tutor-status{display:grid;grid-template-columns:1fr .65fr;gap:9px;margin-top:10px}.piano-tutor-status>div:first-child{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:92px;border:1px solid rgba(139,92,246,.15);border-radius:13px;background:#02061742}.piano-tutor-status small{font-size:8px;color:#c084fc;font-weight:950}.piano-tutor-status strong{font-size:31px;color:#fff;text-shadow:0 0 12px #d946ef,0 0 24px #2563eb}.piano-tutor-status span{font-size:8px;color:#64748b}.psycho-mini{position:relative;min-height:92px;border-radius:13px;background:#05050d;overflow:hidden;display:grid;place-items:center}.psycho-mini i{position:absolute;width:75%;height:2px;left:12%;top:50%;opacity:.28}.psycho-mini i:nth-child(1){background:#22d3ee;transform:rotate(13deg);box-shadow:0 0 12px #22d3ee}.psycho-mini i:nth-child(2){background:#f472b6;transform:rotate(-17deg);box-shadow:0 0 12px #f472b6}.psycho-mini i:nth-child(3){background:#facc15;transform:rotate(37deg);box-shadow:0 0 12px #facc15}.psycho-mini i:nth-child(4){background:#a78bfa;transform:rotate(-41deg);box-shadow:0 0 12px #a78bfa}.psycho-mini.playing i{animation:psychoLive .35s ease-in-out infinite alternate}.psycho-mini b{z-index:2;color:#fff;font-size:10px}.piano-tutor-help{margin:8px 0 0;color:#94a3b8;font-size:9px;line-height:1.45}@keyframes psychoLive{0%{opacity:.25;filter:brightness(1)}to{opacity:1;filter:brightness(2.1)}}.white-key.tutor-psycho-key,.black-key.tutor-psycho-key{animation:psychoKey .22s linear infinite alternate!important;z-index:8!important}.white-key.tutor-psycho-key{background:linear-gradient(180deg,#fff,#f0abfc 24%,#67e8f9 50%,#fde047 75%,#c084fc)!important;border-color:#fff!important;box-shadow:0 0 8px #fff,0 0 18px #22d3ee,0 0 30px #ec4899,0 0 45px #a855f7!important}.black-key.tutor-psycho-key{background:linear-gradient(180deg,#f472b6,#7c3aed 38%,#06b6d4 68%,#fde047)!important;border-color:#fff!important;box-shadow:0 0 8px #fff,0 0 20px #ec4899,0 0 34px #22d3ee,0 0 48px #facc15!important}@keyframes psychoKey{0%{filter:hue-rotate(0deg) brightness(1.15)}to{filter:hue-rotate(95deg) brightness(1.85)}}:root[data-theme=light] .piano-tutor-live{background:#fff}:root[data-theme=light] .piano-tutor-status>div:first-child{background:#f8fafc}:root[data-theme=light] .piano-tutor-status strong{color:#581c87}@media(max-width:700px){.piano-tutor-live-head{flex-direction:column}.piano-tutor-status{grid-template-columns:1fr}.piano-tutor-live-controls button{width:100%}}.tutor-song-card .open-piano-native{width:100%;min-height:42px;padding:0 10px;border-radius:10px;border:1px solid rgba(139,92,246,.28);background:#7c3aed1f;color:#ede9fe;font-size:9px;font-weight:950;text-decoration:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.tutor-song-card .open-piano-native:hover{border-color:#ec489980;background:#d946ef1f}.white-key.tutor-psycho-key{background:linear-gradient(180deg,#fff,#67e8f9 22%,#f472b6 48%,#fde047 72%,#a78bfa)!important;border-color:#fff!important;z-index:9!important;box-shadow:0 0 8px #fff,0 0 18px #22d3ee,0 0 30px #ec4899,0 0 44px #a855f7,0 0 58px #facc15!important;animation:mascoPsychoKey .18s linear infinite alternate!important}.black-key.tutor-psycho-key{background:linear-gradient(180deg,#f472b6,#7c3aed 28%,#22d3ee 58%,#fde047)!important;border-color:#fff!important;z-index:10!important;box-shadow:0 0 8px #fff,0 0 20px #ec4899,0 0 34px #22d3ee,0 0 50px #facc15!important;animation:mascoPsychoKey .18s linear infinite alternate!important}@keyframes mascoPsychoKey{0%{filter:hue-rotate(0deg) brightness(1.2) saturate(1.3)}to{filter:hue-rotate(120deg) brightness(2) saturate(1.8)}}#piano-teclado{scroll-margin-top:18px}.tutor-keyboard-anchor{position:relative}.tutor-keyboard-anchor:before{content:"🌈 PIANO TUTOR · LAS TECLAS DE LA CANCIÓN SE ILUMINAN AQUÍ";position:absolute;left:50%;top:-30px;transform:translate(-50%);z-index:20;white-space:nowrap;padding:6px 11px;border-radius:999px;background:#0f172af0;border:1px solid rgba(217,70,239,.38);color:#f5d0fe;font-size:8px;font-weight:950;letter-spacing:.04em;pointer-events:none;opacity:0;transition:.2s}.piano-section:has(.piano-tutor-live) .tutor-keyboard-anchor:before{opacity:1}.tutor-song-card .open-piano-native{min-height:44px;background:linear-gradient(135deg,#7c3aed2e,#db277721)}@media(max-width:600px){#piano-teclado{scroll-margin-top:10px}.tutor-keyboard-anchor:before{white-space:normal;width:92%;text-align:center;top:-38px}}.tutor-elegant-controls{display:grid!important;grid-template-columns:1.15fr 1fr .72fr 1.35fr;gap:9px!important;margin:16px 0 12px!important}.tutor-elegant-controls .tutor-btn{position:relative;min-width:0;min-height:66px!important;padding:10px 12px!important;border-radius:16px!important;border:1px solid rgba(148,163,184,.14)!important;background:linear-gradient(145deg,#1e293bad,#0f172ac7)!important;color:#f8fafc!important;text-decoration:none!important;overflow:hidden;display:grid!important;grid-template-columns:34px 1fr!important;grid-template-rows:auto auto!important;column-gap:9px!important;align-items:center!important;text-align:left!important;box-shadow:inset 0 1px #ffffff0f,0 7px 22px #0000001f!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease!important}.tutor-elegant-controls .tutor-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .2s ease;pointer-events:none;background:linear-gradient(115deg,transparent 18%,rgba(255,255,255,.1) 45%,transparent 70%)}.tutor-elegant-controls .tutor-btn:hover{transform:translateY(-2px)!important;filter:brightness(1.08);box-shadow:inset 0 1px #ffffff17,0 10px 28px #0000002e!important}.tutor-elegant-controls .tutor-btn:hover:before{opacity:1}.tutor-elegant-controls .tutor-btn>span{grid-row:1/3;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-size:15px;font-weight:900;background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff0f}.tutor-elegant-controls .tutor-btn>b{font-size:9px;line-height:1.15;letter-spacing:.035em}.tutor-elegant-controls .tutor-btn>small{font-size:7.5px;color:#94a3b8;line-height:1.15}.tutor-elegant-controls .tutor-btn-play{border-color:#a855f74d!important;background:linear-gradient(145deg,#5b21b64d,#1e1b4bb8)!important}.tutor-elegant-controls .tutor-btn-play>span{color:#e9d5ff;box-shadow:0 0 18px #a855f738,inset 0 0 0 1px #c4b5fd24}.tutor-elegant-controls .tutor-btn-learn{border-color:#3b82f63d!important;background:linear-gradient(145deg,#1e40af38,#0f172ac2)!important}.tutor-elegant-controls .tutor-btn-stop{border-color:#f43f5e33!important;background:linear-gradient(145deg,#7f1d1d2e,#0f172ac2)!important}.tutor-elegant-controls .tutor-btn-change{border-color:#d946ef47!important;background:linear-gradient(145deg,#86198f3d,#312e814d,#0f172ac7)!important}.tutor-elegant-controls .tutor-btn-change>span{color:#f5d0fe;box-shadow:0 0 18px #d946ef33,inset 0 0 0 1px #f472b61f}.piano-tutor-status-clean{grid-template-columns:1fr!important}.piano-tutor-status-clean>div:first-child{min-height:96px!important}.psycho-mini{display:none!important}:root[data-theme=light] .tutor-elegant-controls .tutor-btn{background:linear-gradient(145deg,#fff,#f8fafc)!important;color:#111827!important;border-color:#e2e8f0!important;box-shadow:0 7px 20px #0f172a0f!important}:root[data-theme=light] .tutor-elegant-controls .tutor-btn-play{background:linear-gradient(145deg,#faf5ff,#eef2ff)!important;border-color:#ddd6fe!important}:root[data-theme=light] .tutor-elegant-controls .tutor-btn-change{background:linear-gradient(145deg,#fdf4ff,#eef2ff)!important;border-color:#f0abfc!important}@media(max-width:950px){.tutor-elegant-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.tutor-elegant-controls{grid-template-columns:1fr}.tutor-elegant-controls .tutor-btn{width:100%!important}}.piano-toolbar{align-items:stretch!important}.piano-toolbar label{flex:1 1 250px!important;min-width:220px!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important}.piano-toolbar label input[type=range]{flex:1 1 auto!important;width:100%!important;min-width:70px!important;max-width:100%!important;box-sizing:border-box!important}.piano-toolbar label b{flex:0 0 42px!important;min-width:42px!important;text-align:right!important;white-space:nowrap!important}.piano-toolbar button,.piano-toolbar select,.piano-toolbar label{box-sizing:border-box!important;max-width:100%!important}.instrument-select{flex:1 1 210px!important;min-width:180px!important;max-width:100%!important}.hold-hint{flex:1 1 220px!important;min-width:0!important;max-width:100%!important;overflow-wrap:anywhere}@media(max-width:720px){.piano-toolbar label{flex:1 1 100%!important;min-width:0!important;width:100%!important}.piano-toolbar input[type=range]{min-width:0!important}.instrument-select{flex:1 1 100%!important;min-width:0!important;width:100%!important}}.lyrics-product{display:grid;grid-template-columns:1.35fr .75fr;gap:12px;padding:12px;border:1px solid rgba(168,85,247,.2);border-radius:20px;background:#0f172a47}.lyrics-screen{position:relative;min-height:310px;border-radius:16px;overflow:hidden;background:radial-gradient(circle at 50% 55%,rgba(126,34,206,.24),transparent 32%),linear-gradient(145deg,#050510,#10102a 55%,#070711);display:flex;align-items:center;justify-content:center;text-align:center}.lyrics-orb{position:absolute;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(244,114,182,.24),rgba(124,58,237,.12) 40%,transparent 68%);filter:blur(2px);animation:lyricsPulse 2.4s ease-in-out infinite alternate}.lyric-laser{position:absolute;width:72%;height:1px;left:14%;top:50%;opacity:.4;transform-origin:center}.l1{background:#c084fc;box-shadow:0 0 12px #c084fc;transform:rotate(18deg)}.l2{background:#f472b6;box-shadow:0 0 12px #f472b6;transform:rotate(-22deg)}.l3{background:#60a5fa;box-shadow:0 0 12px #60a5fa;transform:rotate(48deg)}.lyrics-screen.is-playing .lyric-laser{animation:lyricLaser 1s ease-in-out infinite alternate}.lyrics-brand{position:absolute;top:16px;left:17px;text-align:left}.lyrics-brand span{display:block;font-size:7px;color:#94a3b8;letter-spacing:.18em}.lyrics-brand b{font-size:10px;color:#fff}.lyrics-animated{position:relative;z-index:3;max-width:85%;display:flex;flex-direction:column;gap:9px}.lyrics-animated small,.lyrics-animated em{font-size:10px;color:#64748b;font-style:normal;font-weight:800}.lyrics-animated strong{font-size:clamp(20px,3vw,38px);line-height:1.05;color:#fff;text-shadow:0 0 18px rgba(192,132,252,.55),0 0 34px rgba(244,114,182,.25)}.lyrics-screen.is-playing .lyrics-animated strong{animation:lyricText .5s ease both}.lyrics-bars{position:absolute;left:7%;right:7%;bottom:15px;height:34px;display:flex;gap:3px;align-items:flex-end;justify-content:center}.lyrics-bars i{width:3px;height:20%;border-radius:4px;background:#c4b5fd80}.lyrics-screen.is-playing .lyrics-bars i{animation:lyricBar .55s ease-in-out infinite alternate}.lyrics-player-controls{padding:12px;display:flex;flex-direction:column;justify-content:center;gap:12px}.lyrics-play{min-height:50px;border-radius:14px;border:1px solid rgba(192,132,252,.28);background:linear-gradient(135deg,#5b21b661,#9d174d3d);color:#fff;font-weight:950;font-size:10px;box-shadow:inset 0 1px #ffffff12,0 8px 26px #00000024}.lyrics-sales-copy{padding:12px;border-radius:13px;background:#7c3aed0f}.lyrics-sales-copy b{display:block;color:#ddd6fe;font-size:9px}.lyrics-sales-copy span{display:block;margin-top:5px;color:#94a3b8;font-size:9px;line-height:1.5}.lyrics-actions{display:grid;gap:7px}.lyrics-actions a{min-height:43px;border-radius:11px;border:1px solid rgba(139,92,246,.2);display:flex;align-items:center;justify-content:center;text-decoration:none;color:#ede9fe;background:#7c3aed14;font-size:9px;font-weight:950}.movie-midi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.movie-midi-grid article{padding:13px;border:1px solid rgba(139,92,246,.14);border-radius:15px;background:#0f172a47}.movie-midi-grid article>span{font-size:30px}.movie-midi-grid small{display:block;margin-top:8px;color:#a78bfa;font-size:8px;font-weight:950}.movie-midi-grid h3{font-size:13px;margin:4px 0}.movie-midi-grid p{font-size:9px;color:#94a3b8;line-height:1.45;min-height:66px}.movie-midi-grid a{display:flex;min-height:36px;align-items:center;justify-content:center;border-radius:9px;border:1px solid rgba(139,92,246,.2);color:#ddd6fe;text-decoration:none;font-size:8px;font-weight:950}@keyframes lyricsPulse{to{transform:scale(1.15);filter:blur(5px)}}@keyframes lyricLaser{to{opacity:1;filter:brightness(1.7)}}@keyframes lyricText{0%{opacity:.25;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}@keyframes lyricBar{to{height:95%;opacity:1}}:root[data-theme=light] .lyrics-product,:root[data-theme=light] .movie-midi-grid article{background:#fff}@media(max-width:1000px){.movie-midi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.lyrics-product{grid-template-columns:1fr}.movie-midi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.movie-midi-grid{grid-template-columns:1fr}.lyrics-screen{min-height:260px}}.midi-upload-pro{padding:14px;border-radius:20px;border:1px solid rgba(139,92,246,.2);background:linear-gradient(145deg,#1e1b4b57,#0f172a47);overflow:hidden}.midi-drop-card{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:16px;border-radius:16px;border:1px dashed rgba(192,132,252,.32);background:#7c3aed0e}.midi-file-icon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;font-size:28px;background:linear-gradient(145deg,#7c3aed38,#db27771f);box-shadow:inset 0 0 0 1px #ffffff0d,0 0 24px #7c3aed1a}.midi-drop-card small,.midi-song-data small,.midi-current-note small{font-size:8px;font-weight:950;color:#a78bfa;letter-spacing:.08em}.midi-drop-card h3{margin:3px 0;font-size:16px}.midi-drop-card p{margin:0;color:#94a3b8;font-size:9px}.midi-load-btn,.midi-file-actions button,.midi-file-actions a{min-height:44px;border-radius:12px;border:1px solid rgba(168,85,247,.26);background:linear-gradient(135deg,#6d28d952,#4c1d952e);color:#f5f3ff;font-size:9px;font-weight:950;text-decoration:none;padding:0 15px;display:flex;align-items:center;justify-content:center;transition:.18s}.midi-load-btn:hover,.midi-file-actions button:hover,.midi-file-actions a:hover{transform:translateY(-2px);filter:brightness(1.12);box-shadow:0 8px 24px #7c3aed24}.midi-file-error{margin-top:9px;padding:10px 12px;border-radius:11px;border:1px solid rgba(244,63,94,.22);background:#7f1d1d1f;font-size:9px;color:#fecdd3}.midi-now-playing{display:grid;grid-template-columns:1fr auto 1.3fr;gap:12px;align-items:center;margin-top:11px;padding:13px;border-radius:15px;background:#0206173d}.midi-song-data strong{display:block;margin:3px 0;font-size:14px}.midi-song-data span{font-size:9px;color:#94a3b8}.midi-current-note{text-align:center;min-width:95px}.midi-current-note b{display:block;font-size:22px;color:#60a5fa;text-shadow:0 0 18px rgba(59,130,246,.38)}.midi-file-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.midi-file-play{border-color:#3b82f657!important;background:linear-gradient(135deg,#2563eb52,#6d28d942)!important}.midi-privacy-line{margin-top:10px;color:#64748b;font-size:8px;text-align:center}.projector-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tool-projector{min-width:0;padding:13px;border-radius:20px;border:1px solid rgba(139,92,246,.18);background:linear-gradient(145deg,#1e1b4b4d,#0f172a57);overflow:hidden}.projector-head{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin-bottom:10px}.projector-head>span{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;font-size:21px;background:#7c3aed1c;box-shadow:inset 0 0 0 1px #c4b5fd1a}.projector-head small{display:block;color:#8b5cf6;font-size:7px;font-weight:950;letter-spacing:.08em}.projector-head h3{margin:2px 0 0;font-size:13px}.projector-head>b{padding:6px 8px;border-radius:999px;border:1px solid rgba(168,85,247,.18);font-size:7px;color:#c4b5fd}.projector-frame{position:relative;aspect-ratio:16/9;border-radius:15px;overflow:hidden;background:#020617;border:1px solid rgba(192,132,252,.18);box-shadow:inset 0 0 25px #7c3aed24,0 10px 32px #0000002e}.projector-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(circle at 50% 110%,rgba(168,85,247,.2),transparent 46%)}.projector-light{position:absolute;z-index:1;left:12%;right:12%;top:-2px;height:2px;background:linear-gradient(90deg,transparent,#a78bfa,#f472b6,transparent);box-shadow:0 0 14px #a78bfa;pointer-events:none}.projector-frame iframe{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.tool-projector>p{min-height:42px;margin:10px 2px;color:#94a3b8;font-size:9px;line-height:1.5}.projector-actions{display:grid;grid-template-columns:1.25fr .75fr;gap:7px}.projector-actions a{min-height:42px;border-radius:11px;border:1px solid rgba(139,92,246,.18);display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;color:#ddd6fe;font-size:8px;font-weight:950;background:#7c3aed0f}.projector-actions .projector-main{background:linear-gradient(135deg,#6d28d952,#9d174d2e);border-color:#c084fc40}:root[data-theme=light] .midi-upload-pro,:root[data-theme=light] .tool-projector{background:#fff}:root[data-theme=light] .midi-now-playing{background:#f8fafc}:root[data-theme=light] .midi-load-btn,:root[data-theme=light] .midi-file-actions button,:root[data-theme=light] .midi-file-actions a,:root[data-theme=light] .projector-actions a{color:#4c1d95}@media(max-width:850px){.projector-grid{grid-template-columns:1fr}.midi-now-playing{grid-template-columns:1fr 1fr}.midi-file-actions{grid-column:1/-1}}@media(max-width:620px){.midi-drop-card{grid-template-columns:auto 1fr}.midi-load-btn{grid-column:1/-1;width:100%}.midi-now-playing{grid-template-columns:1fr}.midi-current-note{text-align:left}.midi-file-actions,.projector-actions{grid-template-columns:1fr}}.header-feature-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}.header-feature-actions>a,.header-feature-actions>button{position:relative;isolation:isolate;overflow:hidden;height:46px;min-width:86px;padding:6px 10px;border-radius:14px;border:1px solid rgba(168,85,247,.24);color:#f8fafc;text-decoration:none;display:grid;grid-template-columns:25px 1fr;grid-template-rows:1fr 1fr;align-items:center;text-align:left;column-gap:6px;background:linear-gradient(145deg,#1e1b4be0,#0f172af0);box-shadow:inset 0 1px #ffffff12,0 5px 18px #00000021;transition:transform .18s ease,filter .18s ease,border-color .18s ease,box-shadow .18s ease;cursor:pointer}.header-feature-actions>a:before,.header-feature-actions>button:before{content:"";position:absolute;z-index:-1;top:-50%;right:-50%;bottom:-50%;left:-50%;background:conic-gradient(from 180deg,transparent,rgba(192,132,252,.22),transparent 34%,rgba(244,114,182,.16),transparent 66%);animation:headerFeatureGlow 5s linear infinite;opacity:.72}.header-feature-actions>a:after,.header-feature-actions>button:after{content:"";position:absolute;z-index:-1;top:1px;right:1px;bottom:1px;left:1px;border-radius:12px;background:linear-gradient(145deg,#1e1b4bf5,#0f172afa)}.header-feature-actions span{grid-row:1/3;width:25px;height:25px;display:grid;place-items:center;font-size:14px;border-radius:8px;background:#ffffff0e}.header-feature-actions b{font-size:8.5px;line-height:1;font-weight:1000;letter-spacing:.025em;white-space:nowrap}.header-feature-actions small{font-size:6.7px;line-height:1;color:#a5b4fc;font-weight:900;letter-spacing:.06em;white-space:nowrap}.header-feature-actions>a:hover,.header-feature-actions>button:hover{transform:translateY(-2px);filter:brightness(1.14);border-color:#d8b4fe75;box-shadow:0 8px 24px #7c3aed2e,0 0 18px #a855f71a}.header-join{border-color:#facc153d!important}.header-join span{background:#facc1514!important}.header-join small{color:#fde68a!important}.header-support{border-color:#f43f5e40!important}.header-support span{background:#f43f5e14!important}.header-support small{color:#fda4af!important}.header-support.speaking{box-shadow:0 0 0 1px #f43f5e33,0 0 24px #f43f5e33!important}.header-support.speaking span{animation:headerHeart .7s ease-in-out infinite alternate}.header-share{border-color:#d946ef4d!important}.header-share span{background:#d946ef17!important}.header-share small{color:#f0abfc!important}@keyframes headerFeatureGlow{to{transform:rotate(360deg)}}@keyframes headerHeart{to{transform:scale(1.16)}}:root[data-theme=light] .header-feature-actions>a,:root[data-theme=light] .header-feature-actions>button{color:#111827;background:#fff;border-color:#ddd6fe;box-shadow:0 4px 14px #0f172a12}:root[data-theme=light] .header-feature-actions>a:after,:root[data-theme=light] .header-feature-actions>button:after{background:linear-gradient(145deg,#fff,#faf5ff)}@media(min-width:1251px){.site-header{padding-left:16px!important;padding-right:16px!important;gap:10px!important}.main-links{gap:2px!important}.main-links a{font-size:12px!important;padding:12px 8px!important;min-height:44px!important}}@media(min-width:901px)and (max-width:1380px){.header-feature-actions b{font-size:7.5px}.header-feature-actions small{display:none}.header-feature-actions>a,.header-feature-actions>button{min-width:47px;width:47px;padding:5px;grid-template-columns:1fr;grid-template-rows:25px auto;text-align:center}.header-feature-actions span{grid-row:auto;margin:auto}.header-feature-actions b{white-space:normal;line-height:1.05}}@media(max-width:900px){.header-feature-actions{margin-left:auto}.header-feature-actions>a,.header-feature-actions>button{width:42px;min-width:42px;height:42px;padding:4px;display:grid;grid-template-columns:1fr;grid-template-rows:1fr}.header-feature-actions span{grid-row:auto;margin:auto}.header-feature-actions b,.header-feature-actions small{display:none}}@media(max-width:480px){.header-feature-actions{gap:3px}.header-feature-actions>a,.header-feature-actions>button{width:37px;min-width:37px;height:39px;border-radius:11px}.header-feature-actions span{font-size:12px;width:23px;height:23px}}.midi-file-lab .section-title h2{font-size:clamp(28px,3.2vw,46px)!important;line-height:1.06!important}.midi-file-lab .section-title p{font-size:clamp(14px,1.25vw,18px)!important;line-height:1.6!important;max-width:900px!important}.midi-upload-pro{padding:22px!important}.midi-drop-card{padding:22px!important;gap:18px!important}.midi-file-icon{width:72px!important;height:72px!important;font-size:35px!important;border-radius:20px!important}.midi-drop-card small{font-size:11px!important}.midi-drop-card h3{font-size:clamp(20px,2vw,28px)!important;margin:5px 0!important}.midi-drop-card p{font-size:13px!important}.midi-load-btn{min-height:54px!important;padding:0 22px!important;font-size:12px!important;border-radius:15px!important}.midi-now-playing-xl{padding:18px!important;grid-template-columns:1.15fr .55fr 1.3fr!important;gap:16px!important}.midi-now-playing-xl .midi-song-data small,.midi-now-playing-xl .midi-current-note small{font-size:10px!important}.midi-now-playing-xl .midi-song-data strong{font-size:22px!important;margin:5px 0!important}.midi-now-playing-xl .midi-song-data span{font-size:12px!important}.midi-now-playing-xl .midi-current-note b{font-size:32px!important}.midi-file-actions-xl button,.midi-file-actions-xl a{min-height:52px!important;font-size:10px!important;border-radius:14px!important}.midi-privacy-line{font-size:10px!important;margin-top:14px!important}.midi-sticky-player{position:sticky;bottom:12px;z-index:90;width:min(1180px,calc(100% - 20px));margin:16px auto 0;padding:10px;display:grid;grid-template-columns:minmax(170px,1.2fr) auto auto minmax(180px,1fr) auto auto;gap:9px;align-items:center;border:1px solid rgba(192,132,252,.34);border-radius:18px;background:#080a19f0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 14px 40px #00000057,0 0 26px #7c3aed1f,inset 0 1px #ffffff0f}.midi-sticky-title{min-width:0;display:flex;align-items:center;gap:9px}.midi-sticky-title>span{width:40px;height:40px;flex:0 0 40px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:linear-gradient(145deg,#7c3aed40,#db27771f)}.midi-sticky-title small,.midi-sticky-note small,.midi-speed small{display:block;font-size:8px;color:#a78bfa;font-weight:950;letter-spacing:.08em}.midi-sticky-title strong{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#fff}.midi-sticky-main,.midi-sticky-change{height:46px;border-radius:13px;border:1px solid rgba(168,85,247,.28);color:#fff;background:linear-gradient(135deg,#5b21b685,#7e22ce4d);display:flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;font-size:12px;font-weight:950}.midi-sticky-main b,.midi-sticky-change b{font-size:9px}.midi-sticky-note{min-width:76px;text-align:center}.midi-sticky-note b{display:block;font-size:20px;color:#60a5fa;text-shadow:0 0 14px rgba(59,130,246,.5)}.midi-sticky-progress{min-width:0}.midi-sticky-progress>div{display:flex;justify-content:space-between;font-size:9px;color:#cbd5e1;font-weight:850;margin-bottom:5px}.midi-sticky-progress progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:7px;border:0;border-radius:999px;overflow:hidden;background:#1e293b}.midi-sticky-progress progress::-webkit-progress-bar{background:#1e293b}.midi-sticky-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#7c3aed,#c026d3,#3b82f6)}.midi-sticky-progress progress::-moz-progress-bar{background:linear-gradient(90deg,#7c3aed,#c026d3,#3b82f6)}.midi-speed{min-width:76px}.midi-speed select{width:100%;height:31px;margin-top:3px;border-radius:9px;border:1px solid rgba(148,163,184,.18);background:#111827;color:#fff;font-size:11px;font-weight:900;padding:0 7px}.midi-sticky-change{background:#1e293bbd;padding:0 11px}:root[data-theme=light] .midi-sticky-player{background:#fffffff5;border-color:#ddd6fe;box-shadow:0 14px 35px #0f172a24}:root[data-theme=light] .midi-sticky-title strong,:root[data-theme=light] .midi-sticky-main,:root[data-theme=light] .midi-sticky-change{color:#111827}:root[data-theme=light] .midi-sticky-main{color:#fff}:root[data-theme=light] .midi-speed select{background:#fff;color:#111827}@media(max-width:1050px){.midi-sticky-player{grid-template-columns:1fr auto auto 1fr}.midi-speed,.midi-sticky-change{display:none}}@media(max-width:720px){.midi-now-playing-xl{grid-template-columns:1fr!important}.midi-sticky-player{bottom:7px;grid-template-columns:1fr auto auto;width:calc(100% - 12px);border-radius:15px}.midi-sticky-progress{grid-column:1/-1}.midi-sticky-title strong{max-width:145px}.midi-sticky-main b{display:none}}@media(max-width:440px){.midi-sticky-note{display:none}.midi-sticky-player{grid-template-columns:1fr auto}.midi-sticky-progress{grid-column:1/-1}.midi-upload-pro{padding:13px!important}.midi-drop-card{padding:14px!important}}@media(min-width:1181px){.site-header{min-height:104px!important;padding:12px 18px!important;gap:12px!important}.brand{flex:0 0 auto!important}.main-links{gap:5px!important;flex:1 1 auto!important;justify-content:center!important}.main-links a{min-height:52px!important;padding:0 13px!important;border-radius:14px!important;font-size:14px!important;font-weight:850!important;white-space:nowrap!important}.header-feature-actions{gap:8px!important}.header-feature-actions>a,.header-feature-actions>button{width:auto!important;min-width:112px!important;height:58px!important;padding:7px 13px!important;display:grid!important;grid-template-columns:32px 1fr!important;grid-template-rows:1fr 1fr!important;column-gap:8px!important;text-align:left!important;border-radius:16px!important}.header-feature-actions span{grid-row:1/3!important;width:32px!important;height:32px!important;margin:0!important;font-size:18px!important;border-radius:10px!important}.header-feature-actions b{display:block!important;font-size:11px!important;line-height:1!important;white-space:nowrap!important;letter-spacing:.025em!important}.header-feature-actions small{display:block!important;font-size:8px!important;line-height:1!important;white-space:nowrap!important;letter-spacing:.07em!important}}@media(min-width:901px)and (max-width:1180px){.site-header{min-height:96px!important;padding:10px 12px!important;gap:7px!important}.main-links{gap:2px!important}.main-links a{font-size:11px!important;padding:0 7px!important;min-height:48px!important}.header-feature-actions{gap:5px!important}.header-feature-actions>a,.header-feature-actions>button{width:62px!important;min-width:62px!important;height:56px!important;padding:5px!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:27px auto!important;text-align:center!important}.header-feature-actions span{grid-row:auto!important;margin:auto!important;width:27px!important;height:27px!important;font-size:15px!important}.header-feature-actions b{display:block!important;font-size:8px!important;white-space:normal!important}.header-feature-actions small{display:none!important}}.midi-piano-control-deck{margin:20px 0 14px;padding:18px;border-radius:22px;border:1px solid rgba(96,165,250,.3);background:linear-gradient(145deg,#111827f7,#1e1b4bf5);box-shadow:0 16px 42px #00000040,0 0 28px #3b82f61a,inset 0 1px #ffffff12;scroll-margin-top:118px;overflow:hidden}.midi-deck-top{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.midi-deck-identity{display:flex;align-items:center;gap:14px;min-width:0}.midi-deck-identity>span{width:64px;height:64px;flex:0 0 64px;display:grid;place-items:center;border-radius:18px;font-size:30px;background:linear-gradient(145deg,#2563eb3d,#7e22ce42);box-shadow:inset 0 0 0 1px #93c5fd24,0 0 24px #3b82f61a}.midi-deck-identity small{display:block;font-size:11px;font-weight:1000;letter-spacing:.09em;color:#93c5fd}.midi-deck-identity h3{margin:4px 0 3px;font-size:clamp(22px,2.3vw,34px);line-height:1.05;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.midi-deck-identity p{margin:0;font-size:13px;color:#a5b4fc;font-weight:750}.midi-deck-live{min-width:190px;text-align:center;padding:12px 18px;border-radius:16px;border:1px solid rgba(59,130,246,.22);background:#02061752}.midi-deck-live small{display:block;font-size:10px;font-weight:1000;color:#93c5fd;letter-spacing:.07em}.midi-deck-live strong{display:block;margin-top:3px;font-size:clamp(28px,3vw,42px);line-height:1;color:#60a5fa;text-shadow:0 0 22px rgba(59,130,246,.6)}.midi-deck-progress{margin:16px 0 14px}.midi-deck-progress>div{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-bottom:7px}.midi-deck-progress b{font-size:13px;color:#e0e7ff}.midi-deck-progress span{text-align:center;font-size:10px;font-weight:1000;letter-spacing:.08em;color:#94a3b8}.midi-deck-progress progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:11px;border:0;border-radius:999px;overflow:hidden;background:#1e293b}.midi-deck-progress progress::-webkit-progress-bar{background:#1e293b}.midi-deck-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#2563eb,#7c3aed,#d946ef);box-shadow:0 0 14px #3b82f680}.midi-deck-progress progress::-moz-progress-bar{background:linear-gradient(90deg,#2563eb,#7c3aed,#d946ef)}.midi-deck-controls{display:grid;grid-template-columns:1.35fr 1.25fr .8fr .8fr;gap:9px}.midi-deck-controls button,.midi-deck-controls label{min-height:64px;border-radius:15px;border:1px solid rgba(148,163,184,.16);background:#0f172a99;color:#f8fafc}.midi-deck-controls button{display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;transition:.18s}.midi-deck-controls button:hover{transform:translateY(-2px);border-color:#93c5fd61;box-shadow:0 8px 22px #3b82f61a}.midi-deck-controls button span{font-size:18px}.midi-deck-controls button b{font-size:11px;letter-spacing:.035em}.midi-deck-controls .midi-deck-play{background:linear-gradient(135deg,#2563eb75,#6d28d96b);border-color:#60a5fa57;box-shadow:inset 0 1px #ffffff12,0 0 20px #3b82f617}.midi-deck-controls label{padding:8px 11px;display:grid;grid-template-rows:auto 1fr;gap:5px}.midi-deck-controls label span{font-size:9px;font-weight:1000;color:#c4b5fd;letter-spacing:.06em}.midi-deck-controls select{width:100%;min-width:0;border:0;border-radius:9px;background:#111827;color:#fff;font-size:12px;font-weight:900;padding:0 9px;outline:none}.midi-deck-tip{margin-top:11px;text-align:center;font-size:9px;font-weight:900;letter-spacing:.035em;color:#94a3b8}:root[data-theme=light] .midi-piano-control-deck{background:linear-gradient(145deg,#fff,#f5f3ff);border-color:#bfdbfe;box-shadow:0 14px 34px #0f172a1a}:root[data-theme=light] .midi-deck-identity h3,:root[data-theme=light] .midi-deck-controls button{color:#111827}:root[data-theme=light] .midi-deck-live{background:#eff6ff}:root[data-theme=light] .midi-deck-controls button,:root[data-theme=light] .midi-deck-controls label{background:#f8fafc}:root[data-theme=light] .midi-deck-controls select{background:#fff;color:#111827;border:1px solid #e5e7eb}@media(max-width:820px){.midi-deck-top{grid-template-columns:1fr}.midi-deck-live{text-align:left}.midi-deck-controls{grid-template-columns:1fr 1fr}.midi-deck-controls .midi-deck-play{grid-column:1/-1}}@media(max-width:520px){.midi-piano-control-deck{padding:13px;border-radius:17px}.midi-deck-identity>span{width:48px;height:48px;flex-basis:48px;font-size:23px}.midi-deck-identity h3{font-size:20px}.midi-deck-controls{grid-template-columns:1fr}.midi-deck-controls .midi-deck-play{grid-column:auto}.midi-deck-controls button,.midi-deck-controls label{min-height:58px}}:root{--masco-readable:16px}body{font-size:16px!important}.section{padding-top:38px!important;padding-bottom:38px!important}.section p,.section li{font-size:15px!important;line-height:1.7!important}.section-title h2{font-size:clamp(32px,4vw,54px)!important;line-height:1.08!important}.section-title p{font-size:17px!important;line-height:1.65!important;max-width:980px!important}.section-title .tag,.section-title>span{font-size:12px!important}button,.button,.btn,[class*=-btn],[class*=button]{font-size:14px!important}.section button,.section a.youtube,.section .support,.share-big,.projector-actions a{min-height:52px!important;padding:12px 18px!important;font-size:13px!important;font-weight:900!important}@media(min-width:1281px){.site-header{min-height:112px!important;padding:14px 20px!important;gap:13px!important}.brand img{width:54px!important;height:54px!important}.brand b{font-size:18px!important}.brand small{font-size:10px!important}.main-links{gap:6px!important}.main-links a{min-height:58px!important;padding:0 15px!important;font-size:15px!important;border-radius:16px!important}.header-feature-actions>a,.header-feature-actions>button{min-width:132px!important;height:64px!important;padding:8px 15px!important;grid-template-columns:36px 1fr!important;column-gap:9px!important;border-radius:17px!important}.header-feature-actions span{width:36px!important;height:36px!important;font-size:20px!important}.header-feature-actions b{font-size:12px!important}.header-feature-actions small{font-size:9px!important}.head-actions button{width:50px!important;height:50px!important}}.card,.lesson-card,.topic-card,.practice-card,.tool-card,.eco-card,.learning-panel{padding:18px!important;border-radius:18px!important}.card h3,.lesson-card h3,.topic-card h3,.practice-card h3,.tool-card h3,.eco-card h3{font-size:19px!important;line-height:1.25!important}.card p,.lesson-card p,.topic-card p,.practice-card p,.tool-card p,.eco-card p{font-size:14px!important}.topic-card small,.practice-card small,.tool-card small{font-size:11px!important}input,select,textarea{min-height:48px!important;font-size:14px!important;padding:10px 13px!important}.library-search input{min-height:56px!important;font-size:16px!important}.piano-toolbar button,.piano-toolbar select,.piano-toolbar label{font-size:13px!important}.learning-panel small{font-size:11px!important}.learning-panel span{font-size:13px!important}.computer-keys kbd{min-width:36px!important;min-height:36px!important;font-size:14px!important}.note-history-pro b{font-size:14px!important;padding:8px 10px!important}.midi-file-lab .section-title h2{font-size:clamp(36px,4.4vw,58px)!important}.midi-file-lab .section-title p{font-size:18px!important}.midi-upload-pro,.midi-drop-card{padding:26px!important}.midi-file-icon{width:82px!important;height:82px!important;font-size:40px!important}.midi-drop-card small{font-size:13px!important}.midi-drop-card h3{font-size:30px!important}.midi-drop-card p{font-size:15px!important}.midi-load-btn{min-height:62px!important;font-size:14px!important;padding:0 26px!important}.midi-now-playing-xl .midi-song-data small,.midi-now-playing-xl .midi-current-note small{font-size:12px!important}.midi-now-playing-xl .midi-song-data strong{font-size:27px!important}.midi-now-playing-xl .midi-song-data span{font-size:14px!important}.midi-now-playing-xl .midi-current-note b{font-size:40px!important}.midi-file-actions-xl button,.midi-file-actions-xl a{min-height:60px!important;font-size:13px!important}.midi-piano-control-deck{padding:24px!important;border-radius:24px!important;scroll-margin-top:125px!important}.midi-deck-identity>span{width:76px!important;height:76px!important;flex-basis:76px!important;font-size:36px!important}.midi-deck-identity small{font-size:13px!important}.midi-deck-identity h3{font-size:clamp(28px,3vw,42px)!important}.midi-deck-identity p{font-size:16px!important}.midi-deck-live{min-width:230px!important;padding:16px 22px!important}.midi-deck-live small{font-size:12px!important}.midi-deck-live strong{font-size:clamp(38px,4vw,54px)!important}.midi-deck-progress{margin:20px 0 18px!important}.midi-deck-progress b{font-size:16px!important}.midi-deck-progress span{font-size:12px!important}.midi-deck-progress progress{height:14px!important}.midi-deck-controls{gap:12px!important}.midi-deck-controls button,.midi-deck-controls label{min-height:78px!important;border-radius:17px!important}.midi-deck-controls button span{font-size:24px!important}.midi-deck-controls button b{font-size:14px!important}.midi-deck-controls label span{font-size:11px!important}.midi-deck-controls select{font-size:14px!important;min-height:42px!important}.midi-deck-tip{font-size:12px!important;margin-top:14px!important}.projector-head>span{width:56px!important;height:56px!important;font-size:27px!important}.projector-head small{font-size:10px!important}.projector-head h3{font-size:20px!important}.projector-head>b{font-size:10px!important;padding:8px 11px!important}.tool-projector{padding:18px!important}.tool-projector>p{font-size:15px!important;min-height:70px!important}.projector-actions a{font-size:13px!important;min-height:56px!important}.share-card>div>span{font-size:13px!important}.share-card h2{font-size:clamp(28px,3vw,42px)!important}.share-card p{font-size:16px!important}.share-big{font-size:14px!important;min-height:58px!important}.modal h2,.topic-modal h2{font-size:clamp(28px,3vw,42px)!important}.modal p,.topic-modal p{font-size:15px!important;line-height:1.7!important}.modal button,.topic-modal button{min-height:50px!important;font-size:13px!important}@media(max-width:1280px)and (min-width:901px){.main-links a{font-size:12px!important;min-height:52px!important;padding:0 8px!important}.header-feature-actions>a,.header-feature-actions>button{width:68px!important;min-width:68px!important;height:60px!important}.header-feature-actions b{font-size:9px!important}}@media(max-width:900px){body{font-size:15px!important}.section-title h2{font-size:34px!important}.section-title p{font-size:16px!important}.header-feature-actions>a,.header-feature-actions>button{width:48px!important;min-width:48px!important;height:48px!important}.header-feature-actions span{width:29px!important;height:29px!important;font-size:17px!important}.midi-deck-controls button,.midi-deck-controls label{min-height:68px!important}}@media(max-width:520px){.section{padding-top:28px!important;padding-bottom:28px!important}.section-title h2{font-size:29px!important}.section p,.section li{font-size:14px!important}.midi-file-lab .section-title h2{font-size:31px!important}.midi-drop-card h3{font-size:23px!important}.midi-piano-control-deck{padding:16px!important}.midi-deck-identity>span{width:56px!important;height:56px!important;flex-basis:56px!important;font-size:27px!important}.midi-deck-identity h3{font-size:24px!important}.midi-deck-live strong{font-size:38px!important}.projector-head h3{font-size:17px!important}}.midi-deck-controls{grid-template-columns:1.35fr 1.2fr .72fr .78fr .82fr!important}.midi-deck-close,.midi-close-upload{border-color:#f43f5e57!important;background:linear-gradient(135deg,#7f1d1d61,#9f12393d)!important}.midi-deck-close:hover,.midi-close-upload:hover{border-color:#fb71859e!important;box-shadow:0 8px 24px #f43f5e29!important}.midi-deck-close span{color:#fda4af!important}.midi-close-upload{color:#fecdd3!important}@media(max-width:1050px){.midi-deck-controls{grid-template-columns:1fr 1fr 1fr!important}.midi-deck-controls .midi-deck-play{grid-column:span 2}}@media(max-width:700px){.midi-deck-controls{grid-template-columns:1fr 1fr!important}.midi-deck-controls .midi-deck-play{grid-column:1/-1}}@media(max-width:520px){.midi-deck-controls{grid-template-columns:1fr!important}.midi-deck-controls .midi-deck-play{grid-column:auto!important}}@media(min-width:1181px){.site-header{min-height:96px!important;padding:10px 14px!important;gap:8px!important}.brand img{width:48px!important;height:48px!important}.brand b{font-size:16px!important}.brand small{font-size:9px!important}.main-links{gap:2px!important}.main-links a{min-height:48px!important;padding:0 9px!important;font-size:12px!important;border-radius:13px!important}.header-feature-actions{gap:5px!important}.header-feature-actions>a,.header-feature-actions>button{min-width:94px!important;height:54px!important;padding:6px 9px!important;grid-template-columns:28px 1fr!important;column-gap:6px!important;border-radius:14px!important}.header-feature-actions span{width:28px!important;height:28px!important;font-size:16px!important}.header-feature-actions b{font-size:9px!important}.header-feature-actions small{font-size:7px!important}.head-actions button{width:44px!important;height:44px!important}}.header-midi{border-color:#3b82f657!important}.header-midi span{background:#2563eb24!important}.header-midi small{color:#93c5fd!important}.library-grid .topic-card,.topic-grid .topic-card{padding:14px!important}.library-grid .topic-card h3,.topic-grid .topic-card h3{font-size:16px!important;line-height:1.22!important}.library-grid .topic-card p,.topic-grid .topic-card p{font-size:12.5px!important;line-height:1.5!important}.library-grid .topic-card small,.topic-grid .topic-card small{font-size:9.5px!important}.piano-scroll,.piano-keyboard-wrap,.keyboard-scroll{overflow-x:visible!important;max-width:100%!important}.piano,.piano-keyboard,.keyboard{width:100%!important;max-width:100%!important}#piano-teclado{width:100%!important;max-width:100%!important;overflow:visible!important}#piano-teclado .white-keys,#piano-teclado .piano-whites{width:100%!important}#piano-teclado .white-key{min-width:0!important;flex:1 1 0!important}@media(max-width:900px){#piano-teclado{transform-origin:top left}}.projector-actions a{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(192,132,252,.34)!important;box-shadow:0 8px 24px #7c3aed1a,inset 0 1px #ffffff12!important;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease!important}.projector-actions a:before{content:"";position:absolute;z-index:-1;top:-70%;right:-70%;bottom:-70%;left:-70%;background:conic-gradient(from 0deg,transparent,rgba(168,85,247,.32),transparent 30%,rgba(236,72,153,.25),transparent 62%,rgba(59,130,246,.22),transparent);animation:projectorButtonGlow 5s linear infinite}.projector-actions a:after{content:"";position:absolute;z-index:-1;top:2px;right:2px;bottom:2px;left:2px;border-radius:9px;background:#0f172af0}.projector-actions .projector-main:after{background:linear-gradient(135deg,#6d28d9,#a21caf)}.projector-actions a:hover{transform:translateY(-3px) scale(1.015);filter:brightness(1.13);box-shadow:0 12px 30px #a855f73b,0 0 24px #ec489921!important}@keyframes projectorButtonGlow{to{transform:rotate(360deg)}}:root[data-theme=light] .projector-actions a:after{background:#fff}:root[data-theme=light] .projector-actions .projector-main:after{background:linear-gradient(135deg,#7c3aed,#c026d3)}:root[data-theme=light] .projector-actions .projector-main{color:#fff!important}.recording-export{margin-top:14px;padding:16px;border-radius:17px;border:1px solid rgba(139,92,246,.22);background:linear-gradient(145deg,#1e1b4b42,#0f172a47);display:grid;grid-template-columns:1.35fr .8fr .9fr;gap:9px;align-items:center}.recording-export small{display:block;font-size:11px!important;color:#c4b5fd;font-weight:1000;letter-spacing:.06em}.recording-export span{display:block;margin-top:4px;font-size:12px!important;color:#94a3b8}.recording-export button{min-height:56px!important;border-radius:14px!important;border:1px solid rgba(168,85,247,.24)!important;background:linear-gradient(135deg,#5b21b661,#1e293b8c)!important;color:#fff!important;font-size:12px!important;font-weight:950!important}.recording-export button:disabled{opacity:.4;cursor:not-allowed}.recording-export button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 9px 24px #7c3aed26}:root[data-theme=light] .recording-export{background:#fff}:root[data-theme=light] .recording-export button{color:#4c1d95!important;background:#f5f3ff!important}@media(max-width:800px){.recording-export{grid-template-columns:1fr 1fr}.recording-export>div{grid-column:1/-1}}@media(max-width:520px){.recording-export{grid-template-columns:1fr}}.recording-export-info{display:block;margin-top:7px;font-size:13px!important;color:#93c5fd;font-weight:950;letter-spacing:.02em}:root[data-theme=light] .recording-export-info{color:#5b21b6}#piano-teclado.keyboard{--white-key-w:calc(100% / 21);--black-key-w:clamp(14px,2.05vw,30px);display:flex!important;width:100%!important;max-width:100%!important;min-width:0!important;height:clamp(210px,25vw,330px)!important;overflow:visible!important;align-items:stretch!important}#piano-teclado .octave{position:relative!important;display:flex!important;flex:1 1 33.333333%!important;width:33.333333%!important;min-width:0!important;height:100%!important}#piano-teclado .white-wrap{position:relative!important;flex:1 1 calc(100% / 7)!important;width:calc(100% / 7)!important;min-width:0!important;height:100%!important}#piano-teclado .white-key{position:relative!important;width:100%!important;min-width:0!important;max-width:none!important;height:100%!important;padding:0!important;border-radius:0 0 8px 8px!important}#piano-teclado .black-key{position:absolute!important;z-index:8!important;top:0!important;right:calc(var(--black-key-w) / -2)!important;width:var(--black-key-w)!important;min-width:0!important;max-width:none!important;height:62%!important;padding:0!important;border-radius:0 0 7px 7px!important;transform:none}#piano-teclado .white-key>span{font-size:clamp(10px,1vw,14px)!important;line-height:1.1!important}#piano-teclado .white-key small{font-size:clamp(7px,.7vw,10px)!important}#piano-teclado .black-key>span{font-size:clamp(7px,.65vw,10px)!important;line-height:1!important}#piano-teclado .black-key small{font-size:clamp(6px,.55vw,8px)!important}@media(max-width:900px){#piano-teclado.keyboard{height:clamp(180px,31vw,255px)!important}#piano-teclado .black-key{width:clamp(12px,2.5vw,22px)!important}}@media(max-width:600px){#piano-teclado.keyboard{height:170px!important}#piano-teclado .white-key>span{font-size:9px!important}#piano-teclado .white-key small{font-size:6.5px!important}#piano-teclado .black-key{width:12px!important;height:58%!important}#piano-teclado .black-key>span{font-size:6px!important}#piano-teclado .black-key small{display:none!important}}.platform-fab{position:fixed;right:22px;bottom:22px;z-index:210;min-width:154px;height:62px;padding:7px 14px 7px 8px;border:1px solid rgba(192,132,252,.42);border-radius:20px;display:grid;grid-template-columns:46px 1fr;align-items:center;gap:9px;color:#fff;background:linear-gradient(135deg,#4c1d95f7,#7e22cef5,#9d174df0);box-shadow:0 14px 38px #00000057,0 0 30px #a855f73b,inset 0 1px #ffffff1f;cursor:pointer;overflow:hidden;transition:.2s ease}.platform-fab:before{content:"";position:absolute;top:-100%;right:-100%;bottom:-100%;left:-100%;background:conic-gradient(from 90deg,transparent,rgba(255,255,255,.25),transparent 25%);animation:platformFabSweep 4s linear infinite;pointer-events:none}.platform-fab:hover{transform:translateY(-4px) scale(1.025);box-shadow:0 18px 46px #00000061,0 0 38px #d946ef52}.platform-fab.open{background:linear-gradient(135deg,#312e81,#701a75)}.platform-fab-icon{position:relative;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:23px;background:#ffffff1c;box-shadow:inset 0 0 0 1px #ffffff14}.platform-fab-copy{position:relative;text-align:left}.platform-fab-copy b{display:block;font-size:14px!important;line-height:1;font-weight:1000;letter-spacing:.06em}.platform-fab-copy small{display:block;margin-top:5px;font-size:9px!important;color:#e9d5ff;font-weight:900;letter-spacing:.08em}@keyframes platformFabSweep{to{transform:rotate(360deg)}}.platform-menu-backdrop{position:fixed;z-index:205;top:0;right:0;bottom:0;left:0;background:#020617b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:22px;animation:platformFade .18s ease}.platform-menu-popup{width:min(1050px,96vw);max-height:min(820px,88vh);overflow:auto;border-radius:28px;border:1px solid rgba(192,132,252,.3);background:linear-gradient(145deg,#0f172afb,#1e1b4bfb);box-shadow:0 30px 90px #0000008c,0 0 55px #7c3aed21;animation:platformPop .22s ease}.platform-menu-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid rgba(148,163,184,.12);background:#0f172af0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.platform-menu-brand{display:flex;align-items:center;gap:14px}.platform-menu-brand img{width:58px;height:58px;border-radius:17px;box-shadow:0 0 24px #a855f738}.platform-menu-brand small{display:block;font-size:11px!important;color:#c4b5fd;font-weight:1000;letter-spacing:.12em}.platform-menu-brand h2{margin:2px 0;font-size:27px!important;line-height:1;color:#fff}.platform-menu-brand p{margin:0;font-size:13px!important;color:#94a3b8}.platform-menu-head>button{width:50px;height:50px;min-height:50px!important;padding:0!important;border-radius:15px;border:1px solid rgba(244,63,94,.22);background:#7f1d1d33;color:#fecdd3;font-size:20px!important}.platform-menu-body{padding:20px 22px 8px}.platform-menu-group{margin-bottom:20px}.platform-menu-group>span{display:block;margin:0 0 10px;font-size:11px!important;font-weight:1000;letter-spacing:.09em;color:#c4b5fd}.platform-menu-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.platform-menu-grid a{min-height:92px;padding:14px;border-radius:16px;border:1px solid rgba(139,92,246,.16);background:#7c3aed0e;text-decoration:none;display:flex;flex-direction:column;justify-content:center;transition:.18s ease}.platform-menu-grid a:hover{transform:translateY(-3px);border-color:#c084fc6b;background:#7c3aed1f;box-shadow:0 9px 25px #7c3aed1a}.platform-menu-grid b{display:block;font-size:15px!important;color:#f8fafc;line-height:1.2}.platform-menu-grid small{display:block;margin-top:6px;font-size:11px!important;color:#94a3b8;line-height:1.35}.platform-menu-external a{background:#3b82f60b;border-color:#60a5fa21}.platform-menu-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 22px 20px;border-top:1px solid rgba(148,163,184,.1)}.platform-menu-footer button{min-height:52px!important;padding:0 20px!important;border-radius:14px;border:1px solid rgba(217,70,239,.28);background:linear-gradient(135deg,#7e22ce80,#9d174d5c);color:#fff;font-size:12px!important;font-weight:1000}.platform-menu-footer small{font-size:11px!important;color:#94a3b8;font-weight:800}@keyframes platformFade{0%{opacity:0}to{opacity:1}}@keyframes platformPop{0%{opacity:0;transform:translateY(16px) scale(.975)}to{opacity:1;transform:none}}:root[data-theme=light] .platform-menu-backdrop{background:#1e293b61}:root[data-theme=light] .platform-menu-popup{background:linear-gradient(145deg,#fff,#faf5ff);border-color:#ddd6fe}:root[data-theme=light] .platform-menu-head{background:#fffffff2}:root[data-theme=light] .platform-menu-brand h2,:root[data-theme=light] .platform-menu-grid b{color:#111827}:root[data-theme=light] .platform-menu-grid a{background:#fff;border-color:#e9d5ff}@media(max-width:900px){.platform-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-menu-popup{max-height:90vh}.platform-fab{right:14px;bottom:14px}}@media(max-width:560px){.platform-menu-backdrop{padding:8px}.platform-menu-popup{width:100%;max-height:94vh;border-radius:21px}.platform-menu-head{padding:14px}.platform-menu-brand img{width:48px;height:48px}.platform-menu-brand h2{font-size:21px!important}.platform-menu-brand p{display:none}.platform-menu-body{padding:14px 14px 5px}.platform-menu-grid{grid-template-columns:1fr}.platform-menu-grid a{min-height:76px}.platform-menu-footer{padding:13px 14px;display:grid}.platform-fab{min-width:58px;width:58px;height:58px;padding:6px;grid-template-columns:1fr}.platform-fab-icon{margin:auto}.platform-fab-copy{display:none}}body>.floating-actions,body>.floating-buttons,body>.floating-controls,body>.float-actions,body>.fab-stack,body>.quick-actions,body>.floating-tools,#root>.floating-actions,#root>.floating-buttons,#root>.floating-controls,#root>.float-actions,#root>.fab-stack,#root>.quick-actions,#root>.floating-tools{bottom:102px!important}body>button[class*=floating]:not(.platform-fab),body>a[class*=floating]:not(.platform-fab),#root>button[class*=floating]:not(.platform-fab),#root>a[class*=floating]:not(.platform-fab){margin-bottom:80px!important}.platform-fab{bottom:22px!important;margin-bottom:0!important}@media(max-width:900px){body>.floating-actions,body>.floating-buttons,body>.floating-controls,body>.float-actions,body>.fab-stack,body>.quick-actions,body>.floating-tools,#root>.floating-actions,#root>.floating-buttons,#root>.floating-controls,#root>.float-actions,#root>.fab-stack,#root>.quick-actions,#root>.floating-tools{bottom:88px!important}body>button[class*=floating]:not(.platform-fab),body>a[class*=floating]:not(.platform-fab),#root>button[class*=floating]:not(.platform-fab),#root>a[class*=floating]:not(.platform-fab){margin-bottom:72px!important}.platform-fab{bottom:14px!important;margin-bottom:0!important}}.floating{bottom:104px!important;right:18px!important;z-index:204!important}.platform-fab{bottom:22px!important;right:22px!important;z-index:210!important}@media(max-width:900px){.floating{bottom:88px!important;right:10px!important}.platform-fab{bottom:14px!important;right:14px!important}}@media(max-width:560px){.floating{bottom:84px!important;right:10px!important}}#piano-teclado.keyboard{height:clamp(150px,17vw,220px)!important}#piano-teclado .black-key{height:60%!important}#piano-teclado .white-key>span{bottom:10px!important}.staff-card,.staff-panel,.interactive-staff,.pentagram-card,.pentagram-panel,.pentagram-wrap{padding-top:12px!important;padding-bottom:12px!important;margin-top:10px!important;margin-bottom:10px!important}.staff-card h3,.staff-panel h3,.interactive-staff h3,.pentagram-card h3,.pentagram-panel h3{margin-top:3px!important;margin-bottom:5px!important}.staff-card p,.staff-panel p,.interactive-staff p,.pentagram-card p,.pentagram-panel p{margin-top:4px!important;margin-bottom:7px!important;line-height:1.35!important}.staff-card svg,.staff-panel svg,.interactive-staff svg,.pentagram-card svg,.pentagram-panel svg,.staff-svg,.pentagram-svg{max-height:150px!important}@media(min-width:901px){#piano-teclado.keyboard{height:clamp(155px,16vw,205px)!important}}@media(max-width:900px){#piano-teclado.keyboard{height:155px!important}.staff-card svg,.staff-panel svg,.interactive-staff svg,.pentagram-card svg,.pentagram-panel svg,.staff-svg,.pentagram-svg{max-height:135px!important}}@media(max-width:600px){#piano-teclado.keyboard{height:140px!important}}#piano-teclado.keyboard,#piano-teclado .white-wrap,#piano-teclado .white-key{height:150px!important}#piano-teclado .black-key{height:92px!important}#piano-teclado .white-key>span{bottom:8px!important}#piano-teclado .black-key>span{bottom:7px!important}@media(max-width:900px){#piano-teclado.keyboard,#piano-teclado .white-wrap,#piano-teclado .white-key{height:140px!important}#piano-teclado .black-key{height:84px!important}}@media(max-width:600px){#piano-teclado.keyboard,#piano-teclado .white-wrap,#piano-teclado .white-key{height:125px!important}#piano-teclado .black-key{height:74px!important}}.course-card,.lesson-card{position:relative!important;display:flex!important;flex-direction:column!important;padding-bottom:42px!important}.course-card p,.lesson-card p{margin-bottom:8px!important}.course-card .completed,.course-card .complete,.course-card .status,.course-card .lesson-status,.lesson-card .completed,.lesson-card .complete,.lesson-card .status,.lesson-card .lesson-status{position:absolute!important;left:16px!important;right:16px!important;bottom:15px!important;margin:0!important;line-height:1.15!important}.course-card>:last-child,.lesson-card>:last-child{margin-top:auto}@media(max-width:600px){.course-card,.lesson-card{padding-bottom:40px!important}}.lesson-card{display:flex!important;flex-direction:column!important;min-height:255px!important;padding:20px!important}.lesson-card>i{flex:0 0 auto!important}.lesson-card>h3{flex:0 0 auto!important}.lesson-card>p{flex:0 0 auto!important;margin:7px 0 10px!important;line-height:1.45!important}.lesson-card>b{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;margin-top:auto!important;padding-top:8px!important;min-height:22px!important;flex:0 0 auto!important;line-height:1.2!important;display:flex!important;align-items:center!important}@media(min-width:521px){.lesson-card{min-height:270px!important}}.tutor-compact-bar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:6px 0!important;min-height:46px!important}.tutor-compact-bar .tutor-speed{flex:0 0 auto!important;margin:0!important}.tutor-compact-bar .piano-tutor-status{flex:1 1 auto!important;display:block!important;margin:0!important}.tutor-compact-bar .piano-tutor-status-clean>div:first-child{min-height:44px!important;height:44px!important;padding:5px 14px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;border-radius:12px!important}.tutor-compact-bar .piano-tutor-status small{font-size:9px!important;white-space:nowrap!important}.tutor-compact-bar .piano-tutor-status strong{font-size:20px!important;line-height:1!important;min-width:28px!important;text-align:center!important}.tutor-compact-bar .piano-tutor-status span{font-size:9px!important;white-space:nowrap!important}.tutor-note-strip{padding:5px 2px!important;margin:4px 0!important}.tutor-note-strip b{padding:5px!important}.piano-tutor-help{margin:5px 0 0!important;line-height:1.3!important}@media(max-width:760px){.tutor-compact-bar{align-items:stretch!important;flex-direction:column!important;gap:6px!important}.tutor-compact-bar .piano-tutor-status-clean>div:first-child{justify-content:center!important}}.tutor-note-strip{overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin!important;scrollbar-color:#8b5cf6 rgba(255,255,255,.08)!important;padding:4px 2px 9px!important;margin:3px 0 2px!important}.tutor-note-strip::-webkit-scrollbar{height:7px!important}.tutor-note-strip::-webkit-scrollbar-track{background:#ffffff12!important;border-radius:999px!important}.tutor-note-strip::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#7c3aed,#c026d3)!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.12)!important}.tutor-note-strip::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#8b5cf6,#d946ef)!important}.piano-tutor-help{margin:2px 0 0!important;padding:2px 0!important;line-height:1.2!important}.staff-card{min-height:0!important;padding:10px 12px!important;margin-top:8px!important;margin-bottom:8px!important}.mini-staff.live-staff.staff-pro,.live-staff.staff-pro,.staff-pro{min-height:0!important;height:118px!important;max-height:118px!important}.staff-lines{height:96px!important;min-height:96px!important;max-height:96px!important}.staff-clef{font-size:72px!important;line-height:.9!important}.staff-readout{padding:8px 12px!important;min-height:86px!important}.staff-readout strong{font-size:20px!important;line-height:1!important}.staff-readout span,.staff-readout small{line-height:1.15!important}.staff-card button{min-height:86px!important}@media(max-width:900px){.mini-staff.live-staff.staff-pro,.live-staff.staff-pro,.staff-pro{height:108px!important;max-height:108px!important}.staff-lines{height:88px!important;min-height:88px!important;max-height:88px!important}}@media(max-width:600px){.staff-card{padding:8px!important}.mini-staff.live-staff.staff-pro,.live-staff.staff-pro,.staff-pro{height:100px!important;max-height:100px!important}}input[aria-label="Volumen del piano"]{width:160px!important;min-width:160px!important;max-width:160px!important;margin:0 8px!important;padding:0!important;box-sizing:border-box!important;accent-color:#8b5cf6}.hero-academy-card{position:relative!important;overflow:hidden!important;min-height:300px!important;padding:20px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;background:radial-gradient(circle at 82% 18%,rgba(236,72,153,.2),transparent 28%),radial-gradient(circle at 18% 80%,rgba(124,58,237,.22),transparent 34%),linear-gradient(145deg,#1e1b4be0,#090918f5)!important;border:1px solid rgba(192,132,252,.28)!important;box-shadow:0 25px 70px #0000004d,inset 0 1px #ffffff14!important}.hero-academy-card:after{content:"♫";position:absolute;right:22px;top:24px;font-size:92px;font-weight:900;color:#d946ef12;transform:rotate(-8deg);pointer-events:none}.hero-academy-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px}.hero-academy-top span{font-size:10px!important;font-weight:1000;letter-spacing:.12em;color:#d8b4fe}.hero-academy-top b{padding:7px 10px;border-radius:999px;font-size:9px!important;letter-spacing:.08em;color:#fdf4ff;background:#a855f721;border:1px solid rgba(216,180,254,.2)}.hero-academy-staff{position:relative!important;flex:1 1 auto!important;min-height:150px!important;display:flex!important;align-items:center!important;justify-content:center!important}.hero-learning-route{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:10px;margin-left:52px}.hero-learning-route span{width:86px;height:70px;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#0f172abd;border:1px solid rgba(167,139,250,.22);box-shadow:0 8px 24px #00000029}.hero-learning-route i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:1000;color:#fff;background:linear-gradient(135deg,#7c3aed,#db2777)}.hero-learning-route strong{font-size:10px!important;letter-spacing:.08em;color:#f8fafc}.hero-academy-card .now-playing{position:relative!important;z-index:4!important}.hero-academy-card .now-playing em{margin-left:auto;padding:7px 10px;border-radius:10px;font-size:9px!important;font-style:normal;font-weight:1000;letter-spacing:.06em;color:#f5d0fe;background:#d946ef1a}@media(max-width:900px){.hero-academy-card{min-height:250px!important}.hero-learning-route{margin-left:34px}.hero-learning-route span{width:72px;height:62px}}@media(max-width:560px){.hero-academy-top b,.hero-academy-card .now-playing em{display:none}.hero-learning-route{margin-left:28px;gap:6px}.hero-learning-route span{width:62px;height:56px}}.ai-composer-section{position:relative}.ai-composer-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,390px);gap:24px;align-items:end;margin-bottom:22px}.ai-composer-heading h2{margin:7px 0 8px;font-size:clamp(30px,4vw,52px);line-height:1;color:var(--text,#f8fafc)}.ai-composer-heading p{max-width:820px;margin:0;color:var(--muted,#aeb7ca);font-size:15px;line-height:1.65}.ai-kicker{font-size:11px;font-weight:1000;letter-spacing:.14em;color:#d8b4fe}.gemini-status-card{width:100%;min-height:94px;padding:16px;display:grid;grid-template-columns:44px 1fr;gap:12px;text-align:left;border-radius:20px;border:1px solid rgba(168,85,247,.28);background:linear-gradient(145deg,#1d1636f0,#0a0a18f5);color:#fff;cursor:pointer;box-shadow:0 18px 50px #00000038}.gemini-status-card>span{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#8b5cf621;font-size:20px}.gemini-status-card div{display:flex;flex-direction:column;gap:3px}.gemini-status-card small{font-size:9px;letter-spacing:.1em;color:#c4b5fd}.gemini-status-card b{font-size:14px}.gemini-status-card em{font-style:normal;font-size:11px;color:#aeb7ca}.ai-composer-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px}.ai-compose-panel,.ai-studio-panel{border:1px solid rgba(168,85,247,.2);border-radius:24px;background:linear-gradient(145deg,#13122af0,#080916f5);box-shadow:0 22px 65px #00000038}.ai-compose-panel{padding:22px}.ai-studio-panel{padding:20px;min-height:480px}.ai-compose-panel label>span{display:block;margin-bottom:8px;font-size:10px;font-weight:1000;letter-spacing:.1em;color:#c4b5fd}.ai-compose-panel textarea{width:100%;min-height:145px;resize:vertical;padding:15px;border-radius:16px;border:1px solid rgba(167,139,250,.22);background:#050712c2;color:#f8fafc;font:inherit;line-height:1.55;box-sizing:border-box}.ai-compose-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.ai-compose-options select,.gemini-model-field select{width:100%;height:44px;padding:0 11px;border-radius:12px;border:1px solid rgba(167,139,250,.2);background:#111126;color:#fff}.ai-generate-btn{width:100%;min-height:56px;border:0;border-radius:16px;font-size:13px;font-weight:1000;letter-spacing:.04em;color:#fff;background:linear-gradient(135deg,#7c3aed,#c026d3,#db2777);box-shadow:0 12px 32px #a855f740;cursor:pointer}.ai-generate-btn:disabled{opacity:.55;cursor:not-allowed}.ai-api-message,.ai-error,.ai-privacy-note{margin-top:12px;padding:11px 13px;border-radius:12px;font-size:12px;line-height:1.5}.ai-api-message{background:#8b5cf614;border:1px solid rgba(167,139,250,.16);color:#ddd6fe}.ai-error{background:#ef444417;border:1px solid rgba(248,113,113,.2);color:#fecaca}.ai-privacy-note{padding:0;color:#8f9bb0}.ai-privacy-note code{color:#c4b5fd}.ai-empty{height:100%;min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.ai-empty>span{font-size:62px;filter:drop-shadow(0 0 22px rgba(168,85,247,.4))}.ai-empty h3{font-size:24px;margin:12px 0 5px}.ai-empty p{max-width:480px;color:#9ca8bb;line-height:1.6}.ai-empty div{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px}.ai-empty b{padding:8px 10px;border-radius:10px;background:#8b5cf614;font-size:11px;color:#ddd6fe}.ai-result-head{display:flex;justify-content:space-between;gap:15px;align-items:start}.ai-result-head small{font-size:9px;color:#c4b5fd;letter-spacing:.1em}.ai-result-head h3{font-size:25px;margin:4px 0}.ai-result-head>span{padding:8px 11px;border-radius:12px;background:#d946ef1a;color:#f5d0fe;font-weight:900}.ai-meta,.ai-structure{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.ai-meta b,.ai-structure span{padding:7px 9px;border-radius:9px;background:#8b5cf614;font-size:10px;color:#ddd6fe}.ai-structure span{background:#ec489912;color:#fbcfe8}.ai-tracks{display:grid;gap:8px;margin:14px 0}.ai-track{position:relative;overflow:hidden;display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center;padding:11px;border-radius:13px;border:1px solid rgba(148,163,184,.12);background:#0507128c}.ai-track>span{font-size:22px}.ai-track div{display:flex;flex-direction:column}.ai-track b{font-size:13px}.ai-track small{font-size:10px;color:#9ca8bb}.ai-track>i{position:absolute;left:0;bottom:0;height:2px;background:linear-gradient(90deg,#7c3aed,#db2777)}.ai-track.active{border-color:#c084fc8c;box-shadow:0 0 24px #a855f71f}.ai-player-progress{margin:14px 0}.ai-player-progress>div{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#aeb7ca}.ai-player-progress progress{width:100%;height:7px;margin-top:6px;accent-color:#a855f7}.ai-result-actions{display:flex;flex-wrap:wrap;gap:8px}.ai-result-actions button{min-height:42px;padding:0 13px;border-radius:11px;border:1px solid rgba(167,139,250,.18);background:#8b5cf614;color:#fff;font-weight:900;cursor:pointer}.ai-result-actions .primary{background:linear-gradient(135deg,#7c3aed,#db2777);border:0}.ai-beta-note{font-size:10px;line-height:1.5;color:#7f8a9d;margin:12px 0 0}.gemini-config-modal{width:min(680px,calc(100vw - 28px))!important;max-width:680px!important}.gemini-modal-icon{font-size:42px}.gemini-config-modal>small{font-size:10px;color:#c4b5fd;letter-spacing:.12em}.gemini-config-modal>h2{font-size:28px;margin:4px 0 9px}.gemini-config-modal>p{line-height:1.6;color:#aeb7ca}.gemini-security{display:grid;gap:5px;margin:14px 0;padding:13px;border-radius:14px;background:#8b5cf612;border:1px solid rgba(167,139,250,.17)}.gemini-security b{color:#ddd6fe}.gemini-security span{font-size:11px;color:#9ca8bb}.gemini-key-field>span,.gemini-model-field>span{display:block;margin:10px 0 7px;font-size:10px;font-weight:1000;color:#c4b5fd}.gemini-key-field>div{display:grid;grid-template-columns:1fr auto;gap:7px}.gemini-key-field input{min-width:0;height:46px;padding:0 12px;border-radius:12px;border:1px solid rgba(167,139,250,.2);background:#0b0b1c;color:#fff}.gemini-key-field button{padding:0 12px;border-radius:12px;border:1px solid rgba(167,139,250,.18);background:#8b5cf617;color:#ddd6fe;font-weight:900}.gemini-modal-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.gemini-modal-actions button{min-height:43px;padding:0 13px;border-radius:11px;border:1px solid rgba(167,139,250,.18);background:#8b5cf614;color:#fff;font-weight:900;cursor:pointer}.gemini-modal-actions .primary{border:0;background:linear-gradient(135deg,#7c3aed,#db2777)}.gemini-get-key{display:inline-flex;margin-top:14px;color:#d8b4fe;font-weight:900;text-decoration:none}.gemini-free-note{font-size:10px!important;color:#7f8a9d!important}:root[data-theme=light] .ai-compose-panel,:root[data-theme=light] .ai-studio-panel,:root[data-theme=light] .gemini-status-card{background:#fffffff0;color:#1e1b4b;border-color:#7c3aed2e}:root[data-theme=light] .ai-composer-heading h2,:root[data-theme=light] .ai-result-head h3,:root[data-theme=light] .ai-empty h3{color:#1e1b4b}:root[data-theme=light] .ai-compose-panel textarea,:root[data-theme=light] .ai-compose-options select,:root[data-theme=light] .gemini-model-field select,:root[data-theme=light] .gemini-key-field input{background:#fff;color:#1e1b4b;border-color:#7c3aed33}@media(max-width:950px){.ai-composer-heading,.ai-composer-grid{grid-template-columns:1fr}.ai-composer-heading{align-items:stretch}.gemini-status-card{max-width:none}.ai-studio-panel{min-height:380px}}@media(max-width:620px){.ai-compose-options{grid-template-columns:1fr}.ai-compose-panel,.ai-studio-panel{padding:15px}.ai-composer-heading h2{font-size:32px}.ai-result-actions button{flex:1 1 45%}.gemini-key-field>div{grid-template-columns:1fr}.gemini-key-field button{height:40px}}.ai-working-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10050;display:grid;place-items:center;padding:20px;background:#03030cd6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.ai-working-card{position:relative;overflow:hidden;width:min(650px,calc(100vw - 30px));padding:32px;border:1px solid rgba(192,132,252,.32);border-radius:28px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(126,34,206,.25),transparent 42%),linear-gradient(145deg,#151126,#080914 72%);box-shadow:0 30px 100px #0000009e,0 0 70px #a855f721;color:#fff}.ai-working-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.035) 48%,transparent 70%);animation:aiScan 3.4s linear infinite}.ai-working-brain{position:relative;width:78px;height:78px;margin:0 auto 12px;display:grid;place-items:center;border-radius:24px;font-size:38px;background:#8b5cf61f;border:1px solid rgba(192,132,252,.24);box-shadow:0 0 38px #a855f738;animation:aiBrainPulse 1.8s ease-in-out infinite}.ai-working-card>small{position:relative;font-size:10px;font-weight:1000;letter-spacing:.13em;color:#d8b4fe}.ai-working-card h2{position:relative;margin:7px 0 9px;font-size:clamp(27px,4vw,39px);line-height:1.05}.ai-working-card>p{position:relative;max-width:520px;margin:0 auto;color:#b7bfd0;font-size:14px;line-height:1.65}.ai-working-stage{position:relative;width:min(390px,100%);margin:18px auto 8px;display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:8px;padding:11px 14px;border-radius:14px;background:#8b5cf617;border:1px solid rgba(192,132,252,.18);text-align:left}.ai-working-stage b{font-size:11px;letter-spacing:.1em;color:#ede9fe}.ai-working-stage em{font-style:normal;font-size:12px;font-weight:900;color:#c4b5fd}.ai-working-dot{width:10px;height:10px;border-radius:50%;background:#c084fc;box-shadow:0 0 #c084fca6;animation:aiDot 1.25s infinite}.ai-working-wave{position:relative;height:52px;display:flex;align-items:center;justify-content:center;gap:4px;margin:7px 0 15px}.ai-working-wave i{width:4px;height:12px;border-radius:5px;background:linear-gradient(#e879f9,#8b5cf6);animation:aiWave 1.15s ease-in-out infinite}.ai-working-wave i:nth-child(3n){animation-delay:.12s}.ai-working-wave i:nth-child(4n){animation-delay:.24s}.ai-working-wave i:nth-child(5n){animation-delay:.36s}.ai-working-wave i:nth-child(7n){animation-delay:.48s}.ai-working-warning{position:relative;display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:center;padding:14px 16px;border-radius:16px;text-align:left;background:#f59e0b13;border:1px solid rgba(251,191,36,.22)}.ai-working-warning>span{font-size:27px}.ai-working-warning b{display:block;font-size:12px;letter-spacing:.055em;color:#fde68a}.ai-working-warning p{margin:3px 0 0;color:#c7cbd5;font-size:11px;line-height:1.45}.ai-working-steps{position:relative;display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:13px}.ai-working-steps span{padding:6px 9px;border-radius:9px;background:#ffffff09;font-size:9px;font-weight:800;color:#9ca8bb}.ai-working-steps span:nth-child(2){color:#d8b4fe;background:#a855f71a}.ai-working-leds{position:absolute;top:0;left:0;right:0;height:3px;display:flex}.ai-working-leds i{flex:1;background:#8b5cf6;opacity:.25;animation:aiLed 1.7s ease-in-out infinite}.ai-working-leds i:nth-child(2n){animation-delay:.15s}.ai-working-leds i:nth-child(3n){animation-delay:.3s}.ai-working-leds i:nth-child(5n){animation-delay:.5s}@keyframes aiBrainPulse{50%{transform:scale(1.055);box-shadow:0 0 55px #a855f761}}@keyframes aiDot{70%{box-shadow:0 0 0 9px #c084fc00}}@keyframes aiWave{0%,to{height:10px;opacity:.45}50%{height:42px;opacity:1}}@keyframes aiLed{50%{opacity:1}}@keyframes aiScan{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:600px){.ai-working-card{padding:25px 16px}.ai-working-brain{width:66px;height:66px;font-size:32px}.ai-working-card>p{font-size:12px}.ai-working-wave{height:44px}.ai-working-warning{grid-template-columns:34px 1fr;padding:12px}.ai-working-warning>span{font-size:23px}}@media(prefers-reduced-motion:reduce){.ai-working-card:before,.ai-working-brain,.ai-working-dot,.ai-working-wave i,.ai-working-leds i{animation-duration:4s}}.ai-result-actions button{min-width:92px}.ai-result-actions button:nth-child(3),.ai-result-actions button:nth-child(4),.ai-result-actions button:nth-child(5){border-color:#c084fc47;background:linear-gradient(145deg,#8b5cf61f,#ec48990f)}@media(max-width:700px){.ai-result-actions button{min-width:0;flex:1 1 42%}}.ai-pro-master{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,.8fr) minmax(150px,.8fr) auto;gap:10px;align-items:center;margin:14px 0 10px;padding:12px;border-radius:15px;background:linear-gradient(135deg,#7c3aed1f,#db27770f);border:1px solid rgba(192,132,252,.2)}.ai-pro-master>div{display:flex;flex-direction:column}.ai-pro-master>div b{font-size:11px;color:#ede9fe}.ai-pro-master>div small{font-size:9px;color:#8f9bb0}.ai-pro-master label{display:grid;grid-template-columns:auto 1fr 36px;gap:6px;align-items:center;font-size:8px;font-weight:900;color:#c4b5fd}.ai-pro-master input{width:100%;accent-color:#a855f7}.ai-pro-master label b{font-size:9px;text-align:right}.ai-pro-master button{height:36px;padding:0 10px;border-radius:10px;border:1px solid rgba(192,132,252,.22);background:#8b5cf614;color:#c4b5fd;font-size:9px;font-weight:1000}.ai-pro-master button.active{background:linear-gradient(135deg,#7c3aed,#db2777);color:#fff}.ai-mixer-tracks{gap:9px}.ai-mixer-track{grid-template-columns:34px minmax(150px,1fr) minmax(120px,.65fr) auto!important;padding:10px 10px 28px!important}.ai-track-main select{width:min(240px,100%);height:28px;margin-top:5px;padding:0 7px;border:1px solid rgba(192,132,252,.18);border-radius:8px;background:#111126;color:#ddd6fe;font-size:9px}.ai-track-volume{display:grid;grid-template-columns:auto 1fr 34px;gap:5px;align-items:center;font-size:8px;font-weight:900;color:#aeb7ca}.ai-track-volume input{width:100%;accent-color:#a855f7}.ai-track-volume b{font-size:9px}.ai-track-ms{display:flex;gap:4px}.ai-track-ms button{width:29px;height:29px;border-radius:8px;border:1px solid rgba(192,132,252,.16);background:#ffffff09;color:#aeb7ca;font-size:9px;font-weight:1000}.ai-track-ms button.on{background:#7c3aed;color:#fff}.ai-track-ms button.solo{background:#db2777}.ai-fx-strip{position:absolute;left:54px;right:10px;bottom:6px;display:flex!important;flex-direction:row!important;gap:5px;overflow:hidden}.ai-fx-strip span{padding:3px 6px;border-radius:6px;background:#8b5cf612;font-size:7px;font-weight:900;color:#8f9bb0;white-space:nowrap}@media(max-width:850px){.ai-pro-master{grid-template-columns:1fr 1fr}.ai-mixer-track{grid-template-columns:30px 1fr!important}.ai-track-volume,.ai-track-ms{grid-column:2}.ai-fx-strip{left:48px}}@media(max-width:520px){.ai-pro-master{grid-template-columns:1fr}.ai-track-volume{grid-template-columns:28px 1fr 34px}.ai-fx-strip{overflow-x:auto}}.midi-octave-monitor{display:flex;flex-direction:column;gap:4px;min-width:180px;padding:8px 10px;border:1px solid rgba(168,85,247,.18);border-radius:12px;background:#8b5cf60f}.midi-octave-monitor small{font-size:8px;font-weight:900;color:#a78bfa}.midi-octave-monitor strong{font-size:15px;color:#f5f3ff}.midi-octave-monitor select{height:30px;border:1px solid rgba(192,132,252,.2);border-radius:8px;background:#111126;color:#ede9fe;font-size:9px;font-weight:900;padding:0 7px}.midi-octave-monitor em{font-style:normal;font-size:8px;line-height:1.35;color:#8f9bb0}.ai-visual-select{grid-column:1/-1!important;display:grid!important;grid-template-columns:auto minmax(160px,280px)!important;justify-content:end!important}.ai-visual-select select{height:30px;border:1px solid rgba(192,132,252,.2);border-radius:8px;background:#111126;color:#ede9fe;padding:0 8px;font-size:9px;font-weight:900}@media(max-width:850px){.midi-octave-monitor{grid-column:1/-1}.ai-visual-select{justify-content:stretch!important;grid-template-columns:55px 1fr!important}}.ai-engine-isolated{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:9px;padding-top:3px}.ai-engine-isolated b{font-size:8px;color:#c4b5fd}.ai-engine-isolated small{font-size:8px;color:#7f8aa0}.ai-result-actions button:disabled{opacity:.52;cursor:wait;filter:saturate(.6)}.ai-result-actions button:not(:disabled){cursor:pointer}@media(max-width:700px){.ai-engine-isolated{justify-content:flex-start;flex-wrap:wrap}}.ai-export-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10060;display:grid;place-items:center;padding:20px;background:#04030cdb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.ai-export-card{position:relative;width:min(650px,94vw);overflow:hidden;padding:28px;border:1px solid rgba(192,132,252,.28);border-radius:25px;background:linear-gradient(145deg,#160f2cfa,#090817fa);box-shadow:0 30px 100px #000000a6,0 0 65px #7c3aed26;text-align:center}.ai-export-leds{display:flex;justify-content:center;gap:7px;margin-bottom:17px}.ai-export-leds i{width:7px;height:7px;border-radius:50%;background:#a855f7;box-shadow:0 0 12px #a855f7;animation:aiExportLed 1.2s ease-in-out infinite}.ai-export-leds i:nth-child(3n){animation-delay:.2s}.ai-export-leds i:nth-child(3n+1){animation-delay:.4s}@keyframes aiExportLed{0%,to{opacity:.18;transform:scale(.65)}50%{opacity:1;transform:scale(1.25)}}.ai-export-icon{font-size:43px;filter:drop-shadow(0 0 20px rgba(192,132,252,.45));animation:aiExportPulse 1.8s ease-in-out infinite}@keyframes aiExportPulse{50%{transform:scale(1.08)}}.ai-export-card>small{display:block;margin-top:8px;font-size:9px;font-weight:1000;letter-spacing:1.5px;color:#a78bfa}.ai-export-card h2{margin:8px 0 7px;font-size:25px;color:#f5f3ff}.ai-export-card>p{max-width:520px;margin:0 auto 17px;font-size:13px;line-height:1.55;color:#aeb7ca}.ai-export-stage{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:10px 12px;border:1px solid rgba(168,85,247,.17);border-radius:12px;background:#8b5cf60f;text-align:left}.ai-export-stage b{font-size:10px;color:#ddd6fe}.ai-export-stage em{font-size:10px;font-style:normal;font-weight:900;color:#f0abfc}.ai-export-dot{width:9px;height:9px;border-radius:50%;background:#d946ef;box-shadow:0 0 15px #d946ef;animation:aiExportLed .8s infinite}.ai-export-progress{position:relative;height:24px;margin:12px 0;overflow:hidden;border-radius:999px;background:#ffffff0e;border:1px solid rgba(192,132,252,.12)}.ai-export-progress i{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#a855f7,#db2777);box-shadow:0 0 20px #a855f759;transition:width .7s ease}.ai-export-progress span{position:relative;z-index:2;display:grid;height:100%;place-items:center;font-size:9px;font-weight:1000;color:#fff}.ai-export-wave{height:38px;display:flex;justify-content:center;align-items:center;gap:3px;margin:5px 0 14px}.ai-export-wave i{width:3px;height:10px;border-radius:4px;background:linear-gradient(#c084fc,#ec4899);animation:aiExportWave .8s ease-in-out infinite alternate}.ai-export-wave i:nth-child(4n){animation-delay:.1s}.ai-export-wave i:nth-child(4n+1){animation-delay:.2s}.ai-export-wave i:nth-child(4n+2){animation-delay:.3s}@keyframes aiExportWave{to{height:34px;opacity:.55}}.ai-export-warning{display:flex;gap:12px;align-items:center;padding:12px 14px;border:1px solid rgba(245,158,11,.2);border-radius:13px;background:#f59e0b0e;text-align:left}.ai-export-warning>span{font-size:24px}.ai-export-warning b{display:block;font-size:10px;color:#fde68a}.ai-export-warning p{margin:3px 0 0;font-size:10px;color:#c7bfae}.ai-export-footer{display:flex;justify-content:center;gap:13px;flex-wrap:wrap;margin-top:13px}.ai-export-footer span{font-size:8px;font-weight:900;color:#8f9bb0}@media(max-width:560px){.ai-export-card{padding:21px 15px}.ai-export-card h2{font-size:20px}.ai-export-card>p{font-size:11px}}.ai-synth-help-btn{width:max-content!important;height:28px!important;margin-top:7px!important;padding:0 9px!important;border:1px solid rgba(192,132,252,.25)!important;border-radius:8px!important;background:#8b5cf61a!important;color:#ddd6fe!important;font-size:8px!important;font-weight:1000!important}.synth-help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10080;display:grid;place-items:center;padding:18px;background:#03020ae0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.synth-help-modal{width:min(900px,96vw);max-height:92vh;overflow:auto;padding:24px;border:1px solid rgba(192,132,252,.26);border-radius:24px;background:linear-gradient(145deg,#15102a,#090816);box-shadow:0 35px 110px #000000b3}.synth-help-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-bottom:1px solid rgba(192,132,252,.12);padding-bottom:15px}.synth-help-head small{font-size:9px;font-weight:1000;letter-spacing:1.5px;color:#a78bfa}.synth-help-head h2{margin:5px 0;font-size:23px;color:#f5f3ff}.synth-help-head p{margin:0;max-width:650px;font-size:12px;color:#9ca8bb;line-height:1.5}.synth-help-head>button{width:38px;height:38px;border-radius:11px;border:1px solid rgba(192,132,252,.2);background:#ffffff0a;color:#fff;font-size:16px}.synth-help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.synth-help-grid article{padding:13px;border:1px solid rgba(192,132,252,.13);border-radius:13px;background:#ffffff06}.synth-help-grid article.important{background:linear-gradient(135deg,#7c3aed21,#db277712);border-color:#d8b4fe3d}.synth-help-grid b{font-size:10px;color:#ddd6fe}.synth-help-grid p{margin:6px 0 0;font-size:10px;line-height:1.48;color:#98a4b8}.synth-help-tip{padding:13px 15px;border:1px solid rgba(236,72,153,.18);border-radius:13px;background:#db27770e;font-size:10px;line-height:1.55;color:#b9c1cf}.synth-help-tip b,.synth-help-tip strong{color:#f0abfc}.synth-help-close{display:block;margin:15px auto 0;height:40px;padding:0 18px;border:0;border-radius:11px;background:linear-gradient(135deg,#7c3aed,#db2777);color:#fff;font-size:10px;font-weight:1000}@media(max-width:760px){.synth-help-grid{grid-template-columns:1fr 1fr}.synth-help-head h2{font-size:19px}}@media(max-width:520px){.synth-help-grid{grid-template-columns:1fr}.synth-help-modal{padding:17px}.synth-help-head p{font-size:10px}}.academy-ai-nav{border-color:#c084fc57!important;background:linear-gradient(135deg,#7c3aed26,#db277714)!important;box-shadow:inset 0 0 18px #a855f70d!important}.academy-ai-nav:hover{border-color:#d8b4fe94!important;box-shadow:0 0 22px #a855f721!important}.section-anchor{scroll-margin-top:115px}@media(min-width:761px){.synth-help-overlay{padding:7px!important;overflow:hidden!important}.synth-help-modal{width:min(1080px,98vw)!important;max-height:calc(100vh - 14px)!important;overflow:hidden!important;padding:12px 16px!important;border-radius:18px!important}.synth-help-head{gap:10px!important;padding-bottom:7px!important}.synth-help-head small{font-size:7.5px!important}.synth-help-head h2{margin:2px 0!important;font-size:16px!important;line-height:1.1!important}.synth-help-head p{font-size:8px!important;line-height:1.22!important}.synth-help-head>button{width:28px!important;height:28px!important;font-size:12px!important}.synth-help-grid{grid-template-columns:repeat(4,1fr)!important;gap:5px!important;margin:7px 0!important}.synth-help-grid article{padding:6px 8px!important;border-radius:9px!important}.synth-help-grid b{font-size:8px!important}.synth-help-grid p{margin:2px 0 0!important;font-size:7.3px!important;line-height:1.2!important}.synth-help-tip{padding:6px 9px!important;font-size:7.8px!important;line-height:1.25!important}.synth-help-close{height:29px!important;margin:7px auto 0!important;padding:0 13px!important;font-size:8px!important}}@media(min-width:761px)and (max-height:700px){.synth-help-modal{width:min(1140px,99vw)!important;padding:8px 12px!important}.synth-help-head h2{font-size:14px!important}.synth-help-head p{font-size:7px!important}.synth-help-grid{gap:3px!important;margin:4px 0!important}.synth-help-grid article{padding:4px 6px!important}.synth-help-grid b{font-size:7px!important}.synth-help-grid p{font-size:6.4px!important;line-height:1.12!important}.synth-help-tip{font-size:6.8px!important;padding:4px 7px!important}.synth-help-close{height:25px!important;margin-top:4px!important}}@media(max-width:760px){.synth-help-overlay{padding:5px!important}.synth-help-modal{width:99vw!important;max-height:99vh!important;padding:9px!important;overflow:auto!important}.synth-help-grid{grid-template-columns:repeat(2,1fr)!important;gap:4px!important;margin:5px 0!important}.synth-help-grid article{padding:5px 6px!important}.synth-help-grid b{font-size:7.5px!important}.synth-help-grid p{font-size:6.8px!important;line-height:1.16!important;margin-top:2px!important}.synth-help-head h2{font-size:14px!important}.synth-help-head p{font-size:7px!important}.synth-help-tip{font-size:7px!important;padding:5px!important}.synth-help-close{height:27px!important;margin-top:5px!important;font-size:7px!important}}.ai-live-mixer-badge{display:inline-flex;align-items:center;width:max-content;margin-top:5px;padding:3px 7px;border:1px solid rgba(236,72,153,.22);border-radius:999px;background:#db277712;font-size:7px;font-weight:1000;letter-spacing:.8px;color:#f9a8d4;animation:aiLivePulse 1.6s ease-in-out infinite}@keyframes aiLivePulse{50%{opacity:.55}}.ai-pro-master .ai-lite-on{border-color:#c084fc6b!important;background:linear-gradient(135deg,#7c3aed38,#db27771a)!important;color:#f5f3ff!important}.ai-pro-master input[type=range],.ai-mixer-track input[type=range]{cursor:ew-resize}.ai-mixer-track.active{box-shadow:inset 0 0 0 1px #c084fc2e,0 0 18px #7c3aed14}.academy-api-nav{border-color:#f472b64d!important;background:linear-gradient(135deg,#db27771a,#7c3aed1a)!important}.academy-api-nav:hover{border-color:#f472b68f!important;box-shadow:0 0 22px #db27771f!important}.ai-pdf-score-btn{border-color:#d8b4fe47!important;background:linear-gradient(135deg,#7c3aed1f,#db277714)!important}.ai-pro-master-v47{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:14px!important}.ai-mixer-title{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}.ai-mixer-title>div{display:grid;margin-right:auto}.ai-mixer-title b{font-size:14px!important}.ai-mixer-title small{font-size:9px!important}.ai-mixer-title .ai-synth-help-btn{height:34px!important;margin:0!important;padding:0 12px!important;font-size:9px!important}.ai-master-controls{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.ai-master-controls label{display:grid!important;grid-template-columns:1fr auto!important;gap:5px;padding:8px!important;border:1px solid rgba(192,132,252,.14)!important;border-radius:11px!important;background:#ffffff06!important}.ai-master-controls span,.ai-master-controls b{font-size:8px!important}.ai-master-controls input{grid-column:1/-1;width:100%!important}.ai-mode-controls{display:grid;grid-template-columns:repeat(2,minmax(190px,260px));gap:8px}.ai-mode-btn{height:50px!important;display:grid!important;grid-template-columns:32px 1fr!important;align-items:center!important;gap:8px!important;padding:7px 11px!important;text-align:left!important;border-radius:12px!important}.ai-mode-btn>span{font-size:19px}.ai-mode-btn>div{display:grid}.ai-mode-btn b{font-size:9px!important}.ai-mode-btn small{font-size:7px!important}.ai-mode-btn.active{border-color:#d8b4fe6b!important;background:linear-gradient(135deg,#7c3aed2e,#db277714)!important}.ai-engine-isolated{justify-content:flex-start!important}.platform-menu-head-actions{display:flex;align-items:center;gap:7px}.platform-share-top{width:auto!important;height:36px!important;padding:0 12px!important;border-radius:10px!important;border:1px solid rgba(244,114,182,.3)!important;background:linear-gradient(135deg,#7c3aed33,#db277726)!important;color:#fce7f3!important;font-size:8px!important;font-weight:1000!important}.platform-ai-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:9px 13px;border-bottom:1px solid rgba(192,132,252,.12)}.platform-ai-quick>a,.platform-ai-quick>button{min-height:50px;display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:7px;align-items:center;padding:7px 9px;border:1px solid rgba(192,132,252,.14);border-radius:11px;background:#ffffff06;color:inherit;text-decoration:none;text-align:left}.platform-ai-quick span{grid-row:1/3;font-size:18px}.platform-ai-quick b{font-size:8.5px}.platform-ai-quick small{font-size:7px}@media(min-width:900px){.synth-help-modal{width:min(1180px,98vw)!important;max-height:calc(100vh - 16px)!important;padding:14px 17px!important;overflow:hidden!important}.synth-help-head h2{font-size:19px!important}.synth-help-head p{font-size:10px!important}.synth-help-grid{grid-template-columns:repeat(4,1fr)!important;gap:6px!important;margin:8px 0!important}.synth-help-grid article{padding:7px 9px!important}.synth-help-grid b{font-size:9px!important}.synth-help-grid p{font-size:8.5px!important;line-height:1.27!important}.synth-help-tip{font-size:9px!important}.synth-help-close{height:31px!important;font-size:8.5px!important}}@media(max-width:1050px){.ai-master-controls{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.ai-master-controls{grid-template-columns:1fr 1fr}.ai-mode-controls,.platform-ai-quick{grid-template-columns:1fr}}@media(min-width:821px){.midi-deck-top{display:grid!important;grid-template-columns:minmax(0,1fr) 330px!important;grid-template-areas:"identity live" "range range"!important;gap:14px 18px!important;align-items:stretch!important}.midi-deck-identity{grid-area:identity!important;min-width:0!important}.midi-deck-live-fixed{grid-area:live!important;width:330px!important;min-width:330px!important;max-width:330px!important;height:96px!important;min-height:96px!important;max-height:96px!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:12px 16px!important;overflow:hidden!important;contain:layout paint!important;transform:none!important}.midi-deck-live-fixed small{flex:0 0 auto!important;margin:0 0 5px!important;line-height:1!important}.midi-deck-live-fixed strong{width:100%!important;height:48px!important;min-height:48px!important;max-height:48px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:42px!important;line-height:48px!important;letter-spacing:-.025em!important;transform:none!important;animation:none!important}.midi-octave-monitor-fixed{grid-area:range!important;width:100%!important;min-width:0!important;max-width:none!important;height:105px!important;min-height:105px!important;max-height:105px!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:110px 1fr!important;grid-template-rows:18px 42px 18px!important;column-gap:12px!important;row-gap:3px!important;align-items:center!important;padding:9px 12px!important;overflow:hidden!important;contain:layout paint!important;transform:none!important}.midi-octave-monitor-fixed small{grid-column:1!important;grid-row:1!important;white-space:nowrap!important}.midi-octave-monitor-fixed strong{grid-column:1!important;grid-row:2!important;font-size:16px!important;white-space:nowrap!important}.midi-octave-monitor-fixed select{grid-column:2!important;grid-row:1/3!important;width:100%!important;min-width:0!important;max-width:100%!important;height:42px!important;box-sizing:border-box!important;font-size:11px!important;padding:0 12px!important;transform:none!important}.midi-octave-monitor-fixed em{grid-column:1/-1!important;grid-row:3!important;width:100%!important;min-width:0!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;line-height:18px!important}}@media(max-width:820px){.midi-deck-live-fixed,.midi-octave-monitor-fixed{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;transform:none!important;animation:none!important}.midi-deck-live-fixed strong{min-height:46px!important;display:flex!important;align-items:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:38px!important;transform:none!important;animation:none!important}.midi-octave-monitor-fixed select{width:100%!important;box-sizing:border-box!important}}.ai-result-head-v48{align-items:center!important;margin-bottom:6px!important}.ai-result-head-v48 small{font-size:12px!important;font-weight:1000!important;letter-spacing:.08em!important}.ai-result-head-v48 h3{margin:3px 0!important;font-size:27px!important;line-height:1.08!important}.ai-result-head-v48>span{min-width:62px!important;padding:7px 10px!important;text-align:center!important;font-size:13px!important}.ai-meta-v48,.ai-structure-v48{gap:5px!important;margin:6px 0!important}.ai-meta-v48 b,.ai-structure-v48 span{padding:5px 8px!important;font-size:12px!important;line-height:1.1!important;font-weight:900!important}.ai-pro-master-v47{gap:6px!important;padding:9px 10px!important;border-radius:14px!important}.ai-mixer-title{min-height:30px!important;gap:7px!important}.ai-mixer-title>div{display:flex!important;align-items:baseline!important;gap:9px!important}.ai-mixer-title>div>b{font-size:15px!important;white-space:nowrap!important}.ai-mixer-title>div>small{font-size:11px!important;line-height:1.15!important}.ai-live-mixer-badge{margin:0!important;padding:3px 7px!important;font-size:9px!important}.ai-mixer-title .ai-synth-help-btn{height:28px!important;margin:0!important;padding:0 9px!important;font-size:10px!important;border-radius:8px!important}.ai-master-controls{grid-template-columns:repeat(5,minmax(105px,1fr))!important;gap:5px!important}.ai-master-controls label{min-height:45px!important;padding:5px 7px!important;gap:2px 6px!important;border-radius:9px!important}.ai-master-controls label span,.ai-master-controls label b{font-size:10px!important;line-height:1!important}.ai-master-controls input[type=range]{height:14px!important;margin:0!important}.ai-mode-controls{display:flex!important;gap:6px!important;align-items:center!important}.ai-mode-btn{width:auto!important;min-width:170px!important;max-width:220px!important;height:36px!important;min-height:36px!important;grid-template-columns:24px 1fr!important;gap:6px!important;padding:4px 8px!important;border-radius:9px!important}.ai-mode-btn>span{font-size:15px!important}.ai-mode-btn b{font-size:10px!important;line-height:1.05!important}.ai-mode-btn small{font-size:9px!important;line-height:1.05!important}.ai-engine-isolated{min-height:0!important;padding:3px 0 0!important;gap:6px!important}.ai-engine-isolated b,.ai-engine-isolated small{font-size:9px!important}.ai-mixer-tracks{gap:5px!important;margin:7px 0!important}.ai-mixer-track{min-height:56px!important;padding:7px 9px 21px!important}.ai-mixer-track b{font-size:12px!important}.ai-mixer-track small{font-size:10px!important}.ai-track-main select{height:27px!important;margin-top:3px!important;font-size:10px!important}.ai-track-volume label,.ai-track-ms button{font-size:10px!important}.synth-help-modal{width:min(1080px,96vw)!important;max-height:92vh!important;overflow:auto!important;padding:18px 20px!important}.synth-help-head small{font-size:11px!important}.synth-help-head h2{font-size:22px!important;line-height:1.12!important}.synth-help-head p{font-size:12px!important;line-height:1.38!important}.synth-help-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin:10px 0!important}.synth-help-grid article{padding:9px 10px!important}.synth-help-grid b{font-size:11px!important}.synth-help-grid p{margin:4px 0 0!important;font-size:10.5px!important;line-height:1.32!important}.synth-help-tip{padding:9px 11px!important;font-size:11px!important;line-height:1.35!important}.synth-help-close{height:34px!important;margin-top:9px!important;font-size:10px!important}.modal:not(.synth-help-modal),.share-modal,.cookie-modal,.gemini-config-modal,.study-modal{font-size:14px!important}.modal:not(.synth-help-modal) p,.share-modal p,.cookie-modal p,.gemini-config-modal p,.study-modal p{font-size:13px!important;line-height:1.45!important}.gemini-config-modal label,.gemini-config-modal small,.study-modal small,.gemini-modal-actions button,.study-modal-actions button{font-size:11px!important}.platform-ai-quick b{font-size:10px!important}.platform-ai-quick small,.platform-share-top{font-size:9px!important}@media(max-width:1050px){.ai-master-controls{grid-template-columns:repeat(3,1fr)!important}.synth-help-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:720px){.ai-result-head-v48 h3{font-size:22px!important}.ai-master-controls{grid-template-columns:1fr 1fr!important}.ai-mode-controls{display:grid!important;grid-template-columns:1fr 1fr!important}.ai-mode-btn{width:100%!important;min-width:0!important;max-width:none!important}.synth-help-grid{grid-template-columns:1fr!important}}.ai-composer-grid-v49{align-items:start!important}.ai-composer-grid-v49>.ai-composer-form,.ai-composer-grid-v49>.ai-form,.ai-composer-grid-v49>form,.ai-composer-grid-v49>div:first-child{align-self:start!important;height:auto!important;min-height:0!important}.ai-studio-panel-v49{align-self:start!important;height:auto!important;min-height:0!important;padding:13px!important}.ai-studio-panel-v49 .ai-result-head-v48{margin-bottom:4px!important}.ai-studio-panel-v49 .ai-meta-v48,.ai-studio-panel-v49 .ai-structure-v48{margin:4px 0!important}.ai-studio-panel-v49 .ai-pro-master-v47{display:grid!important;grid-template-columns:minmax(230px,.9fr) minmax(0,2.1fr)!important;grid-template-areas:"title controls" "modes engine"!important;gap:6px 10px!important;align-items:center!important;padding:9px 10px!important;margin:7px 0!important;min-height:0!important;border:1px solid rgba(192,132,252,.18)!important;background:linear-gradient(135deg,#7c3aed13,#db277709)!important}.ai-studio-panel-v49 .ai-mixer-title{grid-area:title!important;min-height:0!important;display:grid!important;grid-template-columns:1fr auto!important;grid-template-areas:"copy live" "help help"!important;gap:3px 6px!important;align-items:center!important}.ai-studio-panel-v49 .ai-mixer-title>div{grid-area:copy!important;display:grid!important;gap:1px!important;margin:0!important}.ai-studio-panel-v49 .ai-mixer-title>div>b{font-size:16px!important;line-height:1.05!important;letter-spacing:.01em!important}.ai-studio-panel-v49 .ai-mixer-title>div>small{font-size:11px!important;line-height:1.15!important;color:#b3bdd0!important}.ai-studio-panel-v49 .ai-live-mixer-badge{grid-area:live!important;font-size:9px!important}.ai-studio-panel-v49 .ai-synth-help-btn{grid-area:help!important;width:max-content!important;height:25px!important;padding:0 8px!important;font-size:9px!important}.ai-studio-panel-v49 .ai-master-controls{grid-area:controls!important;display:grid!important;grid-template-columns:repeat(5,minmax(82px,1fr))!important;gap:5px!important}.ai-studio-panel-v49 .ai-master-controls label{min-height:39px!important;padding:4px 6px!important;border-radius:8px!important}.ai-studio-panel-v49 .ai-master-controls label span,.ai-studio-panel-v49 .ai-master-controls label b{font-size:10px!important}.ai-studio-panel-v49 .ai-master-controls input[type=range]{height:11px!important}.ai-studio-panel-v49 .ai-mode-controls{grid-area:modes!important;display:flex!important;gap:6px!important;margin:0!important}.ai-studio-panel-v49 .ai-mode-btn{min-width:0!important;width:auto!important;max-width:none!important;height:38px!important;min-height:38px!important;padding:4px 9px!important;grid-template-columns:24px auto!important;border-radius:10px!important;border:1px solid rgba(192,132,252,.17)!important;background:linear-gradient(180deg,#ffffff0b,#ffffff05)!important}.ai-studio-panel-v49 .ai-mode-btn.active{border-color:#d8b4fe73!important;background:linear-gradient(135deg,#7c3aed40,#db27771a)!important;box-shadow:0 0 18px #8b5cf617,inset 0 0 12px #ffffff06!important}.ai-studio-panel-v49 .ai-mode-btn>span{font-size:16px!important}.ai-studio-panel-v49 .ai-mode-btn b{font-size:10px!important;line-height:1.05!important}.ai-studio-panel-v49 .ai-mode-btn small{margin-top:1px!important;font-size:8.5px!important;line-height:1.05!important;color:#aab4c5!important}.ai-studio-panel-v49 .ai-engine-isolated{grid-area:engine!important;justify-self:end!important;display:flex!important;align-items:center!important;gap:7px!important;padding:0!important;margin:0!important}.ai-studio-panel-v49 .ai-engine-isolated b{font-size:9px!important;white-space:nowrap!important}.ai-studio-panel-v49 .ai-engine-isolated small{font-size:8.5px!important;white-space:nowrap!important}.ai-mixer-tracks-v49{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;margin:5px 0!important}.ai-mixer-tracks-v49 .ai-mixer-track{min-height:0!important;padding:7px 9px!important;border-radius:10px!important}.ai-mixer-tracks-v49 .ai-track-main{min-width:0!important}.ai-mixer-tracks-v49 .ai-track-main b{font-size:12px!important}.ai-mixer-tracks-v49 .ai-track-main small{font-size:10px!important}.ai-mixer-tracks-v49 .ai-track-main select{height:27px!important;font-size:10px!important}.ai-mixer-tracks-v49 .ai-track-volume label,.ai-mixer-tracks-v49 .ai-track-volume b,.ai-mixer-tracks-v49 .ai-track-ms button{font-size:10px!important}@media(min-width:1100px){.ai-composer-grid-v49{grid-template-columns:minmax(390px,.88fr) minmax(620px,1.42fr)!important;gap:14px!important}}@media(max-width:1180px){.ai-studio-panel-v49 .ai-pro-master-v47{grid-template-columns:1fr!important;grid-template-areas:"title" "controls" "modes" "engine"!important}.ai-studio-panel-v49 .ai-engine-isolated{justify-self:start!important}}@media(max-width:760px){.ai-studio-panel-v49 .ai-master-controls{grid-template-columns:repeat(2,1fr)!important}.ai-studio-panel-v49 .ai-mode-controls{display:grid!important;grid-template-columns:1fr 1fr!important}.ai-studio-panel-v49 .ai-mode-btn{width:100%!important}.ai-studio-panel-v49 .ai-engine-isolated{display:grid!important}}.share-modal-v50{width:min(860px,calc(100vw - 28px))!important;max-width:860px!important;max-height:min(88vh,820px)!important;overflow:auto!important;padding:22px!important;border:1px solid rgba(192,132,252,.28)!important;background:linear-gradient(145deg,#100c1dfb,#0b0f1bfc)!important;box-shadow:0 28px 90px #00000094,0 0 55px #8b5cf61a!important}.share-modal-v50 .share-kicker{display:inline-flex!important;align-items:center!important;min-height:30px!important;padding:0 10px!important;border-radius:999px!important;background:#8b5cf61f!important;border:1px solid rgba(192,132,252,.18)!important;font-size:12px!important;font-weight:950!important;letter-spacing:.05em!important}.share-modal-v50 h2{font-size:24px!important;line-height:1.1!important;margin:10px 0 5px!important}.share-modal-v50>p{font-size:14px!important;margin:0!important;color:#b8c1d1!important}.share-native{width:100%!important;min-height:58px!important;margin:15px 0 10px!important;padding:8px 14px!important;border:1px solid rgba(216,180,254,.38)!important;border-radius:14px!important;background:linear-gradient(135deg,#7c3aed4d,#db277729)!important;color:#fff!important;display:grid!important;grid-template-columns:34px 1fr!important;grid-template-areas:"ico title" "ico sub"!important;text-align:left!important;align-items:center!important;cursor:pointer!important}.share-native>b{grid-area:title!important;font-size:13px!important}.share-native>small{grid-area:sub!important;font-size:10px!important;color:#c8cde0!important}.share-native:first-letter{font-size:22px!important}.share-section-title{margin:12px 0 7px!important;font-size:11px!important;font-weight:950!important;letter-spacing:.07em!important;color:#d8b4fe!important}.share-options-v50{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important;margin:0!important}.share-options-v50 a{min-height:50px!important;padding:6px!important;border-radius:11px!important;display:grid!important;grid-template-columns:25px 1fr!important;align-items:center!important;justify-content:start!important;gap:5px!important;font-size:11px!important;background:#ffffff09!important;transition:.18s ease!important}.share-options-v50 a:hover{transform:translateY(-2px)!important;border-color:#d8b4fe73!important;background:#8b5cf61c!important}.share-options-v50 a>span{font-size:18px!important;text-align:center!important;font-weight:950!important}.share-options-v50 a>b{font-size:11px!important;white-space:nowrap!important}.share-options-v50 a>small{grid-column:2!important;font-size:8px!important;color:#98a3b8!important;margin-top:-7px!important}.share-facebook>span{color:#69a5ff!important}.share-x>span{color:#fff!important}.share-linkedin>span{color:#7ab9ff!important}.share-reddit>span{color:#ff7448!important}.share-instagram>span{color:#f472b6!important}.share-tiktok>span{color:#f5f5f5!important}.share-threads>span{color:#fff!important}.share-bluesky>span{color:#72b7ff!important}.share-tools-v50{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:7px!important}.share-tools-v50>a,.share-tools-v50>button{min-height:43px!important;padding:6px 9px!important;border:1px solid rgba(192,132,252,.18)!important;border-radius:10px!important;background:#ffffff09!important;color:#f5f2ff!important;text-decoration:none!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;font-size:11px!important;cursor:pointer!important}.share-tools-v50>a:hover,.share-tools-v50>button:hover{border-color:#d8b4fe6b!important;background:#8b5cf61c!important}.share-mail-help{margin-top:9px!important;padding:10px 12px!important;border:1px solid rgba(251,191,36,.24)!important;border-radius:11px!important;background:#fbbf240e!important}.share-mail-help>b{font-size:12px!important}.share-mail-help p{font-size:11px!important;line-height:1.35!important;margin:4px 0 7px!important}.share-mail-help button{height:30px!important;padding:0 10px!important;border-radius:8px!important;border:1px solid rgba(251,191,36,.24)!important;background:#ffffff0a!important;color:#fff!important;font-size:9px!important;font-weight:900!important;cursor:pointer!important}.share-social-note{margin-top:10px!important;padding-top:9px!important;border-top:1px solid rgba(255,255,255,.07)!important;font-size:10px!important;line-height:1.35!important;color:#929db0!important}@media(max-width:760px){.share-modal-v50{padding:18px 14px!important}.share-options-v50{grid-template-columns:repeat(2,1fr)!important}.share-tools-v50{grid-template-columns:1fr!important}.share-modal-v50 h2{font-size:21px!important}}@media(max-width:430px){.share-options-v50{grid-template-columns:1fr 1fr!important;gap:6px!important}.share-options-v50 a{min-height:48px!important}.share-native{grid-template-columns:30px 1fr!important}}.share-tools-v51{grid-template-columns:repeat(4,minmax(0,1fr))!important}.share-tools-v51 .share-gmail,.share-tools-v51 .share-email{min-height:48px!important;text-align:left!important}.share-tools-v51 .share-gmail{border-color:#ea43354d!important;background:linear-gradient(135deg,#ea43351c,#4285f412)!important}.share-tools-v51 .share-gmail:hover{border-color:#ea433594!important;box-shadow:0 0 18px #ea43351a!important}.share-tools-v51>a>span,.share-tools-v51>button>span{display:grid!important;gap:1px!important}.share-tools-v51 small{display:block!important;font-size:8.5px!important;line-height:1.1!important;color:#aab4c5!important;font-weight:700!important}@media(max-width:900px){.share-tools-v51{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:560px){.share-tools-v51{grid-template-columns:1fr!important}}