.wpt-sheet{background:var(--parch);color:#1a1d27;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}.wpt-sheet.nochords .osmd svg .chord-name{display:none}.wpt-sheet{flex:1 1 auto;overflow:hidden;position:relative}.wpt-sheet .osmd{padding-bottom:60vh}.wpt-sheet .osmd{padding:10px 16px 24px}.wpt-sheet .osmd svg text[font-family="Times New Roman"]{font-family:Times New Roman,Apple Symbols,serif}.note-colored,.note-colored path{fill:#ddd738!important;stroke:#a89a12b3;stroke-width:.5}.note-colored.hand-bass,.note-colored.hand-bass path{fill:#e6a562!important;stroke:#b06a35bf}.note-white-core{fill:var(--parch);stroke:#a89a12;stroke-width:1}.label-backdrop{fill:#ddd738}.osmd-note-label.hand-bass .label-backdrop{fill:#e6a562}.osmd-note-label.hand-bass .note-white-core{stroke:#b06a35}.osmd-note-label text{fill:#1a1d27;font-family:Arial Rounded MT Bold,Varela Round,Inter,sans-serif;font-weight:400;text-anchor:middle}.osmd-note-label text.label-accidental{text-anchor:start}.osmd-note-label.tie-held text{fill:#6e675c}.tie-x{stroke:#6e675c8c;stroke-width:1.6;stroke-linecap:round;fill:none}.wpt-sheet.noletters .osmd-note-label text{display:none}.wpt-sheet .osmd svg :is(.vf-stem,.vf-beam,.vf-flag,.vf-ledgers,.vf-modifiers) :is(path,rect),.wpt-sheet .osmd svg .vf-notehead:not(.note-colored) path{stroke:#6e675c;fill:#6e675c}.wpt-sheet .osmd svg :is(.vf-stavetie,.vf-curve) path{fill:#6e675c}.wpt-sheet .osmd svg path.tie-slim{fill:none!important;stroke:#6e675c!important;stroke-width:1.1;stroke-linecap:round}.wpt-sheet .osmd svg .vf-stem path{fill:none}.wpt-sheet .osmd svg text.measure-number,.wpt-sheet .osmd svg .vf-text.measure-number,.wpt-sheet .osmd svg .measure-number text{fill:#a08a63;font-size:8px}.wpt-sheet .osmd svg .chord-name{cursor:pointer}.wpt-sheet .osmd svg .chord-name text{fill:#8a6a35;font-weight:700;font-family:Arial Rounded MT Bold,Varela Round,Inter,sans-serif}.wpt-sheet .osmd svg .chord-name .cacc{font-size:.92em;letter-spacing:-.06em}.note-colored.follow-lit path{fill:#f7fa86!important}.note-colored.follow-lit{filter:drop-shadow(0 0 3px rgb(240 243 100 / 95%)) drop-shadow(0 0 11px rgb(226 228 74 / 85%))}.note-colored.follow-lit.hand-bass path{fill:#ea9354!important}.note-colored.follow-lit.hand-bass{filter:drop-shadow(0 0 3px rgb(238 158 95 / 95%)) drop-shadow(0 0 11px rgb(222 133 77 / 85%))}.osmd-note-label.follow-lit .label-backdrop,.osmd-note-label.follow-lit .note-white-core{fill:#f4f77c}.osmd-note-label.follow-lit.hand-bass .label-backdrop,.osmd-note-label.follow-lit.hand-bass .note-white-core{fill:#de854d}@property --grid-tx{syntax:"<length>";inherits:false;initial-value:0px}@property --grid-ty{syntax:"<length>";inherits:false;initial-value:0px}.follow-pop{animation:follow-pop .55s cubic-bezier(.2,.9,.3,1.15);transform-box:fill-box;transform-origin:center}@keyframes follow-pop{0%{transform:translate(var(--grid-tx),var(--grid-ty)) scale(1.7)}to{transform:translate(var(--grid-tx),var(--grid-ty)) scale(1)}}.loopbox{fill:#ddd738;opacity:.16}.cover{fill:var(--parch)}.mhit{fill:transparent;cursor:pointer}.mhit:hover{fill:#1a1d27;fill-opacity:.055}.wpt-sheet .ink{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:40;touch-action:none}.wpt-sheet.pen .ink{pointer-events:auto}.wpt-sheet.pen,.wpt-sheet.pen *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 24 24'%3E%3Cpolygon points='2,22 4.6,15.6 8.4,19.4' fill='%23d9c49a' stroke='%235b4a2f' stroke-width='0.8'/%3E%3Cpolygon points='2,22 3.2,19.1 4.9,20.8' fill='%231d4ed8'/%3E%3Cpolygon points='4.6,15.6 14.6,5.6 18.4,9.4 8.4,19.4' fill='%23e8b64c' stroke='%236b4e0e' stroke-width='0.8'/%3E%3Cpolygon points='14.6,5.6 16.6,3.6 20.4,7.4 18.4,9.4' fill='%23c96a6a' stroke='%236b4e0e' stroke-width='0.8'/%3E%3C/svg%3E") 4 40,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpolygon points='2,22 4.6,15.6 8.4,19.4' fill='%23d9c49a' stroke='%235b4a2f' stroke-width='0.8'/%3E%3Cpolygon points='2,22 3.2,19.1 4.9,20.8' fill='%231d4ed8'/%3E%3Cpolygon points='4.6,15.6 14.6,5.6 18.4,9.4 8.4,19.4' fill='%23e8b64c' stroke='%236b4e0e' stroke-width='0.8'/%3E%3Cpolygon points='14.6,5.6 16.6,3.6 20.4,7.4 18.4,9.4' fill='%23c96a6a' stroke='%236b4e0e' stroke-width='0.8'/%3E%3C/svg%3E") 3 29,default}:root{--parch:#ddc99b;--strip:#cfb887;--rule:#b9a26a}html.player-open,html.player-open body{margin:0;padding:0;background:var(--parch);color:#1a1d27;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;height:100%;overflow:hidden}html.player-open #root{height:100%}#wrap{display:flex;flex-direction:column;height:100%}#top{position:relative;z-index:60;flex:0 0 auto;padding:8px 14px;background:var(--strip);border-bottom:1px solid var(--rule);-webkit-user-select:none;user-select:none}#hdr{display:none}#bar{display:flex;align-items:center;gap:13px;flex-wrap:wrap;font-size:16px}#bar button{font:inherit;font-size:16px;padding:6px 14px;border-radius:7px;border:1px solid #ab9457;background:#e8d7ac;color:#1a1d27;cursor:pointer}#bar button:hover{background:#f2e3bd}#bar button.on{background:#ddd738;border-color:#a89a12}#step button{padding:6px 11px}#wrap .ic{width:24px;height:24px;display:block;flex:none;color:inherit}#wrap .ic.dim{opacity:.85;width:21px;height:21px}#wrap .sep{width:1px;height:26px;background:#5a4c2a47;margin:0 2px;flex:none}#jumpn::-webkit-inner-spin-button,#jumpn::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#jumpn{width:68px;-moz-appearance:textfield}#bar button.ico{display:inline-flex;align-items:center;justify-content:center;padding:8px 11px;line-height:0}#pen .ic,#inkclear .ic{width:32px;height:32px}#pen,#inkclear{padding:4px 7px}#bar button.prime{background:#d9c48c;border:2px solid #7a6534;padding:8px 18px}#bar button.prime .ic{width:27px;height:27px}#bar button.prime:hover{background:#e8d7ac}#bar label.chip{position:relative;display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:8px;border:1px solid #ab9457;background:linear-gradient(#f0e1b8,#e2d0a1);color:#1a1d27;cursor:pointer;line-height:0;box-shadow:inset 0 1px #ffffff73}#bar label.chip .ic{width:27px;height:27px}#bar label.chip.word{padding:7px 12px;line-height:normal}#bar label.chip:hover{background:linear-gradient(#f8ecca,#ecdcaf)}#bar label.chip[hidden]{display:none}#bar label.chip input{position:absolute;inset:0;opacity:0;margin:0;width:100%;height:100%;cursor:pointer}#bar label.chip:has(input:checked){background:linear-gradient(#e6e04a,#d3cd28);border-color:#8e8210;box-shadow:inset 0 1px 2px #5a520859,0 0 0 2px #ddd7384d}#bar label.chip:has(input:focus-visible){outline:2px solid #7a6f3a;outline-offset:1px}#pos{font-variant-numeric:tabular-nums;font-weight:700;min-width:74px;text-align:center;background:#e8d7ac;border:1px solid var(--rule);border-radius:7px;padding:6px 9px}#bpm{font-variant-numeric:tabular-nums;font-weight:700;min-width:40px;text-align:right}#rate{width:150px;height:22px}#sync{display:inline-flex;align-items:center;gap:3px}#sync button{padding:2px 7px}#sync{display:none}#sync b{font-variant-numeric:tabular-nums;min-width:30px;text-align:right}#wrap label{display:inline-flex;align-items:center;gap:3px;cursor:pointer}#diag{color:#6e675c}#phr{display:inline-flex;gap:3px;align-items:center}#bar #phr button.ico{padding:2px 9px}#bar #phr button.ico .ic{width:17px;height:17px}#track{height:14px;margin-top:5px;background:#b9a26a;border-radius:7px;cursor:pointer;position:relative;touch-action:none}#fill{height:100%;width:0;background:#a89a12;border-radius:7px;pointer-events:none}#knob{position:absolute;top:-2px;width:6px;height:18px;border-radius:3px;background:#7a6f3a;border:1px solid #5d5430;pointer-events:none;transform:translate(-3px)}#tip{position:absolute;z-index:70;display:none;transform:translate(-50%);background:#2b2822;color:#f2e3bd;font-size:12px;font-weight:700;padding:2px 7px;border-radius:4px;white-space:nowrap;pointer-events:none;box-shadow:0 2px 6px #00000059}#jump{display:inline-flex;align-items:center;gap:4px}#jump input{font:inherit;font-size:12px;width:58px;padding:2px 4px;border:1px solid #ab9457;border-radius:5px;background:#f2e3bd;color:#1a1d27;text-align:center;font-variant-numeric:tabular-nums}#jump .of{color:#6e675c}#sheet{flex:1 1 auto;min-height:0}#wrap .err,html.player-open .loading.err{color:#a11}html.player-open .loading{padding:24px;font:16px Inter,ui-sans-serif,system-ui,sans-serif}#wrap>.err{position:fixed;left:14px;bottom:14px;z-index:80;background:#f2e3bd;border:1px solid #a11;border-radius:6px;padding:6px 10px;font:600 14px Inter,ui-sans-serif,system-ui,sans-serif}#deck{flex:0 0 auto;background:#100d0a;line-height:0;position:relative}#keys{display:block;width:100%;height:auto}#keys .kbg{fill:#100d0a}#keys .wk{fill:url(#kivory);stroke:none}#keys .bk{fill:url(#kgloss);stroke:#000;stroke-width:.5}#keys .kac{fill:#8a7f66}#keys .kacm,#keys .kam{fill:#3a3222}#keys .kac{fill:#6e675c;font-size:17px;font-weight:600;text-anchor:middle;font-family:Inter,ui-sans-serif,system-ui,sans-serif}#keys .kacm{fill:#1a1d27;font-weight:800}#keys .kam{fill:#1a1d27;font-size:13px;font-weight:800;text-anchor:middle;font-family:Inter,ui-sans-serif,system-ui,sans-serif}#keys .knm{fill:#1a1d27;font-size:19px;font-weight:800;text-anchor:middle;font-family:Inter,ui-sans-serif,system-ui,sans-serif}#keys .knb{fill:#1a1d27;font-size:15px}#wrap.nokeys #deck{display:none}#lid{position:relative;z-index:4;flex:0 0 auto;height:100px;overflow:visible;pointer-events:none}#lidtop{position:absolute;inset:0 0 33%;background:linear-gradient(180deg,#633b25,#553220,#452817 80%,#3a2112);box-shadow:inset 0 2px 3px #0006}#hinge{position:absolute;left:0;right:0;top:30%;height:2px;background:linear-gradient(180deg,#0006 0% 50%,#ffffff14 50% 100%)}#wrap .hgz{position:absolute;top:30%;transform:translate(-50%,-50%);border-radius:1px;background-image:radial-gradient(circle at 17% 27%,#241d10 0 1.5px,#0000 1.7px),radial-gradient(circle at 83% 27%,#241d10 0 1.5px,#0000 1.7px),radial-gradient(circle at 17% 73%,#241d10 0 1.5px,#0000 1.7px),radial-gradient(circle at 83% 73%,#241d10 0 1.5px,#0000 1.7px),linear-gradient(180deg,#3f3620,#564a2a 20%,#2c2416 48% 52%,#4b4026 80%,#272013);box-shadow:0 1px 2px #00000070,inset 0 0 0 1px #241d10}#wrap .hgz .tarnish{position:absolute;inset:0;mix-blend-mode:multiply;opacity:.62;background-size:100% 100%;border-radius:1px}#lidstep{position:absolute;left:0;right:0;bottom:24%;height:9%;background:linear-gradient(180deg,#4d2e1c,#3d2415 55%,#241408);box-shadow:inset 0 1px #7a4e2e40,inset 0 -1px #0009}#under{position:absolute;left:0;right:0;top:100%;height:5%;background:linear-gradient(180deg,#0b0604,#0000)}#grain{position:absolute;inset:0;mix-blend-mode:multiply;opacity:.55;background-size:100% 100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='90'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9 0.014' numOctaves='3' seed='7'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='900' height='90' filter='url(%23g)' opacity='0.5'/%3E%3C/svg%3E")}#lidlip{position:absolute;inset:76% 0 0;background:linear-gradient(180deg,#3a2214,#26160c 55%,#150c06)}#carve{position:absolute;white-space:nowrap;color:#43260f;opacity:.95;line-height:1.6;font-family:Snell Roundhand,Apple Chancery,Brush Script MT,cursive;font-weight:400;letter-spacing:.6px;left:50%;transform:translate(-50%);text-shadow:0 -.8px .4px rgba(0,0,0,.55),0 1.2px 0 rgba(255,214,164,.55),0 2.2px 2px rgba(0,0,0,.18);filter:url(#knife)}#carve sup{font-size:.44em;vertical-align:super;letter-spacing:0}#wrap .hgz .tarnish{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='90'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9 0.014' numOctaves='3' seed='7'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='900' height='90' filter='url(%23g)' opacity='0.5'/%3E%3C/svg%3E")}#top{background:linear-gradient(#6d4a27,#5b3c1e 18%,#4a3018 82%,#301f0f);border-bottom:0;box-shadow:0 3px 10px #00000061;padding:11px 14px 12px}#top:before,#top:after{content:"";position:absolute;left:0;right:0;height:3px;background:linear-gradient(#f0d68a,#c39d2c 40%,#7d6013)}#top:before{top:0;box-shadow:0 3px #8d2f27}#top:after{bottom:0}#hdr{color:#f6e7c2;text-shadow:0 1px 0 #2a1808}#bar button,#bar label.chip{background:linear-gradient(#fbf3df,#eee0bc 55%,#d6c095);border:1px solid #8a6a35;border-radius:4px;color:#2a2118;box-shadow:0 1px #fffaf0 inset,0 -2px 3px #5a3e1a52 inset,0 2px 3px #140c047f}#bar button:hover,#bar label.chip:hover{background:linear-gradient(#fffaea,#f4e8c9 55%,#e0cca4)}#bar button.prime{background:linear-gradient(#fff6e2,#f3e6c4 55%,#dcc79c);border:1px solid #7a6534}#bar button.on,#bar label.chip:has(input:checked){background:linear-gradient(#ffeeae,#f2d670 50%,#cfa92f);border-color:#8e6f10;box-shadow:0 0 10px 2px #ffd67073,0 1px #fff8dc inset,0 -2px 3px #78560a73 inset}#pos,#bpm,#jumpn{background:#2b1b0c;border:1px solid #140c04;color:#f6e7c2;box-shadow:0 1px #ffe2aa2e inset}#sync b,#bars,#bar{color:#f2e2bd}#wrap .sep{background:linear-gradient(transparent,rgb(255 214 140 / 38%),transparent);height:24px}#bar label.stop{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:116px;padding:10px 18px 11px;border-radius:9px;font:700 16px Georgia,Times New Roman,serif;letter-spacing:.03em;cursor:pointer;color:#f2e2bd;border:1px solid #2f1c0a;background:linear-gradient(135deg,#8a5c31,#6b431f 50%,#4a2c12);box-shadow:0 1px #ffe2aa40 inset,0 3px 4px #10090399,0 2px #2a1808;text-shadow:0 1px 0 #2a1808}#bar label.stop input{position:absolute;inset:0;opacity:0;margin:0;width:100%;height:100%;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}#bar label.stop input:focus,#bar label.stop input:focus-visible{outline:none}#bar label.stop:focus-within{outline:none}#bar label.stop:hover{background:linear-gradient(135deg,#9a6a3a,#7a4f26 50%,#573518)}#bar label.stop:has(input:checked){color:#2a1d06;border-color:#5a4410;background:linear-gradient(135deg,#caa348,#a9822c 50%,#7c5c15);transform:translateY(2px);text-shadow:0 1px 0 rgb(255 240 200 / 55%);box-shadow:0 0 12px 2px #ffd67066,0 2px 5px #1009038c inset}#bar label.stop[hidden]{display:none}.app .home .section{padding:4.5rem 0}.app .home .section.alt{background:var(--app-card)}.app .home section[id]{scroll-margin-top:4.5rem}.app .home .eyebrow{margin:0 0 .5rem;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--app-green-ink)}.app .home h2{font-size:clamp(1.6rem,3vw,2.1rem);margin-bottom:.5rem}.app .home .sub{color:var(--app-muted);margin:0 0 2rem;max-width:40rem}.app .home .center{text-align:center}.app .home .center .sub{margin-left:auto;margin-right:auto}.app .home .ctas{display:flex;flex-wrap:wrap;gap:.75rem}.app .hero{background:linear-gradient(135deg,#ffffff 0%,var(--app-green-wash) 100%);border-bottom:1px solid var(--app-line)}.app .hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:3rem;align-items:center;padding-top:4.5rem;padding-bottom:5rem}.app .hero h1{font-size:clamp(2.5rem,5.5vw,4rem);line-height:1.02;letter-spacing:-.035em}.app .hero h1 em{font-style:normal;color:var(--app-green)}.app .hero .lede{font-size:1.1rem;margin:1.25rem 0 1.75rem;max-width:32rem}.app .hero .fine{margin:1rem 0 0;font-size:.8rem;color:var(--app-muted)}.app .hero-shot{margin:0;border-radius:var(--app-radius-lg);overflow:hidden;background:#e5e7eb;box-shadow:0 30px 60px -20px #0f172a59,0 0 0 1px #0f172a0f}.app .hero-shot .chrome{display:flex;gap:6px;padding:8px 12px;background:#e5e7eb}.app .hero-shot .chrome i{width:9px;height:9px;border-radius:50%;background:#cbd5e1}.app .hero-shot img{display:block;width:100%;height:auto}@media(max-width:859px){.app .hero-in{grid-template-columns:minmax(0,1fr);gap:2.5rem;padding-top:3rem;padding-bottom:3.5rem}}.app .benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.app .benefit{display:flex;flex-direction:column;background:var(--app-card);border:1px solid var(--app-line);border-radius:var(--app-radius-lg);padding:1.4rem}.app .benefit .icon{width:40px;height:40px;border-radius:10px;background:var(--app-green-tint);color:var(--app-green-ink);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.app .benefit h3{font-size:1.05rem;letter-spacing:-.01em;margin-bottom:.4rem}.app .benefit p{margin:0 0 1rem;color:var(--app-muted);font-size:.925rem}.app .benefit .feature{margin-top:auto;align-self:flex-start;font-size:.75rem;font-weight:600;color:var(--app-green-ink);background:var(--app-green-tint);border-radius:999px;padding:.25rem .7rem}@media(max-width:959px){.app .benefits{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:559px){.app .benefits{grid-template-columns:minmax(0,1fr)}}.app .teacher-in{display:flex;align-items:center;gap:2.5rem;max-width:52rem}.app .portrait{flex:none;width:140px;height:140px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 4px var(--app-green-tint)}.app .teacher-in p:not(.eyebrow){margin:.5rem 0 0}@media(max-width:639px){.app .teacher-in{flex-direction:column;text-align:center;gap:1.25rem}.app .portrait{width:96px;height:96px}}.app .cta-band{background:var(--app-slate);color:#cbd5e1;padding:4rem 0}.app .cta-band h2{color:#fff}.app .cta-band p{margin:.5rem 0 1.75rem}.app .cta-band .ctas{justify-content:center}.app .artists{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(18rem,100%),1fr));gap:1rem}.app .artist-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;border-radius:var(--app-radius-lg);background:var(--app-green-wash);border:1px solid #a7f3d0;color:var(--app-body);text-decoration:none}.app a.artist-card:hover{text-decoration:none;border-color:var(--app-green)}.app .monogram{flex:none;width:64px;height:64px;border-radius:14px;background:#a7f3d0;color:var(--app-green-ink);font-size:1.9rem;font-weight:800;display:flex;align-items:center;justify-content:center}.app .artist-words{display:flex;flex-direction:column;gap:.1rem;min-width:0}.app .artist-words b{color:var(--app-ink);font-size:1.1rem}.app .artist-words .count strong{color:var(--app-green-ink)}.app .artist-words .colls{color:var(--app-muted);font-size:.875rem}.app .artist-words .browse{margin-top:.35rem;color:var(--app-green-ink);font-weight:600;font-size:.875rem}.app .artist-card.more{justify-content:center;text-align:center;background:var(--app-ground);border:1px dashed #cbd5e1;color:var(--app-muted)}.app .price-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:30rem;margin:0 auto 1.75rem}.app .price-card{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:1.5rem 1rem;background:var(--app-card);border:1px solid var(--app-line);border-radius:var(--app-radius-lg);color:var(--app-muted)}.app .price-card.best{border-color:var(--app-green);box-shadow:0 0 0 1px var(--app-green)}.app .price-card .amt{font-size:2rem;font-weight:800;color:var(--app-ink);letter-spacing:-.02em}.app .price-card .tag{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--app-green-ink);background:var(--app-green-tint);border-radius:999px;padding:.15rem .6rem}.page-player{position:fixed;inset:0;background:#f4ecd8}.page-player iframe{display:block;width:100%;height:100%;border:0}.page-player-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:0 16px;text-align:center;background:#f4ecd8;color:#2b2b2b;font:16px/1.4 system-ui,sans-serif}.page-player-loading p{margin:0;max-width:28rem}.page-player-loading .quiet{color:#6b6457;font-size:.9rem}.page-player-loading .spinner{width:36px;height:36px;margin-bottom:.6rem;border-radius:50%;border:3px solid #d9cdb0;border-top-color:#2f7a4f;animation:page-player-spin .9s linear infinite}@keyframes page-player-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.page-player-loading .spinner{animation:none}}.app .dashboard{max-width:52rem;padding-top:2.25rem;padding-bottom:4rem}.app .dashboard h1{font-size:1.75rem;margin-bottom:1.25rem}.app .status{display:flex;align-items:center;gap:.9rem;background:var(--app-card);border:1px solid var(--app-line);border-radius:var(--app-radius-lg);padding:.9rem 1.1rem;margin-bottom:2rem}.app .status .dot{flex:none;width:10px;height:10px;border-radius:50%;background:#94a3b8}.app .status.ok .dot{background:var(--app-green)}.app .status.warn{border-color:#fca5a5;background:var(--app-danger-wash)}.app .status.warn .dot{background:var(--app-danger)}.app .status .words{flex:1 1 0;display:flex;flex-direction:column;min-width:0}.app .status .words b{color:var(--app-ink)}.app .status .words span{color:var(--app-muted);font-size:.9rem}.app .status .btn{margin-left:auto;flex:none}.app .status-unavailable{margin:0 0 2rem}.app .artist+.artist{margin-top:2.5rem}.app .artist h2,.app .free-pieces h2{font-size:1.25rem;margin-bottom:.9rem}.app .free-pieces{margin-bottom:2.5rem}.app .dashboard .collection{background:var(--app-card);border:1px solid var(--app-line);border-radius:var(--app-radius-lg);overflow:hidden;margin-bottom:1rem}.app .dashboard .collection h3{display:flex;justify-content:space-between;padding:.65rem 1.1rem;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--app-muted);background:var(--app-ground);border-bottom:1px solid var(--app-line)}.app .dashboard ul{list-style:none;margin:0;padding:0}.app .dashboard .piece+.piece{border-top:1px solid #f1f5f9}.app .dashboard .piece a{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem .75rem;padding:.75rem 1.1rem;color:var(--app-ink);text-decoration:none}.app .dashboard .piece a:hover{background:var(--app-green-wash);text-decoration:none}.app .dashboard .piece .title{font-weight:600}.app .dashboard .piece .opus{color:var(--app-muted);font-size:.875rem}.app .dashboard .piece .tag{font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--app-green-ink);background:var(--app-green-tint);border-radius:999px;padding:.15rem .55rem}.app .dashboard .piece .go{margin-left:auto;color:var(--app-green-ink);font-weight:600;font-size:.875rem}.app .dashboard .piece .lock{margin-left:auto;color:#94a3b8;font-size:.8rem}.app .dashboard .piece.member a,.app .dashboard .piece.signin a{color:var(--app-muted)}@media(max-width:480px){.app .status{flex-wrap:wrap}.app .status .words{flex-basis:calc(100% - 10px - 1rem)}.app .status .btn{margin-left:calc(10px + .9rem)}}.app .dashboard .practice{margin:-.75rem 0 2rem}.app .dashboard .practice h2{font-size:1.05rem;margin-bottom:.6rem}.app .dashboard .practice dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem;margin:0}.app .dashboard .practice dl>div{background:var(--app-card);border:1px solid var(--app-line);border-radius:var(--app-radius);padding:.7rem .9rem}.app .dashboard .practice dt{color:var(--app-muted);font-size:.8rem}.app .dashboard .practice dd{margin:.15rem 0 0;display:flex;flex-direction:column}.app .dashboard .practice dd b{font-size:1.3rem;color:var(--app-ink)}.app .dashboard .practice dd span{color:var(--app-muted);font-size:.8rem}.app .dashboard .piece .practised{color:var(--app-muted);font-size:.8rem;white-space:nowrap}.app .dashboard .piece .practised{margin-left:auto}.app .dashboard .piece .practised+.go,.app .dashboard .piece .practised+.lock{margin-left:.75rem}.app .download{padding-bottom:4.5rem}.app .download-body{padding-top:2.5rem}.app .download-head{background:linear-gradient(135deg,#ffffff 0%,var(--app-green-wash) 100%);border-bottom:1px solid var(--app-line);padding:3.5rem 0 3rem}.app .download-head .center{text-align:center}.app .download .eyebrow{margin:0 0 .5rem;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--app-green-ink)}.app .download h1{font-size:clamp(2rem,4.5vw,2.75rem);letter-spacing:-.03em}.app .download-head .sub{color:var(--app-muted);margin:.9rem auto 0;max-width:36rem}.app .app-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.app .app-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;background:var(--app-card);border:1px solid var(--app-line);border-radius:var(--app-radius-lg);padding:1.5rem 1.4rem}.app .app-card.yours{border-color:var(--app-green);box-shadow:0 0 0 1px var(--app-green)}.app .app-card .yours-tag{position:absolute;top:1rem;right:1rem;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--app-green-ink);background:var(--app-green-tint);border-radius:999px;padding:.15rem .55rem}.app .app-card .icon{width:48px;height:48px;border-radius:12px;background:var(--app-green-tint);color:var(--app-green-ink);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.app .app-card h2{font-size:1.2rem}.app .app-card .devices{margin:.2rem 0 1.25rem;color:var(--app-muted);font-size:.9rem}.app .app-card .soon,.app .app-card .btn{margin-top:auto}.app .app-card .soon{font-size:.8rem;font-weight:600;color:var(--app-muted);background:var(--app-ground);border:1px dashed #cbd5e1;border-radius:999px;padding:.3rem .8rem}@media(max-width:959px){.app .app-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:479px){.app .app-cards{grid-template-columns:minmax(0,1fr)}}.app .web-band{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.25rem 2rem;margin-top:2.5rem;background:var(--app-slate);color:#cbd5e1;border-radius:var(--app-radius-lg);padding:2rem 2.25rem}.app .web-band h2{color:#fff;font-size:1.35rem}.app .web-band p{margin:.35rem 0 0;max-width:34rem}@media(max-width:559px){.app .web-band{padding:1.5rem 1.25rem}}.app .admin{padding-top:2rem;padding-bottom:3rem}.app .admin-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.app .admin-head h1{font-size:1.6rem;margin:0}.app .admin-totals{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.75rem;margin:0 0 1.5rem}.app .admin-totals>div{background:var(--app-card);border:1px solid var(--app-line);border-radius:var(--app-radius);padding:.75rem .9rem}.app .admin-totals dt{color:var(--app-muted);font-size:.8rem}.app .admin-totals dd{margin:.2rem 0 0;font-size:1.5rem;font-weight:600;color:var(--app-ink)}.app .admin-totals dd small{font-size:.8rem;font-weight:400;color:var(--app-muted)}.app .admin-table{overflow-x:auto;background:var(--app-card);border:1px solid var(--app-line);border-radius:var(--app-radius)}.app .admin-table table{width:100%;border-collapse:collapse;font-size:.9rem}.app .admin-table th,.app .admin-table td{text-align:left;padding:.55rem .8rem;border-bottom:1px solid var(--app-line);vertical-align:top}.app .admin-table th{color:var(--app-muted);font-weight:600;font-size:.8rem}.app .admin-table tr:last-child td{border-bottom:0}.app .admin-table .nowrap{white-space:nowrap}.app .admin-table .m-trial,.app .admin-table .m-paying{color:var(--app-green-ink);font-weight:600}.app .admin-table .m-past_due{color:var(--app-danger);font-weight:600}.app .admin-sub{font-size:1.15rem;margin:2rem 0 .75rem}:root{--app-green: #059669;--app-green-ink: #047857;--app-green-hi: #34d399;--app-green-tint: #d1fae5;--app-green-wash: #ecfdf5;--app-ink: #0f172a;--app-body: #334155;--app-muted: #64748b;--app-line: #e2e8f0;--app-ground: #f8fafc;--app-card: #ffffff;--app-slate: #1e293b;--app-navy: #0f172a;--app-danger: #dc2626;--app-danger-wash: #fef2f2;--app-radius: 8px;--app-radius-lg: 12px;--app-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}html,body{margin:0;padding:0}body{background:var(--app-ground)}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--app-ground);color:var(--app-body);font-family:var(--app-font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}.app *,.app *:before,.app *:after{box-sizing:border-box}.app .main{flex:1}.app h1,.app h2,.app h3{color:var(--app-ink);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:0}.app a{color:var(--app-green-ink);text-decoration:none}.app a:hover{text-decoration:underline;text-underline-offset:.15em}.app a:focus-visible,.app button:focus-visible{outline:2px solid var(--app-green);outline-offset:2px}.app .container{width:100%;max-width:72rem;margin:0 auto;padding-left:1rem;padding-right:1rem}.app .container.narrow{max-width:44rem}.app .page{max-width:44rem;margin:0 auto;padding:3rem 1rem 4rem}.app .quiet{color:var(--app-muted)}.app .err{color:var(--app-danger)}.app .btn,.app button.primary,.app a.button,.app .auth button[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font:inherit;font-size:.95rem;font-weight:600;line-height:1.2;border:1.5px solid transparent;border-radius:999px;padding:.7rem 1.35rem;cursor:pointer;text-decoration:none}.app .btn:hover,.app a.button:hover{text-decoration:none}.app .btn.primary,.app button.primary,.app a.button.primary,.app .auth button[type=submit]{background:var(--app-green-ink);color:#fff}.app .btn.primary:hover,.app button.primary:hover,.app a.button.primary:hover,.app .auth button[type=submit]:hover{background:#065f46}.app .btn.secondary{background:transparent;color:var(--app-ink);border-color:currentColor}.app .btn.secondary:hover{background:#0f172a0a}.app .btn.secondary.on-dark{color:#fff}.app .btn.secondary.on-dark:hover{background:#ffffff14}.app .btn.danger{background:var(--app-danger);color:#fff}.app .btn.danger:hover{background:#b91c1c}.app .btn.sm{padding:.45rem .95rem;font-size:.85rem}.app .btn:disabled,.app button.primary:disabled,.app .auth button[type=submit]:disabled{opacity:.6;cursor:default}.app .linklike{border:none;background:none;padding:0;font:inherit;color:var(--app-green-ink);cursor:pointer}.app .linklike:hover{text-decoration:underline;text-underline-offset:.15em}.app .top{position:sticky;top:0;z-index:20;background:var(--app-card);border-bottom:1px solid var(--app-line)}.app .top-in{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4rem}.app .logo{display:inline-flex;align-items:center;gap:.6rem;color:var(--app-ink);text-decoration:none}.app .logo:hover{text-decoration:none}.app .logo-mark{flex:none;display:block}.app .wordmark{display:flex;flex-direction:column;line-height:1.05}.app .wordmark b{font-size:1rem;font-weight:800;letter-spacing:.04em}.app .wordmark b span{font-weight:500}.app .wordmark small{font-size:.66rem;letter-spacing:.06em;opacity:.7}.app #account-nav{display:flex;align-items:center;gap:1.25rem;font-size:.9rem}.app #account-nav>a:not(.btn),.app #account-nav .anchors a,.app #account-nav .linklike{color:var(--app-body);font-weight:500}.app #account-nav a.active{color:var(--app-green-ink);font-weight:600}.app #account-nav .anchors{display:flex;gap:1.25rem}@media(max-width:719px){.app #account-nav{gap:.9rem}.app #account-nav .anchors{display:none}}@media(max-width:479px){.app .top .wordmark{display:none}}.app .foot{background:var(--app-navy);color:#94a3b8;font-size:.85rem}.app .foot-in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.5rem;padding-top:2rem;padding-bottom:2.5rem}.app .foot .logo{color:#fff}.app .foot .credit{margin:.9rem 0 0}.app .foot a{color:#cbd5e1}.app .foot a:hover{color:#fff}.app .foot-links{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.5rem 1.25rem}.app .auth,.app .pricing,.app .account{max-width:28rem;margin:0 auto;background:var(--app-card);border:1px solid var(--app-line);border-radius:var(--app-radius-lg);padding:2rem 1.75rem;box-shadow:0 1px 2px #0f172a0a}.app .auth h1,.app .pricing h1,.app .account h1{font-size:1.6rem;margin-bottom:1.25rem}.app .auth form{display:flex;flex-direction:column;gap:1.1rem}.app .auth label{display:block;font-size:.85rem;font-weight:600;color:var(--app-ink);text-align:left}.app .auth input{display:block;width:100%;margin-top:.4rem;font:inherit;font-size:1rem;color:var(--app-ink);background:#fff;border:1px solid #cbd5e1;border-radius:var(--app-radius);padding:.65rem .75rem}.app .auth input:focus-visible{outline:2px solid var(--app-green);outline-offset:0;border-color:var(--app-green)}.app .auth button[type=submit]{width:100%}.app .auth .quiet{margin-top:1.5rem;font-size:.9rem}.app .form-error{margin:0;color:var(--app-danger);font-size:.9rem}.app .notice{color:var(--app-ink);background:var(--app-green-wash);border:1px solid #a7f3d0;border-radius:var(--app-radius);padding:.9rem 1rem}.app .providers{display:flex;flex-direction:column;gap:.65rem;margin-bottom:1.5rem}.app .providers .social{display:block;width:100%;font:inherit;font-size:.95rem;font-weight:600;color:var(--app-ink);background:#fff;border:1.5px solid var(--app-ink);border-radius:999px;padding:.65rem 1rem;cursor:pointer}.app .providers .social:hover{background:var(--app-ground)}.app .providers .or{margin:.35rem 0 0;text-align:center;color:var(--app-muted);font-size:.85rem}.app .pricing .lede{color:var(--app-muted);margin:0 0 1.5rem}.app .pricing .plans{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.app .pricing .plan{display:flex;align-items:baseline;gap:.6rem;color:var(--app-ink);background:#fff;border:1px solid var(--app-line);border-radius:var(--app-radius-lg);padding:.9rem 1rem;cursor:pointer}.app .pricing .plan.on{border-color:var(--app-green);box-shadow:0 0 0 1px var(--app-green);background:var(--app-green-wash)}.app .pricing .plan input{margin:0;accent-color:var(--app-green-ink)}.app .pricing .plan b{font-size:1.15rem}.app .pricing .plan .save{color:var(--app-green-ink);font-size:.85rem;font-weight:600}.app .pricing .form-error{margin-bottom:1rem}.app .pricing button.primary{width:100%;margin-bottom:1rem}.app .pricing .quiet{font-size:.85rem}.app .account span.warn{color:var(--app-danger);font-weight:600}.app .account .membership{margin:1.5rem 0;background:var(--app-ground);border:1px solid var(--app-line);border-radius:var(--app-radius-lg);padding:1.1rem 1.25rem}.app .account .membership.warn{border-color:#fca5a5;background:var(--app-danger-wash)}.app .account .membership h2{font-size:1.05rem}.app .account .membership p{color:var(--app-muted);margin:.35rem 0 0}.app .account .membership button,.app .account .membership .button{margin-top:.85rem;margin-right:.6rem}.app .account .membership button:not(.primary){font:inherit;font-size:.9rem;font-weight:600;color:var(--app-ink);background:#fff;border:1.5px solid var(--app-ink);border-radius:999px;padding:.5rem 1rem;cursor:pointer}.app .account .membership button:not(.primary):hover{background:var(--app-ground)}@media(prefers-reduced-motion:no-preference){.app a,.app .btn,.app button.primary{transition:color .12s ease,background-color .12s ease,border-color .12s ease}}.to-catalog{position:fixed;left:10px;bottom:10px;z-index:50;font:13px/1.2 system-ui,sans-serif;padding:6px 10px;border-radius:6px;background:color-mix(in srgb,#f4ecd8 85%,transparent);color:#2b2115;text-decoration:none;box-shadow:0 1px 3px #00000026}.app .preview .lede{color:var(--app-muted);margin:-.5rem 0 1.25rem}.app .preview .free-list{list-style:none;margin:0 0 1.5rem;padding:0;text-align:left;border:1px solid var(--app-line);border-radius:var(--app-radius-lg);background:var(--app-card)}.app .preview .free-list li{padding:.65rem 1rem;display:flex;justify-content:space-between;gap:1rem}.app .preview .free-list li+li{border-top:1px solid var(--app-line)}.app .preview .free-list span{color:var(--app-muted);font-size:.9rem}.app .auth label.check{display:flex;align-items:flex-start;gap:.55rem;font-weight:400;color:var(--app-muted)}.app .auth label.check input{width:auto;margin-top:.2rem}.app .auth .linkish{background:none;border:0;padding:0;color:var(--app-green-ink);text-decoration:underline;cursor:pointer;font:inherit}.app .auth .sign-in-link{margin-top:1.25rem}
