@font-face{font-family:Alegreya;src:url(/fonts/alegreya-600.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Source;src:url(/fonts/source-sans-3-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Source;src:url(/fonts/source-sans-3-600.woff2) format("woff2");font-weight:600;font-display:swap}:root{--paper:#FFFFFF;--desk:#F2F2F2;--ink:#252525;--muted:#5C5C5C;--rule:#888888;--pencil:#151515;--small:.875rem;--body:1rem;--lead:1.25rem;--h3:1.5rem;--h2:1.75rem;--h1:2.25rem;--display:2rem;--part-title:2.5rem;--tool-title:1.5rem;--radius:2px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s6:24px;--s8:32px;--s12:48px;--s16:64px;color-scheme:light;font-family:Source,sans-serif;font-synthesis:none;color:var(--ink);background:var(--paper);font-size:16px;line-height:1.6;accent-color:var(--pencil)}*{box-sizing:border-box}body{margin:0}::selection{background:var(--pencil);color:var(--paper)}a{color:var(--pencil);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,input,select{font:inherit;font-size:var(--body);min-height:48px;color:var(--ink);border:1px solid var(--rule);border-radius:var(--radius);background:var(--paper);padding:var(--s2) var(--s3);max-width:100%;caret-color:var(--pencil)}button{cursor:pointer;min-width:48px;font-weight:600}button:hover:not(:disabled){background:var(--desk);border-color:var(--ink)}button:disabled{opacity:.55;cursor:not-allowed}button.primary{background:var(--pencil);color:var(--paper);border-color:var(--pencil)}button.primary:hover:not(:disabled){background:var(--muted)}:focus-visible{outline:3px solid var(--pencil);outline-offset:3px}h1,h2,h3,.brand,.score-title{font-family:Alegreya,serif;font-weight:600;line-height:1.15}h1{font-size:var(--h1);margin:0 0 var(--s3);text-wrap:balance}h2{font-size:var(--h2);margin:var(--s12) 0 var(--s4)}h3{font-size:var(--h3);margin:var(--s8) 0 var(--s3)}strong,b{font-weight:600}p{margin:0 0 var(--s4);max-width:70ch}header,main,footer{width:min(1280px,100% - var(--s8));margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:var(--s4) 0;border-bottom:1px solid var(--ink);flex-wrap:wrap}.brand{font-size:var(--h2);color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:var(--s2);min-height:44px}.brand svg{width:28px;height:28px}nav{display:flex;gap:var(--s6);flex-wrap:wrap}nav a,footer a{min-height:44px;min-width:44px;display:inline-flex;align-items:center}nav a{color:var(--muted);font-weight:600;text-decoration:none;border-bottom:2px solid transparent}nav a[aria-current=page]{border-color:var(--pencil);color:var(--ink)}.skip{position:fixed;left:var(--s4);top:-100px;padding:var(--s3);background:var(--paper);z-index:10}.skip:focus{top:var(--s4)}main{padding:var(--s6) 0 var(--s12)}.intro{display:flex;gap:var(--s4);justify-content:space-between;align-items:center;margin-bottom:var(--s6)}.intro h1{font-size:var(--tool-title);margin-bottom:var(--s1)}.intro p{color:var(--muted);margin:0}.intro>button{flex-shrink:0}.document{margin:0;padding:var(--s8) var(--s4) var(--s6);background:var(--paper);border-block:1px solid var(--ink);min-width:0;min-height:280px}.score-title{text-align:center;font-size:var(--part-title);margin:0;overflow-wrap:anywhere}.composer{text-align:right;color:var(--ink);overflow-wrap:anywhere;min-height:24px;margin:var(--s3) 0}.notation{min-height:128px;color:var(--ink)}.notation svg{max-width:100%;display:block}.score-meta{font-size:var(--small);color:var(--muted);margin:var(--s4) 0 0;text-align:center}.print-note{display:none}.actions{display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s4) 0}.actions button{border-color:transparent;text-decoration:underline;text-underline-offset:4px;padding-inline:var(--s2)}.actions button:first-child{background:var(--pencil);color:var(--paper);text-decoration:none;padding-inline:var(--s4);border-color:var(--pencil)}.actions button:first-child:hover:not(:disabled){background:var(--muted)}.preview-note{margin-bottom:var(--s6)}.score-settings{margin:0 0 var(--s6);border-block:1px solid var(--rule)}.score-settings summary{cursor:pointer;padding:var(--s3) 0;min-height:48px;font-weight:600}.score-settings summary span{display:inline;margin-inline-start:var(--s3);font-weight:400;color:var(--muted)}.score-settings summary:hover{background:var(--desk)}.score-settings[open] summary{border-bottom:1px solid var(--rule)}.settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4);margin:var(--s4) 0 var(--s6)}label{font-weight:600;display:block}label input,label select{display:block;width:100%;margin-top:var(--s1);font-weight:400}.wide{grid-column:1/-1}.toolbar{display:flex;gap:var(--s2);flex-wrap:wrap;align-items:center;margin:var(--s3) 0}.toolbar button[aria-pressed=true]{color:var(--paper);background:var(--pencil);border-color:var(--pencil)}fieldset{border:0;margin:0 0 var(--s4);padding:0;min-width:0}legend{font-weight:600;padding:0;margin-bottom:var(--s2)}.entry-controls{padding:0 0 var(--s6);min-width:0}.entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}.check{display:flex;align-items:center;gap:var(--s2);min-height:48px}.check input{width:24px;height:24px;min-height:24px;margin:0}.staff-input{display:block;width:100%;height:144px;cursor:crosshair;touch-action:pan-y;background:var(--paper);border:1px solid var(--rule);border-radius:0;color:var(--ink)}.staff-input line{stroke:var(--ink);stroke-width:1}.staff-input .ghost{fill:var(--pencil)}.small{font-size:var(--small);color:var(--muted)}.status{min-height:32px;margin:var(--s3) 0;color:var(--ink);font-weight:600}.summary{display:flex;flex-wrap:wrap;gap:var(--s4);font-variant-numeric:tabular-nums;color:var(--muted);border-top:1px solid var(--rule);padding-top:var(--s3)}.sequence{display:flex;flex-wrap:wrap;gap:var(--s2);padding:0;list-style:none}.sequence button{font-weight:400;text-align:left;font-size:var(--small)}.sequence button[aria-pressed=true]{outline:2px solid var(--pencil);background:var(--desk)}.saved-row{display:flex;gap:var(--s2);align-items:center;padding:var(--s3) 0;border-bottom:1px solid var(--rule);flex-wrap:wrap}.saved-name{flex:1 1 180px;font-weight:600;overflow-wrap:anywhere}.saved-row button{font-weight:400}.content-grid{display:grid;gap:var(--s8)}.article{max-width:800px;margin:auto;padding:var(--s6) 0}.article h2:first-child{margin-top:0}.article li{margin-bottom:var(--s2)}.article figure{margin:var(--s6) 0;padding-block:var(--s4);border-block:1px solid var(--rule)}.article figcaption{color:var(--muted);font-size:var(--small)}.article figure svg,.article figure img{width:100%;max-width:100%;height:auto;display:block}.table-wrap{max-width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-variant-numeric:tabular-nums}th,td{padding:var(--s3) var(--s2);border-bottom:1px solid var(--rule)}th{font-weight:600}caption{text-align:left;margin-bottom:var(--s3);font-weight:600}kbd{font:inherit;border:1px solid var(--rule);padding:0 var(--s1);border-radius:var(--radius);background:var(--paper)}footer{border-top:1px solid var(--ink);padding:var(--s6) 0 var(--s8);color:var(--muted);font-size:var(--small)}.footer-links{display:flex;gap:var(--s6)}footer p{margin-bottom:var(--s2)}.paper-sheet{background:var(--paper);padding:var(--s8) var(--s6);margin-top:var(--s6);border:1px solid var(--rule)}.blank-row{height:96px;break-inside:avoid}.blank-row svg{display:block;width:100%;height:80px}.paper-title{font-family:Alegreya,serif;font-size:var(--h3);margin-bottom:var(--s4)}.confirm-box{border:1px solid var(--rule);padding:var(--s4);margin:var(--s4) 0;background:var(--paper)}[hidden]{display:none!important}noscript{display:block;padding:var(--s4);border:1px solid var(--rule)}@media(min-width:768px){:root{--h1:2.5rem;--part-title:3rem}.settings{grid-template-columns:repeat(4,minmax(0,1fr))}.settings .wide{grid-column:span 2}.entry-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,1fr);gap:var(--s12)}.entry-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.staff-zone{display:flex;flex-direction:column;justify-content:center}.document{padding:var(--s12) var(--s16) var(--s8);min-height:360px}.content-grid{grid-template-columns:1fr 1fr}.article{padding:var(--s8) 0}.paper-sheet{padding:var(--s12)}.paper-tools{max-width:900px;margin:auto}}@media(max-width:420px){header{gap:var(--s1)}nav{gap:var(--s4)}.intro{align-items:start;gap:var(--s2)}.intro>div{min-width:0}.intro p{font-size:var(--small)}.intro>button{font-size:var(--small);padding:var(--s2)}.toolbar{gap:var(--s1)}.score-settings summary span{display:block;margin-inline-start:var(--s4);font-size:var(--small)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media print{@page{size:letter portrait;margin:14mm}:root{background:var(--paper);color:var(--ink)}header,footer,.intro,.score-settings,.entry-controls,.actions,.status,.sequence-area,.content-grid,.help,.paper-controls,.article,.summary,.confirm-box,.preview-note,noscript{display:none!important}main{padding:0;width:100%;margin:0}.document{margin:0;border:0;padding:0;min-height:0}.score-title{font-size:3rem}.notation{min-height:0}.notation>div,.notation>svg{break-inside:avoid}.score-meta{margin-top:var(--s6)}.print-note{display:block;font-size:var(--small);margin-top:var(--s4)}.paper-sheet{margin:0;padding:0;border:0}.blank-row{height:var(--row-height,80px)}.blank-row svg{height:80px}.paper-title{margin:0 0 var(--s4)}.paper-tools{width:100%;max-width:none}.paper-heading,.paper-sheet .score-meta{display:none}}
