:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif;color:#363c36;background:#f6f2e9;font-synthesis:none;font-weight:400;--paper: #fffdf7;--ink: #363c36;--muted: #7c8177;--line: #deddd4;--olive: #788368;--serif: "Noto Serif SC", "Songti SC", Baskerville, Georgia, serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;border:0;background:none}button:disabled{cursor:not-allowed;opacity:.4}button:not(:disabled):hover,a:hover{color:#68734f}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #788260;outline-offset:4px}a{color:inherit}input[type=range]{accent-color:var(--olive);height:4px;cursor:pointer}input[type=checkbox]{accent-color:var(--olive);width:15px;height:15px}input[type=number],select{border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--ink)}.studio{min-height:100vh;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%238e8062' opacity='.022' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.library{position:fixed;left:0;top:0;bottom:100px;width:216px;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:31px 20px 25px}.brand{font:49px/1.1 Baskerville,Georgia,serif;letter-spacing:.2px;text-decoration:none;margin:0 11px 34px}.brand span{display:block;font:15px/1.6 var(--serif);letter-spacing:3px;color:var(--muted);margin-top:8px}.library-heading{display:flex;justify-content:space-between;margin:0 10px 17px;border-top:1px solid var(--line);padding-top:24px;font-family:var(--serif);font-size:15px}.library-heading span{font-family:Georgia,serif;color:#8a887a;font-size:13px}.library nav{margin:0 -5px;overflow-y:auto}.piece-item{display:flex;text-align:left;align-items:baseline;width:100%;gap:12px;padding:16px 12px;border-left:3px solid transparent;border-radius:3px;margin:3px 0}.piece-item.selected{border-left-color:var(--olive);background:#eaece2}.piece-number{font:11px Georgia,serif;color:#918c7a}.piece-item strong{display:block;font:20px/1.4 Baskerville,Georgia,var(--serif);font-weight:400}.piece-item small{display:block;font-size:11px;color:#858174;margin-top:7px}.library-bottom{margin-top:auto;padding:35px 8px 0}.library-bottom p{font-size:11px;line-height:1.9;color:var(--muted);margin:11px 0 20px}.library-caption{display:block;font:12px var(--serif);margin-top:32px;color:#8a8577;letter-spacing:1px}.text-link{display:inline-flex;align-items:center;gap:5px;padding:0 0 3px;font-size:12px;text-decoration:none;border-bottom:1px solid #b1b29d}.desk{margin-left:216px;padding:34px 40px 145px;min-height:100vh}.score-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:23px;border-bottom:1px solid #deddd4}.score-header h1{font:36px/1.3 Baskerville,Georgia,var(--serif);font-weight:400;margin:0 0 8px;letter-spacing:.1px}.score-header p{font:14px var(--serif);color:#77766b;margin:0 0 13px}.score-meta{display:flex;gap:12px;align-items:center;font:14px Georgia,var(--serif);color:#6e6e61}.score-meta i{font-style:normal}.header-actions{display:flex;gap:12px;padding-top:7px;flex-shrink:0}.outline-button,.primary-button{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:38px;padding:9px 17px;border:1px solid #c3c6ba;border-radius:4px;background:transparent;font-size:13px;text-decoration:none;white-space:nowrap}.primary-button{background:var(--olive);color:#fff;border-color:var(--olive)}.primary-button:hover{color:#fff;background:#626b55}.full-width{width:100%}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:49px;gap:15px;font-size:12px;color:#7a796e}.reader-label{display:flex;align-items:center;gap:7px}.status-dot{height:5px;width:5px;border-radius:100%;background:#7d856c}.edition-label{padding-left:10px;border-left:1px solid var(--line);margin-left:8px;font-size:11px;color:#979184}.reader-tools{display:flex;align-items:center;gap:12px;font-size:11px}.reader-tools button{padding:4px}.active-text{color:var(--olive);border-bottom:1px solid var(--olive)}.reader-layout{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:24px}.reader-layout.with-arrangement{grid-template-columns:minmax(0,1fr) 265px}.score-area{min-width:0}.score-paper{background:var(--paper);border:1px solid #eeeae1;border-radius:4px;box-shadow:0 3px 18px #5b624908;min-height:630px;padding:21px 22px 10px;overflow-x:auto}.notation-host{min-width:350px}.notation-host svg{display:block}.paper-footer{display:flex;justify-content:space-between;border-top:1px solid #e5e0d4;margin:15px 20px 5px;padding-top:14px;color:#a49c8b;font:9px Georgia,serif;letter-spacing:2px}.below-score{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#948d7e;margin-top:17px}.below-score button{font-size:11px;padding:0;color:#6e745e}.loading-paper{min-height:500px;display:grid;place-items:center;font:16px var(--serif);color:var(--muted)}.transport{position:fixed;bottom:0;left:0;right:0;min-height:100px;display:flex;align-items:center;gap:26px;padding:18px 30px;background:#f9f7f1f5;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);border-top:1px solid #deddd4;z-index:10}.playback-buttons{display:flex;align-items:center;gap:12px}.play-button{width:57px;height:57px;display:grid;place-items:center;background:#788368;border:1px solid #687254;color:#fff;border-radius:100%}.play-button:not(:disabled):hover{color:#fff;background:#626c53}.play-button svg{margin-left:2px}.icon-button{display:inline-flex;align-items:center;justify-content:center;padding:6px}.progress-control{flex:1;min-width:110px}.progress-control>div{display:flex;align-items:center;justify-content:space-between;font:14px Georgia,serif;margin-bottom:12px;gap:10px}.progress-control small{font:10px -apple-system,sans-serif;color:#8d8778}.progress-control input{width:100%;display:block;margin:0}.muted{color:var(--muted)}.small{font-size:12px}.tempo-control{display:flex;align-items:center;gap:14px;padding-left:22px;border-left:1px solid var(--line);font-size:12px}.tempo-control>div{border:1px solid #c1bbab;padding:8px;border-radius:4px;display:flex;align-items:center;gap:4px}.tempo-control input{font:17px Georgia,serif;width:48px;border:0;padding:0}.tempo-control span{font:10px Georgia,serif;color:var(--muted)}.practice-buttons{display:flex;gap:18px;align-items:center}.tool-button{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px;padding:8px 0;border-bottom:2px solid transparent}.tool-button.is-active{color:#5b6746;border-bottom-color:#7b8568}.volume-control{display:flex;gap:8px;align-items:center}.volume-control input{width:55px}.arrangement-toggle{display:flex;align-items:center;gap:10px;font-size:12px;padding-left:23px;border-left:1px solid var(--line)}.arrangement-toggle small{font-size:11px;color:#8d887b}.switch{width:40px;height:23px;border-radius:20px;background:#b7b6ac;padding:3px;display:flex;align-items:center}.switch span{display:block;background:#faf8ef;box-shadow:0 1px 3px #0002;width:17px;height:17px;border-radius:100%;transition:transform .15s}.switch.on{background:#74805e}.switch.on span{transform:translate(17px)}.message{margin:0 0 13px;padding:11px 13px;background:#eae8d9;border-left:2px solid #8e9879;display:flex;justify-content:space-between;gap:12px;font-size:12px;line-height:1.65}.message.error{background:#f2e5db;border-color:#9b6951;color:#7d4e36}.message button{font-size:18px}.arrangement-panel{border-left:1px solid var(--line);padding-left:23px}.panel-title{display:flex;align-items:center;justify-content:space-between}.panel-title h2{font:19px var(--serif);margin:4px 0}.arrangement-panel>p{line-height:1.8;margin:9px 0 20px}.instrument{padding:19px 0;border-top:1px solid var(--line)}.instrument-heading{display:flex;justify-content:space-between;align-items:center;font-size:13px}.instrument-heading label{display:flex;align-items:center;gap:8px}.instrument-heading .small{font:9px Georgia,serif;letter-spacing:1px}.range-label{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);margin-top:19px}.range-label input{min-width:40px;flex:1;width:100%}.range-label output{width:21px;text-align:right;font-variant-numeric:tabular-nums}.instrument select{margin-top:15px;padding:7px 10px;width:100%;font-size:12px}.arrangement-panel .panel-note{font-size:11px;line-height:1.9;color:#8a8376;margin:10px 0 20px}.loop-editor{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:22px;border-top:1px solid var(--line);padding:18px 0;font-size:12px}.loop-editor input{width:54px;padding:6px;margin:0 5px}.loop-editor button{color:var(--olive);border-bottom:1px solid var(--olive);padding:4px 0}.source-sheet{background:var(--paper);padding:44px 48px;min-height:550px;border:1px solid #e5dfd2}.source-folio{font:11px var(--serif);color:#9c9587;letter-spacing:2px}.source-sheet h2{font:38px/1.3 Baskerville,Georgia,var(--serif);margin:27px 0 10px}.source-edition{font:15px var(--serif);color:#757367;margin-bottom:24px}.source-rule{width:45px;height:1px;background:#a49b85;margin:26px 0}.source-sheet>p:not(.source-edition){font-size:13px;line-height:1.9;color:#7b7569;max-width:660px}.source-details{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:30px 0}.source-details dt{font-size:11px;color:#8e8677;margin-bottom:10px}.source-details dd{font:18px Georgia,var(--serif);margin:0}.source-details small{display:block;font:10px/1.8 -apple-system,sans-serif;color:#9a9284;margin-top:8px}.source-callout{padding:19px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:24px 0}.source-callout strong{font-size:13px;font-weight:500}.source-callout p{font-size:12px;line-height:1.9;color:#827b6f;max-width:600px;margin:9px 0 0}.source-actions{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.performance-links{display:flex;gap:22px;flex-wrap:wrap;margin:20px 0}.source-sheet .source-date{font-size:10px!important;color:#a09788!important;margin-top:26px}.performance-video{width:100%;aspect-ratio:16/9;border:0;margin-top:20px}.pdf-frame{width:100%;height:72vh;border:1px solid var(--line);background:var(--paper)}dialog{border:1px solid var(--line);padding:0;width:min(800px,calc(100vw - 32px));max-height:85vh;background:var(--paper);color:var(--ink);box-shadow:0 16px 80px #42382630}dialog::backdrop{background:#393a304a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}dialog .source-sheet{border:0;min-height:0}.dialog-close{position:absolute;right:16px;top:16px}.loading-dot{font-size:24px}@media(min-width:1550px){.desk{padding-left:56px;padding-right:56px}.score-paper{max-width:1250px;margin:auto}.transport{gap:35px}}@media(max-width:1200px){.library{width:205px;padding-left:15px;padding-right:15px}.desk{margin-left:205px;padding-left:25px;padding-right:25px}.transport{gap:17px;padding-left:20px;padding-right:20px}.volume-control{display:none}.tempo-control,.arrangement-toggle{padding-left:15px}.edition-label{display:none}.reader-layout.with-arrangement{grid-template-columns:minmax(0,1fr) 230px}.score-header h1{font-size:30px}.header-actions{gap:8px}.outline-button{padding:9px 12px}.source-sheet{padding:35px}.source-details{grid-template-columns:repeat(2,1fr)}}@media(max-width:950px){.transport{flex-wrap:wrap;gap:12px 20px;min-height:137px;padding:13px 22px}.library{bottom:137px}.desk{padding-bottom:180px}.progress-control{flex-basis:55%}.play-button{width:45px;height:45px}.tempo-control{border-left:0;padding-left:0}.practice-buttons,.arrangement-toggle{margin-left:auto}.reader-layout.with-arrangement{grid-template-columns:minmax(0,1fr)}.arrangement-panel{border-left:0;border-top:1px solid var(--line);padding:22px 0;display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.panel-title,.arrangement-panel>p,.arrangement-panel>.outline-button{grid-column:1/-1}.score-header{flex-wrap:wrap}.header-actions{padding-top:0}.score-paper{padding:17px 8px}.progress-control small{display:none}}@media(min-width:651px)and (max-height:820px){.library{padding-top:20px;padding-bottom:18px}.brand{font-size:40px;margin-bottom:18px}.brand span{margin-top:4px}.library-heading{padding-top:15px;margin-bottom:10px}.piece-item{padding:10px 12px}.piece-item strong{font-size:18px}.piece-item small{margin-top:3px}.library-bottom{padding-top:18px}.library-bottom p{margin-bottom:12px}}@media(max-width:650px){.library{position:static;width:100%;border-right:0;border-bottom:1px solid var(--line);padding:20px 20px 12px}.brand{font-size:27px;display:flex;align-items:center;gap:15px;margin:0 0 18px}.brand span{font-size:11px;letter-spacing:2px;margin:0}.library-heading,.library-bottom p,.library-caption,.library-bottom .text-link,.piece-number{display:none}.library nav{display:flex;margin:0 -6px;overflow-x:auto;gap:6px}.piece-item{min-width:145px;width:auto;border-left:0;border-bottom:2px solid transparent;padding:10px}.piece-item.selected{border-bottom-color:var(--olive)}.piece-item strong{font-size:16px;white-space:nowrap}.piece-item small{font-size:9px;white-space:nowrap}.library-bottom{position:absolute;top:17px;right:20px;margin:0;padding:0}.library-bottom .outline-button{min-height:32px;padding:6px 9px;font-size:11px}.library-bottom svg{width:13px}.desk{margin-left:0;padding:25px 16px 188px}.score-header h1{font-size:28px}.score-header{gap:14px;padding-bottom:18px}.score-header p{font-size:12px;margin-bottom:12px}.score-meta{font-size:12px;gap:9px}.header-actions{width:100%;justify-content:flex-end}.header-actions .outline-button{min-height:32px;font-size:11px;padding:7px 12px}.reader-toolbar{font-size:11px;min-height:45px}.score-paper{min-height:480px;overflow-x:auto;padding:12px 1px}.notation-host{min-width:320px}.paper-footer{margin:10px 12px;font-size:7px;letter-spacing:1px}.transport{gap:12px 15px;padding:12px 15px;min-height:145px}.playback-buttons{gap:6px}.play-button{width:42px;height:42px}.progress-control{flex-basis:calc(100% - 95px)}.progress-control>div{font-size:13px}.progress-control small{display:block;font-size:9px}.tempo-control{gap:6px}.tempo-control label{display:none}.tempo-control>div{padding:6px}.tempo-control input{width:43px;font-size:15px}.tempo-control span{font-size:9px}.practice-buttons{gap:13px;margin:0}.tool-button{gap:5px;font-size:10px}.tool-button svg{width:17px}.arrangement-toggle{gap:7px;padding-left:12px;font-size:10px}.arrangement-toggle small,.arrangement-toggle>.icon-button{display:none}.switch{width:35px;height:21px}.switch span{width:15px;height:15px}.switch.on span{transform:translate(14px)}.below-score{font-size:9px;line-height:1.7}.below-score button{font-size:9px;white-space:nowrap}.source-sheet{padding:28px 24px}.source-sheet h2{font-size:31px}.source-sheet>p:not(.source-edition){font-size:12px}.source-details{gap:22px 15px}.source-details dd{font-size:17px}.source-actions{gap:10px}.source-actions a,.source-actions button{width:100%}.loop-editor{gap:14px;font-size:11px}.source-folio{font-size:10px}.message{font-size:11px}.arrangement-panel{gap:0 18px}.instrument-heading .small{font-size:8px}dialog .source-sheet{padding:30px 24px}.pdf-frame{height:65vh}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}@media print{.library,.transport,.score-header,.reader-toolbar,.arrangement-panel,.below-score,.message,.loop-editor{display:none!important}.desk{margin:0;padding:0}.score-paper{border:0;padding:0;box-shadow:none}}@media(min-width:651px){.library{padding-top:26px;padding-bottom:18px}.brand{margin-bottom:23px}.library-heading{padding-top:18px;margin-bottom:10px}.library-bottom{padding-top:20px}.library-bottom p{margin:9px 0 13px}.library-caption{margin-top:21px}.piece-item{padding-top:13px;padding-bottom:13px}}@media(max-width:650px){.piece-item{min-width:112px;width:112px;flex:0 0 112px}.piece-item>span{min-width:0}.piece-item strong{font-size:14px;overflow:hidden;text-overflow:ellipsis}.piece-item small{overflow:hidden;text-overflow:ellipsis}}.pdf-viewer{border:1px solid var(--line);background:var(--paper)}.pdf-toolbar{display:flex;align-items:center;justify-content:center;gap:24px;padding:12px;border-bottom:1px solid var(--line);font-size:12px}.pdf-toolbar button{padding:6px 12px;border:1px solid var(--line);border-radius:4px}.pdf-page{min-height:380px;padding:20px}.pdf-canvas{display:block;max-width:100%;height:auto;margin:auto}.pdf-status{padding:30px;text-align:center;font-size:13px;color:var(--muted)}@media(max-width:650px){.pdf-page{padding:8px}.pdf-toolbar{gap:15px}}.header-actions .outline-button:first-child{border-color:transparent;padding-left:10px;padding-right:10px}.reader-label{font-family:var(--serif);font-size:13px;color:#737d6a}.status-dot{height:6px;width:6px;background:#788368}.edition-label{display:none}.piece-item small{font-size:12px;color:#8a8b7f}.library-heading{color:#4b5147}.library-bottom .outline-button{background:#fffdf74d}.transport .tool-button,.transport .arrangement-toggle{font-size:13px}.score-header p{color:#828479}.source-sheet{border-color:#eeeae1}.score-header h1{letter-spacing:1px}@media(min-width:951px){.transport{min-height:88px;padding-top:15px;padding-bottom:15px}.library{bottom:88px}}@media(max-width:650px){.brand{font-size:31px}.piece-item strong{font-size:14px}.piece-item small{font-size:9px}.transport .tool-button,.transport .arrangement-toggle{font-size:10px}.reader-label{font-size:11px}.score-header h1{font-size:28px;letter-spacing:0}}