:root{color-scheme:dark;--bg:#10283a;--panel:#193346;--gold:#d7b773;--ink:#f5f1e9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 system-ui,sans-serif}header,main{max-width:760px;margin:auto}nav{display:flex;justify-content:space-between;padding:13px 20px}a{color:var(--gold)}nav a{text-decoration:none}.portrait{display:block;width:100%;height:430px;object-fit:cover;object-position:center 0}main{padding:22px}h1,h2,.verseLarge{font-family:Georgia,serif;font-weight:400}h1{font-size:35px;line-height:1.2;margin-top:27px}h2{font-size:26px}.visit{display:block;text-align:center;max-width:250px;text-decoration:none;margin-left:auto}.gold{background:var(--gold);color:var(--bg);font-weight:700}button,.gold{border:1px solid var(--gold);padding:12px 17px;border-radius:8px;font:inherit;cursor:pointer}button{background:transparent;color:var(--ink);min-height:48px}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid white;outline-offset:3px}.music{display:flex;gap:14px;align-items:center;margin:24px 0}section{padding:22px;background:var(--panel);border-radius:16px;margin:24px 0}label{display:block;font-size:14px;font-weight:600;color:var(--gold)}input:not([type=checkbox]),select{width:100%;border:1px solid #6f7f86;border-radius:6px;padding:12px;margin:9px 0 15px;background:var(--bg);color:white;font:inherit;min-width:0}input[type=checkbox]{width:18px;height:18px}.check{color:var(--ink)}small{font-size:13px;color:#c5ced2;display:inline-block}#reset{display:block;font-size:13px;margin-top:15px}.choose{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:700}.verseLarge{font-size:26px;line-height:1.5;overflow-wrap:anywhere}.context{font-size:13px;color:#cad1d5}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}details{margin-top:22px}summary{cursor:pointer;color:var(--gold)}#chapterText p{font-size:18px}#chapterText sup{color:var(--gold)}canvas{width:100%;height:auto;border-radius:10px}footer{padding:12px 0 30px;color:#c5ced2;font-size:13px}aside{background:#263c4a;border-left:3px solid var(--gold);padding:12px;font-size:14px}.about a{display:block;padding:10px 0}#faves button{margin:8px;font-size:14px}@media(max-width:440px){main{padding:18px}section{padding:18px}h1{font-size:31px}.portrait{height:220px}.choose{grid-template-columns:1fr 1fr}.choose label:first-child{grid-column:1/3}.music{font-size:14px}.verseLarge{font-size:24px}}
.photoControls{background:#10283a;padding:16px;border-radius:10px;margin-bottom:18px}.photoControls input[type=range]{width:100%;min-height:44px;accent-color:var(--gold)}.photoControls input[type=file]{max-width:100%;font-size:14px}.photoControls p{font-size:13px}