.vm[data-astro-cid-zsazsge7]{--accent: #388fde;--accent-soft: rgba(56, 143, 222, .32);--ink: #1f2937;--key-off: #ffffff;container-type:inline-size;width:100%}.screen[data-astro-cid-zsazsge7]{font-family:Roboto,-apple-system,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:2.5cqw;aspect-ratio:16 / 11;display:flex;flex-direction:column;overflow:hidden;border-radius:.9em;background:#eef0f4;color:var(--ink);box-shadow:0 0 0 1px #0f172a14,0 1.2em 3em -1em #0f172a59}.toolbar[data-astro-cid-zsazsge7]{display:flex;align-items:center;gap:.9em;padding:.6em 1em;background:#fff;border-bottom:1px solid #e5e7eb}.toolbar[data-astro-cid-zsazsge7] svg[data-astro-cid-zsazsge7]{width:1.2em;height:1.2em}.pill[data-astro-cid-zsazsge7]{display:inline-flex;align-items:center;gap:.35em;padding:.35em .8em;border:1px solid var(--accent);border-radius:.4em;color:var(--accent);font-weight:500;font-size:.85em}.tempo[data-astro-cid-zsazsge7]{color:#9ca3af;font-size:.85em}.play[data-astro-cid-zsazsge7]{display:grid;place-items:center;width:2.1em;height:2.1em;border-radius:50%;background:var(--accent);color:#fff}.spacer[data-astro-cid-zsazsge7]{flex:1}.icon-btn[data-astro-cid-zsazsge7]{display:grid;place-items:center;width:2em;height:2em;border-radius:50%;background:#f1f5f9}.stage[data-astro-cid-zsazsge7]{position:relative;flex:1;overflow:hidden}.layer[data-astro-cid-zsazsge7]{position:absolute;inset:0;animation:var(--cycle) linear infinite}.roll-layer[data-astro-cid-zsazsge7]{animation-name:vm-show-roll}.sheet-layer[data-astro-cid-zsazsge7]{display:grid;place-items:center;background:#fff;animation-name:vm-show-sheet}.lanes[data-astro-cid-zsazsge7]{position:absolute;inset:0}.lanes[data-astro-cid-zsazsge7] span[data-astro-cid-zsazsge7]{position:absolute;top:0;bottom:0;width:1px;background:#0f172a0f}.track[data-astro-cid-zsazsge7]{position:absolute;left:0;right:0;bottom:0;animation:vm-fall var(--pass) linear infinite}.bar-line[data-astro-cid-zsazsge7]{position:absolute;left:0;right:0;height:1px;background:#0f172a1f}.note[data-astro-cid-zsazsge7]{position:absolute;display:flex;align-items:flex-end;border-radius:.25em;background:var(--accent-soft)}.note[data-astro-cid-zsazsge7] b[data-astro-cid-zsazsge7]{display:grid;place-items:center;width:100%;height:1.5em;border-radius:.25em;background:var(--accent);color:#fff;font-size:.8em;font-weight:600}.sheet-layer[data-astro-cid-zsazsge7] svg[data-astro-cid-zsazsge7]{width:96%;height:96%}.staff[data-astro-cid-zsazsge7]{stroke:#374151;stroke-width:1}.stem[data-astro-cid-zsazsge7]{stroke:var(--ink);stroke-width:1.3}.beam[data-astro-cid-zsazsge7]{stroke:var(--ink);stroke-width:4}.dot[data-astro-cid-zsazsge7]{fill:var(--ink)}.clef[data-astro-cid-zsazsge7]{font-size:58px;fill:var(--ink)}.timesig[data-astro-cid-zsazsge7]{font:700 20px Georgia,serif;fill:var(--ink)}.sharp[data-astro-cid-zsazsge7]{font-size:15px;fill:var(--ink)}.finger[data-astro-cid-zsazsge7]{font:600 11px Roboto,Arial,sans-serif;fill:#6b7280;text-anchor:middle}.head[data-astro-cid-zsazsge7]{fill:var(--ink);animation:var(--pass) step-end infinite}.playhead[data-astro-cid-zsazsge7]{stroke:var(--accent);stroke-width:3;stroke-linecap:round;opacity:.55;animation:vm-playhead var(--pass) linear infinite}.popover[data-astro-cid-zsazsge7]{position:absolute;top:.7em;right:.8em;display:flex;flex-direction:column;gap:.35em;padding:.6em .75em;border-radius:.7em;background:#fff;box-shadow:0 .4em 1.4em #0f172a2e}.label[data-astro-cid-zsazsge7]{font-size:.62em;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#9ca3af}.segmented[data-astro-cid-zsazsge7]{position:relative;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--accent);border-radius:2em;overflow:hidden;font-size:.8em;font-weight:500}.opt[data-astro-cid-zsazsge7]{position:relative;padding:.4em .9em;text-align:center;white-space:nowrap;animation:var(--cycle) linear infinite}.opt-roll[data-astro-cid-zsazsge7]{animation-name:vm-label-roll}.opt-sheet[data-astro-cid-zsazsge7]{animation-name:vm-label-sheet}.thumb[data-astro-cid-zsazsge7]{position:absolute;top:0;bottom:0;left:0;width:50%;border-radius:2em;background:var(--accent);animation:vm-thumb var(--cycle) cubic-bezier(.65,0,.35,1) infinite}.keyboard[data-astro-cid-zsazsge7]{position:relative;display:grid;height:22%;padding-top:.15em;background:#374151}.white[data-astro-cid-zsazsge7]{margin:0 1px;border-radius:0 0 .3em .3em;background:var(--key-off);animation:var(--pass) step-end infinite}.black[data-astro-cid-zsazsge7]{position:absolute;top:.15em;width:var(--black-w);height:60%;transform:translate(-50%);border-radius:0 0 .2em .2em;--key-off: #111827;background:var(--key-off);animation:var(--pass) step-end infinite}@keyframes vm-fall{0%{transform:translateY(0)}to{transform:translateY(50%)}}@keyframes vm-playhead{0%{transform:translate(0)}to{transform:translate(312px)}}@keyframes vm-show-roll{0%,47%{opacity:1}50%,97%{opacity:0}to{opacity:1}}@keyframes vm-show-sheet{0%,47%{opacity:0}50%,97%{opacity:1}to{opacity:0}}@keyframes vm-thumb{0%,45%{transform:translate(0)}49%,95%{transform:translate(100%)}99%,to{transform:translate(0)}}@keyframes vm-label-roll{0%,46%{color:#fff}48%,96%{color:var(--accent)}98%,to{color:#fff}}@keyframes vm-label-sheet{0%,46%{color:var(--accent)}48%,96%{color:#fff}98%,to{color:var(--accent)}}@media (prefers-reduced-motion: reduce){.vm[data-astro-cid-zsazsge7] [data-astro-cid-zsazsge7],.vm[data-astro-cid-zsazsge7] [data-astro-cid-zsazsge7]:before{animation:none!important}.sheet-layer[data-astro-cid-zsazsge7]{opacity:0}.opt-roll[data-astro-cid-zsazsge7]{color:#fff}.opt-sheet[data-astro-cid-zsazsge7]{color:var(--accent)}}.tr[data-astro-cid-mhmrfgm4]{--accent: #388fde;--orange: #f08c3c;--ink: #1f2937;--muted: #6b7280;container-type:inline-size;width:100%}.screen[data-astro-cid-mhmrfgm4]{position:relative;font-family:Roboto,-apple-system,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:2.5cqw;aspect-ratio:16 / 11;overflow:hidden;border-radius:.9em;background:#f3f4f6;color:var(--ink);box-shadow:0 0 0 1px #0f172a14,0 1.2em 3em -1em #0f172a59}.scene[data-astro-cid-mhmrfgm4]{position:absolute;inset:0;display:flex;flex-direction:column;gap:.75em;padding:1em 1.2em;animation:12s linear infinite}.scene-a[data-astro-cid-mhmrfgm4]{animation-name:tr-scene-a}.scene-b[data-astro-cid-mhmrfgm4]{animation-name:tr-scene-b}.enter[data-astro-cid-mhmrfgm4]{animation:12s ease-out infinite}.track[data-astro-cid-mhmrfgm4]{display:block;height:.35em;border-radius:1em;background:#ffffff59;overflow:hidden}.track[data-astro-cid-mhmrfgm4] .fill[data-astro-cid-mhmrfgm4]{display:block;height:100%;border-radius:inherit;background:#fff}.track[data-astro-cid-mhmrfgm4].orange{background:#f3e8de}.track[data-astro-cid-mhmrfgm4].orange .fill[data-astro-cid-mhmrfgm4]{background:var(--orange)}.fill[data-astro-cid-mhmrfgm4].grow{width:25%;transform-origin:left;animation:tr-grow 12s ease-out infinite}.banner[data-astro-cid-mhmrfgm4]{display:grid;gap:.2em;padding:.8em 1em;border-radius:.8em;color:#fff;background:linear-gradient(120deg,#3b82f6,#2563eb)}.banner[data-astro-cid-mhmrfgm4] strong[data-astro-cid-mhmrfgm4]{font-size:1.35em}.kicker[data-astro-cid-mhmrfgm4]{display:inline-flex;align-items:center;gap:.3em;font-size:.65em;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.kicker[data-astro-cid-mhmrfgm4] svg[data-astro-cid-mhmrfgm4]{width:1.3em;height:1.3em}.meta[data-astro-cid-mhmrfgm4]{font-size:.8em;margin-bottom:.3em}.teacher[data-astro-cid-mhmrfgm4]{display:flex;align-items:center;gap:.7em}.teacher[data-astro-cid-mhmrfgm4] img[data-astro-cid-mhmrfgm4]{width:2.6em;height:2.6em;flex-shrink:0;border-radius:50%;border:.15em solid #f2c94c;background:#fff}.teacher[data-astro-cid-mhmrfgm4] p[data-astro-cid-mhmrfgm4]{margin:0;padding:.55em .8em;border-radius:.2em .9em .9em;background:#fff;font-size:.85em;font-weight:500;line-height:1.3;box-shadow:0 .2em .6em #0f172a14}.list[data-astro-cid-mhmrfgm4]{position:relative;display:grid;gap:.55em}.list[data-astro-cid-mhmrfgm4]:before{content:"";position:absolute;left:.95em;top:1em;bottom:1em;width:2px;background:#e5e7eb}.row[data-astro-cid-mhmrfgm4]{position:relative;display:flex;align-items:center;gap:.7em}.dot[data-astro-cid-mhmrfgm4]{display:grid;place-items:center;width:1.9em;height:1.9em;flex-shrink:0;border-radius:50%;background:#fbbf8a;color:#fff;font-size:.8em;font-weight:700}.dot-next[data-astro-cid-mhmrfgm4]{width:2.1em;height:2.1em;background:var(--orange);box-shadow:0 0 0 .3em #f08c3c33}.dot[data-astro-cid-mhmrfgm4] svg[data-astro-cid-mhmrfgm4]{width:1em;height:1em}.card[data-astro-cid-mhmrfgm4]{flex:1;min-width:0;border-radius:.7em;background:#fff;box-shadow:0 .15em .5em #0f172a12}.card-next[data-astro-cid-mhmrfgm4]{display:grid;gap:.3em;padding:.7em .9em;animation:tr-press 12s ease-in-out infinite}.card-next[data-astro-cid-mhmrfgm4] strong[data-astro-cid-mhmrfgm4]{font-size:.9em}.card-opt[data-astro-cid-mhmrfgm4]{display:flex;align-items:center;gap:.6em;padding:.55em .9em}.card-opt[data-astro-cid-mhmrfgm4] strong[data-astro-cid-mhmrfgm4]{flex:1;font-size:.8em;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub[data-astro-cid-mhmrfgm4]{color:var(--muted);font-size:.65em;letter-spacing:.02em;text-transform:uppercase}.chip[data-astro-cid-mhmrfgm4]{justify-self:start;display:inline-flex;align-items:center;gap:.3em;padding:.2em .6em;border-radius:1em;font-size:.62em;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.chip[data-astro-cid-mhmrfgm4] svg[data-astro-cid-mhmrfgm4]{width:1.2em;height:1.2em}.chip-orange[data-astro-cid-mhmrfgm4]{color:#c2410c;background:#ffedd5}.pct[data-astro-cid-mhmrfgm4]{padding:.15em .5em;border-radius:1em;color:#c2410c;background:#ffedd5;font-size:.65em;font-weight:600}.pointer[data-astro-cid-mhmrfgm4]{position:absolute;left:0;top:0;width:2em;height:2em;border-radius:50%;background:#0f172a59;border:.18em solid #fff;box-shadow:0 .2em .6em #0f172a4d;animation:tr-pointer 12s ease-in-out infinite}.skill[data-astro-cid-mhmrfgm4]{display:grid;gap:.55em;padding:.9em 1em;border-radius:.8em;color:#fff;background:linear-gradient(120deg,#f59e5b,#ea7a34)}.skill-top[data-astro-cid-mhmrfgm4]{display:flex;justify-content:space-between}.chip-light[data-astro-cid-mhmrfgm4]{color:#fff;background:#ffffff38}.skill-title[data-astro-cid-mhmrfgm4]{display:flex;align-items:center;gap:.7em}.skill-title[data-astro-cid-mhmrfgm4] strong[data-astro-cid-mhmrfgm4]{font-size:1.05em;line-height:1.25}.hand[data-astro-cid-mhmrfgm4]{display:grid;place-items:center;width:2.4em;height:2.4em;flex-shrink:0;border-radius:.6em;background:#ffffffe6;color:var(--orange)}.hand[data-astro-cid-mhmrfgm4] svg[data-astro-cid-mhmrfgm4]{width:1.5em;height:1.5em}.skill-progress[data-astro-cid-mhmrfgm4]{display:flex;justify-content:space-between;font-size:.65em;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.stats[data-astro-cid-mhmrfgm4]{display:grid;grid-template-columns:repeat(3,1fr);margin-top:.2em;padding:.5em 0;border-radius:.6em;background:#00000014;text-align:center;font-size:.6em;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.stats[data-astro-cid-mhmrfgm4] b[data-astro-cid-mhmrfgm4]{display:block;font-size:2em;letter-spacing:0}.exercise[data-astro-cid-mhmrfgm4]{display:flex;align-items:center;gap:.8em;padding:.7em .9em;border-radius:.7em;background:#fff;box-shadow:0 .15em .5em #0f172a12}.ex-icon[data-astro-cid-mhmrfgm4]{display:grid;place-items:center;width:2.4em;height:2.4em;flex-shrink:0;border-radius:.5em;background:#eff6ff;color:var(--accent)}.ex-icon[data-astro-cid-mhmrfgm4] svg[data-astro-cid-mhmrfgm4]{width:1.5em;height:1.5em}.ex-text[data-astro-cid-mhmrfgm4]{flex:1;min-width:0;display:grid;gap:.2em}.ex-text[data-astro-cid-mhmrfgm4] strong[data-astro-cid-mhmrfgm4]{font-size:.85em}.go[data-astro-cid-mhmrfgm4]{padding:.5em 1em;border-radius:2em;color:#fff;background:var(--accent);font-size:.8em;font-weight:600;white-space:nowrap;animation:tr-pulse 12s ease-in-out infinite}.song[data-astro-cid-mhmrfgm4]{display:grid;gap:.4em}.label[data-astro-cid-mhmrfgm4]{color:var(--muted);font-size:.62em;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.song-row[data-astro-cid-mhmrfgm4]{display:flex;align-items:center;gap:.8em;padding:.6em .9em;border-radius:.7em;background:#fff;box-shadow:0 .15em .5em #0f172a12}.chev[data-astro-cid-mhmrfgm4]{width:1.2em;height:1.2em;color:#9ca3af}@keyframes tr-scene-a{0%,50%{opacity:1;visibility:visible}53%,to{opacity:0;visibility:hidden}}@keyframes tr-scene-b{0%,51%{opacity:0;visibility:hidden}54%,95%{opacity:1;visibility:visible}99%,to{opacity:0;visibility:hidden}}@keyframes tr-grow{0%,16%{transform:scaleX(0)}28%,to{transform:scaleX(1)}}@keyframes tr-pointer{0%,30%{opacity:0;transform:translate(32em,24em)}34%{opacity:1;transform:translate(31em,21em)}42%,46%{opacity:1;transform:translate(17em,12.8em) scale(1)}44%{transform:translate(17em,12.8em) scale(.75)}50%,to{opacity:0;transform:translate(17em,12.8em)}}@keyframes tr-press{0%,43%{transform:none;box-shadow:0 .15em .5em #0f172a12}44.5%{transform:scale(.97);box-shadow:0 0 0 .2em #f08c3c73}47%,to{transform:none;box-shadow:0 0 0 .2em #f08c3c73}}@keyframes tr-pulse{0%,74%,82%,90%,to{transform:none;box-shadow:0 0 #388fde00}78%,86%{transform:scale(1.06);box-shadow:0 0 0 .35em #388fde40}}@media (prefers-reduced-motion: reduce){.tr[data-astro-cid-mhmrfgm4] [data-astro-cid-mhmrfgm4],.tr[data-astro-cid-mhmrfgm4] [data-astro-cid-mhmrfgm4]:before{animation:none!important}.scene-b[data-astro-cid-mhmrfgm4],.pointer[data-astro-cid-mhmrfgm4]{display:none}}.sf[data-astro-cid-2t2rjwxe]{--accent: #388fde;--ink: #1f2937;--muted: #6b7280;container-type:inline-size;width:100%}.screen[data-astro-cid-2t2rjwxe]{display:flex;flex-direction:column;font-family:Roboto,-apple-system,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:2.5cqw;aspect-ratio:16 / 11;overflow:hidden;border-radius:.9em;background:#f3f4f6;color:var(--ink);box-shadow:0 0 0 1px #0f172a14,0 1.2em 3em -1em #0f172a59}.topbar[data-astro-cid-2t2rjwxe]{display:flex;align-items:center;gap:1em;padding:.8em 1.1em;background:#fff;border-bottom:1px solid #e5e7eb}.topbar[data-astro-cid-2t2rjwxe] strong[data-astro-cid-2t2rjwxe]{font-size:1.05em;white-space:nowrap}.search[data-astro-cid-2t2rjwxe]{flex:1;display:flex;align-items:center;gap:.5em;padding:.45em .9em;border:1px solid #e5e7eb;border-radius:2em;color:#9ca3af;font-size:.75em;white-space:nowrap;overflow:hidden}.search[data-astro-cid-2t2rjwxe] svg[data-astro-cid-2t2rjwxe]{width:1.3em;height:1.3em;flex-shrink:0}.rows[data-astro-cid-2t2rjwxe]{flex:1;display:flex;flex-direction:column;justify-content:center;gap:.9em;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.row[data-astro-cid-2t2rjwxe]{overflow:hidden}.belt[data-astro-cid-2t2rjwxe]{display:flex;width:-moz-max-content;width:max-content;animation:sf-drift 38s linear infinite}.row-1[data-astro-cid-2t2rjwxe] .belt[data-astro-cid-2t2rjwxe]{animation-duration:44s;animation-direction:reverse}.set[data-astro-cid-2t2rjwxe]{display:flex;gap:.8em;padding-right:.8em}.card[data-astro-cid-2t2rjwxe]{display:flex;flex-direction:column;gap:.15em;width:7em;padding:.45em .45em .6em;border-radius:.7em;background:#fff;box-shadow:0 .15em .5em #0f172a14}.card[data-astro-cid-2t2rjwxe] strong[data-astro-cid-2t2rjwxe]{margin-top:.35em;font-size:.72em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist[data-astro-cid-2t2rjwxe]{color:var(--muted);font-size:.62em}.cover[data-astro-cid-2t2rjwxe]{position:relative;display:grid;place-items:center;aspect-ratio:1;overflow:hidden;border-radius:.5em;color:#fffffff2;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.45),transparent 55%),linear-gradient(145deg,var(--from),var(--to))}.cover[data-astro-cid-2t2rjwxe]>svg[data-astro-cid-2t2rjwxe]{position:relative;width:45%;height:45%;filter:drop-shadow(0 .15em .3em rgba(0,0,0,.25))}.rings[data-astro-cid-2t2rjwxe]{position:absolute;right:-30%;bottom:-30%;width:90%;aspect-ratio:1;border-radius:50%;border:.5em solid rgba(255,255,255,.12);box-shadow:0 0 0 1.1em #ffffff0f}.tag[data-astro-cid-2t2rjwxe]{position:absolute;left:.35em;top:.35em;padding:.15em .45em;border-radius:.4em;background:#ffffffeb;color:var(--ink);font-size:.5em;font-weight:600}.cover[data-astro-cid-2t2rjwxe].dashed{border:.12em dashed #93c5fd;background:#eff6ff;color:var(--accent)}.cover[data-astro-cid-2t2rjwxe].dashed>svg[data-astro-cid-2t2rjwxe]{width:35%;height:35%;filter:none}.level[data-astro-cid-2t2rjwxe]{justify-self:start;align-self:flex-start;margin-top:.25em;padding:.1em .5em;border-radius:1em;font-size:.55em;font-weight:600}.level-novice[data-astro-cid-2t2rjwxe]{color:#15803d;background:#dcfce7}.level-beginner[data-astro-cid-2t2rjwxe]{color:#1d4ed8;background:#dbeafe}@keyframes sf-drift{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.belt[data-astro-cid-2t2rjwxe]{animation:none}}