@font-face{font-family:Libre Baskerville;src:url(../fonts/libre-baskerville.ttf) format("truetype");font-style:normal;font-weight:400 700;font-display:swap}@font-face{font-family:Bravura;src:url(../fonts/bravura.woff2) format("woff2");font-style:normal;font-weight:400;font-display:block}@font-face{font-family:Cinzel Decorative;src:url(../fonts/cinzel-decorative.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#282635;background:#efedf5;font-synthesis:none;font-size:14px;line-height:1.5;--accent: #7354cf;--muted: #767183;--line: #e2deec;--soft: #eee7fc;--score-font: "Libre Baskerville", "Baskerville", Georgia, serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px 12px;transition:background .15s}button:hover{background:#f0ecf7}button:disabled{opacity:.6;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b296ef;outline-offset:3px}input{accent-color:var(--accent)}select{color:#494355;background:#fff;border:1px solid var(--line);border-radius:6px;padding:6px;max-width:100%}.app{max-width:1600px;margin:24px auto;background:#f6f5f9;border:1px solid var(--line);border-radius:18px;overflow:clip;box-shadow:0 8px 40px #3e28530a}.top{min-height:79px;display:flex;gap:28px;align-items:center;padding:18px 28px;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;font-size:25px;letter-spacing:-1px;font-weight:650;color:inherit;text-decoration:none}.brand-mark{display:block;width:40px;height:40px;flex-shrink:0}.eyebrow{color:var(--muted);font-size:10px;letter-spacing:1.3px;text-transform:uppercase}.device{margin-left:auto;display:flex;align-items:center;gap:9px;font-size:12px;background:#f7f6fa}.dot{width:7px;height:7px;border-radius:50%;background:#a9a1b7}.dot.connected{background:#51b3a5}.connection{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:14px 28px;background:#f0ebfb;border-bottom:1px solid var(--line);font-size:12px}.connection strong{font-weight:600}.connection p{margin:3px 0;color:#655d77}.device-actions{display:flex;gap:8px;flex-shrink:0}.body{display:grid;grid-template-columns:204px minmax(0,1fr)}.sidebar{background:#fff;border-right:1px solid var(--line);padding:28px 17px;display:flex;flex-direction:column;gap:8px}.nav-label{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin:0 9px 8px;display:flex;justify-content:space-between}.library-search{width:100%;min-width:0;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:#fbfaff;color:inherit;font-size:12px}.library-songs{display:flex;flex-direction:column;gap:4px;max-height:min(40vh,440px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d9d1e8 transparent}.library-section{min-width:0;padding-top:6px}.library-section+.library-section{border-top:1px solid var(--line);margin-top:4px;padding-top:12px}.library-section-toggle{display:flex;align-items:center;gap:7px;width:100%;padding:8px 3px;border:0;background:transparent;text-align:left;font-size:12px;font-weight:600;line-height:1.5}.library-section-toggle svg{width:12px;height:12px;flex:0 0 auto;fill:none;stroke:var(--muted);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.library-section-toggle[aria-expanded=true] svg{transform:rotate(90deg)}.library-section-count{margin-left:auto;color:var(--muted);font-size:10px;font-weight:400}.library-section .import{width:100%;margin-top:4px}.library-empty{margin:4px 0;padding:10px;color:var(--muted);font-size:12px}.library-download{display:block;color:var(--accent);padding:6px 10px;font-size:11px;text-underline-offset:3px}.song{border:none;text-align:left;background:transparent;padding:12px 10px;line-height:1.5;overflow-wrap:anywhere}.song[aria-pressed=true]{color:var(--accent);background:var(--soft)}.song small{display:block;font-size:10px;color:var(--muted);padding-top:4px}.import{margin-top:13px;border-style:dashed;background:#fbfaff;font-size:12px}.privacy{font-size:11px;color:var(--muted);padding:0 10px;line-height:1.8}.side-footer{margin-top:auto;border-top:1px solid var(--line);padding:16px 10px 0;color:var(--muted);font-size:12px;line-height:1.8}.side-footer strong{display:block;color:#34303f;font-weight:500;margin-bottom:4px}main{padding:28px 30px 18px;min-width:0}.song-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:24px}.kicker{font-size:10px;text-transform:uppercase;letter-spacing:1.6px;color:var(--accent);margin-bottom:7px}h1{font-family:var(--score-font);font-weight:400;font-size:clamp(30px,3vw,36px);letter-spacing:-.025em;line-height:1.2;margin:0 0 8px;overflow-wrap:anywhere}.song-title-initial{display:inline-block;font-family:Cinzel Decorative,Georgia,serif;font-size:1.85em;font-weight:400;line-height:.85;letter-spacing:-.08em;margin-right:.02em;color:var(--accent)}.song-head p{margin:0;font-size:12px;color:var(--muted)}.song-head>div{min-width:0}.chip{font-size:10px;border:1px solid var(--line);padding:6px 9px;border-radius:6px;height:max-content;color:var(--muted);white-space:nowrap;margin-top:9px}.song-tools{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-end;gap:7px}.song-midi-download{color:var(--accent);font-size:11px;text-underline-offset:3px}.practice-toolbar{display:flex;align-items:center;gap:12px 24px;flex:0 0 auto;flex-wrap:wrap;margin-bottom:12px}.piano-sound{position:relative;color:var(--muted);font-size:12px}.piano-sound>button{cursor:pointer;white-space:nowrap;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#faf9fd}.piano-sound-panel{position:fixed;inset:auto;margin:0;width:240px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;padding:16px;border:1px solid var(--line);border-radius:14px;background:#faf9fd;box-shadow:0 8px 24px #2d263517}.piano-sound-name{display:block;margin-bottom:16px}.piano-sound-panel input{width:100%;margin:8px 0;accent-color:var(--accent)}.piano-sound-amount{display:flex;justify-content:space-between;gap:16px}.piano-sound-panel p{margin:8px 0 0;line-height:1.5}.piano-sound>button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.toolbar-preferences{display:contents}.practice-toolbar .tabs button{padding:7px 9px;font-size:11px}.practice-toolbar .hands button{padding:7px 8px;font-size:10px}.practice-toolbar .speed{margin-left:auto;gap:6px}.practice-toolbar .speed input{width:80px}.fullscreen-song-title{display:block;font-family:var(--score-font);font-size:22px;font-weight:400;letter-spacing:-.025em;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:4px}.fullscreen-song-heading{flex:1 1 320px;min-width:150px}.fullscreen-collection{color:var(--muted);font-size:10px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-navigation{display:flex;flex:0 0 auto;gap:6px}.song-navigation button{display:flex;align-items:center;gap:6px;padding:7px 9px;font-size:11px}.song-navigation button:disabled{cursor:default;opacity:.4}.piano-notice{margin-bottom:10px;color:#7354cf;font-size:12px}.tabs{display:flex;gap:3px;padding:3px;border:1px solid var(--line);background:#fff;border-radius:10px}.tabs button{border:0;background:transparent;font-size:12px;color:var(--muted);padding:8px 13px}.tabs button[aria-pressed=true]{background:#282635;color:#fff;border-radius:7px}.hands{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:10px;background:#fff}.hands button{border:0;border-radius:7px;background:transparent;font-size:11px;padding:7px 10px;display:flex;align-items:center;gap:6px}.hands button[aria-pressed=true]{background:var(--soft)}.hands button[aria-pressed=false]{opacity:.5;text-decoration:line-through}.swatch{width:7px;height:7px;border-radius:2px;background:#a086e9}.swatch.left{background:#51b3a5}.workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.workspace.guided{grid-template-columns:minmax(0,1fr) 220px}.work-main{min-width:0}.sheet-timeline{--sheet-paper: #f0f0f2;font-family:var(--score-font);flex:0 0 auto;overflow:hidden;margin-bottom:12px;border:1px solid #dcd8e8;border-radius:11px;background:var(--sheet-paper)}.sheet-timeline-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;padding:8px 12px 0;font-size:10px;color:#797183}.sheet-timeline-header strong{color:#443b52;font-family:var(--score-font);font-size:12px;font-weight:400}.sheet-timeline-svg{display:block;width:100%;height:210px}.sheet-timeline-svg.is-seekable{cursor:pointer}.sheet-timeline-svg.is-seeking{cursor:grabbing}.sheet-timeline-svg:focus-visible{outline:2px solid #9475d3;outline-offset:-3px;border-radius:5px}.sheet-staff-line{stroke:#b9b3c0;stroke-width:.8}.sheet-bar-line{stroke:#aaa1b5;stroke-width:1}.sheet-clef,.sheet-time-signature,.sheet-rest{fill:#51465f}.sheet-clef,.sheet-time-signature,.sheet-accidental{font-family:Bravura;font-weight:400;stroke:none}.sheet-note-right{color:#7a5ec5}.sheet-note-left{color:#328b7e}.sheet-note{fill:currentColor;stroke:currentColor}.sheet-note-label,.sheet-label{fill:#62576e;stroke:none;font-family:var(--score-font)}.sheet-note-label{font-size:11px}.sheet-bar-number{fill:#82778d;font-family:var(--score-font);font-size:11px;font-weight:700}.sheet-bar-number.is-current{fill:#7354cf}.sheet-beat-number{fill:#a399ae;font-family:var(--score-font);font-size:9px}.sheet-note-halo{fill:currentColor;opacity:.14;stroke:none}.sheet-density-note{display:block;padding:0 12px 6px;color:#82778d;font-size:10px}.sheet-beat-tick{stroke:#eeebf2;stroke-width:1}.sheet-playhead{stroke:#7354cf;stroke-width:2}.sheet-playhead-tip{fill:#7354cf;stroke:none}.roll{font-family:var(--score-font);border:1px solid #dcd8e8;border-radius:11px;overflow:hidden;background:#eeedf5}.roll-caption{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.1px;padding:9px 11px;color:#888194;border-bottom:1px solid var(--line)}.piano{font-family:var(--score-font);width:100%;height:410px;display:block;touch-action:none}.transport-buttons{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:10px;background:#fff}.transport-buttons button{border:0;border-radius:7px}.transport-buttons .square{width:32px;height:32px}.transport-buttons .play{min-width:88px;min-height:32px;padding:6px 12px;font-size:11px}.square{font-size:20px;width:36px;height:36px;padding:0;line-height:1}.primary{color:#fff;background:var(--accent);border-color:var(--accent)}.primary:hover{background:#6342bc}.play{min-width:96px;padding:7px 15px}.square[aria-pressed=true]{color:var(--accent);background:var(--soft);border-color:#aa8ee4}.speed{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:9px}.speed input{width:90px}.speed output{min-width:30px;color:#393343}.time{color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}.coach{border:1px solid var(--line);border-radius:12px;padding:20px 17px;background:#fff;display:flex;flex-direction:column}.coach h2{font-size:21px;font-weight:500;letter-spacing:-.5px;line-height:1.4;white-space:pre-line;margin:7px 0}.coach p{font-size:12px;color:var(--muted);line-height:1.8}.chord{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0 0}.chord span{padding:8px;border-radius:8px;color:var(--accent);background:var(--soft);font-size:13px}.chord .held{background:var(--accent);color:#fff}.chord .finger-note{min-width:58px;text-align:center}.chord .finger-note small{display:block;font-size:9px;line-height:1.5}.chord .finger-note strong{display:block;font-size:15px}.chord .finger-note.left{background:#def1ec;color:#287b6e}.chord .finger-note.held{background:var(--accent);color:#fff}.finger-guide{font-family:var(--score-font);display:grid;grid-template-columns:1.15fr 1.4fr 1.4fr;align-items:center;gap:12px;padding:16px;margin-bottom:20px;border:1px solid var(--line);border-radius:11px;background:#f8f6fa;font-size:12px}.finger-guide-heading{color:#443b52;font-size:16px;font-weight:400;font-family:inherit;text-align:left;margin:0}.finger-guide p{margin:4px 0 0;color:var(--muted);font-size:11px}.finger-legend{display:flex;flex-wrap:wrap;gap:3px 9px;margin-top:8px;color:var(--muted);font-size:10px}.finger-legend b{color:var(--accent)}.hand-position{display:flex;align-items:center;gap:12px;min-width:0;padding:12px;border:1px solid var(--hand-line);border-radius:12px;background:var(--hand-wash)}.hand-position>div{min-width:0}.hand-position strong{font-size:14px;font-weight:400}.hand-position svg{width:100px;height:137px;flex-shrink:0}.bear-paw-outline{fill:var(--paw-fur);stroke:currentColor;stroke-opacity:.65;stroke-width:2;stroke-linejoin:round}.bear-paw-pad{fill:currentColor;fill-opacity:.2;stroke:currentColor;stroke-opacity:.2;stroke-width:1.2}.bear-paw-claw{fill:#fcfbfe;stroke:currentColor;stroke-opacity:.4;stroke-width:1.3;stroke-linejoin:round}.bear-paw-fur{stroke:currentColor;stroke-width:1.5;stroke-opacity:.25}.bear-paw-number,.bear-paw-face{fill:currentColor}.bear-paw-face ellipse{fill:var(--paw-fur)}.bear-paw-smile{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.hand-position .bear-paw{overflow:visible}.bear-paw-wave{transform-box:view-box;transform-origin:50% 86%;animation:bear-wave 10s ease-in-out infinite both}.bear-paw-digit{animation:bear-pad-wiggle 10s ease-in-out infinite both}@keyframes bear-wave{0%,44%,to{transform:translateY(0) rotate(0)}10%{transform:translateY(-4px) rotate(-8deg)}22%{transform:translateY(-4px) rotate(8deg)}34%{transform:translateY(-2px) rotate(-5deg)}}@keyframes bear-pad-wiggle{0%,12%,32%,to{transform:translateY(0) scale(1)}22%{transform:translateY(-3px) scale(1.035,.98)}}.hand-position.left{--paw-fur: #dfefe9;--hand-wash: #edf7f3;--hand-line: #c8ddd5;color:#328f80}.hand-position.right{--paw-fur: #eae2f7;--hand-wash: #f3edf9;--hand-line: #dbcfec;color:var(--accent)}.hand-position.inactive{opacity:.5}.coach button{margin-top:12px;font-size:12px;border-color:#cbbbeb;color:var(--accent)}.coach-steps{margin-top:auto;padding-top:30px;color:var(--muted);font-size:11px;line-height:3}.coach-steps b{font-size:9px;display:inline-grid;place-items:center;width:18px;height:18px;line-height:1;border-radius:50%;background:#eee8fa;color:var(--accent);margin-right:7px;font-weight:400}.settings-row{display:flex;align-items:center;gap:15px 22px;flex-wrap:wrap;padding:16px 0 20px;font-size:11px;color:#72697e;border-bottom:1px solid var(--line);margin-bottom:22px}.settings-row label{display:flex;align-items:center;gap:7px}.settings-row select{font-size:11px}.pedal{margin-left:auto}.pedal b{font-weight:500;color:#494151}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{border:1px solid var(--line);background:#fff;border-radius:11px;padding:18px;min-width:0}.panel summary,.panel-heading{font-size:13px;font-weight:500;cursor:pointer}.panel summary span,.panel-heading>span{font-size:10px;float:right;font-weight:400;color:var(--muted)}.assignments{display:grid;gap:8px;margin-top:18px}.assignments label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.assignments label>span{overflow-wrap:anywhere}.assignments small{display:block;color:var(--muted);font-size:10px}.assignments select{font-size:11px;min-width:100px}.small{color:var(--muted);font-size:11px;line-height:1.7}.loop-fields{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:13px}.loop-fields label{display:flex;gap:4px;align-items:center;font-size:10px;color:var(--muted)}.loop-fields input{width:64px;border:1px solid var(--line);border-radius:5px;padding:5px;font-size:11px;color:#393343}.loop-fields button{font-size:10px;padding:5px 7px}.text-button{font-size:10px;border:0;padding:0;color:var(--accent);margin-top:15px}.stats{display:flex;justify-content:space-between;gap:10px;padding:20px 0 7px}.stats strong{font-size:26px;font-weight:500;letter-spacing:-1px;display:block;color:#554568}.stats span{font-size:10px;color:var(--muted)}.progress-note{font-size:10px;color:#8e8598;border-top:1px solid var(--line);padding-top:12px;margin-top:14px}.progress-note span{display:block;margin-top:3px}.misses{display:flex;gap:6px;flex-wrap:wrap}.misses button{font-size:10px;padding:4px 6px;background:#fcf5f0;color:#946a52}.keyboard-help{margin-top:22px;color:#6b607b;font-size:11px}.keyboard-help summary{cursor:pointer}.keyboard-help summary span{color:#948c9e;margin-left:9px}.keyboard-help p{line-height:1.8;max-width:800px}.accessible-keys{display:flex;flex-wrap:wrap;gap:5px;padding:8px 0}.accessible-keys button{font-size:10px;min-width:35px;touch-action:none}.accessible-keys small{display:block;color:var(--muted)}footer{border-top:1px solid var(--line);margin-top:22px;padding-top:14px;color:#938b9f;font-size:9px;display:flex;justify-content:space-between;gap:12px}.alert{padding:10px 12px;border:1px solid #dec6a8;background:#fff8ed;border-radius:8px;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1650px){.app{margin:32px auto}.piano{height:460px}}@media(max-width:1200px){.finger-guide{grid-template-columns:1fr 1fr;gap:8px 20px}.finger-guide-title{grid-column:1 / -1}.app{margin:12px}.body{grid-template-columns:180px minmax(0,1fr)}main{padding:24px 22px}.workspace.guided{grid-template-columns:minmax(0,1fr) 190px}.coach{padding:17px 14px}.transport{flex-wrap:wrap}.speed,.time{margin-left:auto}.settings-row{gap:12px}.pedal{margin-left:0}}@media(max-width:950px){.eyebrow,.chip{display:none}.workspace.guided{grid-template-columns:1fr}.coach{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px}.coach h2{font-size:18px}.coach .kicker,.coach p,.coach-steps{display:none}.coach .chord{margin:0;grid-column:2;grid-row:1/3;align-items:center}.coach button{margin:0;width:max-content}.body{grid-template-columns:160px minmax(0,1fr)}.lower-grid{grid-template-columns:1fr}.connection{align-items:flex-start}.device-actions{flex-direction:column;max-width:230px}.song-head{margin-bottom:18px}}@media(max-width:700px){.finger-guide{grid-template-columns:1fr}.app{margin:0;border-radius:0;border:0}.top{padding:16px;gap:12px}.brand{font-size:23px}.device{font-size:10px;padding:7px}.connection{padding:12px 16px;flex-direction:column;gap:10px}.device-actions{flex-direction:row;max-width:100%;flex-wrap:wrap}.body{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);padding:16px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px}.library-search,.library-section,.nav-label{flex-basis:100%}.nav-label{display:flex;margin:0 2px 6px}.library-section-toggle{font-size:13px}.library-songs{flex-basis:100%;flex-direction:row;overflow-x:auto;max-height:120px}.library-songs .song{flex:0 0 155px}.privacy,.side-footer{display:none}.song{font-size:11px;padding:7px 9px;max-width:180px}.song small{font-size:8px}.import{margin:0;font-size:11px}main{padding:22px 16px}.piano{height:370px}.tabs button{font-size:11px;padding:7px 9px}.hands button{font-size:10px;padding:7px}.speed{margin-left:0}.time{margin-left:auto}.settings-row{align-items:flex-start}.coach{padding:12px}.coach h2{font-size:16px}.chord span{padding:6px}.coach button{font-size:10px}.coach .chord{gap:3px}.panel{padding:15px}.panel summary span,.panel-heading>span{font-size:9px}footer{flex-direction:column;gap:3px}}@media(prefers-reduced-motion:reduce){button{transition:none}.bear-paw-wave,.bear-paw-digit{animation:none}}.roll-caption{align-items:center}.roll-actions{display:flex;align-items:center;gap:14px}.fullscreen-toggle{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;font-size:10px;letter-spacing:0;color:#66537f}.fullscreen-toggle>span{font-size:16px;line-height:1}.work-main.piano-expanded{position:fixed;inset:0;z-index:1000;width:100%;height:100%;height:100dvh;display:flex;flex-direction:column;gap:0;padding:clamp(10px,2vw,24px);overflow:hidden;background:#f6f5f9;font-family:var(--score-font)}.piano-expanded::backdrop{background:#f6f5f9}.piano-expanded .practice-toolbar{flex-wrap:nowrap;gap:12px;overflow-x:auto;scrollbar-width:thin;margin:-4px -4px 8px;padding:4px}.piano-expanded .practice-toolbar .tabs,.piano-expanded .practice-toolbar .hands,.piano-expanded .transport-buttons,.piano-expanded .practice-toolbar .speed,.piano-expanded .practice-toolbar .time{flex-shrink:0}.piano-expanded .practice-toolbar .speed{margin-left:0}.piano-expanded .roll{flex:1;min-height:160px;display:flex;flex-direction:column}.piano-expanded .sheet-timeline-svg{height:clamp(140px,21vh,210px)}.piano-expanded .roll-caption{flex:0 0 auto}.piano-expanded .piano{flex:1;min-height:0;height:0}@media(max-width:700px),(max-height:600px){.song-navigation button{padding:6px 10px;font-size:11px}.practice-toolbar{gap:7px 12px;margin-bottom:8px}.fullscreen-song-title{font-size:21px}.piano-expanded .roll{min-height:130px}.piano-expanded .roll-actions>span{display:none}}