:root{color:#254537;font-synthesis:none;--green:#25563f;--muted:#687160;--line:#dfe2d6;--paper:#fffefa;--left:#96671d;background:#f7f6f0;font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;touch-action:manipulation;background:0 0;border:0}button:disabled{opacity:.55;cursor:default}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #b16e30}a{color:inherit;text-underline-offset:4px}h1,h2,h3,p{margin:0}input{accent-color:var(--green)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:#fff;padding:12px;position:fixed;top:-70px;left:15px}.skip-link:focus{top:10px}.noscript{padding:25px}.song-app{max-width:1300px;margin:auto}.song-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1080px;height:84px;margin:auto;display:flex}.brand{align-items:center;gap:10px;padding:0;display:flex}.brand strong{letter-spacing:3px;font-size:24px}.brand-mark{font-size:30px}.brand-tag{color:#56705b;font-size:13px}.song-footer{border-top:1px solid var(--line);max-width:1080px;color:var(--muted);justify-content:space-between;gap:15px;margin:42px auto 0;padding:25px 0 32px;font-size:12px;display:flex}.song-footer a{text-decoration:none}.eyebrow{letter-spacing:2px;color:#778068;font-size:10px}.song-home{max-width:810px;margin:auto;padding:42px 0 0}.home-intro{margin-bottom:29px}.home-intro h1{letter-spacing:1px;margin:12px 0;font:600 39px/1.4 Songti SC,Georgia,serif}.home-intro p{color:var(--muted);font-size:15px}.song-grid{gap:17px;display:grid}.song-card{border:1px solid var(--line);background:var(--paper);border-radius:12px;align-items:center;gap:26px;padding:17px;transition:box-shadow .15s;display:flex}.song-card:hover{box-shadow:0 7px 20px #22332209}.card-cover{border-radius:8px;flex:0 0 164px;height:150px;padding:0;overflow:hidden}.song-art{object-fit:cover;width:100%;height:100%;display:block}.art-sun{color:#986923;background:#f2e4ba}.art-star{color:#607f90;background:#dee7e8}.art-meadow{color:#708157;background:#e3e8d9}.card-cover svg{transform:scale(1.24)}.card-body{flex:1;min-width:0}.song-title-row{justify-content:space-between;align-items:center;gap:15px;display:flex}.song-title-row h2{letter-spacing:1px;font:600 25px/1.4 Songti SC,Georgia,serif}.played-badge{color:#607456;white-space:nowrap;font-size:12px}.song-meta{color:#59705c;margin-top:6px;font-size:13px}.song-description{color:var(--muted);margin:8px 0 14px;font-size:13px;line-height:1.7}.card-actions{gap:11px;display:flex}.primary,.secondary,.preview-button{border-radius:8px;justify-content:center;align-items:center;gap:11px;min-height:43px;padding:11px 22px;font-size:14px;line-height:1.4;display:inline-flex}.primary{background:var(--green);color:#fffffb}.primary:hover:not(:disabled){background:#16442e}.secondary,.preview-button{color:#3c5b42;background:#fffefa;border:1px solid #cbd5c3}.text-button{text-underline-offset:4px;padding:8px 5px;font-size:13px;text-decoration:underline}.home-footnote{text-align:center;color:#6a7760;margin:25px 0 0;font-size:13px;line-height:1.8}.studio{max-width:1080px;margin:auto;padding-top:24px}.studio-title{grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;display:grid}.back-button{justify-self:start;padding:8px 0;font-size:14px}.studio-title h1{letter-spacing:1px;font:600 31px/1.4 Songti SC,Georgia,serif}.key-badge{color:#577054;border:1px solid #cbd1c1;border-radius:20px;justify-self:end;padding:5px 12px;font-size:12px}.version-switch{border:1px solid #cbd2c2;border-radius:30px;max-width:360px;margin:19px auto 27px;padding:3px;display:flex}.version-switch>button{border-radius:25px;flex:1;padding:10px;font-size:14px}.version-switch>button[aria-pressed=true]{background:var(--green);color:#fffefa}.music-workspace{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:22px 27px 13px;scroll-margin-top:12px}.transport{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.play-actions,.play-options{align-items:center;gap:12px;display:flex}.transport .primary{min-width:149px}.tempo-label select{color:#516b51;cursor:pointer;background:#fffefa;border:1px solid #cbd1c2;border-radius:7px;padding:10px 32px 10px 13px;font-size:13px}.loop-control{color:#596e51;cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:7px 8px;font-size:13px;display:flex}.loop-control input{width:15px;height:15px;margin:0}.loop-control.enabled{color:#31562f;background:#e9f0df}.score-paper{background:#fcfcf7;border:1px solid #e1e4d8;border-radius:9px;overflow:hidden}.score-toolbar{justify-content:space-between;align-items:center;gap:12px;min-height:50px;padding:13px 15px 3px;display:flex}.range-actions{flex-wrap:wrap;align-items:center;gap:13px;display:flex}.selection-pill{color:#426537;background:#e6efdb;border-radius:6px;padding:7px 10px;font-size:12px}.selection-pill span{margin-left:7px;font-size:16px}.whole-label{color:#65715c;font-size:12px}.select-range-button{color:#597450;padding:7px 0;font-size:12px}.select-range-button.active{color:#8b5819}.number-toggle{color:#52664b;white-space:nowrap;cursor:pointer;align-items:center;gap:9px;min-height:32px;font-size:12px;display:flex;position:relative}.number-toggle input{opacity:0;cursor:pointer;z-index:2;width:34px;height:24px;position:absolute;right:0}.switch-track{background:#9da692;border-radius:20px;width:34px;height:19px;position:relative}.switch-track:after{content:"";background:#fff;border-radius:50%;width:13px;height:13px;transition:transform .15s;position:absolute;top:3px;left:3px}.number-toggle input:checked+.switch-track{background:var(--green)}.number-toggle input:checked+.switch-track:after{transform:translate(15px)}.number-toggle input:focus-visible+.switch-track{outline-offset:3px;outline:3px solid #b16e30}.score-caption{color:#637157;justify-content:space-between;align-items:center;gap:15px;padding:5px 16px 7px;font-size:11px;line-height:1.6;display:flex}.score-caption>span:first-child{color:#405c3c;font-family:Georgia,serif;font-size:13px}.score-viewport{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b6c3a8 #f3f5ed;background:#fffffa;border-top:1px solid #edf0e6;max-height:310px;position:relative;overflow:auto}.score-viewport.grand-score{max-height:380px}.score-stage{isolation:isolate;position:relative}.engraving{z-index:1;pointer-events:none;position:absolute;top:0;left:0}.engraving svg{max-width:100%;height:auto}.measure-wash{z-index:0;pointer-events:none;border:1px solid #0000;border-radius:5px;position:absolute}.measure-wash.selected{background:#eff4e8;border-color:#c9dbb6}.measure-wash.selection-anchor{background:#f5ecd7;border-color:#cda45b}.measure-select{z-index:4;color:#687b5c;border-radius:4px;min-width:30px;min-height:25px;padding:1px 6px;font-size:11px;line-height:20px;position:absolute}.measure-select:hover,.measure-select:focus-visible{background:#dae8c8}.measure-select.choosing{color:#7b5720;background:#f2e4c4;outline:1px dashed #ad803d}.score-note-target{z-index:3;background:0 0;border-radius:10px;width:30px;height:43px;padding:0;position:absolute}.score-note-target:hover{background:#6c925422}.score-note-target.left:hover{background:#b6883726}.score-note-target.current{background:#6c92540d}.score-note-target.current.left{background:#b6883712}.engraving .note-active-right,.engraving .note-active-right *{fill:#4f8c44!important;stroke:#4f8c44!important}.engraving .note-active-left,.engraving .note-active-left *{fill:#b17b20!important;stroke:#b17b20!important}.score-playhead{z-index:2;pointer-events:none;opacity:.85;background:#669451;width:1px;position:absolute}.numbered-note{text-align:center;z-index:2;color:#3e5636;pointer-events:none;width:24px;height:23px;font-family:Georgia,Times New Roman,serif;font-size:17px;line-height:20px;position:absolute}.numbered-note.current{color:#3e7935;font-weight:700}.numbered-note.current.left{color:#956713}.numbered-note span{position:relative}.eighth-number{border-bottom:1.5px solid;padding-bottom:2px}.duration-dot{margin-left:2px;font-style:normal;position:absolute;top:-1px;left:100%}.octave-dot{font-size:22px;font-style:normal;line-height:10px;position:absolute;left:9px}.octave-dot.below{top:19px}.octave-dot.above{top:-8px}.number-extension{font-size:16px;font-style:normal;position:absolute;top:0}.score-error,.score-loading{color:#637555;padding:25px;font-size:14px;line-height:1.7}.score-error{color:#8b512c}.now-playing{justify-content:space-between;align-items:center;gap:15px;min-height:43px;margin:18px 0 12px;display:flex}.hand-hints{flex-wrap:wrap;align-items:center;gap:13px;display:flex}.hand-hint{align-items:center;gap:7px;font-size:15px;font-weight:500;display:inline-flex}.hand-hint i{background:#639354;border-radius:50%;flex:none;width:10px;height:10px}.hand-hint.left i{background:#cf9a36}.note-prompt strong{font-size:16px;font-weight:550}.note-prompt small{color:#607353;margin-top:5px;font-size:12px;line-height:1.75;display:block}.inline-stop{white-space:nowrap;border:1px solid #ccd6c1;border-radius:6px;padding:8px 12px;font-size:12px}.piano-scroll{padding-bottom:7px;overflow-x:auto}.piano{background:#293e2c;border:1px solid #233c28;border-top-width:6px;border-radius:3px 3px 7px 7px;min-width:238px;height:153px;display:flex;position:relative;overflow:hidden;box-shadow:0 5px #d3d7c8}.white-key{background:linear-gradient(#fffefa,#fffffa 80%,#f2f2e6);border-right:1px solid #b7bfae;border-radius:0 0 5px 5px;flex-direction:column;flex:1;justify-content:end;align-items:center;gap:6px;min-width:0;padding:0 0 10px;display:flex;position:relative;box-shadow:inset 0 -4px #e3e5d7}.white-key:last-of-type{border-right:0}.white-key:disabled{opacity:1}.white-key.expected{background:linear-gradient(#a4c58c,#b7d69f 82%,#a2be88);box-shadow:inset 0 -4px #749b57}.white-key.expected.left{background:linear-gradient(#e6be6c,#f3d48a 85%,#e4ba60);box-shadow:inset 0 -4px #bd913b}.white-key.pressed,.white-key:active{filter:brightness(.94);transform:translateY(2px)}.key-pitch{color:#385333;white-space:nowrap;font-size:13px}.white-key kbd{color:#657459;font-family:inherit;font-size:10px}.finger-dot{color:#fff;white-space:nowrap;background:#355e2c;border-radius:7px;padding:3px 6px;font-size:13px;position:absolute;top:63%;transform:translateY(-25px)}.finger-dot small{margin-left:1px;font-size:9px}.white-key.left .finger-dot{background:#82591f}.black-key{z-index:2;pointer-events:auto;background:linear-gradient(90deg,#182a1e,#374938 75%,#17291c);border-bottom:5px solid #16251a;border-radius:0 0 4px 4px;height:57%;position:absolute;top:0;transform:translate(-50%);box-shadow:1px 3px 2px #0004}.two-octaves .piano{min-width:336px}.two-octaves .finger-dot{padding:3px 4px;font-size:11px}.keyboard-caption{color:#66745b;justify-content:space-between;gap:10px;margin-top:10px;font-size:11px;line-height:1.7;display:flex}.keyboard-caption i{padding:0 6px;font-style:normal}.lesson-bottom{border-top:1px solid #e0e6d6;justify-content:space-between;align-items:center;gap:16px;min-height:51px;margin-top:19px;padding:15px 0 0;font-size:13px;display:flex}.lesson-bottom>.text-button{margin-left:auto}.next-phrase{background:var(--green);color:#fffefa;border-radius:7px;padding:10px 18px;font-size:13px}.completion-panel{background:#edf3e3;border:1px solid #d1dfc0;border-radius:8px;justify-content:space-between;align-items:center;gap:15px;margin-top:17px;padding:16px;display:flex}.completion-panel strong{font-size:15px;line-height:1.7}.completion-panel p{color:#617750;font-size:12px;line-height:1.8}.completion-panel button{white-space:nowrap;flex:none;padding:10px 13px;font-size:12px}.message{color:#637452;min-height:21px;margin-top:10px;font-size:12px;line-height:1.8}.below-workspace{max-width:750px;margin:auto;padding-top:18px}.device-choice{justify-content:center;gap:18px;display:flex}.device-choice>button{color:#6b7860;border-bottom:2px solid #0000;padding:7px 10px;font-size:13px}.device-choice>button[aria-pressed=true]{color:#315333;border-bottom-color:#78965e}.mode-hint{text-align:center;color:#6a785f;margin:11px 0 15px;font-size:12px;line-height:1.8}.hand-guide{color:#59704f;background:#f0f2e7;border:1px solid #dce1d3;border-radius:8px;padding:13px 17px;font-size:13px}.hand-guide summary{cursor:pointer}.hand-guide p{margin-top:12px;font-size:13px;line-height:1.9}.storage-warning{color:#745326;background:#fff0d3;border-radius:8px;max-width:1080px;margin:20px auto 0;padding:15px 20px;font-size:13px;line-height:1.7}.about-page{max-width:770px;margin:auto;padding:42px 24px;line-height:1.9}.about-page h1{margin:25px 0;font:600 34px/1.5 Songti SC,Georgia,serif}.about-page h2{margin:30px 0 12px;font-size:21px;font-weight:550}.about-page p,.about-page li{color:#53664f;margin:10px 0;font-size:15px}@media (width<=1160px){.song-header,.studio,.song-footer{margin-left:30px;margin-right:30px}.song-home{padding-left:25px;padding-right:25px}.storage-warning{margin-left:30px;margin-right:30px}}@media (width<=760px){.song-header{height:68px;margin:0 18px}.brand strong{font-size:22px}.brand-mark{font-size:27px}.brand-tag{font-size:11px}.song-home{padding:31px 18px 0}.home-intro{margin-bottom:24px}.home-intro h1{font-size:30px}.home-intro p{font-size:14px}.eyebrow{letter-spacing:1.4px;font-size:9px}.song-card{gap:16px;padding:12px}.card-cover{flex-basis:109px;height:139px}.card-cover svg{transform:scale(1.8)}.song-title-row h2{font-size:22px}.song-title-row{flex-wrap:wrap;gap:4px}.song-meta{font-size:12px}.song-description{display:none}.card-actions{gap:8px;margin-top:17px}.card-actions .primary,.preview-button{min-height:39px;padding:9px 15px;font-size:12px}.played-badge{font-size:10px}.home-footnote{font-size:12px}.song-footer{flex-wrap:wrap;margin:28px 18px 0;padding:22px 0;font-size:10px}.studio{margin:0 13px;padding-top:18px}.studio-title{grid-template-columns:1fr auto 1fr;gap:9px}.studio-title h1{letter-spacing:0;font-size:24px}.back-button{font-size:12px}.key-badge{padding:4px 8px;font-size:11px}.version-switch{max-width:290px;margin:16px auto 20px}.version-switch>button{padding:9px;font-size:13px}.music-workspace{border-radius:10px;padding:15px 12px 8px;scroll-margin-top:6px}.transport{flex-wrap:wrap;gap:10px;margin-bottom:14px}.play-actions{gap:9px}.transport .primary{min-width:130px;padding:10px 15px;font-size:13px}.transport .secondary{padding:10px 16px;font-size:13px}.play-options{gap:6px}.tempo-label select{padding:9px 21px 9px 9px;font-size:12px}.loop-control{padding:7px 0;font-size:12px}.loop-control input{width:13px;height:13px}.play-actions .text-button{font-size:11px}.score-toolbar{gap:5px;padding:10px 9px 3px}.range-actions{flex-wrap:wrap;gap:8px}.selection-pill{padding:5px 7px;font-size:11px}.selection-pill span{margin-left:3px;font-size:14px}.select-range-button{padding:6px 0;font-size:11px}.number-toggle{gap:5px;font-size:11px}.switch-track{width:30px;height:18px}.switch-track:after{width:12px;height:12px}.number-toggle input:checked+.switch-track:after{transform:translate(12px)}.score-caption{gap:6px;padding:4px 10px 6px;font-size:10px}.score-caption>span:first-child{white-space:nowrap;font-size:11px}.score-viewport{max-height:290px}.score-viewport.grand-score{max-height:300px}.now-playing{gap:8px;min-height:39px;margin:14px 0 10px}.hand-hints{gap:8px}.hand-hint{gap:5px;font-size:12px}.hand-hint i{width:8px;height:8px}.note-prompt small{font-size:11px;line-height:1.7}.inline-stop{flex:none;padding:8px;font-size:11px}.piano{height:134px}.key-pitch{font-size:12px}.white-key kbd{display:none}.finger-dot{font-size:12px;top:67%}.computer-keys{display:none}.keyboard-caption{margin-top:7px;font-size:10px}.two-octaves .key-pitch{font-size:9px}.two-octaves .finger-dot{padding:2px;font-size:10px}.two-octaves .finger-dot small{font-size:8px}.lesson-bottom{gap:7px;margin-top:13px;padding-top:12px;font-size:12px}.lesson-bottom .text-button{font-size:12px}.next-phrase{padding:9px 12px;font-size:12px}.completion-panel{flex-wrap:wrap;padding:13px}.completion-panel strong{font-size:14px}.completion-panel p{font-size:11px}.message{font-size:12px}.device-choice{gap:13px}.device-choice>button{font-size:12px}.mode-hint{font-size:11px}.hand-guide{font-size:12px}.hand-guide p{font-size:13px}.storage-warning{margin:15px;font-size:12px}}@media (width<=420px){.card-cover{flex-basis:96px;height:128px}.card-body .song-title-row h2{font-size:20px}.card-actions .primary,.preview-button{padding:8px 11px}.studio-title h1{font-size:22px}.transport{row-gap:10px}.play-options{margin-left:auto}.play-actions{flex:1}.transport .primary{flex:1;min-width:123px}.score-toolbar{align-items:flex-start}.range-actions{max-width:200px}.number-toggle{padding-top:2px}.piano-scroll{margin-left:-2px;margin-right:-2px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.transport .secondary{white-space:nowrap;flex:none;min-width:82px}.play-options{flex:none}@media (width<=760px){.play-actions{flex:1;min-width:220px}.transport .primary{flex:1}.play-options{margin-left:auto}.score-caption{font-size:11px}}.library-controls{justify-content:space-between;align-items:center;gap:18px;margin:24px 0;display:flex}.library-controls nav{flex-wrap:wrap;gap:5px;display:flex}.library-controls nav button{color:#53664d;border-radius:20px;padding:9px 14px;font-size:13px}.library-controls nav button[aria-pressed=true]{color:#294b2d;background:#e1e9d7}.song-search input{font:inherit;color:#354e34;background:#fffefa;border:1px solid #cad3be;border-radius:8px;width:210px;padding:11px 13px;font-size:13px}.empty-library{text-align:center;color:#52634b;padding:35px}.song-grid{gap:15px}.arrangement-picker{max-width:800px;margin:23px auto 24px}.arrangement-heading{color:#405b3a;justify-content:space-between;gap:12px;margin:0 3px 10px;font-size:13px;display:flex}.arrangement-heading small{color:#63725a;font-size:12px}.version-switch{background:#f0f2e8;border-color:#d4dcc8;border-radius:12px;gap:4px;max-width:none;margin:0;padding:4px}.version-switch>button{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:48px;font-size:14px;display:flex;position:relative}.version-switch>button .level-number{border:1px solid #aabb98;border-radius:50%;flex:none;justify-content:center;align-items:center;width:23px;height:23px;font:13px Georgia,serif;display:inline-flex}.version-switch>button[aria-pressed=true] .level-number{border-color:#ffffff70}.version-switch>button i{font-size:11px;font-style:normal}.arrangement-description{color:#506648;min-height:23px;margin:11px 4px 0;font-size:13px;line-height:1.8}.transport{flex-wrap:wrap;align-items:flex-start}.play-options{flex-wrap:wrap;gap:10px;margin-left:auto}.tempo-label,.key-control{white-space:nowrap;color:#53694a;align-items:center;gap:7px;font-size:12px;display:flex}.tempo-label select,.key-control select{font:inherit;color:#3d5838;cursor:pointer;background:#fffefa;border:1px solid #cbd1c2;border-radius:7px;max-width:180px;min-height:38px;padding:9px 24px 9px 9px}.sixteenth-number{border-bottom:3px double;padding-bottom:2px}.number-accidental{font-size:12px;font-style:normal;position:absolute;top:-2px;right:100%}.number-tie{font-size:17px;font-style:normal;position:absolute;top:-13px;left:-12px}.numbered-note .octave-dot{text-align:center;width:24px;left:0}.black-key{color:#fff;cursor:pointer;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px;padding:0 1px 7px;display:flex}.black-key .key-pitch{color:#edf3e9;font-size:10px}.black-key kbd{color:#e3eadf;font:9px inherit}.black-key:disabled{opacity:1}.black-key.expected{background:linear-gradient(#3c6d36,#558347);border-bottom-color:#355a2d}.black-key.expected.left{background:linear-gradient(#805e25,#a47a32);border-bottom-color:#634415}.black-key .finger-dot{color:#294525;background:#e1edd5;padding:2px 3px;font-size:10px;top:32px;transform:none}.black-key.left .finger-dot{color:#674512;background:#f7dfab}.black-key.pressed{filter:brightness(1.4)}.black-key:focus-visible{outline-offset:-3px;outline:3px solid #d99b33}.piano-scroll{scroll-behavior:auto}.white-key kbd{min-height:10px}.song-card:focus-within{outline-offset:3px}.rest-number{color:#6a755e}@media (width>=1100px){.song-home{max-width:1080px}.song-grid{grid-template-columns:1fr 1fr;display:grid}.song-card{gap:18px;padding:15px}.card-cover{flex-basis:120px;height:155px}.song-title-row h2{font-size:22px}.song-title-row{flex-wrap:wrap;gap:6px}.card-actions .primary,.card-actions .preview-button{padding:9px 14px}.song-description{min-height:42px}}@media (width<=760px){.library-controls{flex-wrap:wrap;gap:13px;margin:19px 0}.library-controls nav{gap:2px}.library-controls nav button{padding:8px 11px;font-size:12px}.song-search{width:100%}.song-search input{box-sizing:border-box;width:100%}.arrangement-picker{margin:18px 0}.arrangement-heading{flex-wrap:wrap;gap:4px;font-size:12px}.arrangement-heading small{font-size:11px}.version-switch{border-radius:11px;grid-template-columns:1fr 1fr;max-width:none;margin:0;display:grid}.version-switch>button{justify-content:flex-start;min-height:42px;padding:8px 12px;font-size:13px}.version-switch>button .level-number{width:21px;height:21px}.arrangement-description{min-height:42px;margin:9px 3px 0;font-size:12px;line-height:1.75}.play-options{justify-content:space-between;gap:7px;width:100%;margin-left:0}.tempo-label,.key-control{gap:5px;font-size:11px}.tempo-label select,.key-control select{max-width:142px;padding:8px 17px 8px 6px;font-size:11px}.loop-control{font-size:11px}.score-caption{flex-wrap:wrap;align-items:flex-start;gap:3px}.score-caption>span:first-child{white-space:normal}.studio-title{grid-template-columns:auto 1fr}.studio-title h1{text-align:right;font-size:23px}.studio-title .key-badge{grid-column:2;margin-top:-8px}.black-key .key-pitch{font-size:9px}.black-key kbd{display:none}.black-key .finger-dot{top:19px}.two-octaves .black-key .finger-dot{font-size:10px}.hand-hint{font-size:12px}.keyboard-caption{font-size:10px}.score-viewport.grand-score{max-height:400px}}@media (width<=380px){.play-options{justify-content:flex-start}.loop-control{margin-left:auto}.tempo-label select,.key-control select{max-width:128px}.key-control{max-width:180px}}.rest-duration{color:#637157;width:36px;font:9px/11px -apple-system,sans-serif;position:absolute;top:18px;left:-6px}.numbered-note .sr-only{position:absolute}.brand-name{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.brand-name strong{letter-spacing:.2px;font-size:23px;line-height:1.15}.brand-name small{letter-spacing:2px;color:var(--muted);font-size:12px;line-height:1.4}@media (width<=760px){.brand-name strong{font-size:20px}.brand-name small{font-size:11px}}@media (width<=600px){.song-header .brand-tag{display:none}}.discovery-header,.growth-footer{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;max-width:1120px;margin:auto;padding:1.2rem 24px;display:flex}.discovery-header>a{font-weight:750}.discovery-header nav{gap:1.2rem;display:flex}.growth-footer{color:#496054;font-size:.9rem}.growth-footer details{max-width:640px;line-height:1.7}.growth-footer summary{cursor:pointer;text-decoration:underline}.choice-actions{flex-wrap:wrap;gap:1rem;display:flex}.choice-actions button,.discovery-page>button{color:#21483e;cursor:pointer;background:#fff;border:1px solid #6d877c;border-radius:8px;padding:.7rem 1rem}.discovery-page{color:#243b31;max-width:1050px;margin:0 auto;padding:28px 24px 48px;line-height:1.8}.discovery-page h1{margin:.5rem 0;font-size:clamp(2rem,5vw,3.5rem);line-height:1.25}.discovery-page h2{line-height:1.5}.english-title,.maintenance,.version-meta{color:#56695f}.discovery-lead{max-width:44rem;font-size:1.2rem}.entry-actions{flex-wrap:wrap;gap:12px;margin:24px 0;display:flex}.discovery-page .primary{color:#fff;background:#21483e;border-radius:10px;padding:.6rem 1rem;text-decoration:none;display:inline-block}.entry-section{margin:3rem 0}.version-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:20px;display:grid}.version-list article{background:#fff;border:1px solid #d6dfd8;border-radius:16px;padding:22px}.version-list article>a{margin-top:12px;margin-right:12px;display:inline-block}.version-list h3{margin-top:0}.version-list details{margin:.8rem 0}.version-list summary{cursor:pointer}.song-title-row h2 a{color:inherit;text-decoration:none}.song-title-row h2 a:hover{text-decoration:underline}.stable-entry{flex-wrap:wrap;align-items:center;gap:14px;margin:12px 0 18px;font-size:.9rem;display:flex}.stable-entry button{color:#21483e;cursor:pointer;background:0 0;border:1px solid #6d877c;border-radius:8px;padding:.5rem .8rem}.instrument-directory{flex-wrap:wrap;justify-content:center;gap:18px;padding:12px;display:flex}.growth-footer a,.discovery-page a,.stable-entry a{color:#225e4b}.discovery-page .primary{color:#fff}@media (width<=500px){.discovery-page{padding:20px 18px}.discovery-header,.growth-footer{padding:16px 18px}.version-list article{padding:18px}.discovery-header nav{gap:1rem}}