:root{--paper:#f7f3ec;--paper-raised:#fffdf8;--ink:#1b1f2b;--ink-soft:#4b5164;--rule:#ddd4bd;--oxblood:#7a2e2e;--oxblood-dark:#5e2222;--sage:#4a5d52;--brass:#c9a34e;--serif:"Spectral", Georgia, serif;--sans:"Work Sans", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);margin:0;font-size:16px;line-height:1.5}h1,h2,h3{font-family:var(--serif);color:var(--ink);margin:0 0 .4em;font-weight:600}h1{font-size:1.9rem}h2{border-bottom:1px solid var(--rule);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.25rem}a{color:var(--oxblood)}.app{max-width:1180px;margin:0 auto;padding:0 1.25rem 4rem}.page--narrow{max-width:760px;margin:0 auto}.app__header{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:baseline;padding:1.75rem 0 1.25rem;display:flex}.app__brand{font-family:var(--serif);letter-spacing:.01em;color:var(--ink);font-size:1.4rem;font-weight:600;text-decoration:none}.app__nav{gap:1.5rem;display:flex}.app__nav a{color:var(--ink-soft);border-bottom:2px solid #0000;padding-bottom:.2rem;font-size:.95rem;text-decoration:none}.app__nav a.is-active{color:var(--ink);border-bottom-color:var(--oxblood)}.app__logout{font-family:var(--sans);color:var(--ink-soft);cursor:pointer;background:0 0;border:none;padding:0 0 .2rem;font-size:.95rem}.app__logout:hover{color:var(--ink)}.login-gate{justify-content:center;align-items:center;min-height:100%;padding:1.25rem;display:flex}.login-form{width:100%;max-width:320px}.login-form h1{text-align:center;margin-bottom:1.25rem}.form-error{color:var(--oxblood);margin:0;font-size:.9rem}.page{padding-top:2rem}.page__header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.75rem;display:flex}.page__subtitle{color:var(--ink-soft);margin:0;font-style:italic}.song-layout{grid-template-columns:7fr 3fr;align-items:start;gap:1.5rem;display:grid}@media (width<=900px){.song-layout{grid-template-columns:1fr}}.card{background:var(--paper-raised);border:1px solid var(--rule);border-radius:4px;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.section-hint{color:var(--ink-soft);margin-top:-.5rem;margin-bottom:1rem;font-size:.9rem}.empty{color:var(--ink-soft);font-style:italic}.empty--inline{font-size:.9rem}.btn{font-family:var(--sans);border:1px solid var(--ink);color:var(--ink);cursor:pointer;background:0 0;border-radius:3px;padding:.55rem 1.1rem;font-size:.9rem}.btn:hover{background:var(--ink);color:var(--paper)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--oxblood);border-color:var(--oxblood);color:var(--paper)}.btn--primary:hover{background:var(--oxblood-dark)}.btn--secondary{border-color:var(--sage);color:var(--sage)}.btn--secondary:hover{background:var(--sage);color:var(--paper)}.btn--tiny{padding:.3rem .6rem;font-size:.8rem}.btn--danger{border-color:var(--oxblood);color:var(--oxblood)}.btn--danger:hover{background:var(--oxblood);color:var(--paper)}.file-btn{margin-top:.75rem;display:inline-block}.inline-status{color:var(--ink-soft);margin-left:.75rem;font-size:.85rem}.form{flex-direction:column;gap:.9rem;display:flex}.form label{color:var(--ink-soft);flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.form input,.form select{font-family:var(--sans);border:1px solid var(--rule);background:var(--paper);color:var(--ink);border-radius:3px;padding:.55rem .7rem;font-size:1rem}.form--inline{flex-flow:wrap;align-items:center}.form--inline input,.form--inline select{flex:1;min-width:160px}.song-list,.program-list{margin:0;padding:0;list-style:none}.song-list__item,.program-list__item{border-bottom:1px solid var(--rule)}.song-list__link,.program-list__link{color:var(--ink);align-items:baseline;gap:.75rem;padding:.9rem .25rem;text-decoration:none;display:flex}.song-list__title,.program-list__title{font-family:var(--serif);font-size:1.1rem}.song-list__meta,.program-list__meta{color:var(--ink-soft);font-size:.9rem}.song-list__flag{color:var(--brass);border:1px solid var(--brass);border-radius:999px;margin-left:auto;padding:.1rem .5rem;font-size:.75rem}.program-order{counter-reset:none;margin:0 0 1.5rem;padding:0;list-style:none}.program-order__item{border-bottom:1px solid var(--rule);border-top:2px solid #0000;align-items:center;gap:.75rem;padding:.75rem .25rem;display:flex}.program-order__item.is-draggable{cursor:grab}.program-order__item.is-dragging{opacity:.4}.program-order__item.is-drag-over{border-top-color:var(--oxblood)}.program-order__drag-handle{color:var(--ink-soft);-webkit-user-select:none;user-select:none;font-size:1.1rem;line-height:1}.program-order__number{font-family:var(--serif);color:var(--brass);text-align:right;width:1.5rem}.program-order__title{font-family:var(--serif);color:var(--ink);font-size:1.05rem;text-decoration:none}.program-order__meta{color:var(--ink-soft);font-size:.85rem}.program-order__actions{gap:.4rem;margin-left:auto;display:flex}.recording-list,.link-list{margin:0 0 1rem;padding:0;list-style:none}.recording-list__item{border-bottom:1px solid var(--rule);grid-template-columns:110px 1fr auto auto;align-items:center;gap:.75rem;padding:.6rem 0;display:grid}.recording-list__label{color:var(--ink-soft);font-size:.85rem}.link-list__item{border-bottom:1px solid var(--rule);align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.audio-player__row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.audio-player__play{border:1px solid var(--ink);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;width:2.1rem;height:2.1rem}.audio-player__track{background:var(--rule);cursor:pointer;border-radius:999px;flex:1;min-width:4rem;height:6px;position:relative}.audio-player__progress{background:var(--oxblood);border-radius:999px;position:absolute;top:0;bottom:0;left:0}.audio-player__speeds{flex-shrink:0;gap:.25rem;display:flex}.speed-btn{border:1px solid var(--rule);background:var(--paper);cursor:pointer;color:var(--ink-soft);border-radius:3px;padding:.25rem .45rem;font-size:.75rem}.speed-btn.is-active{border-color:var(--sage);color:var(--sage);font-weight:600}.audio-player__error{color:var(--oxblood);margin:.4rem 0 0;font-size:.85rem}.pdf-viewer{position:relative}.pdf-viewer__toolbar{justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.85rem;display:flex}.pdf-viewer__nav,.pdf-viewer__zoom,.pdf-viewer__toolbar-actions{align-items:center;gap:.5rem;display:flex}.pdf-viewer__nav button,.pdf-viewer__zoom button,.pdf-viewer__fullscreen-toggle,.pdf-viewer__download{border:1px solid var(--rule);background:var(--paper);cursor:pointer;border-radius:3px;padding:.3rem .6rem}.pdf-viewer__download{color:var(--ink);text-decoration:none}.pdf-viewer__canvas-wrap{border:1px solid var(--rule);background:#fff;position:relative}.pdf-viewer__canvas-scroll{max-height:70vh;overflow:auto}.pdf-viewer--fullscreen{z-index:100;background:var(--paper);flex-direction:column;padding:1rem;display:flex;position:fixed;inset:0}.pdf-viewer--fullscreen .pdf-viewer__canvas-wrap{flex:1;min-height:0}.pdf-viewer--fullscreen .pdf-viewer__canvas-scroll{height:100%;max-height:none}.pdf-viewer__player-bar{border-top:1px solid var(--rule);background:var(--paper);flex-shrink:0;align-items:center;gap:.75rem;margin-top:.75rem;padding:.6rem .9rem;display:flex}.pdf-viewer__player-select{border:1px solid var(--rule);background:var(--paper);border-radius:3px;flex-shrink:0;padding:.35rem .5rem;font-size:.85rem}.pdf-viewer__player-bar .audio-player{flex:1;min-width:0}.pdf-viewer__canvas-scroll canvas{margin:0 auto;display:block}.pdf-viewer__edge{width:25%;min-width:2.25rem;color:var(--ink-soft);cursor:pointer;opacity:.35;background:0 0;border:none;align-items:center;padding:0 .4rem;font-size:1.4rem;transition:opacity .15s,background .15s;display:flex;position:absolute;top:0;bottom:0}.pdf-viewer__edge--left{justify-content:flex-start;left:0}.pdf-viewer__edge--right{justify-content:flex-end;right:0}.pdf-viewer__edge:hover:not(:disabled),.pdf-viewer__edge:active:not(:disabled){opacity:1;background:#0000000d}.pdf-viewer__edge:disabled{opacity:0;cursor:default;pointer-events:none}.pdf-viewer__error{color:var(--oxblood)}.piano-toggle{border:1px solid var(--sage);color:var(--sage);background:var(--paper-raised);cursor:pointer;border-radius:3px;margin-top:.75rem;padding:.5rem 1rem}.piano-drawer{background:var(--ink);color:var(--paper);z-index:50;padding:.75rem 1rem 1rem;transition:bottom .15s;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #00000040}.piano-drawer--lifted{bottom:4rem}.piano-drawer__header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.piano-drawer__title{font-family:var(--serif);font-size:1rem}.piano-drawer__actions{gap:.5rem;display:flex}.piano-nav,.piano-close{border:1px solid var(--paper);color:var(--paper);cursor:pointer;background:0 0;border-radius:3px;padding:.3rem .6rem;font-size:.8rem}.piano-scroll{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;touch-action:pan-x;border-radius:4px;overflow:auto hidden}.piano-keys{position:relative}.piano-key{cursor:pointer;touch-action:none;border:none;padding:0;position:absolute;top:0}.piano-key:disabled{cursor:default;opacity:.6}.piano-key--white{z-index:1;background:#f7f3ec;border:1px solid #999;border-radius:0 0 4px 4px;justify-content:center;align-items:flex-end;padding-bottom:6px;display:flex}.piano-key--white.is-active{background:var(--brass)}.piano-key--black{z-index:2;background:#17181c;border-radius:0 0 3px 3px}.piano-key--black.is-active{background:var(--oxblood)}.piano-key__label{color:var(--ink-soft);pointer-events:none;font-size:.65rem}.piano-drawer__hint{color:#cfc9bb;text-align:center;margin:.5rem 0 0;font-size:.75rem}@media (width<=600px){.recording-list__item{grid-template-columns:1fr;align-items:flex-start}}@media (width>=901px){.song-layout .recording-list__item{grid-template-columns:1fr;align-items:flex-start}}