:root{color-scheme:light;--bg:#f7f5f0;--ink:#223c36;--muted:#61716b;--line:#dcded5;--accent:#2b594b;--paper:#fffefb;font-family:Segoe UI,system-ui,sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0}header{max-width:1240px;margin:auto;padding:25px 38px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px}.brand{color:var(--ink);font-weight:650;text-decoration:none;letter-spacing:-.5px}main{max-width:1160px;margin:auto;padding:0 30px 45px}.intro{padding:52px 0 30px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--accent)}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(38px,5vw,65px);line-height:1.08;letter-spacing:-2px;margin:16px 0 20px}h2{font-family:Georgia,serif;font-size:25px;font-weight:400;margin:0 0 20px}p{line-height:1.6}.intro p,.muted{color:var(--muted)}button,input,select,textarea{font:inherit}button{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:8px;cursor:pointer;padding:12px 18px;min-height:46px;font-weight:600}button:hover{border-color:var(--accent)}button:disabled{opacity:.55;cursor:wait}.primary{background:var(--accent);border-color:var(--accent);color:white}label{display:grid;gap:8px;color:var(--muted);font-size:14px;margin:16px 0}input,select,textarea{border:1px solid var(--line);border-radius:7px;background:white;color:var(--ink);padding:12px;min-height:46px;max-width:100%}select{min-width:140px}textarea{width:100%;resize:vertical;line-height:1.6}.status{font-size:12px;font-weight:650;color:var(--accent);background:#e8eee6;border-radius:24px;padding:8px 13px}.panel{padding:28px;background:var(--paper);border:1px solid var(--line);border-radius:14px;margin:0 0 24px;overflow-wrap:anywhere}.desk-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:24px}.section-label{display:flex;justify-content:space-between;align-items:start}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.current-text{font-family:Georgia,serif;font-size:27px;min-height:140px;line-height:1.5}.join{text-align:center}.join img{display:block;max-width:100%;height:auto;margin:16px auto}.join a{display:block;color:var(--accent);margin-bottom:20px}.join button{margin:0 0 15px}.transcript{font-style:italic;color:var(--muted)}meter{width:100%;height:16px}.check{display:flex;align-items:center}.check input{min-height:0}#error{color:#a43426;white-space:pre-wrap}#login{max-width:520px}.reader main{max-width:800px}.reader .intro{padding-top:40px}.reader h1{font-size:50px}.reader-tools{position:sticky;top:0;z-index:2;display:flex;align-items:end;gap:10px;background:var(--bg);padding:10px 0;border-bottom:1px solid var(--line)}.reader-tools label{margin:0;flex:1}.reader-tools select{width:100%}.passages{padding:18px 0}.passage{margin:0;padding:20px 22px;border-left:3px solid transparent;font-family:Georgia,serif;font-size:22px;line-height:1.75;scroll-margin-top:130px;border-radius:0 9px 9px 0;overflow-wrap:anywhere}.passage.active{border-color:var(--accent);background:#e8eee3}.passage small{font:11px Segoe UI,system-ui,sans-serif;color:var(--muted);display:block;margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}.notice{font-size:13px;color:var(--muted);min-height:22px}footer{text-align:center;color:var(--muted);font-size:12px;padding:24px;border-top:1px solid var(--line)}[hidden]{display:none!important}a{color:var(--accent)}:focus-visible{outline:3px solid #b08c49;outline-offset:3px}
@media(max-width:700px){header{padding:20px}main{padding:0 18px 30px}.intro{padding-top:35px}.desk-grid{grid-template-columns:1fr}.panel{padding:22px}.current-text{font-size:23px}.reader h1{font-size:42px}.reader-tools button{padding:12px}.passage{padding:18px 15px;font-size:21px}.actions select{width:100%}h1{letter-spacing:-1px}}
@media print{body{background:white}header,.intro,.panel:not(.join),footer,#logout,#error{display:none!important}.desk-grid{display:block}.join{border:0}.join button,.join p{display:none}.join h2{font-size:36px}.join img{width:320px}}
.start-listening{font-size:21px;padding:18px 35px;width:100%;margin:12px 0}.language-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.language-choice{display:grid;grid-template-columns:22px 1fr;gap:5px 9px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:14px;margin:0;color:var(--ink);cursor:pointer}.language-choice input{min-height:0;width:17px;height:17px;grid-row:span 2}.language-choice small{font-size:11px;color:var(--muted)}details{margin:22px 0 0}summary{cursor:pointer;font-weight:650;padding:6px 0}.upload-button{display:inline-block;border-radius:8px;background:var(--accent);color:white;cursor:pointer;padding:13px 18px;margin:0;font-weight:650}.upload-button input{display:none}.text-link{align-self:center}.small{font-size:13px}.live-addition{border-left:3px solid #b28a38;padding:16px 20px;background:#faf1df;margin:20px 0}.audience-row{display:flex;justify-content:space-between;gap:12px;margin:0;padding:10px 0;border-bottom:1px solid var(--line)}.prepare .actions{align-items:center}.listening .current-text{min-height:0;font-size:25px}.reader .live-addition{font-family:Georgia,serif;font-size:23px;scroll-margin-top:130px}.reader .live-addition small{font:12px Segoe UI,sans-serif;display:block;color:#866627;margin-bottom:10px}
@media(max-width:700px){.language-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.language-choice{padding:12px;font-size:13px}}
.reader .reader-intro{padding:26px 0 12px}.reader .reader-intro h1{font-size:30px;line-height:1.25;letter-spacing:-.5px;margin:10px 0 8px}.reader .reading-body{position:relative}.reader .passages{padding:12px 0 35vh;font:22px/1.8 Georgia,serif}.reader .sermon-paragraph{margin:0 0 1.1em;line-height:inherit}.reader .passage{display:inline;font:inherit;margin:0;padding:0;border:0;border-radius:3px;background:transparent;scroll-margin:0;box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:background-color .55s ease,color .55s ease}.reader .passage.active{background:rgba(247,210,91,.42);color:#493b14}.reader .passage.upcoming{background:rgba(182,207,163,.30);color:#244b37}.reader .passages.large-text{font-size:28px}.reading-marker{position:absolute;left:-18px;top:0;color:#a37a20;font:30px/1.25 Georgia,serif;transition:transform .55s ease;pointer-events:none}.reading-status{min-height:36px;font-size:12px;line-height:1.5;color:var(--muted);margin:8px 0}.reader .notice:empty{display:none}.reader .live-addition{display:block;font:inherit;margin:.8em 0;padding:10px 14px;border-left:2px solid #b28a38;border-radius:3px;background:#fbf4e6}.reader .live-addition small{font:11px/1.5 Segoe UI,system-ui,sans-serif;margin-bottom:4px}.reader-tools button{white-space:nowrap}.reader-tools select{min-width:0}.reader-tools label{min-width:0}.reader main{padding-left:30px;padding-right:24px}.reader header{padding:18px 24px}
@media(max-width:700px){.reader .passages{font-size:21px}.reader .reader-intro h1{font-size:26px}.reader .reader-tools{gap:6px}.reader .reader-tools button{font-size:12px;padding:10px}.reader .reader-tools select{font-size:13px;padding:10px 5px}.reader .reading-marker{left:-16px}.reader .reader-intro{padding-top:22px}}
@media(prefers-reduced-motion:reduce){.reader .passage,.reading-marker{transition:none}}
.reader .live-addition{color:#80634c;background:transparent;border:0;padding:0;margin:.7em 0;font:inherit;line-height:inherit}.reader .live-addition small{display:inline;font:italic .62em/1.5 Georgia,serif;color:#947c68;margin:0 .65em 0 0;letter-spacing:0;text-transform:none}.reader .live-addition .addition-copy{font:inherit;line-height:inherit}