@font-face{font-family:AlQalam Majeed;src:url(/fonts/alqalam-majeed.woff2)format("woff2");font-display:swap}@font-face{font-family:KFGQPC Nastaleeq;src:url(/fonts/kfgqpc-nastaleeq.woff2)format("woff2");font-display:swap}@font-face{font-family:KFGQPC Hafs;src:url(/fonts/kfgqpc-hafs.woff2)format("woff2");font-display:swap}.ip-font{font-family:QF IndoPak,KFGQPC Nastaleeq,serif}.uth-font{font-family:QF Hafs,KFGQPC Hafs,serif}.hz-hero{color:#fff;background:radial-gradient(500px 220px at 90% 0,#c9a22766,#0000 60%),linear-gradient(140deg,#0f5a43,#0a3a2c);border-radius:24px;align-items:center;gap:16px;margin-bottom:14px;padding:22px;display:flex}.hz-hero h1{color:#fff;margin:0}.hz-hero p{color:#dcebe4;margin:4px 0 0}.hz-hero .hz-ar{color:#f0d77a;direction:rtl;font-family:KFGQPC Hafs,Amiri Quran,serif;font-size:1.25rem}.hz-hero-ico{color:#f0d77a;background:#ffffff24;border-radius:50%;flex:none;place-items:center;width:64px;height:64px;display:grid}.hz-steps{gap:6px;margin:0 0 14px;display:flex}.hz-steps i{background:#0e4d3a24;border-radius:6px;flex:1;height:6px}.hz-steps i.on{background:linear-gradient(90deg, var(--green), var(--gold))}.hz-q h2{margin:6px 0 10px;font-size:1.15rem;padding:0!important}.hz-q h2:before{display:none}.hz-opts{gap:10px;display:grid}.hz-opts.hz-grid{grid-template-columns:repeat(4,1fr)}.hz-opts button{text-align:start;font:inherit;color:var(--ink);cursor:pointer;background:#fff;border:2px solid #0e4d3a26;border-radius:16px;flex-direction:column;gap:2px;padding:14px 16px;transition:all .2s;display:flex}.hz-opts.hz-grid button{text-align:center;align-items:center;padding:12px 6px}.hz-opts button b{color:var(--green);font-size:1.1rem}.hz-opts.hz-grid button b{font-size:1.6rem}.hz-opts button span{color:var(--muted);font-size:.86rem}.hz-opts button.on{border-color:var(--gold);background:linear-gradient(140deg, #13654d, var(--green));box-shadow:0 12px 24px -16px var(--green)}.hz-opts button.on b,.hz-opts button.on span{color:#fff}.hz-known{border:1px solid var(--line);background:#fff;border-radius:12px;flex-wrap:wrap;gap:6px;max-height:180px;padding:8px;display:flex;overflow:auto}.hz-known label{background:#f4f1e6;border-radius:999px;align-items:center;gap:4px;padding:4px 8px;font-size:.85rem;font-weight:500;display:inline-flex}.hz-known input{width:auto;min-height:0}.hz-days{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.hz-days button{min-height:48px;font:inherit;cursor:pointer;color:var(--muted);background:#fff;border:2px solid #0e4d3a26;border-radius:12px;font-weight:700}.hz-days button.on{background:var(--green);border-color:var(--green);color:#fff}.hz-nav{justify-content:space-between;gap:10px;margin-top:20px;display:flex}.hz-nav #nextQ{min-width:140px;margin-inline-start:auto}.hz-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.hz-streak{color:#6b4300;background:linear-gradient(140deg,#fff3d0,#ffd77a);border-radius:16px;flex-direction:column;align-items:center;padding:8px 14px;display:flex}.hz-streak span{font-size:1.3rem;line-height:1}.hz-streak b{font-size:1.5rem;line-height:1.1}.hz-streak small{font-size:.7rem}.hz-att{border:1px solid var(--line);background:#fff;border-radius:16px;margin-bottom:16px;padding:12px 14px}.hz-att-h{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.hz-att-h span{color:#456;font-size:.9rem}.hz-cal{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.hz-cal i,.k{color:#789;background:#f1f4f2;border-radius:8px;justify-content:center;align-items:center;height:30px;font-size:.72rem;font-style:normal;display:inline-flex}.k{vertical-align:-2px;border-radius:4px;width:14px;height:14px;margin:0 2px 0 8px}.hz-cal i.ok,.k.ok{color:#fff;background:#1f8a5b}.hz-cal i.miss,.k.miss{color:#fff;background:#e6513a}.hz-cal i.rev,.k.rev{color:#0e4d3a;background:#9cd3b6}.hz-cal i.rest,.k.rest{background:#eef2ef}.hz-cal i.today{outline:2px solid var(--gold);outline-offset:1px}.hz-cal i.future{opacity:.35}.hz-alert{color:#6b3d00;background:#fff4e5;border:1px solid #f3c98b;border-radius:12px;margin:10px 0 0;padding:10px 12px;font-size:.93rem}.hz-rec{flex-wrap:wrap;gap:10px;margin:12px 0 4px;display:flex}.hz-rec label{flex-direction:column;flex:200px;gap:3px;font-size:.85rem;font-weight:600;display:flex}.hz-rec select{border:1px solid var(--line);font:inherit;border-radius:10px;padding:8px}.hz-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px;display:grid}.hz-stats div{border:1px solid var(--line);text-align:center;background:#fff;border-radius:14px;padding:10px 6px}.hz-stats b{color:var(--green);font-size:1.35rem;display:block}.hz-stats span{color:var(--muted);font-size:.75rem}@media (width<=560px){.hz-stats{grid-template-columns:repeat(2,1fr)}.hz-opts.hz-grid{grid-template-columns:repeat(4,1fr)}}#bar{width:0}.hz-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;display:grid}.hz-card{color:#fff;border-radius:20px;padding:18px;position:relative}.hz-card h2{color:#fff;margin:6px 0 4px;font-size:1.15rem;padding:0!important}.hz-card h2:before{display:none}.hz-card.sabaq{background:linear-gradient(150deg,#13654d,#0a3a2c);grid-column:1/-1}.hz-card.sabqi{background:linear-gradient(150deg,#3b82c4,#1e4f8a)}.hz-card.manzil{background:linear-gradient(150deg,#7b68d0,#4b3a8f)}.hz-tag{letter-spacing:.5px;background:#ffffff2e;border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:800;display:inline-block}.hz-range{margin:4px 0;font-size:1.25rem;font-weight:700}.hz-card .small{opacity:.88}.hz-list{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.hz-list li{background:#ffffff1f;border-radius:12px;align-items:center;gap:8px;padding:6px 6px 6px 12px;display:flex}.hz-list li span{flex:1;font-size:.92rem}.hz-list li.ok span{opacity:.7;text-decoration:line-through}.hz-list button{font:inherit;cursor:pointer;color:var(--ink);background:#fff;border:0;border-radius:10px;padding:6px 10px;font-size:.82rem;font-weight:700}.hz-juz{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;display:grid}.hz-juz div{border:1px solid var(--line);text-align:center;background:#fff;border-radius:10px;padding:6px 2px;font-size:.78rem;font-weight:700;position:relative;overflow:hidden}.hz-juz div i{background:linear-gradient(90deg, var(--green), var(--gold));height:4px;position:absolute;bottom:0;left:0}.hz-lesson{position:relative}.hz-lbar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.hz-modes{width:100%;display:flex}.hz-modes button{flex:1;padding:8px 6px;font-size:.88rem}.hz-verses{gap:12px;margin-top:12px;display:grid}.hz-v{background:#fffaf0;border:1px solid #e7dcc0;border-radius:16px;padding:12px 14px}.hz-v.playing{box-shadow:0 0 0 3px var(--gold)}.hz-vtop{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.hz-vtop .v-n{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;min-width:40px;height:40px;margin:0;font-size:.9rem;font-weight:800;display:inline-grid}.hz-v.playing .v-n{background:var(--gold);color:#1d1806}.hz-cnt{color:var(--muted);align-items:center;gap:6px;font-size:.82rem;display:inline-flex}.hz-cnt button{font:inherit;color:var(--green);cursor:pointer;background:#fff;border:1px solid #0e4d3a33;border-radius:10px;padding:4px 10px;font-weight:700}.hz-ar2{text-align:right;color:#111;direction:rtl;margin:0;line-height:2.2}.hz-ar2.ip{font-family:QF IndoPak,serif;line-height:2.4}.hz-ar2.uth{font-family:QF Hafs,KFGQPC Hafs,serif}.hz-w{cursor:pointer;border-radius:6px;transition:background .2s,color .2s;display:inline}.hz-hint .hz-w .rest{color:#0000;text-shadow:none;border-bottom:2px dotted #cbbf98}.hz-hide .hz-w{color:#0000;background:#efe7cf}.hz-w.shown,.hz-w.shown .rest{color:#111!important;background:#c9a22738!important;border-bottom:0!important}.hz-tr{border-inline-start:4px solid var(--gold);color:#12403a;background:#eef6f1;border-radius:10px;margin:6px 0 0;padding:8px 12px;font-size:1rem}.hz-tr[dir=rtl]{font-family:var(--font-ur);line-height:2.1}.hz-hide .hz-tr{display:block}.hz-lfoot{z-index:5;padding:12px 0 max(12px, env(safe-area-inset-bottom));background:linear-gradient(transparent, var(--ivory) 30%);flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex;position:sticky;bottom:0}.hz-lfoot .btn{flex:1;min-width:160px}.hz-confetti{z-index:300;color:#fff;text-align:center;background:#052018cc;place-items:center;animation:.3s fade;display:grid;position:fixed;inset:0}.hz-confetti div{padding:24px}.hz-confetti b{margin:10px 0;font-size:1.6rem;display:block}.hz-confetti span.big{font-size:4rem}