.room{background:#111111;color:#E5E5E5;overflow:hidden;font-family:var(--nr-font)}.room,canvas.light{position:fixed;inset:0}canvas.light{width:100%;height:100%;display:block}.overlay{position:fixed;inset:0;display:flex;flex-direction:column;pointer-events:none}.overlay>*{pointer-events:auto}header.bar{display:flex;align-items:center;justify-content:space-between;padding:20px 24px}.brand{display:flex;flex-direction:column;gap:2px}.brand .name{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#FFFFFF}.brand .sub{font-size:11px;letter-spacing:.08em;color:#E5E5E5;opacity:.7}.statusline{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#FFFFFF}.dot{width:7px;height:7px;border-radius:50%;background:#E5E5E5;box-shadow:0 0 10px #E5E5E5}@keyframes nourVerseIn{0%{opacity:0}to{opacity:1}}.verse{display:grid;padding:0 24px;justify-items:center;grid-gap:10px;gap:10px;text-align:center;animation:nourVerseIn 2.4s ease-out 1.2s both}.verse .ar{margin:0;font-size:clamp(24px,4vw,46px);line-height:1.9;font-weight:600;color:#FFFFFF;max-width:20ch}.verse .en{margin:0;font-size:clamp(14px,1.3vw,17px);font-weight:300;max-width:44ch}.verse .ref{margin:0;font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.6}.joinCard{display:grid;grid-gap:10px;gap:10px;width:min(340px,calc(100vw - 48px));background:rgba(17,17,17,.82);border:1px solid rgba(229,229,229,.2);border-radius:15px;padding:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-items:stretch}.joinCard label{display:grid;grid-gap:5px;gap:5px;font-size:12px}.joinCard input{padding:9px 11px;font-size:15px;font-family:inherit;border:1px solid rgba(229,229,229,.35);border-radius:5px;background:#111111;color:#FFFFFF}.joinCard input:focus{outline:2px solid #FFE600;outline-offset:1px}.joinCard select,.reciterPick select{padding:9px 11px;font-size:14px;font-family:inherit;border:1px solid rgba(229,229,229,.35);border-radius:5px;background:#111111;color:#FFFFFF}.joinCard select:focus,.reciterPick select:focus{outline:2px solid #FFE600;outline-offset:1px}.reciterPick{display:flex;align-items:center;gap:8px;font-size:12px;color:#FFFFFF}.reciterPick select{padding:6px 8px;font-size:13px;max-width:220px}.joinCard button{padding:11px;font-size:16px;font-weight:700;font-family:inherit;border:0;border-radius:5px;background:#FFE600;color:#111111;cursor:pointer}.joinCard button:disabled{opacity:.45;cursor:default}footer.bar{display:flex;justify-content:center;align-items:center;gap:14px;padding:0 20px 24px}footer.bar .links{font-size:11px;opacity:.55}footer.bar .links a{color:#E5E5E5;text-decoration:none}footer.bar .links a:hover{color:#FFE600}.status{font-size:13px;color:#E5E5E5;min-height:1.4em}.status[data-state=ready]{color:#FFE600}.status[data-state=err]{color:#ff9d8a}.settingsBtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid rgba(229,229,229,.35);color:#E5E5E5;width:36px;height:36px;border-radius:5px;cursor:pointer;display:grid;place-items:center;font-family:inherit}.settingsBtn:hover{border-color:#FFFFFF;color:#FFFFFF}.settingsBtn:focus-visible{outline:2px solid #FFE600;outline-offset:2px}.tuning{position:absolute;top:72px;right:24px;width:min(300px,calc(100vw - 48px));background:rgba(17,17,17,.88);border:1px solid rgba(229,229,229,.2);border-radius:15px;padding:18px 20px;display:grid;grid-gap:14px;gap:14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-height:calc(100vh - 96px);overflow:auto;z-index:2}.tuneRow{display:grid;grid-gap:6px;gap:6px;font-size:12px}.tuneRow>span{display:flex;justify-content:space-between}.tuneVal{opacity:.6}.tuneRow input[type=range]{accent-color:#FFE600;width:100%}.tuneCheck{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;cursor:pointer}.tuneCheck input{accent-color:#FFE600;width:14px;height:14px;margin:0}.tuneMeta{border-top:1px solid rgba(229,229,229,.15);padding-top:12px;display:grid;grid-gap:4px;gap:4px;font-size:11px;color:#E5E5E5;opacity:.75;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tuneMeta>div{display:flex;justify-content:space-between}.mushaf{max-height:46vh;overflow-y:auto;padding:0 24px 20px;scrollbar-width:thin}.mushafAyah{margin:0 0 10px;line-height:2.1;opacity:.55;transition:opacity .3s}.mushafAyah[data-current]{opacity:1}.mushaf .w{padding:0 2px;border-radius:4px;transition:background .2s}.mushaf .w.cur{background:rgba(255,230,0,.38)}.mushaf .w.corr{text-decoration:underline;-webkit-text-decoration-color:rgba(255,230,0,.55);text-decoration-color:rgba(255,230,0,.55);text-underline-offset:6px}.mushaf .w.pending{-webkit-text-decoration-color:#FFE600;text-decoration-color:#FFE600;text-decoration-thickness:3px;background:rgba(255,230,0,.16)}.mushaf .ayahNo{font-size:.6em;opacity:.6;-webkit-margin-start:6px;margin-inline-start:6px}