:root{--bg:#070708;--bg-2:#0d0d10;--surface:#121216;--surface-2:#17171c;--line:#ffffff14;--line-gold:#f0b13c59;--ink:#f2f2f4;--ink-soft:#9a9aa5;--gold:#f0b13c;--gold-2:#ffd97a;--gold-deep:#b87e14;--silver:#e8e8ec;--silver-2:#8e8e99;--ok:#3ddc84;--err:#ff6b6b;--radius:18px;--player-h:128px;--nav-h:64px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--grad-gold:linear-gradient(90deg, var(--gold-deep), var(--gold), var(--gold-2), var(--gold), var(--gold-deep));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--ink);margin:0;padding:0}body{overscroll-behavior-y:none;background:radial-gradient(900px 420px at 50% -160px, #f0b13c24 0%, transparent 65%), var(--bg);min-height:100dvh;font-family:Manrope,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.45}em,i{font-style:normal}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input{font:inherit}h1,h2,h3,.brand b,.num,.hero h1{font-family:Sora,Manrope,sans-serif}.ar{direction:rtl;font-family:Amiri,Scheherazade New,serif}@keyframes goldshift{0%{background-position:0%}to{background-position:200%}}@keyframes sheen{0%,70%{transform:translate(-140%)skew(-18deg)}to{transform:translate(240%)skew(-18deg)}}.goldtext-live{background:var(--grad-gold);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:3.5s linear infinite goldshift}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.app{flex-direction:column;max-width:640px;min-height:100dvh;margin:0 auto;display:flex}.page{padding:calc(var(--safe-t) + 12px) 16px 0;padding-bottom:calc(var(--nav-h) + var(--player-h) + var(--safe-b) + 24px);flex:1}.header{align-items:center;gap:12px;padding:6px 0 14px;display:flex}.header .back,.iconbtn{background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--line);width:42px;height:42px;color:var(--silver);border-radius:13px;flex:none;place-items:center;display:grid}.iconbtn.active{color:var(--gold);border-color:var(--line-gold)}.brand{align-items:center;gap:10px;display:flex}.brand img{border-radius:50%;width:40px;height:40px}.brand b{letter-spacing:-.4px;color:var(--silver);font-size:21px;font-weight:800}.brand b.metal{background:linear-gradient(90deg,#c9c9d2,#fff 35%,#b9b9c4 60%,#f2f2f4 80%,#c9c9d2) 0 0/200%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:5s linear infinite goldshift}.brand b.metal .goldtext-live{-webkit-background-clip:text;background-clip:text}.header h1{margin:0;font-size:19px;font-weight:800;line-height:1.2}.header .sub{color:var(--ink-soft);font-size:12.5px}.header .grow{flex:1;min-width:0}.search{margin:4px 0 16px;position:relative}.search input{border:1px solid var(--line);background:var(--surface);width:100%;height:48px;color:var(--ink);border-radius:14px;outline:none;padding:0 42px;transition:border-color .15s}.search input:focus{border-color:var(--line-gold)}.search input::placeholder{color:var(--ink-soft)}.search svg{color:var(--ink-soft);position:absolute;top:15px;left:14px}.search .clear{width:30px;height:30px;color:var(--ink-soft);border-radius:8px;position:absolute;top:9px;right:8px}.sec{justify-content:space-between;align-items:baseline;margin:20px 0 10px;display:flex}.sec h2{color:var(--gold);letter-spacing:.6px;text-transform:uppercase;margin:0;font-size:11.5px;font-weight:700}.sec span{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:12px}.avatar{border-radius:50%;flex:none;place-items:center;font-family:Sora,sans-serif;font-weight:700;display:grid;position:relative;overflow:hidden}.avatar.mono{color:#1a1204;background:linear-gradient(135deg, var(--gold-2), var(--gold) 55%, var(--gold-deep))}.avatar.photo{background:var(--surface-2);box-shadow:0 0 0 2px var(--bg), 0 0 0 3.5px var(--gold)}.avatar.photo img{object-fit:cover;width:100%;height:100%;display:block}.avatar.big.photo{box-shadow:0 0 0 3px var(--bg), 0 0 0 5px var(--gold), 0 12px 30px #f0b13c2e}.avatar.big.mono{box-shadow:0 12px 30px #f0b13c2e}.resume{border-radius:var(--radius);background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--line-gold);text-align:left;align-items:center;gap:12px;width:100%;margin-bottom:6px;padding:12px 14px;display:flex;position:relative;overflow:hidden}.resume:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffd97a14,#0000);animation:4s ease-in-out infinite sheen;position:absolute;inset:0}.resume .play{background:var(--gold);color:#1a1204;border-radius:50%;flex:none;order:3;place-items:center;width:44px;height:44px;display:grid}.resume .t{flex:1;min-width:0}.resume .t b{white-space:nowrap;text-overflow:ellipsis;font-weight:800;display:block;overflow:hidden}.resume .t small{color:var(--ink-soft);margin-top:2px;display:block}.resume .t .bar{background:#ffffff1a;border-radius:4px;height:3px;margin-top:8px;overflow:hidden}.resume .t .bar i{background:var(--grad-gold);background-size:200%;height:100%;animation:3.5s linear infinite goldshift;display:block}.grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (width>=480px){.grid{grid-template-columns:repeat(3,1fr)}}.rcard{text-align:center;border-radius:var(--radius);background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--line);flex-direction:column;align-items:center;gap:10px;padding:18px 12px 14px;transition:transform .12s,border-color .15s;display:flex}.rcard:active{border-color:var(--line-gold);transform:scale(.97)}.rcard b{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.rcard small{color:var(--ink-soft);margin-top:-4px;font-size:11.5px}.list{flex-direction:column;gap:8px;display:flex}.row{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:16px;align-items:center;gap:12px;width:100%;padding:11px 14px;transition:background .12s,border-color .12s;display:flex}.row:active{background:var(--surface-2)}.row.playing{border-color:var(--line-gold);background:linear-gradient(180deg, var(--surface-2), var(--surface))}.row .num{width:40px;height:40px;color:var(--gold);background:var(--bg-2);border:1px solid var(--line-gold);clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.row .t{flex:1;min-width:0}.row .t b{white-space:nowrap;text-overflow:ellipsis;font-weight:700;display:block;overflow:hidden}.row .t small{color:var(--ink-soft);margin-top:1px;font-size:12px;display:block}.row .ar{color:var(--gold);flex:none;font-size:21px;line-height:1}.eq{vertical-align:middle;align-items:flex-end;gap:2px;height:14px;margin-left:6px;display:inline-flex}.eq i{background:var(--gold);border-radius:2px;width:3px;animation:.9s ease-in-out infinite eq;display:block}.eq i:nth-child(2){animation-delay:.2s}.eq i:nth-child(3){animation-delay:.4s}@keyframes eq{0%,to{height:4px}50%{height:14px}}.eq.paused i{height:5px;animation-play-state:paused}.letter{color:var(--gold);margin:14px 0 6px;padding-left:4px;font-family:Sora,sans-serif;font-size:12px;font-weight:700}.empty{text-align:center;color:var(--ink-soft);padding:40px 16px}.empty b{color:var(--ink);margin-bottom:6px;display:block}.chips{scrollbar-width:none;gap:8px;padding:2px 0 14px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);border-radius:999px;flex:none;padding:8px 14px;font-size:13px;font-weight:600}.chip.on{background:var(--gold);color:#1a1204;border-color:var(--gold)}.hero{align-items:center;gap:16px;padding:4px 0 18px;display:flex}.hero h1{margin:0;font-size:20px;font-weight:800;line-height:1.2}.hero .sub{color:var(--ink-soft);margin-top:4px;font-size:13px}.nav{z-index:20;-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--line);padding-bottom:var(--safe-b);background:#070708e6;position:fixed;bottom:0;left:0;right:0}.nav .in{max-width:640px;height:var(--nav-h);margin:0 auto;display:flex}.nav button{color:var(--silver-2);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.nav button.on{color:var(--gold)}.player{left:0;right:0;bottom:calc(var(--nav-h) + var(--safe-b));z-index:21;padding:0 10px;transition:transform .25s;position:fixed}.player.hidden{transform:translateY(160%)}.player .in{border:1px solid var(--line-gold);background:linear-gradient(#1b1b21,#121216);border-radius:20px;max-width:620px;margin:0 auto;padding:10px 12px 12px;box-shadow:0 14px 44px #0009,0 0 0 1px #0006}.player .top{align-items:center;gap:10px;display:flex}.player .top .t{text-align:left;flex:1;min-width:0}.player .top .t b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:800;display:block;overflow:hidden}.player .top .t small{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.player .ctl{align-items:center;gap:2px;display:flex}.player .ctl button{width:38px;height:38px;color:var(--silver);border-radius:12px;place-items:center;display:grid}.player .ctl button.main{color:#1a1204;background:linear-gradient(135deg, var(--gold-2), var(--gold) 55%, var(--gold-deep));border-radius:50%;width:48px;height:48px;position:relative;overflow:hidden;box-shadow:0 6px 18px #f0b13c59}.player .ctl button.main:after{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);width:40%;animation:3.2s ease-in-out infinite sheen;position:absolute;top:0;bottom:0}.player .ctl button:disabled{opacity:.35}.player .seek{color:var(--ink-soft);font-variant-numeric:tabular-nums;align-items:center;gap:8px;margin-top:8px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;display:flex}.player .seek input[type=range]{appearance:none;background:#ffffff1f;border-radius:4px;outline:none;flex:1;height:4px}.player .seek input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gold);border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 3px #f0b13c40}.player .seek input[type=range]::-moz-range-thumb{background:var(--gold);border:0;border-radius:50%;width:14px;height:14px}.player .extra{scrollbar-width:none;gap:6px;margin-top:8px;display:flex;overflow-x:auto}.player .extra::-webkit-scrollbar{display:none}.player .extra button{white-space:nowrap;border:1px solid var(--line);color:var(--ink-soft);background:#ffffff0f;border-radius:999px;flex:none;padding:6px 10px;font-size:12px;font-weight:700}.player .extra button.on{color:#1a1204;background:var(--gold);border-color:var(--gold)}.player .extra .sp{margin-left:auto}.player .loading{color:var(--gold)}.card{background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--line);border-radius:var(--radius);margin-bottom:12px;padding:16px}.card h3{margin:0 0 6px;font-size:15px}.card p{color:var(--ink-soft);margin:0;font-size:13.5px}.card a{color:var(--gold)}.toast{left:50%;bottom:calc(var(--nav-h) + var(--player-h) + var(--safe-b) + 20px);background:var(--gold);color:#1a1204;z-index:30;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:700;position:fixed;transform:translate(-50%);box-shadow:0 8px 30px #00000080}.dlcard{background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--line);border-radius:16px;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;display:flex}.dlcard .t{flex:1;min-width:0}.dlcard .t b{align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.dlcard .t small{color:var(--ink-soft);margin-top:2px;font-size:12px;display:block}.dlcard .bar{background:#ffffff1a;border-radius:4px;height:4px;margin-top:8px;overflow:hidden}.dlcard .bar i{background:var(--grad-gold);background-size:200%;height:100%;transition:width .3s;animation:3.5s linear infinite goldshift;display:block}.dlcard .chip{align-items:center;gap:6px;display:inline-flex}.row .bookbtn{width:34px;height:34px;color:var(--silver-2);border:1px solid var(--line);border-radius:10px;flex:none;place-items:center;display:grid}.row .bookbtn:active{color:var(--gold)}.reader .header h1{font-size:17px}.rprefs{margin:-4px 0 8px}.listen{text-align:left;background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--line-gold);border-radius:16px;align-items:center;gap:12px;width:100%;margin-bottom:18px;padding:10px 12px;display:flex}.listen .pb{color:#1a1204;background:linear-gradient(135deg, var(--gold-2), var(--gold) 55%, var(--gold-deep));border-radius:50%;flex:none;place-items:center;width:42px;height:42px;display:grid}.listen .t b{font-size:14px;font-weight:800;display:block}.listen .t small{color:var(--ink-soft);font-size:12px}.bism{text-align:center;color:var(--gold);margin:6px 0 22px;font-size:30px;line-height:1.6}.ayahs{flex-direction:column;display:flex}.ayah{border-bottom:1px solid var(--line);padding:14px 0 16px}.atext{text-align:right;color:var(--ink);line-height:1.95}.anum{border:1px solid var(--line-gold);min-width:1.35em;height:1.35em;color:var(--gold);vertical-align:middle;border-radius:50%;place-items:center;margin-right:.3em;padding:0 .2em;font-size:.55em;display:inline-grid}.tr{color:var(--silver);margin-top:10px;font-size:15px;line-height:1.6}.tr .tn{color:var(--gold);vertical-align:1px;margin-right:8px;font-family:Sora,sans-serif;font-size:11px;font-weight:700;display:inline-block}.sajda{color:var(--gold);font-size:12px}.note{border-left:2px solid var(--line-gold);color:var(--ink-soft);background:#f0b13c0d;border-radius:0 10px 10px 0;margin-top:8px;padding:10px 12px;font-size:13px;line-height:1.55}.pager{justify-content:space-between;gap:10px;margin-top:18px;display:flex}.pager button{background:var(--surface);border:1px solid var(--line);color:var(--silver);border-radius:12px;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:700;display:inline-flex}.pager button:disabled{opacity:.3}.tj-mute{color:#7c7c88}.tj-madd1{color:#6fa8ff}.tj-madd2{color:#4d8bff}.tj-madd3{color:#3b6cf5}.tj-madd4{color:#2e4fd6}.tj-qalqala{color:#ff4d4d}.tj-gunna{color:#ff8a3d}.tj-ixfo{color:#c36bff}.tj-ixfo2{color:#f04fd6}.tj-iqlob{color:#35d0ff}.tj-idgom1{color:#2ed8a3}.tj-idgom2{color:#5fd65a}.tj-idgom3{color:#9be15d}.tj-idgom4{color:#b8b8c4}.atext.tj{color:var(--ink)}.legend{background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);border-radius:12px;grid-template-columns:1fr 1fr;gap:6px 12px;margin:2px 0 10px;padding:10px 12px;font-size:12px;display:grid}.legend span{align-items:center;gap:8px;display:flex}.legend i{background:currentColor;border-radius:50%;flex:none;width:12px;height:12px}.legend i.tj-mute{background:#7c7c88}.legend i.tj-madd1{background:#6fa8ff}.legend i.tj-madd2{background:#4d8bff}.legend i.tj-madd3{background:#3b6cf5}.legend i.tj-madd4{background:#2e4fd6}.legend i.tj-qalqala{background:#ff4d4d}.legend i.tj-gunna{background:#ff8a3d}.legend i.tj-ixfo{background:#c36bff}.legend i.tj-ixfo2{background:#f04fd6}.legend i.tj-iqlob{background:#35d0ff}.legend i.tj-idgom1{background:#2ed8a3}.legend i.tj-idgom2{background:#5fd65a}.legend i.tj-idgom3{background:#9be15d}.legend i.tj-idgom4{background:#b8b8c4}.reader{padding-bottom:calc(var(--nav-h) + 96px + var(--safe-b))!important}.reader .ar{font-family:Amiri Quran,Amiri,Scheherazade New,serif}.banner{border:1px solid var(--line-gold);background:linear-gradient(#f0b13c1a,#f0b13c08);border-radius:14px;align-items:center;gap:10px;margin:4px 0 14px;padding:10px 14px;display:flex;position:relative}.banner:before,.banner:after{content:"";border-left:1px solid var(--line-gold);width:0;position:absolute;top:4px;bottom:4px}.banner:before{left:4px}.banner:after{right:4px}.banner .bname{text-align:center;color:var(--gold);flex:1;font-size:26px;line-height:1.5}.banner .orn{opacity:.9;background:radial-gradient(circle at 50% 50%, var(--gold) 0 2px, transparent 2.5px) 0 0/8px 8px, linear-gradient(90deg, transparent, var(--line-gold), transparent);flex:none;width:46px;height:22px}.ayah{border-bottom:1px solid var(--line);cursor:pointer;border-radius:12px;padding:14px 8px 16px;transition:background .15s,box-shadow .15s}.ayah:active{background:var(--surface)}.ayah.active{box-shadow:inset 0 0 0 1px var(--line-gold);background:linear-gradient(#f0b13c1a,#f0b13c0a)}.atext{text-align:center;line-height:2.05}.anum{min-width:1.5em;height:1.5em;color:var(--gold);vertical-align:middle;box-shadow:0 0 0 1.5px var(--gold), 0 0 0 3px var(--bg), 0 0 0 4px var(--line-gold);background:radial-gradient(circle,#f0b13c1f,#0000 70%);border-radius:50%;place-items:center;margin:0 .25em;padding:0 .2em;font-size:.5em;display:inline-grid}.aplay{background:var(--gold);color:#1a1204;vertical-align:middle;border-radius:50%;place-items:center;width:1.1em;height:1.1em;margin-right:.4em;font-size:.5em;display:inline-grid}.tr{text-align:left}.vbar{left:0;right:0;bottom:calc(var(--nav-h) + var(--safe-b));z-index:21;padding:0 10px;position:fixed}.vbar .in{border:1px solid var(--line-gold);background:linear-gradient(#1b1b21,#121216);border-radius:20px;grid-template-columns:1fr auto;grid-template-areas:"rec ctl""info ctl";align-items:center;gap:4px 10px;max-width:620px;margin:0 auto;padding:8px 10px;display:grid;box-shadow:0 14px 44px #0009}.vrec{text-align:left;grid-area:rec;align-items:center;gap:10px;min-width:0;display:flex}.vrec .t{flex-direction:column;min-width:0;display:flex}.vrec .t small{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.4px;font-size:10.5px}.vrec .t b{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;overflow:hidden}.vrec .chev{color:var(--gold);font-size:14px}.vctl{grid-area:ctl;align-items:center;gap:2px;display:flex}.vctl button{width:38px;height:38px;color:var(--silver);border-radius:12px;place-items:center;display:grid}.vctl button:disabled{opacity:.3}.vctl button.main{color:#1a1204;background:linear-gradient(135deg, var(--gold-2), var(--gold) 55%, var(--gold-deep));border-radius:50%;width:48px;height:48px;box-shadow:0 6px 18px #f0b13c59}.vinfo{grid-area:info;align-items:center;gap:8px;padding-left:50px;display:flex}.vinfo b{color:var(--ink-soft);font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.vinfo .chip{padding:4px 10px;font-size:11.5px}.sheet-bg{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg-2);border:1px solid var(--line-gold);width:100%;max-width:640px;max-height:78vh;padding:12px 14px calc(16px + var(--safe-b));border-bottom:0;border-radius:22px 22px 0 0;margin:0 auto;overflow:auto}.sheet-h{justify-content:space-between;align-items:center;margin-bottom:10px;font-family:Sora,sans-serif;display:flex}@keyframes ring-spin{to{transform:rotate(360deg)}}@keyframes lpulse{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.7;transform:scale(1.08)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.welcome{max-width:640px;min-height:100dvh;padding:calc(var(--safe-t) + 28px) 22px calc(var(--safe-b) + 16px);flex-direction:column;margin:0 auto;display:flex}.wtop{flex-direction:column;align-items:center;gap:14px;display:flex}.logo-anim{place-items:center;width:132px;height:132px;display:grid;position:relative}.logo-anim:before{content:"";background:radial-gradient(circle,#f0b13c59,#0000 65%);border-radius:50%;animation:3.2s ease-in-out infinite lpulse;position:absolute;inset:-18px}.logo-anim:after{content:"";border:2px solid #0000;border-top-color:var(--gold-2);border-right-color:#f0b13c40;border-radius:50%;animation:9s linear infinite ring-spin;position:absolute;inset:-6px}.logo-anim img{border-radius:50%;width:132px;height:132px;position:relative;box-shadow:0 20px 50px #0009}.wbrand b{letter-spacing:-.5px;font-family:Sora,sans-serif;font-size:30px;font-weight:800}.wbrand .metal{background:linear-gradient(90deg,#c9c9d2,#fff 35%,#b9b9c4 60%,#f2f2f4 80%,#c9c9d2) 0 0/200%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:5s linear infinite goldshift}.wdots{gap:6px;display:flex}.wdots i{background:#ffffff2e;border-radius:50%;width:6px;height:6px;transition:all .2s}.wdots i.on{background:var(--gold);border-radius:4px;width:22px}.wbody{flex-direction:column;flex:1;margin-top:26px;animation:.35s rise;display:flex}.wbody h1{letter-spacing:-.4px;margin:0 0 10px;font-size:27px;font-weight:800;line-height:1.2}.wsub{color:var(--ink-soft);margin:0 0 18px;font-size:14.5px;line-height:1.5}.wfeat{flex-direction:column;gap:10px;margin-bottom:22px;display:flex}.wfeat>div{background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--line);border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex}.wfeat b{font-size:14px;display:block}.wfeat small{color:var(--ink-soft);font-size:12px}.wi{color:#1a1204;background:linear-gradient(135deg, var(--gold-2), var(--gold) 55%, var(--gold-deep));border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.wbtn{color:#1a1204;background:linear-gradient(135deg, var(--gold-2), var(--gold) 55%, var(--gold-deep));border-radius:16px;height:54px;margin-top:auto;font-family:Sora,sans-serif;font-size:16px;font-weight:700;position:relative;overflow:hidden;box-shadow:0 10px 30px #f0b13c4d}.wbtn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);width:30%;animation:3.2s ease-in-out infinite sheen;position:absolute;top:0;bottom:0}.wgrid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:22px;display:grid}.wq{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:12px 6px 10px;transition:border-color .15s,transform .12s;display:flex;position:relative}.wq b{text-align:center;color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.wq.on{border-color:var(--gold);background:linear-gradient(180deg, #f0b13c1f, var(--surface))}.wq.on b{color:var(--ink)}.wq:active{transform:scale(.96)}.wck{background:var(--gold);color:#1a1204;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:6px;right:6px}.wopt{grid-template-columns:1fr 1fr;gap:8px;display:grid}.wopt button{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.wopt button b{margin-bottom:3px;font-size:14px;display:block}.wopt button small{color:var(--ink-soft);font-size:11.5px;line-height:1.35;display:block}.wopt button.on{border-color:var(--gold);background:linear-gradient(180deg, #f0b13c1f, var(--surface))}.wfoot{text-align:center;color:var(--silver-2);letter-spacing:.3px;margin-top:14px;font-size:12px}:root[data-theme=light]{--bg:#f6f4ee;--bg-2:#efece4;--surface:#fff;--surface-2:#fbf9f4;--line:#00000014;--line-gold:#b87e1473;--ink:#1a1a1f;--ink-soft:#6b6b75;--gold:#b87e14;--gold-2:#d9a441;--gold-deep:#8f6110;--silver:#2a2a30;--silver-2:#7a7a85;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=light] body{background:radial-gradient(900px 420px at 50% -160px, #b87e141f 0%, transparent 65%), var(--bg)}:root[data-theme=light] .nav{background:#f6f4eeeb}:root[data-theme=light] .player .in,:root[data-theme=light] .vbar .in{background:linear-gradient(#fff,#f7f4ec);box-shadow:0 14px 44px #00000026}:root[data-theme=light] .brand b.metal,:root[data-theme=light] .wbrand .metal{background:linear-gradient(90deg,#2a2a30,#55555f 40%,#2a2a30);-webkit-background-clip:text;background-clip:text}:root[data-theme=light] .avatar.mono,:root[data-theme=light] .wi,:root[data-theme=light] .player .ctl button.main,:root[data-theme=light] .vctl button.main,:root[data-theme=light] .listen .pb,:root[data-theme=light] .resume .play,:root[data-theme=light] .wbtn,:root[data-theme=light] .chip.on,:root[data-theme=light] .player .extra button.on,:root[data-theme=light] .toast,:root[data-theme=light] .wck{color:#fff}:root[data-theme=light] .tj-mute{color:#9a9aa5}:root[data-theme=light] .tj-madd1{color:#2f6fdf}:root[data-theme=light] .tj-madd2{color:#2456c4}:root[data-theme=light] .tj-madd3{color:#1b3fa8}:root[data-theme=light] .tj-madd4{color:#122b80}:root[data-theme=light] .tj-qalqala{color:#d11f1f}:root[data-theme=light] .tj-gunna{color:#e0641a}:root[data-theme=light] .tj-ixfo{color:#8a2be2}:root[data-theme=light] .tj-ixfo2{color:#c2199e}:root[data-theme=light] .tj-iqlob{color:#0a8fb8}:root[data-theme=light] .tj-idgom1{color:#158a66}:root[data-theme=light] .tj-idgom2{color:#2e8b2e}:root[data-theme=light] .tj-idgom3{color:#5a9a1a}:root[data-theme=light] .tj-idgom4{color:#6b6b75}.pstrip{background:var(--surface);border:1px solid var(--line-gold);border-radius:12px;flex-direction:column;align-items:flex-end;padding:6px 12px;line-height:1.1;display:flex}.pstrip small{color:var(--ink-soft);letter-spacing:.3px;font-size:10px}.pstrip small:first-child{text-transform:uppercase}.pstrip b{color:var(--gold);font-family:JetBrains Mono,monospace;font-size:15px}.dailyc{border-radius:var(--radius);background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--line-gold);margin-bottom:12px;padding:14px;position:relative;overflow:hidden}.dailyc:before{content:"";pointer-events:none;background:radial-gradient(400px 120px at 50% 0,#f0b13c1f,#0000 70%);position:absolute;inset:0}.dailyc .dh{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.sec-t{color:var(--gold);letter-spacing:.6px;text-transform:uppercase;font-family:Sora,sans-serif;font-size:11.5px;font-weight:700}.dailyc .ref{color:var(--ink-soft);cursor:pointer;font-size:12px}.dailyc .dar{text-align:center;cursor:pointer;margin:4px 0 8px;font-family:Amiri Quran,Amiri,serif;font-size:26px;line-height:1.9}.dailyc .dtr{color:var(--silver);font-size:14px;line-height:1.55}.dacts{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.dacts .chip{align-items:center;gap:6px;display:inline-flex}.khatmc,.khatm-card{text-align:left;border-radius:var(--radius);background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--line);align-items:center;gap:14px;width:100%;margin-bottom:12px;padding:12px 14px;display:flex}.khatmc .t,.khatm-card .t{flex:1;min-width:0}.khatmc .t b,.khatm-card .t b{font-weight:800;display:block}.khatmc .t small,.khatm-card .t small{color:var(--ink-soft);font-size:12px;display:block}.khatmc .go{color:var(--gold)}.ring{--p:0;background:conic-gradient(var(--gold) calc(var(--p) * 1%), #ffffff14 0);border-radius:50%;flex:none;place-items:center;width:60px;height:60px;display:grid;position:relative}.ring:before{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:6px}.ring b{color:var(--gold);font-family:Sora,sans-serif;font-size:13px;position:relative}.lastread{text-align:left;background:var(--surface);border:1px solid var(--line);width:100%;color:var(--ink-soft);border-radius:14px;margin-bottom:12px;padding:10px 14px;font-size:13px}.lastread b{color:var(--ink)}.hint{color:var(--silver-2);text-align:center;margin:14px 0 0;font-size:12px}.citybtn{text-align:left;background:var(--surface);border:1px solid var(--line);width:100%;color:var(--gold);border-radius:14px;align-items:center;gap:10px;margin-bottom:12px;padding:12px 14px;display:flex}.citybtn b{color:var(--ink)}.citybtn small{color:var(--ink-soft);flex:1;font-size:12px}.citybtn span{color:var(--gold)}.citylist{flex-wrap:wrap;gap:6px;max-height:200px;display:flex;overflow:auto}.nextp{text-align:center;border-radius:var(--radius);background:linear-gradient(180deg, #f0b13c24, var(--surface));border:1px solid var(--line-gold);margin-bottom:12px;padding:18px}.nextp small{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.5px;font-size:12px;display:block}.nextp small.left{text-transform:none;font-size:13px}.nextp b{margin-top:4px;font-family:Sora,sans-serif;font-size:18px;display:block}.nextp .big{color:var(--gold);margin:4px 0;font-family:JetBrains Mono,monospace;font-size:44px;font-weight:600;line-height:1.1}.ptable{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.prow{background:var(--surface);border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;padding:12px 16px;font-weight:600;display:flex}.prow b{font-family:JetBrains Mono,monospace;font-size:17px;font-weight:600}.prow.on{border-color:var(--gold);background:linear-gradient(90deg, #f0b13c24, var(--surface))}.prow.on b{color:var(--gold)}.prow.dim{opacity:.6}.compass-card{flex-direction:column;align-items:center;gap:12px;display:flex}.compass{width:220px;height:220px;transition:transform .2s ease-out;position:relative}.dial{border:2px solid var(--line-gold);background:radial-gradient(circle,#0000 60%,#f0b13c0f);border-radius:50%;position:absolute;inset:0}.dial i{position:absolute;inset:0}.dial i span{color:var(--ink-soft);font-family:Sora,sans-serif;font-size:13px;font-weight:800;position:absolute;top:8px;left:50%;transform:translate(-50%)}.dial i:first-child span{color:#ff4d4d}.needle{position:absolute;inset:0}.needle span{font-size:30px;position:absolute;top:26px;left:50%;transform:translate(-50%)}.needle:before{content:"";background:linear-gradient(180deg, var(--gold), transparent);width:3px;margin-left:-1.5px;position:absolute;top:62px;bottom:50%;left:50%}.compass-card p{text-align:center;margin:0}.wbw{direction:rtl;flex-flow:row-reverse wrap;justify-content:center;gap:6px 4px;display:flex}.wbw .w{background:var(--surface);border:1px solid var(--line);border-radius:10px;flex-direction:column;align-items:center;min-width:54px;padding:6px 8px;display:inline-flex}.wbw .wa{font-size:1em;line-height:1.6}.wbw .wt{color:var(--gold);text-align:center;direction:ltr;max-width:120px;margin-top:2px;font-size:11px;font-weight:600}.wbw .wl{color:var(--ink-soft);direction:ltr;font-size:10px}.ayah{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:relative}.ayah.linked{box-shadow:inset 0 0 0 1px var(--line-gold)}.amore{width:28px;height:28px;color:var(--silver-2);opacity:.7;border-radius:8px;font-size:18px;line-height:1;position:absolute;top:8px;left:8px}.amenu .mar{text-align:center;color:var(--ink);max-height:140px;padding:4px 8px 12px;font-family:Amiri Quran,Amiri,serif;font-size:22px;line-height:1.9;overflow:auto}.amenu .mi{width:40px;height:40px;color:var(--gold);background:var(--bg-2);border-radius:12px;flex:none;place-items:center;display:grid}.hifz{background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--line-gold);border-radius:16px;flex-direction:column;gap:8px;margin-bottom:12px;padding:12px 14px;display:flex}.hifz>b{font-family:Sora,sans-serif;font-size:14px}.hrow{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.hrow span:first-child{min-width:64px}.hrow input{border:1px solid var(--line);background:var(--bg-2);width:64px;height:34px;color:var(--ink);text-align:center;border-radius:10px;outline:none}