.intro{padding-bottom:35px}.listening{display:grid;grid-template-columns:340px 1fr;gap:24px;margin-bottom:48px}.selection,.player{border:1px solid #dfe5d8;border-radius:22px;padding:30px;background:#fffefa;min-width:0}.selection label,.practice label{display:block;font-size:13px;font-weight:600;margin:18px 0 8px}select,input[type=number]{display:block;width:100%;padding:12px;border:1px solid #cdd8c9;border-radius:9px;background:#fffefa;color:#203e2e;font:inherit;margin-top:7px;min-width:0}.range-inputs{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hint,#setup-status,#audio-status{font-size:12px;color:#607262}.selection .button{width:100%;margin-top:24px;border:0;cursor:pointer}.player{background:#eaf0e5}.player h2{margin-top:20px}.player>p{color:#536c56;font-size:14px}.verse-display{text-align:center;padding:24px;border-block:1px solid #cedac9;margin:24px 0}.verse-display>span{font-size:10px;letter-spacing:.2em;color:#607262}.verse-display strong{display:block;font:52px Georgia,serif;color:#174d3b}.verse-display p{font-size:12px;margin:10px 0 0}audio{width:100%}.transport,.practice{display:flex;justify-content:space-between;gap:16px;margin-top:18px;flex-wrap:wrap}button:not(.button){border:1px solid #b9cbb5;background:#fffefa;color:#174d3b;border-radius:9px;padding:10px 13px;font:inherit;font-size:12px;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.practice .check{display:flex;align-items:center;gap:8px}.queue-section{margin-bottom:55px}#queue{display:flex;gap:10px;flex-wrap:wrap;max-height:300px;overflow:auto;padding:4px}#queue button[aria-current=true]{background:#174d3b;color:white}#read-along{font-size:13px}.selection h2{font-size:28px}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b59151;outline-offset:3px}@media(max-width:800px){.listening{grid-template-columns:1fr}.selection,.player{padding:22px}.selection{display:block}.intro h1{font-size:46px}}