:root{--bg: #081F1B;--bg-lift: #0D2B25;--surface: #14362F;--surface-hi: #1F4A40;--surface-hi2: #2F6656;--text: #EEF4F1;--text-dim: #9FC0B3;--text-faint: #88ACA1;--gold: #C9A24A;--gold-bright: #E3C26B;--gold-soft: #8A733A;--gold-wash: rgba(201, 162, 74, .1);--gold-wash2: rgba(201, 162, 74, .16);--card-live: rgba(18, 60, 68, .52);--card-live2: rgba(14, 48, 56, .52);--card-ask: rgba(13, 46, 37, .52);--card-ask2: rgba(8, 31, 27, .52);--card-tile: rgba(20, 54, 47, .5);--glass-line: rgba(255, 255, 255, .18);--sheen-top: rgba(255, 255, 255, .14);--sheen-bot: rgba(255, 255, 255, .02);--line: rgba(201, 162, 74, .16);--line-strong: rgba(201, 162, 74, .36);--line-quiet: rgba(255, 255, 255, .06);--sahih: #3FA882;--hasan: #5B9FD6;--daif: #D8A13A;--munkar: #D9793F;--mawdu: #CF5B57;--contested: #A183CF;--ungraded: #8B9E95;--tier1: #5FB894;--tier2: #6F9FD8;--tier3: #C9A24A;--ok: #4FAE86;--now: #E2705D;--sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--arabic: "Scheherazade New", "Noto Naskh Arabic", "Traditional Arabic", "Segoe UI", serif;--arabic-indopak: "KFGQPC Nastaleeq", "Noto Nastaliq Urdu", "Scheherazade New", "Noto Naskh Arabic", serif;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}[data-page=light]{--page-top: #F6EFDC;--page-bottom: #EEE2C1;--frame-edge: #8A733A;--frame-inner: rgba(138, 115, 58, .45);--ink: #000000;--ink-dim: #4A3F2B;--heading: #1A1208;--verse-number: #7A6430;--divider: rgba(138, 115, 58, .22);--selection: rgba(201, 162, 74, .17);--reciting: rgba(201, 162, 74, .35);--tj-ikhfa: #2E9BD6;--tj-ghunna: #E2873A;--tj-ikhfa-meem: #E05C9E;--tj-idghaam: #1F7A4C;--tj-qalqala: #D93A3A;--tj-qalb: #2F57B5;--tj-idghaam-meem: #5FB84A;--tj-idghaam-bila: #7B3FA0}[data-page=dark]{--page-top: #101713;--page-bottom: #0A0F0C;--frame-edge: #C9A24A;--frame-inner: rgba(201, 162, 74, .32);--ink: #F2E3B9;--ink-dim: #B4A67F;--heading: #ECDBA6;--verse-number: #E3C26B;--divider: rgba(201, 162, 74, .16);--selection: rgba(201, 162, 74, .12);--reciting: rgba(201, 162, 74, .27);--tj-ikhfa: #63C3F5;--tj-ghunna: #F2A862;--tj-ikhfa-meem: #F285BE;--tj-idghaam: #4FCE8C;--tj-qalqala: #FF7A72;--tj-qalb: #8AA6F0;--tj-idghaam-meem: #9EE06B;--tj-idghaam-bila: #C08AE8}@font-face{font-family:KFGQPC Nastaleeq;src:url(/kfgqpc_nastaleeq.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.47;overscroll-behavior-y:none;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}input,textarea{font:inherit;color:inherit}a{color:var(--gold-bright)}.shell{position:relative;height:100%;max-width:460px;margin:0 auto;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}@media(min-width:600px){body{background:var(--bg-lift)}.shell{box-shadow:0 0 0 1px var(--line),0 24px 70px #00000080}}.col{display:flex;flex-direction:column}.row{display:flex;align-items:center}.grow{flex:1 1 auto;min-height:0;min-width:0}.half{flex:1 1 0;min-width:0}.scroll{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.dim{color:var(--text-dim)}.faint{color:var(--text-faint)}.gold{color:var(--gold-bright)}.tiny{font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.small{font-size:12px;line-height:1.42}.mid{font-size:13.5px}.rtl{direction:rtl;text-align:right}.card{flex-shrink:0;background:linear-gradient(160deg,var(--card-tile),var(--card-ask2));border:1px solid var(--glass-line);border-radius:18px;backdrop-filter:blur(14px) saturate(130%);-webkit-backdrop-filter:blur(14px) saturate(130%);position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0 0 auto;height:50%;background:linear-gradient(var(--sheen-top),var(--sheen-bot));pointer-events:none}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid var(--line);background:var(--gold-wash);font-size:11.5px}.btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 18px;border-radius:14px;background:var(--gold);color:#10231d;font-weight:600;transition:opacity .15s,transform .1s}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.45;cursor:default}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--line-strong)}.field{width:100%;padding:14px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--line);outline:none}.field:focus{border-color:var(--gold-soft)}.hair{height:1px;background:var(--line-quiet);flex:none}@keyframes appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.appear{animation:appear .26s cubic-bezier(.22,.8,.3,1) both}@keyframes breathe{0%,to{opacity:.55}50%{opacity:1}}.breathe{animation:breathe 1.6s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .9s linear infinite}@media(prefers-reduced-motion:reduce){.appear,.breathe,.spin{animation:none!important}*{transition:none!important}}