@font-face{font-family:Bravura;font-style:normal;font-display:block;font-weight:400;src:local(Bravura),url(/assets/bravura-CBWYXOFh.woff2)format("woff2")}@font-face{font-family:Academico;font-style:normal;font-display:swap;src:local(Academico),url(/assets/academico-CBNs-hlO.woff2)format("woff2")}@font-face{font-family:Academico;font-style:normal;font-display:swap;font-weight:700;src:local(Academico),url(/assets/academico-bold-CYSRVAc6.woff2)format("woff2")}:root{color:#29362f;font-synthesis:none;background:#f2f3ed;font-family:Arial,Noto Sans KR,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}button,select{cursor:pointer}button{background:#fff;border:1px solid #dfe4da;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:37px;padding:9px 12px;display:inline-flex}button:hover{background:#edf3e9}button:disabled{opacity:.36;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #8caf97}header{background:#fcfdf9;border-bottom:1px solid #dfe4da;justify-content:space-between;align-items:center;height:72px;padding:0 40px;display:flex}.brand{letter-spacing:-1.8px;align-items:center;gap:10px;font:italic 34px Georgia,serif;display:flex}.brand svg{color:#436d50}.scope{color:#859080;align-items:center;gap:9px;font-size:11px;display:flex}.scope i{background:#77966e;border-radius:50%;width:5px;height:5px}main{max-width:1280px;margin:auto;padding:30px 30px 36px}.intro{justify-content:space-between;align-items:end;margin:0 1px 23px;display:flex}.intro h1{letter-spacing:-.7px;margin:0 0 8px;font-size:23px;font-weight:500}.intro p{color:#7d887c;margin:0;font-size:12px}.intro>span{color:#8c9788;letter-spacing:.07em;font-size:10px}.toolbar{z-index:10;background:#fcfdf9;border:1px solid #dfe4da;border-radius:11px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:11px 13px;display:flex;position:sticky;top:8px;box-shadow:0 3px 12px #25322b04}.group{align-items:center;gap:7px;display:flex}.divider{background:#dfe4da;width:1px;height:23px;margin:0 6px}.play{color:#fff;background:#42664b;border-color:#42664b;min-width:94px}.play:hover{background:#31543a}.icon{width:37px;padding:5px;font-size:16px}.field{color:#849080;align-items:center;gap:7px;font-size:10px;display:flex}input[type=number]{color:#344b39;background:#fff;border:1px solid #dce2d7;border-radius:6px;width:60px;padding:8px 4px 8px 9px;font-size:13px}select{background:0 0;border:0;padding:8px 3px;font-size:13px}.note-tool{min-width:36px;height:37px;padding:1px 8px;font-family:Bravura,serif;font-size:30px;line-height:1}.note-tool.active,.rest-tool.active{color:#34613c;background:#e8f0e4;border-color:#bbceb4}.rest-tool{padding:1px 9px;font-family:Bravura,serif;font-size:29px;line-height:1}.tool-label{color:#8a9585;margin-right:5px;font-size:10px}.workspace{scrollbar-color:#c2cbbb transparent;background:#e9ece3;border:1px solid #dde2d6;border-radius:7px;max-width:100%;padding:24px;position:relative;overflow:auto}.paper{background:#fff;min-width:890px;min-height:770px;padding:39px 23px 27px;position:relative;box-shadow:0 5px 25px #293c2310}.sheet-heading{text-align:center;margin-bottom:18px}.sheet-heading .kicker{color:#89917f;letter-spacing:.18em;margin-bottom:8px;font:11px Academico,Georgia,serif}.sheet-heading h2{color:#202820;letter-spacing:-.4px;margin:0 0 8px;font:28px Academico,Georgia,Noto Serif KR,serif}.sheet-heading .byline{color:#939a8b;font-size:11px}.sheet-meta{color:#8e9688;justify-content:space-between;margin-bottom:6px;padding:0 30px;font-size:10px;display:flex}#score{-webkit-user-select:none;user-select:none;touch-action:none;width:100%;position:relative}#score svg{width:100%;height:auto;display:block;overflow:visible}#score [data-staff-region]{cursor:crosshair}#score [data-note-hit]{cursor:grab}#score.dragging [data-note-hit]{cursor:grabbing}.sheet-footer{color:#a2a89b;border-top:1px solid #f1f3ee;justify-content:space-between;padding:18px 30px 0;font:10px Academico,serif;display:flex}.hint{color:#82907e;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:16px 3px 8px;font-size:11px;line-height:1.7;display:flex}.hint b{color:#51624c;font-weight:500}.notice{color:#54704c;min-height:28px;padding:1px 3px;font-size:12px;line-height:1.7}.notice.error{color:#ab594a}.context{z-index:6;background:#fff;border:1px solid #b6c9e5;border-radius:9px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;box-shadow:0 4px 22px #273c3c24}.context[hidden]{display:none}.context .note-tool{border-color:#0000;min-width:32px;height:30px;min-height:30px;font-size:27px}.context .active{color:#2463c8;background:#edf4ff;border-color:#c8daf8}.context .delete{color:#a76557;border:0;border-left:1px solid #e6e9e1;border-radius:0;min-width:32px;height:29px;min-height:29px;margin-left:3px;padding:4px;font-size:20px}.page-bottom{color:#9aa38e;border-top:1px solid #dfe4da;justify-content:space-between;margin-top:15px;padding-top:18px;font-size:10px;display:flex}.loading{text-align:center;color:#819078;padding:100px 30px}.playhead{pointer-events:none}@media (width<=1000px){.toolbar{justify-content:flex-start;gap:10px}.tool-label{display:none}.workspace{padding:15px}.paper{padding:32px 13px 24px}.intro>span{display:none}main{padding:24px 18px}.page-bottom{gap:20px}}@media (width<=620px){header{height:60px;padding:0 20px}main{padding:22px 12px}.intro h1{font-size:21px}.toolbar{gap:9px;padding:9px;top:0}.group{gap:5px}.field{gap:4px}.divider{margin:0 3px}.workspace{padding:10px}.hint{gap:5px;font-size:10px}.page-bottom{flex-direction:column;gap:8px}.play{min-width:76px}.toolbar .tool-label{display:none}}