:root{--paper:#f1eee0;--ink:#111117;--blue:#2533ef;--red:#ff3b22;--acid:#c8f624;--muted:#6c6a63;--serif:"Arabic Typesetting","Traditional Arabic","Times New Roman",serif;--sans:Arial,"Segoe UI",sans-serif;--tempo:1}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.score-body main{overflow:hidden}.continuous-score,.reading-score{position:relative;max-width:1600px;margin:auto;padding-bottom:7rem}.score-sign{position:fixed;z-index:50;top:1.25rem;right:1.5rem;line-height:.8;color:var(--blue);mix-blend-mode:multiply}.score-sign strong{display:block;font-family:var(--serif);font-size:1.55rem}.score-sign small{display:block;margin-top:.5rem;font-size:.55rem;letter-spacing:.08em}.score-menu-trigger{position:fixed;z-index:51;top:1.2rem;left:1.5rem;border:0;background:none;font-weight:800;cursor:pointer}.score-menu-trigger i{display:inline-grid;place-items:center;width:2rem;height:2rem;margin-right:.4rem;background:var(--acid);border-radius:50%;font-style:normal;font-size:1.3rem}.cue-dock{position:fixed;z-index:45;bottom:1rem;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:clamp(.6rem,2vw,2.4rem);padding:.7rem 1.25rem;background:rgba(17,17,23,.94);color:white;border-radius:4rem;white-space:nowrap;box-shadow:0 12px 40px #1114}.cue-dock a{font-size:.72rem}.cue-dock b{color:var(--acid);margin-left:.3rem}.score-menu{position:fixed;z-index:100;inset:0;background:var(--blue);color:var(--paper);padding:clamp(2rem,6vw,7rem)}.score-menu[hidden]{display:none}.score-menu-close{position:absolute;top:1.5rem;left:1.5rem;border:0;background:var(--acid);padding:.7rem 1rem;border-radius:2rem;cursor:pointer}.score-menu>p{font-weight:800}.score-menu>div{display:grid;grid-template-columns:repeat(2,1fr);gap:0 8vw}.score-menu a{font-family:var(--serif);font-size:clamp(2.8rem,6vw,7rem);line-height:.95;padding:.1em 0;border-bottom:1px solid #ffffff44}.score-menu a:hover{color:var(--acid)}
.score-staff{width:100%;height:auto;overflow:visible}.score-staff path{fill:none;stroke:currentColor;stroke-width:2;vector-effect:non-scaling-stroke;opacity:.23}.score-staff .accent-stroke{stroke:var(--red);stroke-width:10;opacity:.9}
.score-opening{position:relative;min-height:100svh;padding:clamp(7rem,12vw,12rem) clamp(1.5rem,7vw,8rem) 5rem;isolation:isolate}.home-score>.score-staff{position:absolute;top:13rem;left:-5%;width:110%;color:var(--blue);transform:rotate(-3deg);z-index:0}.score-opening .edition{position:absolute;right:7vw;top:7rem;font-size:.65rem;font-weight:800;letter-spacing:.08em}.score-opening h1{position:relative;z-index:3;margin:0;width:min(70rem,78%);font-family:var(--serif);font-weight:700;line-height:.64;font-size:clamp(5.2rem,12vw,13.5rem);letter-spacing:-.035em;white-space:normal}.score-opening h1 span{display:block}.score-opening h1 span:nth-child(2){margin-right:9vw;color:var(--blue)}.score-opening h1 span:nth-child(3){margin-right:2vw;-webkit-text-stroke:1.5px var(--ink);color:transparent}.score-opening h1 em{position:absolute;right:50%;bottom:-.25em;color:var(--red);font-style:normal;font-size:.55em;transform:rotate(-6deg)}.opening-copy{position:relative;z-index:4;width:min(34rem,45%);margin:5rem 3vw 0 auto;font-size:clamp(1rem,1.35vw,1.35rem);line-height:1.9;font-weight:600}.ink-player{position:absolute;z-index:2;left:-1%;bottom:-4%;width:min(43vw,36rem);height:78%;object-fit:contain;object-position:bottom left;filter:saturate(1.2) contrast(1.08);transform:rotate(3deg)}.opening-cue{position:absolute;right:7vw;bottom:2.5rem;font-size:.75rem;font-weight:800;border-bottom:2px solid}.tempo-switch{position:absolute;z-index:5;left:7vw;top:6rem;display:flex;gap:.3rem;transform:rotate(-2deg)}.tempo-switch button,.counter-periods button,.filter-rail button{border:1px solid var(--ink);background:transparent;padding:.65rem 1rem;border-radius:99px;cursor:pointer;font-weight:700}.tempo-switch button.active,.counter-periods button.active,.filter-rail button.active{background:var(--ink);color:var(--paper)}
.movement{position:relative;min-height:105vh;padding:10rem 8vw 7rem}.movement-one:before{content:"";position:absolute;left:-12vw;top:8%;width:58vw;height:58vw;background:var(--red);border-radius:57% 43% 63% 37%/41% 58% 42% 59%;transform:rotate(17deg);z-index:-1}.movement-mark{display:flex;justify-content:space-between;font-size:.7rem;font-weight:800}.spoken-line{margin:12vh 0 0 auto;width:54%;font-family:var(--serif);font-size:clamp(3rem,7vw,7.5rem);line-height:.9}.tempo-number{position:absolute;left:9vw;top:25vh;display:flex;flex-direction:column;align-items:flex-start}.tempo-number sup{font-weight:800}.tempo-number strong{font-size:clamp(8rem,19vw,20rem);line-height:.8;color:var(--acid);font-family:Georgia,serif;letter-spacing:-.09em}.tempo-number small{width:15rem;line-height:1.6}.movement>.score-staff{position:absolute;right:-8%;bottom:13%;width:115%;color:var(--paper);transform:rotate(5deg)}.movement-note{position:absolute;right:8vw;bottom:4rem;width:min(36rem,55%);font-weight:700;line-height:1.8}
.notation-catalogue{padding:10rem 6vw 12rem;position:relative}.notation-catalogue>header{max-width:55rem;margin:0 0 8rem auto}.notation-catalogue>header span,.libretto-home>header span,.index-manifest>span{font-size:.7rem;font-weight:900;color:var(--red)}.notation-catalogue h2,.libretto-home h2,.index-manifest>h2{font-family:var(--serif);font-size:clamp(4rem,9vw,10rem);line-height:.78;margin:.2em 0}.notation-catalogue header p,.libretto-home header p{width:min(30rem,100%);line-height:1.8}.notation-field,.notation-index{position:relative}.notation-entry{position:relative;display:grid;grid-template-columns:4rem minmax(0,1fr) minmax(8rem,23%);align-items:end;gap:1rem;padding:calc(.8rem * var(--tempo)) 0;border-bottom:1px solid currentColor;transform:translateX(calc((var(--lane) - 2) * 1.6vw));transition:.25s}.notation-entry:before{content:"";position:absolute;right:4.5rem;bottom:-2px;width:calc((var(--beat) + 2)*2.5%);height:5px;background:var(--blue);transform-origin:right}.notation-entry:hover{color:var(--blue);padding-right:2vw;transform:translateX(0) skewX(-4deg)}.notation-entry>span{font-family:Georgia,serif;font-size:1.1rem}.notation-entry strong{font-family:var(--serif);font-size:clamp(1.5rem,2.7vw,3.2rem);line-height:1}.notation-entry em{text-align:left;font-size:clamp(1.5rem,3vw,3.5rem);font-style:normal;color:var(--red)}.notation-entry small{display:block;font-size:.65rem;color:var(--ink)}.index-jump,.lost-link{display:inline-block;margin-top:4rem;background:var(--acid);padding:1rem 1.4rem;border-radius:50%;font-weight:900;transform:rotate(-5deg)}
.counterpoint{position:relative;background:var(--blue);color:white;min-height:90vh;padding:9rem 8vw;overflow:hidden}.counterpoint:after{content:"";position:absolute;inset:auto -10% -45% auto;width:55vw;height:55vw;border:12vw solid var(--acid);border-radius:47% 53% 41% 59%/60% 32% 68% 40%;transform:rotate(24deg);opacity:.9}.counter-title{position:relative;z-index:2}.counter-title h2{font-family:var(--serif);font-size:clamp(4rem,10vw,11rem);line-height:.72;margin:.1em 0}.counter-figures{position:relative;z-index:2;display:flex;align-items:center;gap:3vw;margin:7vh 0 0 20vw;direction:ltr}.counter-figures div{display:flex;flex-direction:column}.counter-figures span{font-size:.7rem}.counter-figures strong{font-family:Georgia,serif;font-size:clamp(4rem,8vw,9rem);letter-spacing:-.07em}.counter-figures i{font-size:5rem;color:var(--red)}.counter-periods{position:relative;z-index:3;display:flex;gap:.5rem;margin-top:4rem}.counterpoint .counter-periods button{border-color:white;color:white}.counterpoint .counter-periods button.active{background:var(--acid);color:var(--ink);border-color:var(--acid)}.counterpoint>.score-staff{position:absolute;inset:40% -5% auto;width:110%;transform:rotate(-4deg)}.counterpoint>p{position:relative;z-index:3;margin:5rem 0 0 auto;max-width:34rem;line-height:1.8}
.libretto-home,.index-manifest,.core-libretto{padding:10rem 7vw}.libretto-home>header{margin-right:12vw}.libretto-flow{max-width:82rem;margin:8rem auto 0;column-count:2;column-gap:8vw;column-rule:1px solid #1113}.verse{break-inside:avoid;position:relative;padding:0 3rem 3.5rem 0}.verse>span{position:absolute;right:0;top:.4rem;color:var(--red);font-family:Georgia,serif;font-size:.75rem}.verse h2{font-family:var(--serif);font-size:clamp(1.9rem,3vw,3.2rem);line-height:1;margin:0 0 .55em}.verse p{font-size:1.02rem;line-height:2;margin:0;text-align:justify}.verse-accent h2{color:var(--blue);transform:rotate(-1deg)}.last-cue{padding:12rem 8vw;background:var(--acid);position:relative}.last-cue>p{font-family:var(--serif);font-size:clamp(3rem,7vw,8rem);line-height:.86;max-width:65rem;margin:0}.last-cue>a{display:inline-block;margin:3rem 0 0 1rem;border-bottom:2px solid;font-weight:800}.last-cue form{margin:5rem auto 0;max-width:38rem;display:flex;align-items:end;gap:1rem}.last-cue label{flex:1;font-weight:800}.last-cue input{display:block;width:100%;border:0;border-bottom:2px solid;background:none;padding:1rem 0;outline:none}.last-cue button,.score-form button{border:0;background:var(--ink);color:white;padding:1rem 1.5rem;border-radius:99px;font-weight:800}.score-ending{position:relative;min-height:30rem;padding:8rem 8vw 7rem;background:var(--ink);color:var(--paper);overflow:hidden}.score-ending>.score-staff{position:absolute;inset:10% -5% auto;width:110%;color:var(--acid)}.score-ending>p{position:relative;font-family:var(--serif);font-size:clamp(3rem,6vw,7rem);line-height:.9;max-width:60rem}.score-ending>div{position:relative;display:flex;gap:2rem;flex-wrap:wrap}.score-ending small{position:absolute;bottom:2rem;right:8vw;color:#aaa}
.folio-prelude{position:relative;min-height:86vh;padding:10rem 8vw 5rem;display:grid;grid-template-columns:1fr minmax(18rem,36%);align-content:center}.folio-prelude>p{grid-column:1/-1;font-size:.7rem;font-weight:900}.folio-prelude h1{white-space:pre-line;font-family:var(--serif);font-size:clamp(5rem,12vw,13rem);line-height:.7;margin:.15em 0;color:var(--blue);letter-spacing:-.04em}.folio-prelude>strong{align-self:end;font-size:clamp(1.1rem,1.8vw,1.7rem);line-height:1.8}.folio-mark{position:absolute;left:6vw;top:16%;font:900 clamp(8rem,20vw,22rem)/1 Georgia;color:var(--red);opacity:.9;transform:rotate(-9deg)}.folio-prelude>.score-staff{position:absolute;inset:auto -8% 3%;width:115%;color:var(--blue);transform:rotate(3deg);z-index:-1}.filter-rail{position:sticky;z-index:10;top:1rem;display:flex;gap:.45rem;padding:1rem 6vw;overflow:auto;direction:rtl}.notation-index{padding:6rem 8vw 10rem}.index-manifest{background:var(--blue);color:white}.index-manifest .verse>span{color:var(--acid)}.index-manifest .verse-accent h2{color:var(--acid)}.red-manifest{background:var(--red)}
.voice-index{padding:4rem 6vw 10rem}.voice-line{display:grid;grid-template-columns:3rem 8rem minmax(0,1fr) 6rem;gap:1rem;align-items:baseline;padding:2rem 0;border-bottom:1px solid;transition:.25s;transform:translateX(calc(((var(--voice) % 4) - 2) * 1.2vw))}.voice-line b{font-family:Georgia,serif;color:var(--red)}.voice-line span,.voice-line em{font-size:.7rem;font-style:normal}.voice-line h2{font-family:var(--serif);font-size:clamp(2rem,4vw,4.6rem);line-height:.9;margin:0}.voice-line:hover{color:var(--blue);transform:translateX(0) rotate(-1deg)}
.reading-score{padding-bottom:8rem}.reading-prelude{position:relative;min-height:105vh;padding:10rem 8vw 8rem;display:flex;flex-direction:column;justify-content:center}.reading-prelude>p{font-weight:900;font-size:.7rem}.reading-prelude>i{position:absolute;left:4vw;top:7rem;font:italic clamp(12rem,30vw,32rem)/1 Georgia;color:var(--acid);letter-spacing:-.1em;z-index:-1}.reading-prelude h1{font-family:var(--serif);font-size:clamp(4.5rem,10vw,11rem);line-height:.78;max-width:70rem;margin:.2em 0;color:var(--blue)}.reading-prelude>strong{width:min(42rem,60%);font-size:clamp(1.2rem,2vw,1.8rem);line-height:1.8}.reading-meta{display:flex;gap:2rem;flex-wrap:wrap;margin-top:3rem;font-size:.72rem;font-weight:800}.reading-prelude>.score-staff{position:absolute;bottom:2rem;right:-8%;width:115%;color:var(--red);transform:rotate(-4deg)}.margin-note{float:left;width:min(34vw,28rem);margin:0 5vw 4rem 0;shape-outside:polygon(10% 0,100% 0,85% 100%,0 90%)}.margin-note img{width:100%;height:34rem;object-fit:contain;object-position:bottom}.margin-note p{font-size:.75rem;line-height:1.7;max-width:16rem;margin:auto;font-weight:700}.reading-score>.libretto-flow{padding:5rem 7vw;margin:0;max-width:none}.reading-coda{clear:both;margin:8rem 0 0;padding:8rem 10vw;background:var(--red);color:white}.reading-coda>b{font:900 8rem/1 Georgia;color:var(--acid)}.reading-coda p{font-family:var(--serif);font-size:clamp(2.4rem,5vw,5rem);line-height:1;max-width:65rem}.reading-coda a{margin-left:2rem;border-bottom:2px solid;font-weight:800}
.core-instrument,.score-form,.source-ledger,.faq-score,.admin-counts,.admin-list{margin:0 8vw 6rem}.core-instrument{position:relative;padding:6rem 0;min-height:32rem}.core-instrument>p{font-family:var(--serif);font-size:clamp(2.5rem,5vw,5rem);margin:0}.instrument-values{display:flex;gap:3vw;flex-wrap:wrap;margin:4rem 0}.instrument-values span{font-size:.7rem}.instrument-values b{display:block;font:clamp(3rem,7vw,7rem)/1 Georgia;color:var(--blue)}.core-instrument>.score-staff{position:absolute;inset:auto -10% 0;width:120%;color:var(--red)}.score-form{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem 5vw;max-width:75rem;padding:5rem 0}.score-form label{font-weight:900;font-size:.75rem}.score-form input,.score-form select,.score-form textarea{display:block;width:100%;border:0;border-bottom:2px solid;background:transparent;padding:1rem 0;outline:none}.score-form textarea{resize:vertical}.score-form .form-message{grid-column:1/-1}.score-form button{justify-self:start}.source-ledger{font-family:var(--serif);font-size:clamp(2rem,4vw,4.5rem)}.source-ledger span{display:block;padding:.4em 0;border-bottom:1px solid}.source-ledger b{font:1rem Georgia;color:var(--red);margin-left:2rem}.faq-score details{border-bottom:1px solid;padding:1.5rem 0}.faq-score summary{font-family:var(--serif);font-size:clamp(2rem,4vw,4rem);cursor:pointer}.faq-score p{max-width:48rem;line-height:1.9}.admin-counts{display:flex;gap:2rem;flex-wrap:wrap;font:clamp(1.8rem,4vw,4rem) var(--serif)}.admin-list{list-style:none;padding:0}.admin-list li{display:grid;grid-template-columns:3rem 1fr 7rem 5rem;gap:1rem;padding:1rem 0;border-bottom:1px solid;align-items:center}.admin-list button{border:0;background:var(--acid);padding:.5rem;cursor:pointer}.lost-score{min-height:100vh}.lost-link{margin:-12rem 40vw 8rem}
.score-toast{position:fixed;z-index:150;left:1rem;bottom:6rem;max-width:25rem;background:var(--ink);color:white;padding:1rem 1.2rem;border-radius:2rem;transform:translateY(8rem);transition:.25s}.score-toast.show{transform:none}.is-hidden{display:none!important}body[data-tempo-mode="fast"]{--tempo:.45}.notation-entry[style]{animation:none}
@media(max-width:850px){.score-sign{right:1rem}.score-menu-trigger{left:1rem}.cue-dock{max-width:calc(100vw - 1rem);overflow-x:auto;justify-content:flex-start}.cue-dock a{padding:.2rem}.cue-dock a:nth-child(4){display:none}.score-menu>div{grid-template-columns:1fr}.score-menu a{font-size:2.5rem}.score-opening{padding:8rem 1.25rem 8rem;min-height:105svh}.score-opening h1{width:100%;font-size:clamp(4.4rem,23vw,7rem);line-height:.69}.score-opening h1 span:nth-child(2){margin-right:7vw}.score-opening h1 em{position:relative;display:block;right:18%;bottom:auto;margin-top:.3em}.opening-copy{width:62%;margin:3rem 0 0 auto;font-size:.9rem}.ink-player{width:68vw;height:52%;left:-18%;bottom:2%}.tempo-switch{top:auto;bottom:2rem;left:1rem}.opening-cue{display:none}.movement{padding:8rem 1.25rem 6rem;min-height:100vh}.movement-one:before{width:115vw;height:115vw;left:-45vw}.spoken-line{width:100%;font-size:3.7rem;margin-top:6rem}.tempo-number{position:relative;left:auto;top:auto;margin-top:5rem}.tempo-number strong{font-size:7rem}.movement-note{right:1.25rem;width:75%;bottom:2rem;font-size:.8rem}.notation-catalogue,.notation-index,.voice-index{padding:7rem 1.25rem}.notation-catalogue>header{margin-bottom:4rem}.notation-entry{grid-template-columns:2rem 1fr;transform:none;padding:1.2rem 0}.notation-entry em{grid-column:2;text-align:right;font-size:1.4rem}.counterpoint{padding:8rem 1.25rem}.counter-figures{margin:5rem 0;gap:1rem}.counter-figures strong{font-size:3.6rem}.libretto-home,.index-manifest,.core-libretto{padding:7rem 1.25rem}.libretto-home>header{margin-right:0}.libretto-flow{column-count:1;margin-top:5rem}.verse{padding-right:2.2rem}.verse p{text-align:right;font-size:1rem;line-height:1.95}.last-cue{padding:8rem 1.25rem}.last-cue form{display:block}.last-cue button{margin-top:1rem}.score-ending{padding:7rem 1.25rem}.score-ending small{right:1.25rem}.folio-prelude{padding:9rem 1.25rem 4rem;display:block;min-height:82vh}.folio-prelude h1{font-size:clamp(4.2rem,20vw,7rem)}.folio-prelude>strong{display:block;max-width:85%;margin-top:3rem}.folio-mark{left:-1rem;top:22%;font-size:11rem}.filter-rail{padding:1rem;top:.5rem}.voice-line{grid-template-columns:2rem 1fr 4rem;transform:none}.voice-line span{display:none}.voice-line h2{font-size:2.2rem}.reading-prelude{padding:9rem 1.25rem 6rem}.reading-prelude>i{left:-1rem;font-size:14rem}.reading-prelude h1{font-size:4.6rem}.reading-prelude>strong{width:90%;font-size:1.05rem}.reading-meta{gap:.8rem}.margin-note{float:none;width:75%;margin:-4rem 0 1rem auto}.margin-note img{height:26rem}.reading-score>.libretto-flow{padding:4rem 1.25rem}.reading-coda{padding:6rem 1.25rem}.reading-coda>b{font-size:5rem}.core-instrument,.score-form,.source-ledger,.faq-score,.admin-counts,.admin-list{margin-right:1.25rem;margin-left:1.25rem}.score-form{grid-template-columns:1fr}.score-form .form-message{grid-column:auto}.instrument-values{display:grid;grid-template-columns:1fr 1fr}.admin-list li{grid-template-columns:2rem 1fr 4rem}.admin-list em{display:none}.lost-link{margin:-8rem 1.25rem 8rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}