:root{font-family:system-ui,sans-serif;color:#eaf0f7;background:#0c1524;color-scheme:dark;font-size:17px}
*{box-sizing:border-box}body{margin:0}main{max-width:680px;margin:auto;padding:20px 16px 50px}header,nav{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}header span{color:#abbace;font-size:.85rem}a{color:#7ddbd0}h1{font-size:2.3rem;margin-bottom:8px}h2{font-size:1rem;color:#b5c5d9;margin-top:0}section{background:#17243a;padding:20px;border:1px solid #2c415e;border-radius:16px;margin:12px 0}section p{font-size:1.2rem;margin-bottom:0}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metrics section{margin:0}.metrics p{font-size:1.4rem;font-weight:700}button,input,select,textarea{font:inherit;max-width:100%;border:1px solid #65809f;border-radius:8px;padding:12px}button{background:#226f65;color:white;min-height:48px;cursor:pointer}button:disabled{opacity:.55}input,select,textarea{width:100%;background:#101d30;color:white}label{display:block;margin:12px 0}form{margin:20px 0}#warning{color:#f5cb77}#status{color:#9edbda}li{overflow-wrap:anywhere;margin:14px 0}nav{margin-top:24px}.actions{display:flex;gap:8px;flex-wrap:wrap}small{color:#b5c5d9}#next{font-size:1.35rem}[hidden]{display:none!important}
.savers-timer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}#silence-clock{font-size:2rem;font-weight:700;font-variant-numeric:tabular-nums}#verse-text{font-size:1.3rem;line-height:1.5;margin:12px 0 4px}#verse-ref{color:#b5c5d9}#recorder{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}#record-status{color:#9edbda}audio{width:100%;margin-top:8px}