@font-face{font-family:BravuraText;src:url(/fonts/BravuraText.woff2) format("woff2")}@font-face{font-family:Petaluma;src:url(/fonts/Petaluma.woff2) format("woff2")}@font-face{font-family:PetalumaScript;src:url(/fonts/PetalumaScript.woff2) format("woff2")}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:#e8e8ea;font-family:-apple-system,sans-serif}#app,.split{height:100%}.split{display:grid;grid-template-columns:230px 1fr}.songs{overflow-y:auto;background:#f6f6f7;border-right:1px solid #d8d8db;padding:6px}.song-link{display:block;width:100%;text-align:left;font:13px -apple-system,sans-serif;color:#222;background:none;border:0;border-radius:6px;padding:7px 10px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-link:hover{background:#e9e9ec}.song-link.on{background:#d7d7dc;font-weight:600}.paper{overflow:auto;padding:24px;display:flex;justify-content:center;align-items:flex-start}.paper .sheet{box-shadow:0 2px 14px #00000040}main.print{padding:0}:root{--ink: #000;--ink-soft: rgb(77 77 77);--paper: #fff}body.dark{--ink: #f2f2f2;--ink-soft: rgb(168 168 168);--paper: #000}.sheet{position:relative;width:612px;height:792px;background:var(--paper);overflow:hidden;flex:none}.design{position:absolute;left:0;top:0;width:768px;height:993.9px;transform:scale(.796875);transform-origin:0 0}.design .txt{position:absolute;white-space:pre;line-height:1;color:var(--ink);-webkit-font-smoothing:antialiased}.design .rule{position:absolute;height:0;border-top:1.9px solid var(--ink)}.design .sec-band{position:absolute;background:hsl(var(--fam-h) 72% 88%)}body.dark .design .sec-band{background:hsl(var(--fam-h) 42% 22%)}:root{--h-repeat: 0;--h-jump: 215}.design .txt.ink-repeat{color:hsl(var(--h-repeat) 85% 45%)}.design .txt.ink-jump{color:hsl(var(--h-jump) 85% 45%)}body.dark .design .txt.ink-repeat{color:hsl(var(--h-repeat) 90% 65%)}body.dark .design .txt.ink-jump{color:hsl(var(--h-jump) 90% 68%)}.sym-repeat-ink .design .txt.ink-repeat,.sym-jump-ink .design .txt.ink-jump{color:var(--ink)}.design .fam-verse{--fam-h: 130}.design .fam-chorus{--fam-h: 5}.design .fam-bridge{--fam-h: 215}.design .fam-solo{--fam-h: 52}.design .rule.inv-stack{border-top-width:1.6px}.design .rule.vertical.cell{border-left:1px solid #c9c9c9;border-top:0}.design .rule.vertical.barline{border-left:2.2px solid var(--ink)}.design .overrun{position:absolute;width:5px;background:#f5a623;border-radius:2px}.design .rule.gray,.design .rule.vertical{border-top-width:1.25px}.design .rule.gray{border-top-color:var(--ink-soft)}.design .rule.vertical{width:0;border-top:0;border-left:1.25px solid var(--ink-soft)}.design .rule.dashes{border-top-style:dashed}.design .stroke{position:absolute;height:0;border-top:1.6px solid var(--ink)}.design .ending-ring{position:absolute;border:1.1px solid var(--ink);border-radius:50%}:root{--ios-blue: #007aff;--kb-bg: #d6d9de;--kb-toolbar: #ececee;--key-gray: #aeb3bc;--key-shadow: #898a8d;--switch-dim: #a5c3ec;--switch-on: #0f62d6}.app-screen{height:100dvh;display:flex;flex-direction:column;background:#f2f2f6;font-family:-apple-system,Avenir Next,Avenir,sans-serif}.ios-bar{flex:none;height:50px;background:#fff;border-bottom:1px solid #b2b2b2;display:flex;align-items:center;padding:0 10px;position:relative;z-index:30}.ios-bar .bar-title{position:absolute;left:50%;transform:translate(-50%);font-size:17px;font-weight:600;color:#000;max-width:40%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-left,.bar-right{display:flex;align-items:center;gap:4px}.bar-right{margin-left:auto}.bar-btn{border:0;background:none;color:var(--ios-blue);font:inherit;font-size:17px;padding:6px 8px;cursor:pointer;display:inline-flex;align-items:center}.bar-btn svg{width:24px;height:24px}.bar-btn.back:before{content:"‹";font-size:26px;line-height:1;margin-right:3px}.bar-btn.help{font-size:20px}.bar-btn.lock.on{color:#e8862d}.bar-btn.plus{margin-left:auto;font-size:30px;line-height:1}.browser .chart-list{overflow-y:auto;background:#fff}.chart-row{display:flex;width:100%;align-items:center;border:0;background:#fff;border-bottom:.5px solid #c8c7cc;padding:17px 22px;font:23px -apple-system,sans-serif;cursor:pointer;text-align:left}.search-bar{flex:none;background:#fff;padding:10px 16px 12px;border-bottom:.5px solid #c8c7cc}.search-field{width:100%;border:0;border-radius:11px;background:#e9e9ec;font:21px -apple-system,sans-serif;padding:12px 16px;outline:none;-webkit-appearance:none}body.dark .search-bar{background:#141416;border-bottom-color:#37373a}.chart-empty{padding:28px 22px;font:21px -apple-system,sans-serif;color:#8a8a90}.chart-row:active{background:#d9d9d9}.chart-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-info{color:var(--ios-blue);font-size:26px}.chart-scroll{flex:1;overflow:auto;display:flex;justify-content:center}.chart-holder{flex:none}.sheet.editing{width:768px;height:auto;overflow:visible;background:var(--paper)}.sheet.editing .design{transform-origin:0 0}.chart-scroll{align-items:flex-start}.hit-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10}.hit{position:absolute;cursor:pointer}.hit:hover{background:#007aff0f;border-radius:4px}.caret{position:absolute;width:2px;height:27px;background:var(--ios-blue);animation:caret-blink 1.1s step-end infinite}.caret.beam{background:#f08a1d}.caret.triplet{background:#d549b5}@keyframes caret-blink{50%{opacity:0}}.kb-holder{flex:none;display:flex;justify-content:center;background:var(--kb-bg);box-shadow:0 -.5px #9a9a9e}.kb{position:relative;width:768px;height:318px;background:var(--kb-bg);user-select:none;-webkit-user-select:none}.kb:before{content:"";position:absolute;left:0;top:0;width:100%;height:57px;background:var(--kb-toolbar);border-bottom:1px solid #9a9da3}.kb:after{content:"";position:absolute;left:368px;top:8px;width:1px;height:42px;background:#4a4a4a;box-shadow:199px 0 #4a4a4a}.key{position:absolute;border:0;border-radius:5px;background:#fff;box-shadow:0 1px 0 var(--key-shadow);font-family:-apple-system,sans-serif;font-size:23px;color:#000;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;line-height:1;overflow:hidden}.key .mdot{font-size:13px}.key .mdot.big,.key .mtri{font-size:15px}.key .mtri.big{font-size:17px}.key:active{filter:brightness(.85)}.key.gray{background:var(--key-gray);font-size:20px}.key.bar{background:none;box-shadow:none;border-radius:6px;font-size:21px}.key.bar:active{background:#0000001f}.key.bar.txt{font-size:15.5px;font-weight:400}.key.bar .chev{color:var(--ios-blue);font-size:30px;font-weight:600}.key.bar.brush{font-size:19px;opacity:.85}.key.big{font-size:24px}.key.gray.newsec{font-size:13.5px;line-height:1.15;flex-direction:column}.key.gray.newsec i{font-style:normal;position:absolute;right:7px;top:4px;font-size:12px}.key.space{font-size:16.5px}.key.switch{background:var(--switch-dim);color:#fff;font-size:22px}.key.switch .brv{color:#fff;font-size:28px!important}.key.switch.on{background:var(--switch-on)}.key.toggle{background:#2fa06d;color:#fff}.key.toggle .brv{color:#fff}.key.toggle.red{background:#d0393b}.key.mode-on{background:#cfe0f7;border-radius:6px}.key.mode-on.beam{background:#f6ddba}.key.mode-on.triplet{background:#f3cdeb}.brv{font-family:BravuraText;line-height:1}.key .hashcap{font-family:Helvetica Neue,Helvetica,sans-serif;font-size:20px;font-weight:300;transform:scaleY(1.3);display:inline-block}.key .hideicon{width:30px;height:26px;color:#222}.key .acc3{font-size:16px;letter-spacing:1px}.key .accbig{font-family:Hiragino Sans,sans-serif;font-size:24px}.key .majsup{font-size:17px;border-bottom:2px dashed #5c5c5c;padding-bottom:7px;transform:translateY(-6px)}.key .majbase{font-size:17px;border-bottom:2px dotted #5c5c5c;padding-bottom:1px}.key .frac{display:inline-flex;flex-direction:column;align-items:center;font-size:15px;font-style:italic;font-family:Georgia,serif}.key .frac em{width:16px;border-top:1.5px solid #000;margin:1.5px 0}.key .frac i{font-style:italic;line-height:1}.key .dotcap{font-size:34px;font-weight:700}.key .dia{font-size:30px;font-weight:300}.key .dia.small{font-size:20px}.key .dia.half{position:relative;font-size:20px}.key .dia.half i{position:absolute;right:-1px;top:-12px;width:1.5px;height:16px;background:#000}.key .dorito{font-size:26px}.key .dorito.small{font-size:17px}.key .tiecap{font-size:18px;margin-left:-3px;transform:translateY(2px);display:inline-block}.key .beamcap{border-top:2.5px solid #000;padding-top:3px;font-size:15.5px}.key .tripcap{font-size:15.5px;position:relative;padding-top:5px}.key .tripcap:before{content:"3";position:absolute;top:-7px;left:50%;transform:translate(-50%);font-size:11px;font-style:italic;background:var(--kb-toolbar);padding:0 3px}.key .tripcap:after{content:"";position:absolute;top:-1px;left:-4px;right:-4px;height:7px;border:1.5px solid #000;border-bottom:0}.key .hidecap{font-size:21px;position:relative}.key .hidecap i{font-style:normal;position:absolute;left:50%;transform:translate(-50%);bottom:-12px;font-size:13px}.key .tscap{display:inline-flex;align-items:center;font-family:Baskerville,Times New Roman,serif;font-size:30px;font-weight:500}.key .tsfrac{display:inline-flex;flex-direction:column;margin:0 1px}.key .tsfrac b{font-size:15px;font-weight:700;line-height:.95;text-align:center}.key .repsvg text{font-family:BravuraText;font-size:30px;fill:#000}.key .ds{font-family:Baskerville,Times New Roman,serif;font-weight:700;font-size:19px}.key .ds.sm{font-size:14px}.key .dssub{font-family:Baskerville,Times New Roman,serif;font-size:10.5px;margin-left:2px}.key .modarrow{font-size:24px}.key-menu{position:absolute;z-index:50;left:50%;top:70px;transform:translate(-50%);background:#fff;border-radius:10px;box-shadow:0 6px 24px #0000004d;padding:8px;display:flex;gap:6px;flex-wrap:wrap;max-width:520px}.key-menu button{border:0;border-radius:6px;background:#eef0f3;font:20px -apple-system,sans-serif;padding:10px 14px;cursor:pointer}.key-menu button:active{background:#cfd4da}.dlg-dim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000047;display:flex;align-items:center;justify-content:center;z-index:60}.ios-alert{width:270px;background:#f8f8faf7;border-radius:14px;overflow:hidden;box-shadow:0 12px 40px #0000004d;font:13px -apple-system,Helvetica Neue,sans-serif;text-align:center}.ios-alert .a-title{font-size:17px;font-weight:600;padding:16px 16px 2px}.ios-alert .a-sub{padding:0 16px 12px;color:#333}.ios-alert input{display:block;width:calc(100% - 32px);margin:0 16px 14px;border:1px solid #c9c9cd;border-radius:6px;background:#fff;font:14px -apple-system,sans-serif;padding:5px 7px}.ios-alert .a-btns{display:flex;border-top:.5px solid #c9c9cd}.ios-alert .a-btns button{flex:1;border:0;background:none;font:17px -apple-system,sans-serif;color:#007aff;padding:11px 0;cursor:pointer}.ios-alert .a-btns button+button{border-left:.5px solid #c9c9cd;font-weight:600}.ios-alert .a-btns button:active{background:#e3e5e8}.popover{position:fixed;background:#f8f8fafa;border-radius:14px;box-shadow:0 6px 30px #00000052;z-index:55;font:18px -apple-system,Helvetica Neue,sans-serif}.popover:after{content:"";position:absolute;left:var(--arrow-x, 50%);border:10px solid transparent;transform:translate(-50%)}.popover.arrow-down:after{top:100%;border-top-color:#f8f8fafa}.popover.arrow-up:after{bottom:100%;border-bottom-color:#f8f8fafa}.popover .pop-item{display:block;width:100%;text-align:left;border:0;background:none;font:19px -apple-system,sans-serif;padding:14px 20px;cursor:pointer;border-bottom:.5px solid #d8d8dc;white-space:nowrap}.popover .pop-item:last-child{border-bottom:0}.popover .pop-item:active{background:#e3e5e8}.popover .pop-item:disabled{color:#999;cursor:default}.popover .pop-item .chev{float:right;color:#b0b0b5;margin-left:18px}.popover .pop-title{text-align:center;font-weight:600;font-size:19px;padding:13px 20px 10px;border-bottom:.5px solid #d8d8dc}.measure-menu .pop-item{text-align:center}.measure-menu .prev{font:20px Avenir-Heavy,Avenir Next,sans-serif;font-weight:800;margin-right:12px}.measure-menu .prev.u{border-bottom:2px solid #000}.measure-menu .prev.b{border:2px solid #000;padding:0 3px}.ending-pad{display:grid;grid-template-columns:repeat(3,56px);gap:6px;padding:12px}.ending-pad button{height:46px;border:0;border-radius:8px;background:#eef0f3;font:20px -apple-system,sans-serif;cursor:pointer}.ending-pad button:active{background:#cfd4da}.select-key{width:336px;padding-bottom:12px}.select-key .sk-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:.5px solid #d8d8dc}.select-key .sk-bar .sk-title{font-weight:600;font-size:16px}.select-key .sk-bar button{border:0;background:none;color:#007aff;font:16px -apple-system,sans-serif;cursor:pointer;padding:4px 2px}.select-key .sk-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;padding:12px 12px 4px}.select-key .sk-grid button{height:40px;border:.5px solid #c9c9cd;border-radius:7px;background:#fff;font:15px -apple-system,sans-serif;cursor:pointer}.select-key .sk-grid button.sel{background:#007aff;border-color:#007aff;color:#fff}.select-key .seg{margin:10px 12px 0}.select-key .sk-toggle{display:flex;align-items:center;gap:10px;padding:12px 12px 0;font-size:13px;text-align:left}.seg{display:flex;background:#e9e9eb;border-radius:8px;padding:2px}.seg button{flex:1;border:0;border-radius:6px;background:none;font:17px -apple-system,sans-serif;padding:7px 13px;cursor:pointer;white-space:nowrap}.seg button.sel{background:#fff;box-shadow:0 1px 3px #00000026}.sw{width:54px;height:33px;border-radius:14px;background:#d5d5da;border:0;position:relative;cursor:pointer;flex:none;transition:background .15s}.sw:after{content:"";position:absolute;top:2px;left:2px;width:29px;height:29px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:left .15s}.sw.on{background:#34c759}.sw.on:after{left:23px}.settings-pop{width:430px;max-height:82vh;overflow-y:auto}.settings-pop .set-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 18px;background:#fff;border-bottom:.5px solid #e3e3e6;font-size:18px}.settings-pop .set-row.group-end{border-bottom:6px solid #f0f0f2}.settings-pop .set-row .seg{flex:none}.settings-pop .set-row button.nav{border:0;background:none;font:18px -apple-system,sans-serif;cursor:pointer;color:#000;width:100%;text-align:left;padding:0}.hue-row .hue-pick{display:flex;gap:9px;flex:none}.hue-dot{width:34px;height:34px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;background:linear-gradient(135deg,hsl(var(--fam-h) 72% 84%) 50%,hsl(var(--fam-h) 45% 30%) 50%)}.hue-dot.vivid{background:linear-gradient(135deg,hsl(var(--fam-h) 85% 45%) 50%,hsl(var(--fam-h) 90% 65%) 50%)}.hue-dot.ink{background:linear-gradient(135deg,#000 50%,#f2f2f2 50%)}.hue-dot.sel{border-color:#007aff;box-shadow:0 0 0 3px #007aff38}.settings-pop .set-group{font:600 13px -apple-system,sans-serif;letter-spacing:.06em;color:#7a7a80;padding:16px 18px 7px;background:#f0f0f2}.settings-pop .set-note{font-size:14px;color:#7a7a80;padding:10px 14px 12px}.settings-pop .set-back{border:0;background:none;color:#007aff;font:18px -apple-system,sans-serif;cursor:pointer;padding:10px 14px 4px;text-align:left}.inline-edit{position:absolute;border:2px solid #007aff;border-radius:5px;background:#fffffff5;font:inherit;padding:1px 5px;min-width:60px;z-index:40;outline:none}.margin-plus{position:absolute;width:34px;height:34px;border:0;border-radius:8px;background:none;color:#9a9aa0;font:30px/30px -apple-system,sans-serif;cursor:pointer;z-index:30}.margin-plus:active{color:#666}body.dark .app-screen{background:#000}body.dark .ios-bar{background:#101010;border-bottom-color:#3a3a3c}body.dark .ios-bar .bar-title{color:#fff}body.dark .app-screen{background:#0a0a0a}body.dark .ios-bar{background:#141416;border-bottom-color:#37373a}body.dark .ios-bar .bar-title,body.dark .chart-row{color:#f2f2f2}body.dark .chart-list,body.dark .chart-row{background:#141416;border-bottom-color:#37373a}body.dark .chart-row:active{background:#2a2a2e}body.dark .chart-date{color:#9a9aa0}body.dark .search-field{background:#2a2a2e;color:#f2f2f2}body.dark .search-field::placeholder{color:#8a8a90}