:root{--ink:#173b35;--paper:#f5f3eb;--accent:#c57542;--line:#d5ddd4}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,sans-serif}header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 4vw;border-bottom:1px solid var(--line)}header span,.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700}a{color:inherit}main{max-width:1500px;margin:auto;padding:40px 4vw}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(36px,5vw,64px);line-height:1.1;margin:16px 0 30px}h2{font:36px/1.2 Georgia,serif}h3{font:26px/1.2 Georgia,serif;margin:12px 0}button,.button{background:#fff;border:1px solid var(--line);border-radius:24px;padding:10px 18px;color:var(--ink);cursor:pointer;font:inherit;font-size:14px}button:hover,.active{background:var(--ink);color:white}button:disabled{opacity:.45;cursor:default}nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}input,select{max-width:100%;padding:8px;border:1px solid var(--line);border-radius:6px;font:inherit;background:white;color:var(--ink)}select{width:100%;font-size:13px}label{font-size:13px}p{max-width:80ch}.small{font-size:12px;opacity:.8}.lead{font:25px/1.5 Georgia,serif;max-width:65ch}.hero{background:var(--ink);color:#f7f4e8;padding:35px;border-radius:18px}.hero p{max-width:65ch}.route{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.route button{text-align:left;border-radius:10px;padding:18px;min-height:140px}.route b{display:block;font:28px Georgia;margin-bottom:10px}.card,.intro,.media{background:#fff;padding:25px;border:1px solid var(--line);border-radius:14px;margin:18px 0}.columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.tag{font-size:10px;letter-spacing:1px;text-transform:uppercase;display:inline-block;border-bottom:2px solid var(--accent);padding-bottom:5px}details{margin:18px 0}summary{cursor:pointer;font:24px Georgia;padding:18px 0}svg{width:100%;height:auto;max-height:220px}.pulse{animation:pulse 3s infinite}@keyframes pulse{50%{opacity:.3}}.media{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.media p{flex-basis:100%;margin:0}#youtube{width:360px;min-height:0}#youtube iframe{max-width:100%}.syncbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:24px 0}.panes{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pane{min-width:0;background:#e3e7de;padding:14px;border-radius:12px}.paper{height:70vh;overflow:auto;background:white;margin-top:10px}.paper canvas{display:block;width:100%;height:auto}.pages{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:10px}.pages input{width:70px}.marker{display:flex;gap:10px;align-items:center;padding:8px;border-bottom:1px solid var(--line)}.marker span{flex:1}.source{font-size:13px}#status{color:#9a462d;min-height:1em}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;padding:10px;border-bottom:1px solid var(--line)}[hidden]{display:none!important}@media(max-width:750px){header span{display:none}main{padding:25px 16px}.route,.columns,.panes{grid-template-columns:1fr 1fr}.panes{grid-template-columns:1fr}.route button{min-height:110px}.columns{grid-template-columns:1fr}header{padding:16px}audio{max-width:100%}}@media(prefers-reduced-motion:reduce){.pulse{animation:none}}@media print{header,nav,#status,#reader,#acquisitions,button{display:none!important}#analysis{display:block!important}body{background:white;font-size:11pt}main{padding:0}.hero{background:white;color:#173b35;border:1px solid}.card,details{break-inside:avoid}h1{font-size:30pt}.route{display:none}svg{max-height:150px}a:after{content:' (' attr(href) ')';font-size:8pt}details> :not(summary){display:block!important}}

.reader-mode h1{font-size:38px;margin:10px 0 20px}.reader-mode main{padding-top:20px}.intro summary{font:20px Georgia;padding:0}.reader-mode .intro{padding:15px;margin:10px 0}.reader-mode .media{margin:10px 0;padding:15px}

.page-stage{position:relative}.point-layer{position:absolute;inset:0;pointer-events:none}.score-point{position:absolute;transform:translate(-50%,-50%);width:28px;height:28px;padding:0;border:2px solid white;border-radius:50%;background:#155845;color:white;font:12px system-ui;pointer-events:auto;box-shadow:0 0 0 2px #155845}.score-point.estimated{background:#a96024;box-shadow:0 0 0 2px #a96024}.score-point.draft{background:#405fa1;box-shadow:0 0 0 2px #405fa1}.score-head{position:absolute;width:38px;height:38px;transform:translate(-50%,-50%);border:3px solid #f1b52e;border-radius:50%;pointer-events:none;box-shadow:0 0 0 3px #fff8}.capturing .paper canvas{cursor:crosshair}.paper canvas{cursor:pointer}.capture-fields{display:flex;flex-wrap:wrap;gap:15px;align-items:end}.capture-fields label{display:grid;gap:6px}.capture-fields select{max-width:330px}.capture-fields input[type=number]{width:110px}.audio-timeline{padding:16px}.audio-timeline canvas{width:100%;height:90px;display:block;cursor:pointer;margin:8px 0;background:#f4f5ef;border-radius:6px}.audio-timeline input{width:100%;padding:0;accent-color:#245748}.marker .marker-meta{font-size:12px;color:#5a695f}.marker .estimated-label{color:#9c5421}.marker{flex-wrap:wrap}.marker-actions{display:flex;gap:6px}.marker button{padding:6px 10px}.media input[type=file]{max-width:270px}#clock{font-variant-numeric:tabular-nums}#clickChoice button{margin:5px}.reader-mode .syncbar{margin:15px 0}.reader-mode .paper{height:65vh}#calibration{border:2px solid #405fa1}#estimatePreview button{margin-top:10px}@media(max-width:750px){header{flex-wrap:wrap}.marker span{flex-basis:180px}.capture-fields label,.capture-fields select{max-width:100%}}

.score-head.estimated-position{border:3px dashed #b56627;box-shadow:0 0 0 3px #fff9;background:#f6bd6926}