@font-face{font-family:Tajawal;src:url('./assets/ui/tajawal-regular.ttf')}@font-face{font-family:Tajawal;src:url('./assets/ui/tajawal-bold.ttf');font-weight:700}@font-face{font-family:Quran;src:url('./assets/uthmanic-hafs.woff2')}
:root{font-family:Tajawal,system-ui,sans-serif;color:#203e34;background:#f5f2e9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;min-height:46px;border:0;border-radius:13px;padding:12px 18px;font-weight:700}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #ce9940;outline-offset:3px}[hidden]{display:none!important}main{max-width:760px;margin:0 auto;padding:20px 16px max(22px,env(safe-area-inset-bottom))}header{display:flex;align-items:center;gap:12px;margin-bottom:26px}header>div{flex:1}.eyebrow{color:#758475;font-size:13px;margin:0 0 4px}h1{font-size:24px;margin:0}h2{font-size:22px;margin:0 0 12px}h3{font-size:18px;margin:0}.back{font-size:27px;color:#167659;text-decoration:none;transform:rotate(180deg);padding:5px}.quiet{background:transparent;color:#167659;border:1px solid #d4ddd1;font-size:14px}.card{border:1px solid #e3e6da;background:#fffef9;border-radius:22px;padding:21px;margin-bottom:16px;box-shadow:0 5px 15px #283d2d05}p{line-height:1.65;color:#65776e;margin:8px 0 16px}.tabs{display:flex;background:#edf1e9;border-radius:14px;padding:4px;gap:4px;margin:22px 0}.tabs button{flex:1;color:#647969;background:none}.tabs [aria-pressed=true]{background:#fff;color:#167659;box-shadow:0 2px 5px #16302110}label{display:block;font-weight:700;margin-bottom:18px}select,input{display:block;width:100%;background:#fff;border:1px solid #d7dfd3;border-radius:12px;min-height:50px;padding:10px;margin-top:8px;color:#294f3f}small{display:block;color:#7b867a;font-weight:400;margin-top:8px}.primary{background:#167659;color:#fff}.wide{width:100%}.scope{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 4px 14px}.scope h2{font-size:21px;margin:0}.badge{font-size:12px;background:#e9efe4;color:#597456;border-radius:20px;padding:8px 12px;white-space:nowrap}.capture-top{display:flex;align-items:center;gap:10px}#mic-dot{color:#aab7a8;font-size:25px}body[data-phase=recording] #mic-dot{color:#dc6b47}time{margin-right:auto;font-variant-numeric:tabular-nums;color:#78877a}.meter{height:4px;background:#edf0e8;border-radius:5px;overflow:hidden;margin:14px 0 20px}.meter>div{height:100%;width:0;background:#2d9d7b;transition:width .15s}.actions{display:flex;gap:10px}.actions button{flex:1}progress{width:100%;accent-color:#167659}.reading-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px}#position{font-size:12px;color:#6d8273}.empty{padding:32px 8px;text-align:center;color:#8d9b8d}.verses{max-height:44vh;max-height:44svh;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}body[data-phase=done] .verses{max-height:none}.verse{padding:15px 0;border-bottom:1px solid #edf0e6}.verse:last-child{border-bottom:0}.verse-heading{display:flex;gap:8px;align-items:center;justify-content:space-between;color:#889282;font-size:12px;margin-bottom:5px}.verse-heading button{min-height:36px;background:none;padding:5px 8px;color:#167659;font-size:13px;font-weight:400}.words{font-family:Quran,serif;font-size:29px;line-height:2.15;color:#284936;word-spacing:2px}.word{display:inline;border-radius:4px;padding:2px 1px}.word.current{background:#e3f0df}.word.uncertain{color:#9caa9b}.word.issue{color:#b83c38;text-decoration:underline dotted;text-underline-offset:5px;background:#fff2eb}.verse.has-issue{border-right:3px solid #b83c38;padding-right:12px}.issue-note{font-size:13px;color:#a6453d;margin:4px 0}.row-state{font-size:12px;color:#819079;margin:4px 0}.diagnostics{padding:4px 10px 16px;font-size:13px;color:#84917f}.diagnostics summary{cursor:pointer;padding:10px 0}.diagnostics button{font-size:12px}audio{width:100%}footer{text-align:center;margin-top:24px;font-size:11px}footer p{margin:5px 0;color:#8b9588}#result-summary{border-top:1px solid #e5e8dc;padding-top:16px;font-size:14px;margin-bottom:0}#picker-error,#playback-error{color:#ad4135}body[data-phase=recording] .badge{color:#167659;background:#e2f2df}@media(max-width:420px){main{padding:16px 12px}header{gap:7px}.card{padding:18px}h1{font-size:22px}#change-scope{padding:8px;font-size:12px}.words{font-size:28px}}
.word.verse-known{color:#617d68;background:#f1f5ed}.review-panel{border:1px solid #dbe6d5;background:#f4f8f0;border-radius:16px;padding:14px;margin:12px 0}.review-panel h4{margin:2px 0 8px;font-size:16px}.review-panel p{display:flex;align-items:center;gap:10px;margin:7px 0;font-size:13px}.review-panel p span{flex:1;color:#7f544b}.review-panel button{min-height:36px;padding:6px 10px;font-size:12px;white-space:nowrap}