:root{color-scheme:light;--ink:#253627;--muted:#516254;--paper:#f7f4eb;--panel:#fffdf7;--line:#d5d9c9;--green:#29533e;--pale:#e8eee3;font-family:Inter,system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}header{background:#233e30;color:#fffdf7}.wrap{max-width:48rem;margin:auto;padding-inline:clamp(1rem,4vw,2.25rem)}.brand{padding-block:1rem;font-family:Georgia,serif;font-size:1.25rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.brand span{font: .75rem system-ui;color:#e3eadc;text-align:right}
main{padding-top:clamp(1rem,5vw,2.4rem)}.day{border:1px solid var(--line);border-radius:1.1rem;background:var(--pale);padding:clamp(1rem,4vw,1.8rem)}.day-top,.day-bottom,.reader-top,.player,.row,.arrows{display:flex;align-items:center;gap:.55rem}.day-top,.day-bottom,.reader-top,.row{justify-content:space-between}h1,h2{font-family:Georgia,serif;font-weight:normal}h1{font-size:clamp(2rem,7vw,3rem);margin:.75rem 0}h2{font-size:1.55rem;margin:1.25rem 0 .45rem}p{line-height:1.5}#progress{margin:0;color:var(--muted);font-size:.88rem}progress{width:min(38vw,12rem);height:.55rem;accent-color:var(--green)}
button,input{font:inherit;color:inherit}button,input[type=date]{min-height:2.75rem;border:1px solid #abb8a8;border-radius:.55rem;background:var(--panel);padding:.45rem .75rem}button{cursor:pointer}button:hover{background:#eef3e9}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #527a61;outline-offset:3px}label{font-size:.83rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:end}.row{background:var(--panel);border:1px solid var(--line);border-radius:.7rem;margin-bottom:.45rem;padding:.42rem .55rem}.reference{border-color:transparent;background:transparent;font-weight:650;text-align:left;flex:1}.mark[aria-pressed=true],#play{background:var(--green);color:white}.mark{min-width:2.75rem;padding:.35rem}footer{padding-block:.65rem 1.3rem;color:var(--muted);font-size:.8rem}footer p{margin:.4rem 0}a{color:var(--green)}
dialog{width:min(44rem,calc(100% - 1rem));max-height:92dvh;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:.85rem;padding:0}dialog::backdrop{background:#13251dcc}.reader-top,.player{padding:.7rem 1rem}.reader-top{position:sticky;top:0;background:var(--panel);z-index:1;border-bottom:1px solid var(--line)}.reader-top h2{margin:0}.player{flex-wrap:wrap;border-bottom:1px solid var(--line)}#player-status{font-size:.85rem;margin:0}#scripture{font:1.2rem/1.65 Georgia,serif;padding:.25rem 1.2rem 1.2rem}#scripture p{margin:.6rem 0;line-height:1.62}sup{font: .65em system-ui;color:var(--muted);margin-right:.35rem}#notice{color:#6c3b16}