:root{--bg:#f4f6f8;--surface:#fff;--ink:#17212b;--muted:#66727f;--line:#dfe4e8;--accent:#176b87;--accent-dark:#0f4e64;--warning:#a34b17}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.topbar{min-height:64px;background:#102c3a;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1200px)/2));box-shadow:0 2px 12px #102c3a22}.brand{font-size:19px;font-weight:750;color:#fff;text-decoration:none}.topbar nav{display:flex;gap:22px}.topbar nav a{color:#d8e8ee;text-decoration:none}.topbar nav a:hover{color:#fff}.container{max-width:1200px;margin:0 auto;padding:38px 24px 70px}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}h1{font-size:clamp(30px,4vw,48px);line-height:1.05;margin:4px 0}h2{font-size:19px;margin:0 0 18px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:800;color:var(--accent)}.subtitle,.muted{color:var(--muted)}.button{display:inline-flex;border:0;border-radius:8px;padding:10px 16px;background:var(--accent);color:#fff;text-decoration:none;font-weight:700;cursor:pointer}.button:hover{background:var(--accent-dark)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stats article,.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px;box-shadow:0 4px 18px #17212b09}.stats span{display:block;color:var(--muted);font-weight:650}.stats strong{display:block;font-size:34px;margin-top:8px}.stats .warning strong{color:var(--warning)}.panel-heading{display:flex;justify-content:space-between;align-items:center}.job{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.search{display:flex;gap:10px;margin-bottom:18px}.search input{flex:1;max-width:580px;border:1px solid #c8d0d6;border-radius:8px;padding:11px 13px;font:inherit}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 15px;border-bottom:1px solid var(--line);white-space:nowrap}th{background:#eef2f4;color:#48545f;font-size:12px;text-transform:uppercase;letter-spacing:.06em}td a{color:var(--accent-dark);font-weight:750;text-decoration:none}.pill,.role{display:inline-flex;min-width:28px;justify-content:center;border-radius:999px;background:#dcecf2;color:var(--accent-dark);padding:3px 9px;font-weight:800}.empty{color:var(--muted);padding:18px 0}.back{color:var(--accent-dark);text-decoration:none}.detail-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(420px,1.5fr);gap:20px}dl{display:grid;grid-template-columns:100px 1fr;gap:12px;margin:0}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.file{display:flex;gap:12px;align-items:center;padding:11px 0;border-top:1px solid var(--line)}.file:first-child{border-top:0}.file small{display:block;color:var(--muted)}@media(max-width:760px){.topbar{align-items:flex-start;gap:14px;padding:16px 20px;flex-direction:column}.topbar nav{width:100%;overflow:auto}.container{padding:26px 16px}.stats{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-direction:column}th,td{padding:11px}.search{align-items:stretch}.search input{min-width:0}}@media(max-width:420px){.stats{grid-template-columns:1fr}}
.offline-reader-layout{display:grid;grid-template-columns:minmax(180px,260px) minmax(110px,180px) minmax(0,1fr);gap:10px;margin-top:10px}.offline-song-list,.offline-material-list{display:grid;align-content:start;gap:5px;max-height:70vh;overflow:auto}.offline-song-list button,.offline-material-list button{padding:8px;border:1px solid #bdcbd1;border-radius:5px;background:#f4f7f8;text-align:left}.offline-stage{min-width:0;min-height:65vh;background:#fff;color:#17212b}.offline-document{width:100%;height:70vh;border:0}.offline-stage img{object-fit:contain}.offline-stage audio{width:100%}.offline-text-document{box-sizing:border-box;margin:0;padding:20px;min-height:65vh;white-space:pre-wrap;overflow:auto}@media(max-width:700px){.offline-reader-layout{grid-template-columns:1fr}.offline-song-list,.offline-material-list{display:flex;max-height:130px;overflow:auto}.offline-song-list button,.offline-material-list button{min-width:180px}.offline-stage{min-height:60vh}}
.offline-stage{position:relative;height:70vh;overflow:auto}.offline-document{height:calc(70vh - 48px)}.offline-navigation,.offline-reader-controls{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0}.offline-reader-controls{position:sticky;z-index:3;top:0;padding:6px;background:rgba(255,255,255,.94);border-bottom:1px solid #d7e0e4}.offline-song-list button.current{border-color:#176b87;background:#dff2f7;font-weight:700}.offline-viewer pre{padding:18px;white-space:pre-wrap}.offline-chordpro{box-sizing:border-box;min-height:60vh;padding:22px;line-height:2;white-space:pre-wrap}.offline-chord-line{min-height:1.5em}.offline-chord{display:inline-block;position:relative;top:-.85em;margin-right:-.2em;color:#176b87;font-weight:800}.offline-annotations{margin:12px;padding:10px;border:1px solid #bdcbd1;border-radius:6px}.offline-annotations p{padding:7px 9px;border-left:5px solid #bdcbd1;background:#f5f7f8}.offline-annotations p.public-annotation{border:2px solid #d84315;border-left-width:7px;background:#fff3e0}.offline-annotation-layer{position:absolute;inset:0;z-index:12;pointer-events:none}.offline-positioned-note{position:absolute;z-index:13;max-width:72%;padding:3px 5px;white-space:pre-wrap;overflow-wrap:anywhere;text-shadow:0 1px 2px #fff,0 0 3px #fff;pointer-events:none}.offline-positioned-note.public-annotation{padding:6px 9px;border:3px double #d84315;border-radius:5px;background:#fff9;box-shadow:0 2px 8px #0003}
.offline-package:fullscreen{box-sizing:border-box;width:100vw;height:100vh;margin:0;padding:0;background:#101820;border:0;border-radius:0}.offline-package:fullscreen>h2,.offline-package:fullscreen>small{display:none}.offline-package:fullscreen .offline-reader-layout{display:block;height:100vh;margin:0}.offline-package:fullscreen .offline-song-list,.offline-package:fullscreen .offline-material-list,.offline-package:fullscreen .offline-navigation .danger{display:none}.offline-package:fullscreen .offline-stage{height:100vh;min-height:100vh}.offline-package:fullscreen .offline-document{height:calc(100vh - 52px)}.offline-package:fullscreen .offline-navigation{position:fixed;z-index:20;right:8px;bottom:8px;left:8px;justify-content:center;margin:0;padding:6px;background:rgba(16,24,32,.82);border-radius:8px;opacity:.3;transition:opacity .2s}.offline-package:fullscreen .offline-navigation:hover,.offline-package:fullscreen .offline-navigation:focus-within{opacity:1}
/* Identifiable, non-interactive watermark on protected document surfaces. */
.secure-watermark-host{position:relative!important}.secure-watermark{position:absolute;z-index:45;left:var(--watermark-x,50%);top:var(--watermark-y,50%);max-width:88%;padding:.35em .7em;transform:translate(-50%,-50%) rotate(var(--watermark-rotation,-24deg));pointer-events:none;-webkit-user-select:none;user-select:none;color:#111;background:#fff4;border:1px solid #1113;border-radius:5px;opacity:var(--watermark-opacity,.14);font:800 clamp(12px,1.7vw,22px)/1.25 system-ui,sans-serif;letter-spacing:.035em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-shadow:0 1px 0 #fff}.public-performance>.secure-watermark{position:fixed}
.performance-start-banner{position:fixed;left:50%;top:12%;transform:translateX(-50%);z-index:90;padding:12px 24px;border-radius:12px;background:rgba(13,91,117,.94);color:#fff;font-size:clamp(1.4rem,5vw,2.4rem);font-weight:700;box-shadow:0 8px 28px #0008;text-align:center}
.performance-song-transition{position:fixed;inset:0;z-index:1300;display:grid;place-items:center;background:#101820;color:#fff;text-align:center}.performance-song-transition[hidden]{display:none}.performance-song-transition img{width:min(44vw,280px);height:min(44vw,280px);object-fit:cover;border-radius:12px;box-shadow:0 12px 35px #0008}.performance-song-transition h2{margin:14px 10px 4px;font-size:clamp(1.5rem,5vw,2.7rem)}.performance-song-transition p{margin:0;color:#d0dbe3}
.public-document-annotation{position:absolute;z-index:18;max-width:72%;padding:6px 9px;border:3px double #d84315;border-radius:5px;background:rgba(255,255,255,.86);box-shadow:0 2px 9px #0005;white-space:pre-wrap;overflow-wrap:anywhere;pointer-events:none;text-shadow:0 1px 2px #fff}
/* Shared PDF.js surface used by public and offline readers. */
.shared-pdf-reader{width:100%;height:100%;min-height:420px;overflow:auto;background:#394149;touch-action:pan-x pan-y pinch-zoom}.shared-pdf-toolbar{position:sticky;top:0;z-index:7;display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:7px;background:#fff;color:#17212b;border-bottom:1px solid #ccd6da}.shared-pdf-toolbar select{min-height:36px;padding:6px;border:1px solid #bdcbd1;border-radius:7px}.shared-pdf-reader .pdfjs-pages{display:grid;justify-items:center;gap:12px;padding:12px}.shared-pdf-reader .pdfjs-pages[data-page-layout="spread"]{grid-template-columns:repeat(2,max-content);justify-content:center;overflow-x:auto}.shared-pdf-reader .pdfjs-page{background:#fff;box-shadow:0 3px 15px #0008}.shared-pdf-reader canvas{display:block}.public-pdf-host{width:100%;height:100%;min-height:0;align-self:stretch}.public-pdf-host[hidden]{display:none}.public-pdf-host .shared-pdf-reader{min-height:0}.offline-viewer>.shared-pdf-reader{height:calc(70vh - 48px)}@media(max-width:700px){.shared-pdf-toolbar{flex-wrap:nowrap;overflow-x:auto}.shared-pdf-toolbar>*{flex:0 0 auto}.shared-pdf-reader .pdfjs-pages[data-page-layout="spread"]{justify-content:start}}
.topbar nav .nav-logout{display:inline;margin:0}.topbar nav .nav-logout button{font:inherit;color:inherit}.auth-panel{max-width:560px;margin:40px auto}.auth-form{margin-top:18px}
.performance-shell [data-performance-wake]{display:none!important}
.performance-audio-dock audio{pointer-events:auto!important;touch-action:auto;width:100%}
.performance-keep-awake-setting{margin-block:12px}
.tempo-pattern-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0}.tempo-pattern-row input{width:90px}.tempo-pattern-row select{min-width:150px}.pill.tempo-slow{background:#dbeafe;color:#174ea6}.pill.tempo-medium{background:#fef3c7;color:#7a4d00}.pill.tempo-fast{background:#fee2e2;color:#991b1b}.pill.tempo-unknown{background:#e5e7eb;color:#374151}