:root,[data-theme="dark"]{--bg:#0c1715;--bg-2:#0f1d1b;--surface:#13241f;--surface-2:#182d28;--surface-3:#1e3630;--text:#ece4d2;--muted:#a3ada6;--faint:#6f7d76;--gold:var(--accent-custom, #c9a45c);--gold-2:#e3c88d;--on-gold:#14201d;--line:rgba(201, 164, 92, .18);--line-soft:rgba(236, 228, 210, .08);--danger:#e07a5f;--ok:#7cc4a0;--shadow:0 18px 50px rgba(0, 0, 0, .35);--pattern-ink:rgba(201, 164, 92, .09);color-scheme:dark}[data-theme="light"]{--bg:#f3eee3;--bg-2:#ebe4d5;--surface:#fbf8f1;--surface-2:#f2ecdf;--surface-3:#e8e0cd;--text:#1c2b27;--muted:#5b6863;--faint:#8a948f;--gold:#94712f;--gold-2:#7a5b22;--on-gold:#fffaf0;--line:rgba(122, 91, 34, .22);--line-soft:rgba(28, 43, 39, .09);--shadow:0 16px 40px rgba(60, 45, 20, .12);--pattern-ink:rgba(122, 91, 34, .10);color-scheme:light}:root{--font-ui:"IBM Plex Sans Arabic", system-ui, "Segoe UI", Tahoma, sans-serif;--font-display:"Amiri", "Times New Roman", serif;--font-quran:"Amiri Quran", "Amiri", serif;--r-sm:10px;--r:16px;--r-lg:24px;--wrap:1200px;--player-h:84px;--tabbar-h:0px;--arch:path("M0 1 L0 0.385 C0 0.19 0.17 0.085 0.5 0 C0.83 0.085 1 0.19 1 0.385 L1 1 Z");--pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%23c9a45c' stroke-width='1'%3E%3Cpath d='M48 8 58 38 88 48 58 58 48 88 38 58 8 48 38 38Z'/%3E%3Cpath d='M20 20h56v56H20z' transform='rotate(45 48 48)'/%3E%3Cpath d='M20 20h56v56H20z'/%3E%3C/g%3E%3C/svg%3E")}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.75 var(--font-ui);padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom));overflow-x:hidden}body.has-player{padding-bottom:calc(var(--player-h) + var(--tabbar-h) + env(safe-area-inset-bottom))}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:8px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;top:-60px;right:12px;z-index:100;background:var(--gold);color:var(--on-gold);padding:8px 14px;border-radius:8px}.skip:focus{top:10px}.ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.wrap{width:min(var(--wrap), 100% - 32px);margin-inline:auto}.wrap.narrow{--wrap:760px}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.35;margin:0;letter-spacing:0}p{margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;font-weight:600;font-size:15px;white-space:nowrap;transition:background .2s,color .2s,border-color .2s,transform .15s}.btn:active{transform:scale(.98)}.btn.lg{min-height:52px;padding:0 26px;font-size:16px}.btn.gold{background:var(--gold);color:var(--on-gold)}.btn.gold:hover{background:var(--gold-2)}[data-theme="light"] .btn.gold:hover{background:#7a5b22}.btn.ghost{border:1px solid var(--line);color:var(--text)}.btn.ghost:hover{border-color:var(--gold);color:var(--gold)}.btn .ic{width:18px;height:18px}.btn.gold .ic use[href="#i-play"],.play-circle .ic{stroke:none}.icon-btn{position:relative;display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;color:var(--text);transition:background .2s,color .2s}.icon-btn:hover{background:var(--surface-2);color:var(--gold)}.icon-btn.sm{width:36px;height:36px}.icon-btn.sm .ic{width:18px;height:18px}.icon-btn[aria-pressed="true"],.icon-btn.on{color:var(--gold)}.icon-btn .dot{position:absolute;top:8px;left:9px;width:8px;height:8px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 2px var(--bg)}.txt-btn{min-width:42px;height:36px;border-radius:999px;font-weight:600;font-size:14px;color:var(--muted)}.txt-btn:hover{color:var(--gold)}.link-btn{display:inline-flex;align-items:center;gap:6px;color:var(--text);font-weight:600}.link-btn:hover{color:var(--gold)}.chip{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:999px;background:var(--surface-2);color:var(--text);font-size:14px;font-weight:500;white-space:nowrap;border:1px solid #fff0}.chip:hover{border-color:var(--line);color:var(--gold)}.chip .ic{width:17px;height:17px}.chip.icon-only{width:38px;padding:0;justify-content:center}.chip[aria-selected="true"],.chip.active{background:var(--gold);color:var(--on-gold)}.play-circle{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--gold);color:var(--on-gold);flex:none;transition:transform .15s,background .2s}.play-circle:hover{background:var(--gold-2)}.play-circle:active{transform:scale(.95)}.play-circle .ic{width:22px;height:22px}.play-circle .pa,.is-playing>.play-circle .pl,.play-circle.is-playing .pl{display:none}.play-circle.is-playing .pa{display:block}.play-circle.sm{width:42px;height:42px}.play-circle.sm .ic{width:18px;height:18px}select,input[type="search"],input[type="text"],input[type="number"]{background:var(--surface-2);border:1px solid var(--line-soft);border-radius:12px;height:44px;padding:0 14px;outline:none}select:focus,input:focus{border-color:var(--gold)}select{appearance:none;padding-left:34px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:16px 50%,21px 50%;background-size:5px 5px;background-repeat:no-repeat}input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:22px;background:#fff0;cursor:pointer;direction:rtl}input[type="range"]::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(to left,var(--gold) var(--p,0%),var(--surface-3) var(--p,0%))}input[type="range"]::-moz-range-track{height:4px;border-radius:4px;background:var(--surface-3)}input[type="range"]::-moz-range-progress{height:4px;border-radius:4px;background:var(--gold)}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:var(--gold-2);border:0}input[type="range"]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--gold-2);border:0}.announce{background:var(--gold);color:var(--on-gold);font-size:14px;font-weight:600}.announce .wrap{display:flex;align-items:center;gap:12px;min-height:42px;padding-block:6px}.announce #announceText{flex:1}.announce a{text-decoration:underline}.announce .icon-btn{color:inherit;width:30px;height:30px}.announce .icon-btn:hover{background:rgb(0 0 0 / .08)}.topbar{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line-soft)}.topbar-in{display:flex;align-items:center;gap:18px;height:70px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-logo{width:42px;height:42px;border-radius:12px;object-fit:cover;border:1px solid var(--line)}.brand-text{display:grid;min-width:0;line-height:1.3}.brand-text strong{font-family:var(--font-display);font-size:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-text small{color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mainnav{display:flex;gap:2px;margin-inline-start:auto}.mainnav a{white-space:nowrap;padding:8px 13px;border-radius:999px;font-size:15px;color:var(--muted);font-weight:500;transition:color .2s,background .2s}.mainnav a:hover{color:var(--text)}.mainnav a.active{color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,transparent)}.top-actions{display:flex;align-items:center;gap:2px}.menu-btn{display:none}[data-theme="dark"] .only-light,[data-theme="light"] .only-dark{display:none}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line-soft)}.hero::before{content:"";position:absolute;inset:0;background-image:var(--pattern);background-size:96px;opacity:.55;-webkit-mask-image:radial-gradient(ellipse at 25% 40%,#000 0%,transparent 65%);mask-image:radial-gradient(ellipse at 25% 40%,#000 0%,transparent 65%)}[data-theme="light"] .hero::before{opacity:.7}.hero-in{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;padding-block:64px 56px}.hero-kicker{color:var(--gold);font-weight:600;font-size:15px;margin-bottom:14px}.hero-title{font-size:clamp(38px, 5.4vw, 66px);line-height:1.22;max-width:15ch;white-space:pre-line}.hero-text{color:var(--muted);font-size:17.5px;max-width:54ch;margin-top:18px;line-height:1.95}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-latest{margin-top:28px;display:flex;align-items:center;gap:12px;color:var(--muted);font-size:14px}.hero-latest b{color:var(--text);font-weight:600}.hero-arch{position:relative;margin:0;justify-self:center;width:min(380px, 100%);aspect-ratio:100 / 130}.arch-mask{position:absolute;inset:0;clip-path:polygon(0 100%,0 38.5%,1.5% 32%,5% 26%,11% 20%,20% 13.5%,33% 7%,50% 0,67% 7%,80% 13.5%,89% 20%,95% 26%,98.5% 32%,100% 38.5%,100% 100%);background:var(--surface-2)}.arch-mask img{width:100%;height:100%;object-fit:cover;object-position:30% 30%}.arch-mask::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgb(8 16 14 / .82),transparent 45%)}.arch-line{position:absolute;inset:-14px;width:calc(100% + 28px);height:calc(100% + 28px);fill:none;stroke:var(--gold);stroke-width:1.2;vector-effect:non-scaling-stroke;pointer-events:none}.arch-line.inner{inset:-26px;width:calc(100% + 52px);height:calc(100% + 52px);opacity:.35}.hero-arch figcaption{position:absolute;inset-inline:0;bottom:22px;text-align:center;color:#f3ead6;display:grid;gap:2px;padding-inline:20px}.hero-arch figcaption b{font-family:var(--font-display);font-size:22px;font-weight:700;line-height:1.4}.hero-arch figcaption span{font-size:13.5px;color:#d9c79e}.prayer-band{background:var(--bg-2);border-bottom:1px solid var(--line-soft)}.prayer-in{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;min-height:92px;padding-block:14px}.prayer-place{display:grid;gap:2px}.prayer-place small{color:var(--muted);font-size:13px;padding-inline-start:26px}.prayer-times{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.prayer-times li{display:grid;text-align:center;padding:8px 4px;border-radius:12px;line-height:1.4}.prayer-times li span{color:var(--muted);font-size:13px}.prayer-times li b{font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}.prayer-times li.next{background:color-mix(in srgb,var(--gold) 14%,transparent)}.prayer-times li.next span,.prayer-times li.next b{color:var(--gold)}.prayer-times li.sun{opacity:.7}.prayer-next{text-align:center;display:grid;line-height:1.4}.prayer-next span{color:var(--muted);font-size:13px}.prayer-next b{font-size:22px;font-weight:600;color:var(--gold);font-variant-numeric:tabular-nums;letter-spacing:.5px}.block{margin-block:52px 0}.block-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.block-head h2{font-size:27px}.more{display:inline-flex;align-items:center;gap:4px;color:var(--gold);font-weight:600;font-size:14.5px}.more .ic{width:17px;height:17px}.home-grid{display:grid;grid-template-columns:1fr 360px;gap:40px;align-items:start}.home-grid>.block,.side-col>.block:first-child{margin-top:52px}.home-grid.solo{grid-template-columns:1fr}.home-grid.solo .side-col{display:none}@media (min-width:1000px){.home-grid.solo .latest-block .track-list,#recList,#rcList,#libBody .track-list{grid-template-columns:1fr 1fr;column-gap:28px}}.side-col .block{margin-top:36px}.empty{color:var(--muted);padding:28px;text-align:center;border:1px dashed var(--line);border-radius:var(--r);font-size:15px}.empty .btn{margin-top:14px}.track-list{display:grid;gap:2px}.track{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:14px;padding:10px 12px;border-radius:var(--r);transition:background .15s;position:relative}.track:hover,.track:focus-within{background:var(--surface)}.track.current{background:color-mix(in srgb,var(--gold) 10%,var(--surface))}.track-art{position:relative;width:64px;height:64px;border-radius:12px;overflow:hidden;background:var(--surface-2)}.track-art img{width:100%;height:100%;object-fit:cover}.track-art .play-overlay{position:absolute;inset:0;display:grid;place-items:center;background:rgb(8 16 14 / .55);color:#fff;opacity:0;transition:opacity .15s}.track:hover .play-overlay,.track.current .play-overlay{opacity:1}.track-art .play-overlay .ic{width:24px;height:24px}.track-art .play-overlay .ic use{fill:currentColor}.track-main{min-width:0;text-align:start;display:grid;gap:1px}.track-main b{font-weight:600;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-main small{color:var(--muted);font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-main small .new{color:var(--gold);font-weight:600;margin-inline-start:6px}.track-side{display:flex;align-items:center;gap:2px;color:var(--muted)}.track-side .dur{font-size:13px;font-variant-numeric:tabular-nums;min-width:44px;text-align:center}.track-side .icon-btn{width:36px;height:36px;color:var(--muted)}.track-side .icon-btn:hover{color:var(--gold)}.track-side .icon-btn .ic{width:18px;height:18px}.track-side .fav.on{color:var(--gold)}.track-side .fav.on .ic{fill:currentColor}.track .hit{position:absolute;inset:0;border-radius:inherit;z-index:0}.track>*:not(.hit){position:relative;z-index:1}.track .track-main{pointer-events:none}.eq{display:none;gap:2px;align-items:flex-end;height:14px;margin-inline-start:6px}.track.current.playing .eq{display:inline-flex}.eq i{width:3px;background:var(--gold);border-radius:2px;animation:eq 1s ease-in-out infinite}.eq i:nth-child(2){animation-delay:-.3s}.eq i:nth-child(3){animation-delay:-.6s}@keyframes eq{0%,100%{height:4px}50%{height:14px}}.rank-list{list-style:none;margin:0;padding:0;display:grid;gap:2px;counter-reset:r}.rank-list .track{grid-template-columns:26px 48px 1fr auto}.rank-list .track-art{width:48px;height:48px;border-radius:10px}.rank-list .rank{font-family:var(--font-display);font-size:22px;color:var(--gold);text-align:center}.resume-card{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;padding:14px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line)}.resume-card img{width:56px;height:56px;border-radius:12px;object-fit:cover}.resume-card b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resume-card small{color:var(--muted);font-size:13px}.resume-card .bar{height:3px;background:var(--surface-3);border-radius:3px;margin-top:6px;overflow:hidden}.resume-card .bar i{display:block;height:100%;background:var(--gold)}.scroller-ctl{display:flex;gap:4px}.reciter-row{display:grid;grid-auto-flow:column;grid-auto-columns:168px;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:18px 4px 10px;scrollbar-width:none}.reciter-row::-webkit-scrollbar{display:none}.reciter{scroll-snap-align:start;text-align:center;display:grid;gap:12px}.reciter .mini-arch{width:100%}.reciter b{font-weight:600;font-size:15px;line-height:1.5}.reciter small{color:var(--muted);font-size:13px}.mini-arch{position:relative;margin:0;aspect-ratio:100 / 130}.mini-arch .arch-mask::after{display:none}.mini-arch .arch-line{inset:-7px;width:calc(100% + 14px);height:calc(100% + 14px);opacity:.55;transition:opacity .2s,inset .2s}.reciter:hover .mini-arch .arch-line,.reciter.active .mini-arch .arch-line{opacity:1}.reciter:hover b{color:var(--gold)}.daily-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:24px;margin-top:56px}.ayah-card,.dua-card{border-radius:var(--r-lg);padding:30px;background:var(--surface);border:1px solid var(--line-soft);position:relative;overflow:hidden}.ayah-card{border-color:var(--line)}.ayah-card::before{content:"";position:absolute;inset:0;background-image:var(--pattern);background-size:84px;opacity:.3;pointer-events:none;-webkit-mask-image:radial-gradient(circle at 0 0,#000,transparent 45%);mask-image:radial-gradient(circle at 0 0,#000,transparent 45%)}.ayah-card>*{position:relative}.ayah-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.ayah-head h2{font-size:24px;color:var(--gold)}.ayah-head span{color:var(--muted);font-size:14px}.ayah-text{font-family:var(--font-quran);font-size:clamp(25px, 2.8vw, 34px);line-height:2.1;text-align:center;margin:26px 0 22px;min-height:2.1em}.ayah-player{display:flex;align-items:center;gap:14px}.ayah-progress{flex:1;min-width:0}.ayah-progress .times{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:13px}.ayah-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line-soft)}.field-inline{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:14px}.field-inline select{height:38px;font-size:14px;border-radius:999px}.ayah-actions{display:flex;flex-wrap:wrap;gap:8px;margin-inline-start:auto}.dua-card h2{font-size:24px;color:var(--gold)}.dua-text{font-family:var(--font-display);font-size:22px;line-height:2;min-height:6em}.dua-actions{display:flex;gap:8px;margin-top:14px}.tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line-soft)}.tools a,.tools button{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:var(--surface-2);font-size:14.5px;font-weight:500}.tools a:hover,.tools button:hover{color:var(--gold)}.tools .ic{color:var(--gold)}.live-band{margin-top:56px}.live-card{display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:24px;padding:14px;padding-inline-end:24px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line-soft);transition:border-color .2s}.live-card:hover{border-color:var(--line)}.live-thumb{aspect-ratio:16 / 9;border-radius:var(--r);background:var(--surface-3) center / cover no-repeat}.live-copy{display:grid;gap:4px}.live-copy b{font-family:var(--font-display);font-size:22px;font-weight:700}.live-copy small{color:var(--muted)}.live-pill{display:inline-flex;align-items:center;gap:7px;color:var(--danger);font-size:13px;font-weight:600}.live-pill i{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse 1.6s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgb(224 122 95 / .6)}100%{box-shadow:0 0 0 9px #fff0}}.view{animation:viewIn .28s ease-out}@keyframes viewIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-block:44px 24px}.page-head h1{font-size:clamp(32px, 4vw, 46px)}.page-head p{color:var(--muted);margin-top:4px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.search-field{flex:1;min-width:220px;position:relative;display:flex;align-items:center}.search-field .ic{position:absolute;right:14px;color:var(--muted)}.search-field input{width:100%;padding-right:44px}.chips-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:14px;scrollbar-width:none;-webkit-mask-image:linear-gradient(to left,#000 92%,transparent);mask-image:linear-gradient(to left,#000 92%,transparent);cursor:grab}.chips-row::-webkit-scrollbar,.seg.scroll::-webkit-scrollbar,.mushaf-bar::-webkit-scrollbar{display:none}.dragging{cursor:grabbing;user-select:none}.dragging *{pointer-events:none}.back-link{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:14px}.back-link:hover{color:var(--gold)}.back-link .ic{width:16px;height:16px}.reciter-hero{display:grid;grid-template-columns:220px 1fr;gap:44px;align-items:center;padding-block:48px 28px}.reciter-hero .mini-arch .arch-line{opacity:1}.reciter-info h1{font-size:clamp(32px, 4vw, 44px);margin-top:8px}.reciter-info p{color:var(--muted);margin-top:8px;max-width:60ch}.reciter-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;align-items:center}.video-frame{position:relative;aspect-ratio:16 / 9;border-radius:var(--r-lg);overflow:hidden;background:#000;border:1px solid var(--line)}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.lesson-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}.lesson{border-radius:var(--r);background:var(--surface);overflow:hidden;border:1px solid var(--line-soft)}.lesson-media{position:relative;aspect-ratio:16 / 9;background:#000 center / cover no-repeat;display:grid;place-items:center;width:100%}.lesson-media .play-circle{box-shadow:var(--shadow)}.lesson-media iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.lesson-body{padding:14px 16px 18px}.lesson-body b{display:block;font-weight:600;line-height:1.6}.lesson-body small{color:var(--muted)}.seg{display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--surface);border:1px solid var(--line-soft);width:fit-content;max-width:100%}.seg.scroll{overflow-x:auto;scrollbar-width:none}.seg button{padding:8px 18px;border-radius:999px;color:var(--muted);font-weight:500;white-space:nowrap;font-size:15px}.seg button[aria-selected="true"]{background:var(--gold);color:var(--on-gold)}#libBody{margin-top:20px}.pl-list{display:grid;gap:10px}.pl-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--r);background:var(--surface)}.pl-item>button:first-child{flex:1;text-align:start;display:grid}.pl-item small{color:var(--muted)}.lib-tools{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.dhikr-progress{display:flex;align-items:center;gap:12px;margin:18px 0 14px;color:var(--muted);font-size:14px}.dhikr-progress .bar{flex:1;height:4px;border-radius:4px;background:var(--surface-3);overflow:hidden}.dhikr-progress .bar i{display:block;height:100%;width:0;background:var(--gold);transition:width .3s}.dhikr-card{border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);padding:34px 28px 24px;text-align:center}.dhikr-text{font-family:var(--font-display);font-size:clamp(20px, 2.4vw, 25px);line-height:2.05;white-space:pre-line;max-height:52vh;overflow-y:auto;text-align:center}.counter{margin:26px auto 22px;width:132px;height:132px;border-radius:50%;display:grid;place-content:center;border:1.5px solid var(--gold);color:var(--gold);transition:transform .12s,background .2s;position:relative}.counter::before{content:"";position:absolute;inset:7px;border-radius:50%;border:1px solid var(--line)}.counter b{font-size:44px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.counter small{color:var(--muted);font-size:12.5px;margin-top:6px}.counter:active{transform:scale(.96);background:color-mix(in srgb,var(--gold) 12%,transparent)}.counter.done{background:var(--gold);color:var(--on-gold)}.counter.done small{color:var(--on-gold)}.dhikr-nav{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.mushaf-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}.mushaf-bar select{max-width:200px}.page-input{display:flex;align-items:center;gap:8px;color:var(--muted)}.page-input input{width:82px;text-align:center}.mf-tools{display:flex;gap:2px;margin-inline-start:auto}.mushaf-stage{position:relative;display:grid;grid-template-columns:52px 1fr 52px;align-items:center;gap:10px;background:var(--surface);border-radius:var(--r-lg);border:1px solid var(--line-soft);padding:16px 8px;min-height:70vh}.mf-canvas-wrap{position:relative;overflow:auto;display:grid;place-items:center;min-height:60vh;touch-action:pan-y pinch-zoom}.mf-canvas-wrap canvas{background:#fff;box-shadow:var(--shadow);border-radius:4px;max-width:none}.mf-loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted)}.mf-nav{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);color:var(--gold)}.mf-nav:hover{background:var(--gold);color:var(--on-gold)}.mf-marks{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.mf-fallback{margin-top:14px;color:var(--muted)}.mf-fallback a{color:var(--gold)}.mushaf-stage:fullscreen{background:var(--bg);border-radius:0}.site-foot{margin-top:80px;border-top:1px solid var(--line-soft);background:var(--bg-2)}.foot-in{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;padding-block:40px 26px}.foot-brand{display:flex;gap:16px;align-items:center;max-width:520px}.foot-brand img{border-radius:14px;border:1px solid var(--line)}.foot-brand strong{font-family:var(--font-display);font-size:22px}.foot-brand p{color:var(--muted);font-size:14.5px;margin-top:2px}.foot-links{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.foot-links a{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line-soft);color:var(--muted);font-size:14px}.foot-links a:hover{color:var(--gold);border-color:var(--line)}.foot-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-block:16px 24px;border-top:1px solid var(--line-soft);color:var(--faint);font-size:13.5px}.foot-bottom a:hover{color:var(--gold)}.player{position:fixed;inset-inline:0;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom));z-index:45;background:color-mix(in srgb,var(--bg-2) 94%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line)}.pl-progress-mini{display:none;height:2px;background:var(--surface-3)}.pl-progress-mini i{display:block;height:100%;width:0;background:var(--gold);margin-inline-start:0}.pl-in{display:grid;grid-template-columns:minmax(200px,1fr) minmax(320px,1.4fr) minmax(200px,1fr);align-items:center;gap:18px;height:var(--player-h);padding-inline:20px;max-width:1500px;margin-inline:auto}.pl-track{display:flex;align-items:center;gap:12px;min-width:0;text-align:start}.pl-track img{width:54px;height:54px;border-radius:12px;object-fit:cover;background:var(--surface-2);flex:none}.pl-meta{display:grid;min-width:0;line-height:1.45}.pl-meta b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-meta small{color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-center{display:grid;gap:2px}.pl-buttons{display:flex;align-items:center;justify-content:center;gap:8px}.pl-buttons .play-circle{width:44px;height:44px}.pl-buttons .play-circle .ic{width:19px;height:19px}.pl-seek{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}.pl-seek span{text-align:center}.pl-tools{display:flex;align-items:center;justify-content:flex-end;gap:2px}.pl-tools .on .ic,#plFav.on .ic{fill:currentColor}.vol{display:flex;align-items:center;gap:4px}.vol input{width:92px}.vol span{font-size:12px;color:var(--muted);min-width:36px;font-variant-numeric:tabular-nums}.vol .voff,.vol.muted .von{display:none}.vol.muted .voff{display:block}.mobile-play{display:none}.player.expanded{top:0;bottom:0;display:flex;flex-direction:column;background:var(--bg)}.player.expanded .pl-progress-mini{display:none}.tabbar{display:none}.drawer,.sheet,.search-layer{position:fixed;inset:0;z-index:60;background:rgb(4 9 8 / .6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fade .2s}@keyframes fade{from{opacity:0}}.drawer-panel{position:absolute;inset-block:0;right:0;width:min(320px, 86vw);background:var(--bg-2);border-left:1px solid var(--line);padding:16px;animation:slideIn .25s ease-out;overflow-y:auto}@keyframes slideIn{from{transform:translateX(100%)}}.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.drawer-head strong{font-family:var(--font-display);font-size:22px}.drawer-nav{display:grid;gap:2px}.drawer-nav a,.drawer-nav button{display:flex;align-items:center;gap:12px;padding:13px 12px;border-radius:12px;font-size:16px;text-align:start;width:100%}.drawer-nav a:hover,.drawer-nav button:hover,.drawer-nav a.active{background:var(--surface);color:var(--gold)}.drawer-nav .ic{color:var(--gold)}.sheet-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px, 100% - 24px);max-height:min(86vh, 760px);display:flex;flex-direction:column;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);animation:pop .22s ease-out}@keyframes pop{from{opacity:0;transform:translate(-50%,-46%)}}.sheet-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 8px}.sheet-head h2{font-size:24px}.sheet-body{padding:8px 20px 22px;overflow-y:auto}.sheet-body .row-list{display:grid;gap:4px}.sheet-body .opt{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:13px 14px;border-radius:12px;background:var(--surface);text-align:start}.sheet-body .opt:hover{color:var(--gold)}.sheet-body .opt .ic{color:var(--gold)}.sheet-body .form{display:grid;gap:10px}.sheet-body .form input,.sheet-body .form select{width:100%}.sheet-body .hint{color:var(--muted);font-size:14px}.sheet-body .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.prayer-table{display:grid;gap:4px}.prayer-table div{display:flex;justify-content:space-between;padding:12px 14px;border-radius:12px;background:var(--surface)}.prayer-table div.next{color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,var(--surface))}.prayer-table b{font-variant-numeric:tabular-nums}.qibla{display:grid;justify-items:center;gap:12px;text-align:center;padding-block:10px}.compass{position:relative;width:220px;height:220px;border-radius:50%;border:1.5px solid var(--line);background:radial-gradient(circle,var(--surface) 55%,var(--bg-2))}.compass::before{content:"ش";position:absolute;top:8px;left:50%;transform:translateX(-50%);color:var(--muted);font-size:13px}.needle{position:absolute;left:50%;top:50%;width:4px;height:92px;margin-left:-2px;transform-origin:50% 100%;translate:0 -100%;background:linear-gradient(var(--gold),transparent);border-radius:4px;transition:rotate .4s}.needle::before{content:"";position:absolute;top:-12px;left:50%;width:22px;height:22px;transform:translateX(-50%);background:#111 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Crect x='3' y='5' width='16' height='13' fill='%23111'/%3E%3Crect x='3' y='8' width='16' height='2' fill='%23c9a45c'/%3E%3C/svg%3E");border-radius:3px}.qibla strong{font-size:30px;color:var(--gold)}.notice-item{padding:14px;border-radius:12px;background:var(--surface)}.notice-item+.notice-item{margin-top:8px}.notice-item b{display:block}.notice-item p{color:var(--muted);font-size:14.5px;margin-top:4px;white-space:pre-line}.notice-item small{color:var(--faint);font-size:12.5px}.search-panel{position:absolute;top:9vh;left:50%;transform:translateX(-50%);width:min(680px, 100% - 24px);background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden;animation:pop2 .2s ease-out}@keyframes pop2{from{opacity:0;transform:translate(-50%,-10px)}}.search-top{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line-soft)}.search-top>.ic{color:var(--gold)}.search-top input{flex:1;background:none;border:0;height:48px;font-size:17px;padding:0}.search-results{max-height:62vh;overflow-y:auto;padding:8px}.search-results h3{font-family:var(--font-ui);font-size:13px;color:var(--muted);font-weight:600;padding:10px 12px 4px}.search-results .hint{color:var(--muted);padding:22px;text-align:center}.s-row{display:flex;align-items:center;gap:12px;width:100%;padding:8px 12px;border-radius:12px;text-align:start}.s-row:hover,.s-row:focus{background:var(--surface);outline:none}.s-row img{width:44px;height:44px;border-radius:10px;object-fit:cover;flex:none}.s-row span{display:grid;min-width:0}.s-row b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-row small{color:var(--muted);font-size:13px}.s-row mark{background:none;color:var(--gold)}.toast{position:fixed;left:50%;bottom:calc(var(--player-h) + var(--tabbar-h) + 22px);transform:translate(-50%,20px);z-index:80;background:var(--text);color:var(--bg);padding:11px 20px;border-radius:999px;font-size:14.5px;font-weight:500;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100% - 32px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.maintenance{position:fixed;inset:0;z-index:90;display:grid;place-items:center;background:var(--bg);padding:24px;text-align:center}.maintenance-box{position:relative;width:min(360px, 100%);aspect-ratio:100 / 130;display:grid;place-content:center;gap:14px;padding:40px 34px 30px}.maintenance-box .arch-line{inset:0;width:100%;height:100%}.maintenance-box h1{font-size:30px;color:var(--gold)}.maintenance-box p{color:var(--muted)}@media (max-width:1100px){.mainnav{display:none}.menu-btn{display:inline-grid}.top-actions{margin-inline-start:auto}.home-grid{grid-template-columns:1fr;gap:0}.pl-in{grid-template-columns:minmax(180px,1fr) minmax(300px,1.5fr) auto}.vol input,.vol span{display:none}}@media (max-width:860px){:root{--tabbar-h:64px;--player-h:66px}.hero-in{grid-template-columns:1fr;gap:40px;padding-block:36px 52px;text-align:center}.hero-copy{display:grid;justify-items:center}.hero-title{max-width:none}.hero-cta{justify-content:center}.hero-arch{width:min(260px, 70vw);grid-row:1}.prayer-in{grid-template-columns:1fr auto;gap:10px 16px}.prayer-times{grid-column:1 / -1;grid-row:2;grid-template-columns:repeat(6,1fr);gap:2px}.prayer-times li{padding:6px 0}.prayer-times li b{font-size:14.5px}.prayer-times li span{font-size:12px}.daily-grid{grid-template-columns:1fr}.ayah-card,.dua-card{padding:22px 18px}.ayah-actions{margin-inline-start:0}.live-card{grid-template-columns:1fr;padding:12px;gap:14px}.live-card .btn{justify-self:start}.reciter-hero{grid-template-columns:1fr;justify-items:center;text-align:center;gap:30px}.reciter-hero .mini-arch{width:190px}.reciter-actions{justify-content:center}.reciter-info p{margin-inline:auto}.mushaf-stage{grid-template-columns:1fr;padding:8px}.mf-nav{position:absolute;z-index:2;top:50%;translate:0 -50%;width:40px;height:40px;opacity:.85}.mf-nav.next{left:6px}.mf-nav.prev{right:6px}.mf-tools{margin-inline-start:0}.tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;inset-inline:0;bottom:0;z-index:46;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--bg-2);border-top:1px solid var(--line-soft)}.tabbar a{display:grid;justify-items:center;align-content:center;gap:2px;color:var(--muted);font-size:11.5px;font-weight:500}.tabbar a.active{color:var(--gold)}.tabbar .ic{width:22px;height:22px}.player{border-top:0}.pl-progress-mini{display:block}.pl-in{grid-template-columns:1fr auto;height:var(--player-h);padding-inline:12px;gap:10px}.pl-center,.pl-tools{display:none}.pl-track img{width:46px;height:46px;border-radius:10px}.mobile-play{display:grid}.player.expanded .pl-progress-mini,.player.expanded .mobile-play{display:none}.player.expanded .pl-in{display:flex;flex-direction:column;height:auto;flex:1;justify-content:center;gap:22px;padding:30px 22px calc(30px + env(safe-area-inset-bottom))}.player.expanded .pl-track{flex-direction:column;text-align:center;gap:18px;width:100%}.player.expanded .pl-track img{width:min(300px, 72vw);height:auto;aspect-ratio:1;border-radius:22px}.player.expanded .pl-meta b{font-size:21px;white-space:normal}.player.expanded .pl-meta small{font-size:15px}.player.expanded .pl-center{display:grid;width:100%;gap:10px}.player.expanded .pl-seek{order:-1}.player.expanded .pl-buttons{gap:18px}.player.expanded .pl-buttons .play-circle{width:66px;height:66px}.player.expanded .pl-tools{display:flex;justify-content:center;flex-wrap:wrap;width:100%}.player.expanded .vol input,.player.expanded .vol span{display:initial}.player.expanded .vol input{width:120px}.player-close{display:none}.player.expanded .player-close{display:grid;position:absolute;top:calc(10px + env(safe-area-inset-top));right:12px}.sheet-panel{left:0;right:0;top:auto;bottom:0;transform:none;width:100%;border-radius:var(--r-lg) var(--r-lg) 0 0;padding-bottom:env(safe-area-inset-bottom);animation:up .25s ease-out;max-height:88vh}@keyframes up{from{transform:translateY(100%)}}.toast{bottom:calc(var(--player-h) + var(--tabbar-h) + 16px)}}@media (max-width:560px){.brand-text small{display:none}.brand-text strong{font-size:16.5px}.topbar-in{height:62px;gap:10px}.top-actions .icon-btn{width:38px;height:38px}.block-head h2{font-size:23px}.track{grid-template-columns:54px 1fr auto;gap:11px;padding:8px 6px}.track-art{width:54px;height:54px}.track-side .dur,.track-side .opt-later,.track-side .opt-share{display:none}.reciter-row{grid-auto-columns:128px;gap:18px}.page-head{padding-block:30px 16px}.hero-text{font-size:16px}.counter{width:116px;height:116px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}[data-theme="navy"]{--bg:#08141b;--bg-2:#0b1a22;--surface:#0f2230;--surface-2:#132a3a;--surface-3:#1a3446;--text:#e6f0f2;--muted:#93aab3;--faint:#64808b;--gold:#5ec2bb;--gold-2:#8fe0d8;--on-gold:#062027;--line:rgba(94, 194, 187, .22);--line-soft:rgba(230, 240, 242, .08);--shadow:0 18px 50px rgba(0, 0, 0, .4);--pattern-ink:rgba(94, 194, 187, .1);color-scheme:dark}[data-theme="black"]{--bg:#070707;--bg-2:#0d0d0d;--surface:#141414;--surface-2:#1b1b1b;--surface-3:#262626;--text:#f1ece2;--muted:#a8a29a;--faint:#6f6a63;--gold:#d4b26a;--gold-2:#ecd39b;--on-gold:#141006;--line:rgba(212, 178, 106, .22);--line-soft:rgba(241, 236, 226, .08);--shadow:0 18px 50px rgba(0, 0, 0, .55);--pattern-ink:rgba(212, 178, 106, .08);color-scheme:dark}[data-theme="parchment"]{--bg:#efe5d2;--bg-2:#e6dac2;--surface:#f7f0e2;--surface-2:#ece2cd;--surface-3:#dfd2b6;--text:#3a2c18;--muted:#6e5d43;--faint:#998a70;--gold:#8a6a2e;--gold-2:#6d5220;--on-gold:#fbf5e8;--line:rgba(138, 106, 46, .3);--line-soft:rgba(58, 44, 24, .1);--shadow:0 16px 40px rgba(80, 60, 25, .15);--pattern-ink:rgba(138, 106, 46, .14);color-scheme:light}[data-theme="navy"] .hero::before,[data-theme="black"] .hero::before{opacity:.4}[data-theme="navy"] .arch-mask::after{background:linear-gradient(to top,rgb(4 14 20 / .85),transparent 45%)}[data-theme="stars"]{--bg:#070920;--bg-2:#0b0e2b;--surface:#12163a;--surface-2:#181d48;--surface-3:#222859;--text:#eeecff;--muted:#a9a6cf;--faint:#716e9a;--gold:#c4b3ff;--gold-2:#e3dbff;--on-gold:#140f33;--line:rgba(196, 179, 255, .22);--line-soft:rgba(238, 236, 255, .08);--shadow:0 18px 50px rgba(0, 0, 20, .55);--pattern-ink:rgba(196, 179, 255, .09);color-scheme:dark}[data-theme="stars"] body{background:linear-gradient(180deg,#05061a 0%,#0c0f30 55%,#1d1838 100%) fixed}[data-theme="stars"] body::before,[data-theme="stars"] body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1}[data-theme="stars"] body::before{background-image:radial-gradient(.8px .8px at 331px 154px,rgb(255 255 255 / .36),transparent),radial-gradient(.8px .8px at 548px 96px,rgb(255 255 255 / .37),transparent),radial-gradient(.5px .5px at 519px 219px,rgb(255 255 255 / .56),transparent),radial-gradient(.6px .6px at 71px 246px,rgb(255 255 255 / .56),transparent),radial-gradient(1.3px 1.3px at 579px 126px,rgb(255 255 255 / .66),transparent),radial-gradient(1px 1px at 596px 63px,rgb(255 255 255 / .54),transparent),radial-gradient(.9px .9px at 226px 47px,rgb(255 255 255 / .41),transparent),radial-gradient(.9px .9px at 429px 147px,rgb(255 255 255 / .63),transparent),radial-gradient(.6px .6px at 573px 185px,rgb(255 255 255 / .63),transparent),radial-gradient(.6px .6px at 192px 381px,rgb(255 255 255 / .7),transparent),radial-gradient(1px 1px at 577px 61px,rgb(255 255 255 / .59),transparent),radial-gradient(1.1px 1.1px at 544px 437px,rgb(255 255 255 / .58),transparent),radial-gradient(.7px .7px at 464px 370px,rgb(255 255 255 / .75),transparent),radial-gradient(1px 1px at 249px 83px,rgb(255 255 255 / .61),transparent),radial-gradient(.7px .7px at 351px 459px,rgb(255 255 255 / .84),transparent),radial-gradient(.8px .8px at 120px 524px,rgb(255 255 255 / .73),transparent),radial-gradient(.8px .8px at 155px 500px,rgb(255 255 255 / .83),transparent),radial-gradient(1px 1px at 79px 571px,rgb(255 255 255 / .79),transparent),radial-gradient(1.1px 1.1px at 321px 348px,rgb(255 255 255 / .64),transparent),radial-gradient(.6px .6px at 593px 467px,rgb(255 255 255 / .39),transparent),radial-gradient(1.1px 1.1px at 276px 485px,rgb(255 255 255 / .37),transparent),radial-gradient(1.3px 1.3px at 317px 591px,rgb(255 255 255 / .76),transparent),radial-gradient(1.2px 1.2px at 291px 395px,rgb(255 255 255 / .52),transparent),radial-gradient(.6px .6px at 472px 363px,rgb(255 255 255 / .4),transparent),radial-gradient(1.1px 1.1px at 60px 223px,rgb(255 255 255 / .41),transparent),radial-gradient(.8px .8px at 253px 407px,rgb(255 255 255 / .78),transparent),radial-gradient(.9px .9px at 82px 170px,rgb(255 255 255 / .62),transparent),radial-gradient(1.2px 1.2px at 140px 440px,rgb(255 255 255 / .48),transparent),radial-gradient(1px 1px at 425px 367px,rgb(255 255 255 / .53),transparent),radial-gradient(.6px .6px at 236px 154px,rgb(255 255 255 / .42),transparent),radial-gradient(.9px .9px at 238px 12px,rgb(255 255 255 / .64),transparent),radial-gradient(.5px .5px at 269px 288px,rgb(255 255 255 / .55),transparent),radial-gradient(.8px .8px at 378px 579px,rgb(255 255 255 / .4),transparent),radial-gradient(.9px .9px at 527px 55px,rgb(255 255 255 / .78),transparent),radial-gradient(.8px .8px at 572px 401px,rgb(255 255 255 / .54),transparent),radial-gradient(.5px .5px at 493px 410px,rgb(255 255 255 / .37),transparent),radial-gradient(.6px .6px at 213px 451px,rgb(255 255 255 / .51),transparent),radial-gradient(.5px .5px at 53px 104px,rgb(255 255 255 / .42),transparent),radial-gradient(1px 1px at 103px 372px,rgb(255 255 255 / .38),transparent),radial-gradient(.6px .6px at 212px 385px,rgb(255 255 255 / .47),transparent),radial-gradient(.9px .9px at 355px 372px,rgb(255 255 255 / .4),transparent),radial-gradient(.9px .9px at 499px 477px,rgb(255 255 255 / .5),transparent),radial-gradient(1.1px 1.1px at 147px 104px,rgb(255 255 255 / .72),transparent),radial-gradient(.9px .9px at 490px 165px,rgb(255 255 255 / .44),transparent),radial-gradient(.6px .6px at 540px 370px,rgb(255 255 255 / .62),transparent);background-size:600px 600px;animation:bzTwinkle 6s ease-in-out infinite alternate}[data-theme="stars"] body::after{background-image:linear-gradient(118deg,transparent 35%,rgb(160 140 255 / .07) 48%,rgb(190 170 255 / .11) 52%,transparent 65%),radial-gradient(1.2px 1.2px at 27px 776px,rgb(255 255 255 / .69),transparent),radial-gradient(1.4px 1.4px at 884px 93px,rgb(255 255 255 / .39),transparent),radial-gradient(1px 1px at 375px 171px,rgb(255 255 255 / .37),transparent),radial-gradient(1.2px 1.2px at 554px 797px,rgb(255 255 255 / .55),transparent),radial-gradient(1.5px 1.5px at 627px 830px,rgb(255 255 255 / .6),transparent),radial-gradient(.8px .8px at 199px 825px,rgb(255 255 255 / .45),transparent),radial-gradient(.8px .8px at 822px 232px,rgb(255 255 255 / .49),transparent),radial-gradient(1.8px 1.8px at 748px 29px,rgb(255 255 255 / .61),transparent),radial-gradient(.8px .8px at 483px 265px,rgb(255 255 255 / .53),transparent),radial-gradient(1.6px 1.6px at 352px 457px,rgb(255 255 255 / .58),transparent),radial-gradient(.6px .6px at 357px 373px,rgb(255 255 255 / .32),transparent),radial-gradient(.9px .9px at 481px 201px,rgb(255 255 255 / .48),transparent),radial-gradient(.5px .5px at 624px 860px,rgb(255 255 255 / .66),transparent),radial-gradient(1.3px 1.3px at 352px 818px,rgb(255 255 255 / .63),transparent),radial-gradient(1.5px 1.5px at 122px 397px,rgb(255 255 255 / .6),transparent),radial-gradient(1.1px 1.1px at 489px 182px,rgb(255 255 255 / .55),transparent),radial-gradient(1.7px 1.7px at 88px 820px,rgb(255 255 255 / .58),transparent),radial-gradient(1.5px 1.5px at 474px 411px,rgb(255 255 255 / .32),transparent),radial-gradient(1.8px 1.8px at 162px 174px,rgb(255 255 255 / .29),transparent),radial-gradient(1.5px 1.5px at 604px 476px,rgb(255 255 255 / .34),transparent),radial-gradient(1.8px 1.8px at 846px 610px,rgb(255 255 255 / .56),transparent),radial-gradient(1.2px 1.2px at 358px 159px,rgb(255 255 255 / .34),transparent),radial-gradient(1.8px 1.8px at 14px 818px,rgb(255 255 255 / .55),transparent),radial-gradient(1.7px 1.7px at 539px 767px,rgb(255 255 255 / .46),transparent),radial-gradient(1.6px 1.6px at 892px 199px,rgb(255 255 255 / .37),transparent);background-size:100% 100%,900px 900px}@keyframes bzTwinkle{from{opacity:.55}to{opacity:1}}[data-theme="stars"] .hero::before{opacity:.35}[data-theme="stars"] .arch-mask::after{background:linear-gradient(to top,rgb(7 9 32 / .88),transparent 45%)}.theme-pop{position:relative}.theme-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:50;min-width:190px;padding:6px;border-radius:16px;background:var(--bg-2);border:1px solid var(--line);box-shadow:var(--shadow);animation:pop2m .16s ease-out}@keyframes pop2m{from{opacity:0;transform:translateY(-6px)}}.theme-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:10px;font-size:14.5px;text-align:start}.theme-menu button:hover{background:var(--surface)}.theme-menu button[aria-checked="true"]{color:var(--gold);background:var(--surface)}.theme-menu i{width:20px;height:20px;border-radius:50%;border:3px solid;flex:none}.hero-banner{position:relative;margin:0;justify-self:center;width:100%;max-width:560px}.hero-banner img{width:100%;height:auto;border-radius:22px;box-shadow:var(--shadow);position:relative;z-index:1}.hero-banner .hb-frame{position:absolute;inset:-14px;border:1px solid var(--gold);border-radius:30px;opacity:.55}.hero-banner .hb-frame::before{content:"";position:absolute;inset:-12px;border:1px solid var(--gold);border-radius:38px;opacity:.35}.hero-banner::after{content:"";position:absolute;inset:10% 6%;z-index:0;background:var(--gold);filter:blur(70px);opacity:.18;border-radius:50%}.brand-logo{background:#efe5d2}.intro{display:none}.show-intro .intro{display:grid;position:fixed;inset:0;z-index:200;place-items:center;background:radial-gradient(ellipse at center,var(--intro-a,#13241f) 0%,var(--intro-b,#070d0c) 70%);color:#ece4d2;transition:opacity .7s ease,visibility .7s}.show-intro body{overflow:hidden}.intro.out{opacity:0;visibility:hidden}.intro::before{content:"";position:absolute;inset:0;background-image:var(--pattern);background-size:110px;opacity:0;animation:introPattern 2.4s .3s ease forwards;-webkit-mask-image:radial-gradient(circle,#000 0,transparent 60%);mask-image:radial-gradient(circle,#000 0,transparent 60%)}@keyframes introPattern{to{opacity:.2}}.intro-stage{position:relative;display:grid;justify-items:center;gap:6px;text-align:center;padding:20px}.intro-star{overflow:visible}.intro-star rect{fill:none;stroke:#c9a45c;stroke-width:1.4;stroke-dasharray:600;stroke-dashoffset:600;animation:drawStar 1.5s cubic-bezier(.6,.05,.3,1) forwards}.intro-star .d1{animation-delay:.15s}.intro-star .d2{animation-delay:.45s}.intro-star .d3{animation-delay:.8s;stroke-width:.8;opacity:.55}.intro-star .d4{animation-delay:1s;stroke-width:.8;opacity:.55}@keyframes drawStar{to{stroke-dashoffset:0}}.intro-mark{position:relative;width:min(340px, 72vw);aspect-ratio:1}.intro-mark .intro-star{position:absolute;inset:0;width:100%;height:100%}.intro-logo{position:absolute;left:17.5%;top:17.5%;width:65%;height:65%;overflow:visible}.intro-logo .lg-bg{opacity:0;animation:lgFill .8s .4s ease forwards}.intro-logo .lg-t{fill:none;stroke:#E3C88D;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:lgTrace var(--du) var(--d) cubic-bezier(.45,.05,.25,1) forwards,lgOut .6s 2s ease forwards}.intro-logo .lg-f{opacity:0;animation:lgFill .8s var(--d) ease forwards}.intro-logo .lg-dot{opacity:0;animation:lgDot .4s var(--d) ease forwards}.intro-logo .lg-moon{opacity:0;animation:lgMoon .8s 1.9s ease forwards}.intro-logo .lg-wave{transform-box:fill-box;transform-origin:center;transform:scaleY(0);animation:lgWave .6s var(--d) cubic-bezier(.3,1.4,.5,1) forwards}.intro-logo .lg-sheen{animation:lgSheen .8s 2.3s ease-in-out forwards}@keyframes lgTrace{to{stroke-dashoffset:0}}@keyframes lgOut{to{opacity:0}}@keyframes lgFill{to{opacity:1}}@keyframes lgDot{to{opacity:.55}}@keyframes lgMoon{to{opacity:.75}}@keyframes lgWave{to{transform:scaleY(1)}}@keyframes lgSheen{to{transform:translateX(2048px)}}@keyframes logoIn{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.intro-star{filter:drop-shadow(0 0 0 #fff0);animation:starGlow 1.4s 1.6s ease forwards}@keyframes starGlow{to{filter:drop-shadow(0 0 18px rgb(201 164 92 / .45))}}.intro-title{font-family:var(--font-display);font-size:clamp(26px, 4.6vw, 40px);font-weight:700;margin-top:18px;opacity:0;clip-path:inset(0 0 0 100%);animation:write 1.2s 1.9s cubic-bezier(.4,0,.2,1) forwards}@keyframes write{to{opacity:1;clip-path:inset(0 0 0 0)}}.intro-sub{color:#c9a45c;font-size:15px;opacity:0;animation:fadeUp .8s 2.7s ease forwards;letter-spacing:.3px}@keyframes fadeUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.intro-skip{position:absolute;bottom:calc(26px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);color:rgb(236 228 210 / .6);font-size:14px;padding:8px 18px;border-radius:999px;border:1px solid rgb(236 228 210 / .15)}.intro-skip:hover{color:#ece4d2;border-color:#c9a45c}.maker{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px;align-items:start}.mk-preview{position:sticky;top:90px;display:grid;gap:14px;justify-items:center}.mk-canvas-box{position:relative;display:grid;place-items:center;width:100%;height:min(72vh, 760px);background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:18px}.mk-canvas-box canvas{display:block;border-radius:10px;box-shadow:var(--shadow)}.mk-rec{position:absolute;top:28px;right:28px;display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgb(0 0 0 / .65);color:#fff;font-size:13.5px;font-weight:600}.mk-rec i{width:10px;height:10px;border-radius:50%;background:#e0574f;animation:pulse 1.4s infinite}.mk-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.mk-result{width:100%;padding:14px 16px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:10px}.mk-result p{flex:1;min-width:200px;color:var(--muted);font-size:14px}.mk-panel{display:grid;gap:16px}.mk-group{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r);padding:16px;display:grid;gap:12px}.mk-group h3{font-family:var(--font-ui);font-size:15px;font-weight:700;color:var(--gold)}.mk-field{display:grid;gap:5px;font-size:13.5px;color:var(--muted)}.mk-field select,.mk-field input[type="range"]{width:100%}.mk-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mk-templates{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mk-tpl{display:grid;gap:6px;justify-items:center;font-size:12.5px;color:var(--muted);padding:6px;border-radius:12px;border:1.5px solid #fff0}.mk-tpl canvas{width:100%;aspect-ratio:9 / 13;border-radius:8px;display:block}.mk-tpl[aria-checked="true"]{border-color:var(--gold);color:var(--gold)}.mk-upload{position:relative;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px dashed var(--line);font-size:14px;cursor:pointer}.mk-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}#mkSize{width:100%;justify-content:space-between}#mkSize button{padding:7px 10px;font-size:13.5px;flex:1}.mk-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px}.switch-s{display:flex;align-items:center;gap:8px;font-size:13.5px;cursor:pointer}.switch-s input{position:absolute;opacity:0;width:1px;height:1px}.switch-s i{width:34px;height:20px;border-radius:10px;background:var(--surface-3);position:relative;flex:none;transition:background .2s}.switch-s i::after{content:"";position:absolute;top:3px;right:3px;width:14px;height:14px;border-radius:50%;background:var(--muted);transition:transform .2s,background .2s}.switch-s input:checked+i{background:color-mix(in srgb,var(--gold) 50%,transparent)}.switch-s input:checked+i::after{transform:translateX(-14px);background:var(--gold-2)}.switch-s input:focus-visible+i{outline:2px solid var(--gold);outline-offset:2px}@media (max-width:1000px){.maker{grid-template-columns:1fr}.mk-preview{position:static}.mk-canvas-box{height:62vh;padding:10px}}.live-stage{padding-top:26px}.stage-frame{position:relative;border-radius:26px;overflow:hidden;background:#000;aspect-ratio:21 / 9;max-height:74vh;width:100%;box-shadow:var(--shadow);isolation:isolate}.stage-frame::after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid var(--line);pointer-events:none;z-index:4}.stage-video{position:absolute;inset:0;overflow:hidden;background:#050a09}.stage-video iframe{position:absolute;left:50%;top:50%;width:100%;aspect-ratio:16 / 9;height:auto;transform:translate(-50%,-50%);border:0;pointer-events:none}.stage-frame.interactive .stage-video iframe{pointer-events:auto}.stage-poster{position:absolute;inset:0;background:#0b1311 center / cover no-repeat;display:grid;place-items:center;z-index:1;transition:opacity .8s}.stage-poster.gone{opacity:0;pointer-events:none}.stage-play{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:rgb(201 164 92 / .92);color:#13201c;box-shadow:0 0 0 10px rgb(201 164 92 / .18);transition:transform .2s}.stage-play:hover{transform:scale(1.06)}.stage-play .ic{width:32px;height:32px;fill:currentColor;stroke:none}.stage-shade{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(to top,rgb(4 10 9 / .88) 0%,rgb(4 10 9 / .25) 32%,transparent 55%),linear-gradient(to bottom,rgb(4 10 9 / .35),transparent 22%)}.stage-bar{position:absolute;inset-inline:0;bottom:0;z-index:3;display:flex;align-items:flex-end;gap:18px;padding:26px 30px;color:#f3ead6;flex-wrap:wrap}.stage-copy{flex:1;min-width:220px;display:grid;gap:4px}.stage-copy h2{font-size:clamp(24px, 3vw, 38px);color:#fff;text-shadow:0 2px 20px rgb(0 0 0 / .5)}.stage-copy small{color:#d9c79e}.stage-copy .live-pill{color:#ff8b73}.stage-prayer{display:grid;text-align:center;padding:8px 16px;border-radius:16px;background:rgb(0 0 0 / .35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgb(217 181 111 / .3);line-height:1.45}.stage-prayer span{font-size:12.5px;color:#d9c79e}.stage-prayer b{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums;color:#fff}.stage-actions{display:flex;gap:8px}.stage-btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:999px;background:rgb(255 255 255 / .12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-weight:600;font-size:14.5px;border:1px solid rgb(255 255 255 / .18);transition:background .2s}.stage-btn:hover{background:rgb(201 164 92 / .9);color:#13201c}.stage-btn.icon{width:44px;padding:0;justify-content:center}.stage-btn .von,.stage-btn[aria-pressed="true"] .voff{display:none}.stage-btn[aria-pressed="true"] .von{display:block}.stage-frame:fullscreen{border-radius:0;max-height:none;aspect-ratio:auto}.stage-frame:fullscreen .stage-video iframe{width:100%;height:100%;aspect-ratio:auto}.live-stage+.hero .hero-in{padding-top:48px}@media (max-width:860px){.live-stage{padding-top:12px}.live-stage .wrap{width:100%}.stage-frame{border-radius:0;aspect-ratio:16 / 10}.stage-frame::after{border-inline:0;border-radius:0}.stage-bar{padding:14px 16px;gap:10px}.stage-copy small,.stage-btn span{display:none}.stage-btn{width:40px;height:40px;padding:0;justify-content:center}.stage-prayer{padding:5px 10px}.stage-prayer b{font-size:16px}.stage-play{width:64px;height:64px}}.greet{font-family:var(--font-display);font-size:21px;color:var(--text);margin:-6px 0 12px}.greet button{font-family:var(--font-ui);font-size:13.5px;color:var(--gold);text-decoration:underline;text-underline-offset:4px;margin-inline-start:8px}#tlFilter{margin-bottom:22px}.timeline{list-style:none;margin:0;padding:0 0 0 0;position:relative}.timeline::before{content:"";position:absolute;top:6px;bottom:6px;right:15px;width:1.5px;background:linear-gradient(var(--gold),color-mix(in srgb,var(--gold) 15%,transparent))}.tl-year{position:relative;padding:18px 46px 10px 0;font-family:var(--font-display);font-size:26px;color:var(--gold)}.tl-year::before{content:"";position:absolute;right:7px;top:30px;width:18px;height:18px;transform:rotate(45deg);border:1.5px solid var(--gold);background:var(--bg)}.tl-item{position:relative;padding:8px 46px 8px 0}.tl-item::before{content:"";position:absolute;right:11px;top:26px;width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px var(--bg)}.tl-card{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:14px 16px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line-soft)}.tl-card.event{border-color:var(--line)}.tl-card time{display:block;color:var(--gold);font-size:13px;font-weight:600}.tl-card b{display:block;font-weight:600;font-size:16.5px;line-height:1.6}.tl-card p{color:var(--muted);font-size:14.5px;margin-top:2px;white-space:pre-line}.tl-card img{width:74px;height:74px;border-radius:12px;object-fit:cover}.tl-card .tl-actions{display:flex;gap:6px;margin-top:8px}.play-circle.loading{position:relative}.play-circle.loading::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid #fff0;border-top-color:var(--gold);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.track.loading .play-overlay{opacity:1}.track.loading .play-overlay .ic{animation:breathe 1s ease-in-out infinite}@keyframes breathe{50%{opacity:.35}}.ayah-text{transition:opacity .35s ease}.ayah-text.swap{opacity:.25}.about-hero{display:grid;grid-template-columns:240px 1fr;gap:48px;align-items:center;padding-block:52px 30px}.about-hero .mini-arch .arch-line{opacity:1}.about-hero h1{font-size:clamp(34px, 4.4vw, 52px)}.about-intro{color:var(--muted);font-size:18px;line-height:1.95;margin-top:10px;max-width:60ch}.about-body{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:36px;align-items:start;margin-top:18px}.about-bio{font-family:var(--font-display);font-size:20.5px;line-height:2.05}.about-bio p+p{margin-top:1em}.about-bio .empty{font-family:var(--font-ui);font-size:15px}.about-side{display:grid;gap:10px;position:sticky;top:90px}.about-side h3{font-family:var(--font-ui);font-size:15px;color:var(--gold);margin-bottom:4px}.milestone{display:grid;grid-template-columns:74px 1fr;gap:12px;padding:12px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--line-soft)}.milestone b{font-family:var(--font-display);color:var(--gold);font-size:20px;line-height:1.4}.milestone span{font-size:14.5px;color:var(--text)}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.gallery button{aspect-ratio:4 / 3;border-radius:14px;overflow:hidden;background:var(--surface-2)}.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.gallery button:hover img{transform:scale(1.04)}.lightbox img{width:100%;border-radius:12px}@media (max-width:860px){.about-hero{grid-template-columns:1fr;justify-items:center;text-align:center;gap:28px}.about-hero .mini-arch{width:190px}.about-hero .reciter-actions{justify-content:center}.about-body{grid-template-columns:1fr}.about-side{position:static}}.tafsir-ayah{font-family:var(--font-quran);font-size:24px;line-height:2;text-align:center;padding:14px;border-radius:14px;background:var(--surface);border:1px solid var(--line);margin-bottom:12px}.tafsir-tabs{margin-bottom:12px}.tafsir-text{font-size:16.5px;line-height:2;white-space:pre-line}.tafsir-text[dir="ltr"]{font-family:Georgia,"Times New Roman",serif;font-size:16px;line-height:1.75;text-align:left}.tafsir-list{display:grid;gap:10px}.tafsir-item{padding:12px 14px;border-radius:14px;background:var(--surface)}.tafsir-item q{display:block;quotes:none;font-family:var(--font-quran);font-size:20px;line-height:1.95;margin-bottom:6px}.tafsir-item small{color:var(--gold);font-weight:600}.amb-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.amb-opt{display:grid;justify-items:center;gap:6px;padding:18px 10px;border-radius:16px;background:var(--surface);border:1.5px solid #fff0;font-weight:600}.amb-opt .ic{width:30px;height:30px;color:var(--gold)}.amb-opt small{color:var(--muted);font-weight:400;font-size:12.5px}.amb-opt[aria-pressed="true"]{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,var(--surface))}.amb-vol{display:flex;align-items:center;gap:10px;margin-top:16px;color:var(--muted);font-size:14px}.amb-vol input{flex:1}#plAmb.on,#ambBtn2.on{color:var(--gold)}.mf-tools .chip{height:38px}.mk-videos{display:grid;gap:10px;margin-top:10px}.mk-vlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.mk-vlist button{display:grid;gap:4px;padding:4px;border-radius:12px;border:1px solid var(--line);background:none;color:inherit;font:inherit;font-size:12px;cursor:pointer;text-align:center}.mk-vlist button[aria-pressed="true"]{border-color:var(--gold);box-shadow:0 0 0 2px color-mix(in srgb,var(--gold) 35%,transparent)}.mk-vlist video{width:100%;aspect-ratio:9 / 14;object-fit:cover;border-radius:8px;background:#000;pointer-events:none}.mk-vcats{display:flex;flex-wrap:wrap;gap:6px}.mk-vcats button{padding:5px 12px;border-radius:999px;border:1px solid var(--line);background:none;color:inherit;font:inherit;font-size:12.5px;cursor:pointer}.mk-vcats button[aria-pressed="true"]{background:var(--gold);color:#13201c;border-color:var(--gold)}.mk-vlist button{position:relative}.mk-vlist canvas{width:100%;aspect-ratio:9 / 14;border-radius:8px;display:block}.mk-vnum{position:absolute;top:8px;inset-inline-start:8px;width:22px;height:22px;border-radius:50%;background:var(--gold);color:#13201c;font:700 12px/22px "IBM Plex Sans Arabic",sans-serif;text-align:center;font-style:normal}.rd-index{display:grid;gap:14px}.rd-h2{font:600 17px/1.4 var(--font-ui);color:var(--gold);margin:18px 0 4px}.rd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.rd-card{display:grid;gap:3px;padding:16px 18px;border-radius:16px;background:var(--surface);border:1px solid var(--line-soft);text-decoration:none;color:inherit;transition:border-color .2s}.rd-card:hover,.rd-card:focus-visible{border-color:var(--gold)}.rd-card b{font-size:16px}.rd-card span{color:var(--gold);font-size:14px}.rd-card small{color:var(--muted)}.rd-surahs{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px}.rd-surahs a{display:flex;gap:8px;align-items:baseline;padding:9px 12px;border-radius:12px;background:var(--surface);border:1px solid var(--line-soft);text-decoration:none;color:inherit;font-size:14.5px}.rd-surahs a b{color:var(--gold);font-size:12px;min-width:22px}.rd-surahs a:hover{border-color:var(--gold)}.rd-head{display:flex;flex-wrap:wrap;gap:14px;align-items:end;justify-content:space-between;margin-bottom:14px}.rd-head h1{font-family:var(--font-quran,"Amiri"),serif;font-size:clamp(30px, 5vw, 44px);margin:0;line-height:1.3}.rd-head .eyebrow{color:var(--gold);margin:0;font-size:14px}.rd-pick{display:flex;gap:8px;flex-wrap:wrap}.rd-pick select{max-width:280px}.rd-bar{position:sticky;top:calc(var(--topbar-h, 64px) + 6px);z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 14px;border-radius:18px;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line)}.rd-play{width:48px;height:48px;border-radius:50%;border:0;background:var(--gold);color:var(--on-gold);display:grid;place-items:center;cursor:pointer;flex:none}.rd-play .ic{width:22px;height:22px}.rd-seek{flex:1 1 200px;display:flex;align-items:center;gap:10px}.rd-seek input{flex:1;accent-color:var(--gold)}.rd-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.rd-tools .icon-btn{font:600 13px var(--font-ui);width:36px}#rdHifzBtn[aria-pressed="true"]{background:var(--gold);color:var(--on-gold);border-color:var(--gold)}.rd-hifz{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin-top:10px;padding:12px 16px;border-radius:16px;background:var(--surface-2);border:1px dashed var(--line);font-size:14px}.rd-hifz label{display:inline-flex;align-items:center;gap:6px}.rd-hifz select{min-height:34px;padding:2px 8px;width:auto}.rd-text{margin-top:18px;padding:clamp(18px, 4vw, 40px);border-radius:22px;background:var(--surface);border:1px solid var(--line-soft);font-family:"Amiri Quran","Amiri",serif;font-size:100%}.rd-basmala{text-align:center;font-size:clamp(24px, 3.2vw, 32px);color:var(--gold);margin:0 0 18px}.rd-flow{margin:0;text-align:justify;text-align-last:center;font-size:clamp(25px, 3.4vw, 34px);line-height:2.35}.rd-ayah{cursor:pointer;border-radius:10px;padding:2px 3px;transition:background .25s;-webkit-box-decoration-break:clone;box-decoration-break:clone}.rd-ayah:hover{background:color-mix(in srgb,var(--gold) 7%,transparent)}.rd-ayah.on{background:color-mix(in srgb,var(--gold) 16%,transparent)}.rd-num{color:var(--gold);font-size:.8em;white-space:nowrap}.rd-ayah .w{transition:color .15s,text-shadow .15s,opacity .2s;border-radius:6px}.rd-ayah .w.w-on{color:var(--gold-2,var(--gold));text-shadow:0 0 18px color-mix(in srgb,var(--gold) 55%,transparent)}.rd-ayah .w.hid{color:#fff0;text-shadow:none;background:color-mix(in srgb,var(--gold) 14%,transparent)}.rd-ayah .w.hid.peek{color:inherit;background:none}@media (max-width:640px){.rd-bar{top:58px;border-radius:14px}.rd-flow{line-height:2.2}.rd-tools .switch-s{font-size:13px}}.mf-tabs{align-self:flex-end}.mf-tabs a{padding:8px 18px;border-radius:999px;color:var(--muted);font-weight:500;white-space:nowrap;font-size:15px;text-decoration:none}.mf-tabs a[aria-selected="true"]{background:var(--gold);color:var(--on-gold)}.read-page{padding-bottom:40px}.rdx-continue{display:flex;align-items:center;gap:16px;padding:16px 20px;margin-bottom:26px;border-radius:var(--r-lg,22px);text-decoration:none;color:inherit;background:linear-gradient(120deg,color-mix(in srgb,var(--gold) 16%,var(--surface)),var(--surface) 60%);border:1px solid var(--line)}.rdx-continue>span:nth-child(2){flex:1;display:grid}.rdx-continue small{color:var(--gold);font-size:13px}.rdx-continue b{font:700 22px/1.4 var(--font-quran)}.rdx-continue em{font-style:normal;color:var(--muted);font-size:14px}.rdx-cont-ic{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--on-gold);flex:none}.rdx-continue>.ic:last-child{color:var(--gold)}.rdx-sec{margin-bottom:34px}.rdx-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px;padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid var(--line-soft)}.rdx-head h2{font:700 clamp(24px, 2.6vw, 30px)/1.3 var(--font-quran);margin:0}.rdx-head p{color:var(--muted);margin:4px 0 0;font-size:14.5px}.rdx-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.rdx-search{min-width:240px;flex:0 1 300px}.rdx-own{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.rdx-card{display:flex;align-items:center;gap:14px;padding:12px;border-radius:18px;background:var(--surface);border:1px solid var(--line-soft);text-decoration:none;color:inherit;transition:border-color .2s,transform .2s}.rdx-card:hover,.rdx-card:focus-visible{border-color:var(--gold);transform:translateY(-2px)}.rdx-card img{width:64px;height:64px;border-radius:14px;object-fit:cover;flex:none}.rdx-card-body{flex:1;display:grid;min-width:0}.rdx-card-body small{color:var(--gold);font-size:13px}.rdx-card-body b{font:700 21px/1.35 var(--font-quran)}.rdx-card-body em{font-style:normal;color:var(--muted);font-size:13.5px}.rdx-go{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);color:var(--gold);flex:none}.rdx-card:hover .rdx-go{background:var(--gold);color:var(--on-gold)}.rdx-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:0 28px}.rdx-list li a{display:flex;align-items:center;gap:14px;padding:11px 6px;border-bottom:1px solid var(--line-soft);text-decoration:none;color:inherit;transition:color .15s}.rdx-list li a:hover,.rdx-list li a:focus-visible{color:var(--gold)}.rdx-medal{position:relative;width:38px;height:38px;flex:none;display:grid;place-items:center}.rdx-medal::before,.rdx-medal::after{content:"";position:absolute;inset:6px;border:1px solid var(--gold);opacity:.55}.rdx-medal::after{transform:rotate(45deg)}.rdx-medal i{position:relative;font-style:normal;font-size:13px;color:var(--gold);font-weight:600}.rdx-list li a:hover .rdx-medal::before,.rdx-list li a:hover .rdx-medal::after{opacity:1;background:color-mix(in srgb,var(--gold) 12%,transparent)}.rdx-name{flex:1;font:700 20px/1.3 var(--font-quran)}.rdx-meta{color:var(--muted);font-size:13px}.rd-titles h2{font:700 clamp(28px, 3.6vw, 40px)/1.25 var(--font-quran);margin:2px 0 0}.rd-titles p{color:var(--muted);margin:2px 0 0}.rd-back{display:inline-flex;align-items:center;gap:4px;color:var(--gold);font-size:14px;text-decoration:none}.rd-back .ic{width:16px;height:16px}@media (max-width:640px){.rdx-search{min-width:0;flex:1 1 100%}.rdx-list{grid-template-columns:1fr}.mf-tabs{width:100%}.mf-tabs a{flex:1;text-align:center;padding-inline:10px}}#main:focus,#main:focus-visible{outline:none}.cm-wrap{padding-bottom:60px}.cm-wrap .spin,.cm-modal .spin,.cm-att .spin{display:inline-block;width:22px;height:22px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--gold);animation:spin .8s linear infinite}.cm-loading{display:grid;place-items:center;padding:60px 0}.cm-layout{display:grid;grid-template-columns:240px minmax(0,600px) 310px;gap:0 28px;justify-content:center;align-items:start}.cm-side{position:sticky;top:86px;display:grid;gap:14px;padding-top:14px}.cm-nav{display:grid;gap:2px}.cm-nav a{display:flex;align-items:center;gap:14px;padding:11px 14px;border-radius:999px;color:var(--text);font-size:18px;font-weight:500;width:fit-content;position:relative}.cm-nav a .ic{width:25px;height:25px}.cm-nav a:hover{background:var(--surface)}.cm-nav a.on{font-weight:700;color:var(--gold)}.cm-dotc{position:absolute;top:4px;inset-inline-start:28px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--gold);color:var(--on-gold);font:700 11px/18px var(--font-body,inherit);font-style:normal;text-align:center}.cm-navdot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-inline-start:5px;vertical-align:super}.cm-post-btn{width:100%;justify-content:center}.cm-me{display:flex;align-items:center;gap:10px;padding:10px;border-radius:999px;text-align:start;width:100%}.cm-me:hover{background:var(--surface)}.cm-me>span:not(.cm-av){flex:1;min-width:0;display:grid}.cm-me b,.cm-me small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cm-me small{color:var(--muted)}.cm-join{padding:18px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line-soft);display:grid;gap:10px}.cm-join p{margin:0;color:var(--muted);font-size:14px}.cm-main{border-inline:1px solid var(--line-soft);min-height:70vh;min-width:0}.cm-top{position:sticky;top:70px;z-index:5;display:flex;align-items:center;gap:12px;padding:12px 16px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line-soft)}.cm-top h1{font-size:21px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.cm-top h1 small{flex-basis:100%;font:400 13px var(--font-body,inherit);color:var(--muted)}.cm-tabs{display:flex;border-bottom:1px solid var(--line-soft)}.cm-tabs>*{flex:1;text-align:center;padding:15px 8px;color:var(--muted);font-weight:600;position:relative}.cm-tabs>*:hover{background:var(--surface)}.cm-tabs [aria-selected="true"]{color:var(--text)}.cm-tabs [aria-selected="true"]::after{content:"";position:absolute;bottom:0;left:50%;translate:-50% 0;width:56px;height:4px;border-radius:4px;background:var(--gold)}.cm-list{display:grid}.cm-empty{padding:46px 24px;text-align:center;color:var(--muted)}.cm-empty.big{padding:100px 20px;font-size:18px}.cm-more-load{min-height:40px;display:grid;place-items:center;padding:10px}.cm-av{flex:none;width:44px;height:44px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--surface-3);color:var(--gold);font-weight:700;font-size:18px}.cm-av img{width:100%;height:100%;object-fit:cover}.cm-av.xs{width:22px;height:22px;font-size:11px}.cm-av.sm{width:40px;height:40px}.cm-av.xl{width:128px;height:128px;font-size:48px;border:4px solid var(--bg)}.cm-badges{display:inline-flex;align-items:center;gap:2px;margin-inline-start:3px;flex:none;vertical-align:-3px}.cm-badge{width:18px;height:18px;color:#1d9bf0;flex:none}.cm-badge.gold{color:#d4a72c}.cm-badge.owner{width:20px;height:20px;color:#b8862b;filter:drop-shadow(0 0 4px rgb(212 167 44 / .45))}.cm-badge.admin{color:#c8473d}.cm-badge.mod{color:#2e9e6a}.cm-badge.reciter{color:#12968f}.cm-badge.teacher{color:#9a6a35}.cm-badge.supporter{color:#e0507a}.cm-badge.founder{color:#e39a1b}.cm-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px;margin-top:10px}.cm-bchip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px 3px 8px;border-radius:999px;font-size:12.5px;font-weight:700;background:color-mix(in srgb,#1d9bf0 13%,transparent);color:var(--text)}.cm-bchip .cm-badge{width:16px;height:16px;filter:none}.cm-bchip.owner{background:linear-gradient(135deg,rgb(233 198 107 / .35),rgb(184 134 43 / .25))}.cm-bchip.gold{background:color-mix(in srgb,#d4a72c 16%,transparent)}.cm-bchip.admin{background:color-mix(in srgb,#c8473d 16%,transparent)}.cm-bchip.mod{background:color-mix(in srgb,#2e9e6a 16%,transparent)}.cm-bchip.reciter{background:color-mix(in srgb,#12968f 16%,transparent)}.cm-bchip.teacher{background:color-mix(in srgb,#9a6a35 18%,transparent)}.cm-bchip.supporter{background:color-mix(in srgb,#e0507a 15%,transparent)}.cm-bchip.founder{background:color-mix(in srgb,#e39a1b 16%,transparent)}.cm-post{padding:12px 16px;border-bottom:1px solid var(--line-soft);cursor:pointer;transition:background .15s}.cm-post:hover{background:color-mix(in srgb,var(--surface) 55%,transparent)}.cm-post.big{cursor:default}.cm-post.big:hover{background:none}.cm-post.thread{border-bottom:0}.cm-post.thread .cm-av-link{position:relative}.cm-post.thread .cm-av-link::after{content:"";position:absolute;top:48px;bottom:-16px;inset-inline-start:50%;width:2px;background:var(--line)}.cm-post.gone{cursor:default;color:var(--muted)}.cm-rp{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;font-weight:600;margin:0 0 4px;padding-inline-start:30px}.cm-rp .ic{width:15px;height:15px}.cm-rp a:hover{text-decoration:underline}.cm-row{display:flex;gap:12px}.cm-av-link{flex:none;align-self:flex-start}.cm-body{flex:1;min-width:0}.cm-head{display:flex;align-items:flex-start;gap:6px}.cm-meta{flex:1;min-width:0;display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden}.cm-name{display:inline-flex;align-items:center;min-width:0;color:var(--text)}.cm-name b{overflow:hidden;text-overflow:ellipsis}.cm-name:hover b{text-decoration:underline}.cm-handle,.cm-dot,.cm-time{color:var(--muted);font-size:14.5px}.cm-handle{overflow:hidden;text-overflow:ellipsis}.cm-time:hover{text-decoration:underline}.cm-big-name{flex:1;display:grid;justify-items:start}.cm-big-name .cm-handle{font-size:14.5px}.cm-more{color:var(--muted);width:32px;height:32px;border-radius:50%;display:grid;place-items:center;margin-top:-4px;flex:none}.cm-more:hover{color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,transparent)}.cm-more .ic{width:18px;height:18px}.cm-replying{color:var(--muted);font-size:14px;margin:1px 0 2px}.cm-replying a,.cm-mention,.cm-tag,.cm-text a,.cm-prof-bio a{color:var(--gold)}.cm-replying a:hover,.cm-text a:hover{text-decoration:underline}.cm-text{font-size:16px;line-height:1.7;margin:3px 0 2px;overflow-wrap:anywhere;white-space:normal}.cm-post.big .cm-text{font-size:20px;line-height:1.75;margin:14px 0 8px}.cm-full-date{color:var(--muted);font-size:14.5px;padding:12px 0;border-bottom:1px solid var(--line-soft)}.cm-full-date b{color:var(--text)}.cm-actions{display:flex;justify-content:space-between;max-width:430px;margin:8px 0 -4px;margin-inline-start:-8px}.cm-post.big .cm-actions{max-width:none;padding:4px 0;margin:4px 0 0;border-bottom:1px solid var(--line-soft)}.cm-actions button{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:13.5px;padding:6px 8px;border-radius:999px;min-width:50px;transition:color .15s,background .15s}.cm-actions .ic{width:19px;height:19px}.cm-actions button:hover{color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,transparent)}.cm-actions [data-act="repost"]:hover,.cm-actions .on-g{color:#2ebd85}.cm-actions [data-act="repost"]:hover{background:rgb(46 189 133 / .12)}.cm-actions [data-act="like"]:hover,.cm-actions .on-r{color:#f0507a}.cm-actions [data-act="like"]:hover{background:rgb(240 80 122 / .12)}.cm-actions .pop .ic{animation:cmpop .35s ease-out}@keyframes cmpop{40%{transform:scale(1.35)}}.cm-media{margin-top:10px;display:grid;gap:2px;border-radius:16px;overflow:hidden;border:1px solid var(--line-soft)}.cm-media.n2{grid-template-columns:1fr 1fr;aspect-ratio:16 / 9}.cm-media.n3{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:16 / 9}.cm-media.n3 .cm-img:first-child{grid-row:span 2}.cm-media.n4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:16 / 9}.cm-img{display:block;padding:0;min-height:0;background:var(--surface-2)}.cm-img img{width:100%;height:100%;object-fit:cover;display:block}.cm-media.n1 .cm-img img{height:auto;max-height:520px}.cm-media video{width:100%;max-height:560px;display:block;background:#000}.cm-embed{margin-top:10px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.cm-ayah{padding:16px 18px 12px}.cm-ayah-t{font-family:var(--font-quran);font-size:23px;line-height:2.05;text-align:center;margin:0 0 6px;color:var(--text)}.cm-ayah-f{display:flex;align-items:center;justify-content:space-between;color:var(--gold);font-size:13.5px;font-weight:600}.cm-mini{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--on-gold);flex:none}.cm-mini .ic{width:16px;height:16px}.cm-track{display:flex;align-items:center;gap:12px;padding:10px}.cm-track img{width:54px;height:54px;border-radius:12px;object-fit:cover}.cm-track div{flex:1;min-width:0;display:grid}.cm-track b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cm-track small{color:var(--muted)}.cm-quote{display:block;margin-top:10px;padding:10px 12px;border:1px solid var(--line);border-radius:16px;color:var(--text)}.cm-quote{cursor:pointer}.cm-quote:hover{background:var(--surface)}.cm-quote .cm-embed{margin-top:8px}.cm-quote .cm-ayah-t{font-size:19px}.cm-quote.gone{color:var(--muted)}.cm-q-head{display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;font-size:14.5px}.cm-q-text{margin-top:4px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.cm-q-media{margin-top:8px;color:var(--muted);display:flex;align-items:center;gap:6px}.cm-q-media img{width:100%;max-height:200px;object-fit:cover;border-radius:12px}.cm-compose{display:flex;gap:12px;padding:14px 16px 10px;border-bottom:1px solid var(--line-soft)}.cm-c-main{flex:1;min-width:0}.cm-compose textarea{width:100%;resize:none;border:0;background:none;color:var(--text);font:inherit;font-size:19px;line-height:1.55;padding:8px 0;outline:none;min-height:44px}.cm-compose.compact textarea{font-size:16px}.cm-c-att{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.cm-c-att:empty{display:none}.cm-att{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:1;background:var(--surface-2);display:grid;place-items:center}.cm-att img,.cm-att video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cm-att .spin{position:relative;z-index:1}.cm-att button,.cm-att-embed>button{position:absolute;top:6px;inset-inline-end:6px;width:30px;height:30px;border-radius:50%;background:rgb(0 0 0 / .65);color:#fff;display:grid;place-items:center;z-index:2}.cm-att button .ic,.cm-att-embed>button .ic{width:16px;height:16px}.cm-att-embed{position:relative;grid-column:1 / -1}.cm-c-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line-soft);margin-top:8px;padding-top:8px}.cm-compose.compact:not(.focus) .cm-c-bar{border-top:0}.cm-c-tools{display:flex;gap:2px}.cm-tool{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:var(--gold);cursor:pointer}.cm-tool:hover{background:color-mix(in srgb,var(--gold) 12%,transparent)}.cm-tool .ic{width:20px;height:20px}.cm-c-send{display:flex;align-items:center;gap:12px}.cm-c-send .btn{min-height:38px;padding:0 20px}.cm-c-send .btn:disabled{opacity:.5;cursor:default}.cm-count{position:relative;isolation:isolate;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:12px;color:var(--muted);background:conic-gradient(var(--gold) var(--p,0%),var(--line-soft) 0)}.cm-count::before{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--bg-2);z-index:-1}.cm-count.warn{color:#e0a43a;background:conic-gradient(#e0a43a var(--p,0%),var(--line-soft) 0)}.cm-count.over{color:var(--danger);background:var(--danger)}.cm-count.none{visibility:hidden}.cm-reply-ctx .cm-post{padding-inline:0}.cm-reply-ctx .cm-replying{padding-inline-start:56px;margin-bottom:4px}.cm-quote-prev{margin:0 16px 10px 72px;border:1px solid var(--line);border-radius:16px;overflow:hidden}.cm-quote-prev .cm-post{border:0;cursor:default}.cm-prof{padding-bottom:12px;border-bottom:1px solid var(--line-soft)}.cm-cover{aspect-ratio:3 / 1;background:linear-gradient(135deg,var(--surface-3),var(--surface));overflow:hidden}.cm-cover img{width:100%;height:100%;object-fit:cover}.cm-prof-row{display:flex;justify-content:space-between;align-items:flex-end;padding:0 16px;margin-top:-64px}.cm-prof-act{padding-bottom:8px}.cm-prof-name{padding:10px 16px 0;font-size:22px;display:flex;align-items:center}.cm-prof-handle{padding:0 16px;margin:2px 0 0;color:var(--muted);text-align:right}.cm-chip{display:inline-block;font-size:12px;padding:1px 6px;border-radius:6px;background:var(--surface-2);color:var(--muted)}.cm-prof-bio{padding:0 16px;margin:12px 0 0;line-height:1.7;white-space:pre-line}.cm-prof-meta{display:flex;flex-wrap:wrap;gap:6px 16px;padding:0 16px;margin:12px 0 0;color:var(--muted);font-size:14.5px}.cm-prof-meta span{display:inline-flex;align-items:center;gap:5px}.cm-prof-meta .ic{width:17px;height:17px}.cm-prof-stats{display:flex;gap:20px;padding:0 16px;margin:12px 0 0}.cm-prof-stats button{color:var(--muted);font-size:14.5px}.cm-prof-stats b{color:var(--text)}.cm-prof-stats button:hover{text-decoration:underline}.btn.cm-following:hover{border-color:var(--danger);color:var(--danger)}.btn.cm-following:hover{font-size:0}.btn.cm-following:hover::after{content:"إلغاء المتابعة";font-size:15px}.btn.sm.cm-following:hover::after{font-size:13px}.cm-note{color:var(--muted);font-size:14px;margin:6px 0 0;text-align:center}.cm-prof .cm-note{padding:0 16px;text-align:start}.cm-aside{position:sticky;top:86px;display:grid;gap:16px;padding-top:10px}.cm-search-box{display:flex;align-items:center;gap:10px;padding:0 16px;height:46px;border-radius:999px;background:var(--surface);border:1px solid #fff0}.cm-search-box:focus-within{border-color:var(--gold);background:var(--bg)}.cm-search-box span{color:var(--muted);display:grid}.cm-search-box input{flex:1;min-width:0;background:none;border:0;outline:none;color:var(--text);font:inherit}.cm-search-box.big{margin:12px 16px}.cm-card{border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line-soft);padding:14px 0 6px}.cm-card.flat{border-radius:0;border-inline:0;border-top:0;background:none}.cm-card h3{font-size:19px;padding:0 16px 8px}.cm-trend{display:grid;padding:9px 16px}.cm-trend:hover,.cm-person:hover{background:var(--surface-2)}.cm-trend b{color:var(--text)}.cm-trend small{color:var(--muted)}.cm-person{display:flex;align-items:center;gap:10px;padding:10px 16px}.cm-person>a{flex:1;display:flex;gap:10px;min-width:0;color:var(--text)}.cm-person>a>span{display:grid;min-width:0}.cm-person b,.cm-person small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cm-person small{color:var(--muted)}.cm-person em{font-style:normal;font-size:14px;color:var(--text);opacity:.85;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cm-person .btn{flex:none}.btn.sm{min-height:34px;padding:0 14px;font-size:13.5px}.cm-notif{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line-soft);color:var(--text)}.cm-notif:hover{background:var(--surface)}.cm-notif.new{background:color-mix(in srgb,var(--gold) 6%,transparent)}.cm-notif>div{flex:1;min-width:0;display:grid;gap:6px}.cm-notif p{margin:0;line-height:1.6}.cm-n-text{color:var(--muted);overflow-wrap:anywhere}.cm-n-ic{flex:none;width:32px;display:grid;justify-items:center}.cm-n-ic .ic{width:26px;height:26px}.cm-n-ic.r{color:#f0507a}.cm-n-ic.g{color:#2ebd85}.cm-n-ic.b{color:#1d9bf0}.cm-n-ic.gold{color:var(--gold)}.cm-login-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line-soft);color:var(--muted)}.cm-modal{position:fixed;inset:0;z-index:80;background:rgb(4 9 8 / .62);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:grid;place-items:start center;padding:6vh 12px 20px;overflow-y:auto;animation:fade .2s}.cm-modal-panel{width:min(460px, 100%);background:var(--bg-2);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);animation:pop .22s ease-out}.cm-modal-panel.wide{width:min(600px, 100%)}.cm-modal-head{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line-soft)}.cm-modal-head h2{font-size:20px}.cm-modal-body{padding:16px 20px 22px}.cm-modal-body>.cm-compose{padding-inline:0;border-bottom:0}.cm-why{margin:0 0 12px;color:var(--gold);font-weight:600}.cm-seg{display:flex;padding:4px;border-radius:999px;background:var(--surface);margin-bottom:16px}.cm-seg button{flex:1;padding:9px;border-radius:999px;color:var(--muted);font-weight:600}.cm-seg button.on{background:var(--gold);color:var(--on-gold)}.cm-form{display:grid;gap:14px}.cm-form label{display:grid;gap:6px}.cm-form label>span{font-size:14px;font-weight:600;color:var(--muted)}.cm-form label em{font-style:normal;font-weight:400;color:var(--faint)}.cm-form input,.cm-form textarea,.cm-form select{width:100%;height:48px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit}.cm-form textarea{height:auto;padding:12px 14px;line-height:1.6;resize:vertical}.cm-form input:focus,.cm-form textarea:focus,.cm-form select:focus{outline:none;border-color:var(--gold)}.cm-at{display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;background:var(--surface);direction:ltr}.cm-at:focus-within{border-color:var(--gold)}.cm-at b{padding-inline-start:14px;color:var(--muted)}.cm-at input{border:0!important;background:none!important;padding-inline-start:4px}.cm-hint{color:var(--faint);font-size:12.5px;direction:rtl}.cm-err{color:var(--danger);margin:0;min-height:1em;font-size:14px}.cm-err:empty{display:none}.cm-pw summary{cursor:pointer;color:var(--gold);font-weight:600;padding:4px 0}.cm-pw[open]{display:grid;gap:12px}.cm-ayah-prev{font-family:var(--font-quran);font-size:21px;line-height:2;text-align:center;margin:0;min-height:2em}.cm-tlist{display:grid;gap:4px;max-height:50vh;overflow-y:auto}.cm-tlist button{display:grid;text-align:start;padding:10px 12px;border-radius:12px;background:var(--surface)}.cm-tlist button:hover{color:var(--gold)}.cm-tlist small{color:var(--muted)}.cm-pf-cover{position:relative;aspect-ratio:3 / 1;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,var(--surface-3),var(--surface))}.cm-pf-cover img{width:100%;height:100%;object-fit:cover}.cm-pf-av{position:relative;width:112px;margin-top:-56px;margin-inline-start:14px}.cm-pf-av .cm-av.xl{width:112px;height:112px}.cm-pf-up{position:absolute;inset:0;display:grid!important;place-items:center;align-content:center;gap:2px;color:#fff;background:rgb(0 0 0 / .35);cursor:pointer;border-radius:inherit;font-size:13px;font-weight:600}.cm-pf-av .cm-pf-up{border-radius:50%}.cm-pf-up:hover{background:rgb(0 0 0 / .5)}.busy{opacity:.5}.cm-pop{position:absolute;z-index:90;min-width:220px;padding:6px;border-radius:16px;background:var(--bg-2);border:1px solid var(--line);box-shadow:var(--shadow);display:grid;animation:pop .15s ease-out}.cm-pop button{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;text-align:start;font-weight:600}.cm-pop button:hover,.cm-pop button:focus-visible{background:var(--surface);outline:none}.cm-pop button.danger{color:var(--danger)}.cm-pop .ic{width:19px;height:19px}.cm-lightbox{position:fixed;inset:0;z-index:95;background:rgb(0 0 0 / .92);display:grid;place-items:center}.cm-lightbox img{max-width:96vw;max-height:92vh;object-fit:contain}.cm-lightbox [data-x]{position:absolute;top:14px;inset-inline-end:14px;color:#fff;background:rgb(255 255 255 / .12)}.cm-lightbox .nav{position:absolute;top:50%;translate:0 -50%;color:#fff;background:rgb(255 255 255 / .12)}.cm-lightbox .prev{right:14px}.cm-lightbox .next{left:14px}.cm-fab{display:none}@media (max-width:1180px){.cm-layout{grid-template-columns:76px minmax(0,600px) 290px;gap:0 18px}.cm-nav a span,.cm-post-btn span,.cm-me>span:not(.cm-av),.cm-me>.ic{display:none}.cm-nav a{padding:12px}.cm-post-btn{width:54px;height:54px;padding:0;border-radius:50%}.cm-join{display:none}.cm-me{padding:6px;width:fit-content}.cm-dotc{inset-inline-start:26px}}@media (max-width:980px){.cm-layout{grid-template-columns:76px minmax(0,1fr)}.cm-aside{display:none}}@media (max-width:860px){.cm-wrap{width:100%;padding-bottom:20px}.cm-layout{grid-template-columns:1fr}.cm-main{border-inline:0}.cm-side{position:static;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 12px;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line-soft)}.cm-nav{display:flex;gap:2px}.cm-nav a{padding:10px}.cm-post-btn{display:none}.cm-join{display:flex;padding:0;border:0;background:none;gap:6px}.cm-join b,.cm-join p{display:none}.cm-join .btn{min-height:36px;padding:0 14px;font-size:14px}.cm-top{top:62px}.cm-fab{display:grid;place-items:center;position:fixed;z-index:45;inset-inline-start:18px;bottom:calc(var(--tabbar-h) + var(--player-h, 0px) + 18px + env(safe-area-inset-bottom));width:58px;height:58px;border-radius:50%;background:var(--gold);color:var(--on-gold);box-shadow:0 10px 28px rgb(0 0 0 / .35)}.cm-fab .ic{width:26px;height:26px}.cm-prof-row{margin-top:-44px}.cm-av.xl{width:88px;height:88px;font-size:34px}.cm-quote-prev{margin-inline-start:0}.cm-modal{padding:0;place-items:stretch}.cm-modal-panel,.cm-modal-panel.wide{width:100%;min-height:100%;border-radius:0;border:0}}.cm-ayah-f>span{display:grid;gap:1px}.cm-ayah-r{color:var(--muted);font-weight:500;font-size:12.5px}.cm-ayah-f{gap:10px}.cm-rec{flex:1;min-width:0;max-width:260px;height:36px;padding:0 10px;border-radius:10px;border:1px solid var(--line);background:var(--bg-2);color:var(--text);font:inherit;font-size:13.5px}.cm-form .cm-rec{max-width:none;height:48px;font-size:15px}.appdl{position:fixed;inset-inline:12px;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 12px);z-index:60;display:flex;align-items:center;gap:12px;padding:12px 12px 12px 14px;border-radius:22px;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--line);box-shadow:0 18px 50px rgb(0 0 0 / .35);transform:translateY(140%);opacity:0;transition:transform .5s cubic-bezier(.2,.9,.25,1.1),opacity .4s;max-width:560px;margin-inline:auto}.appdl.on{transform:none;opacity:1}body.has-player .appdl{bottom:calc(var(--player-h) + var(--tabbar-h) + env(safe-area-inset-bottom) + 12px)}.appdl img{width:52px;height:52px;border-radius:14px;flex:none;box-shadow:0 0 0 1px var(--line)}.appdl .t{flex:1;min-width:0}.appdl b{display:block;font-size:14.5px;line-height:1.5}.appdl small{display:block;color:var(--muted);font-size:12.5px;line-height:1.6}.appdl .go{flex:none;background:var(--gold);color:var(--on-gold);border-radius:99px;padding:9px 16px;font-weight:700;font-size:14px;white-space:nowrap}.appdl .x{flex:none;width:30px;height:30px;color:var(--muted)}.dl-steps{counter-reset:s;list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px}.dl-steps li{counter-increment:s;display:flex;gap:12px;align-items:flex-start;font-size:14.5px;line-height:1.7}.dl-steps li::before{content:counter(s,arabic-indic);flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--gold) 18%,transparent);color:var(--gold);font-weight:700}.dl-head{display:flex;gap:14px;align-items:center}.dl-head img{width:64px;height:64px;border-radius:16px}.dl-actions{display:grid;gap:10px;margin-top:16px}.dl-note{color:var(--muted);font-size:13.5px;line-height:1.7;margin:4px 0 0}.dl-head b{font-size:16px}.app-title{display:none}.app-mode{--tabbar-h:62px;--player-h:66px;scroll-behavior:auto}.app-mode body{overscroll-behavior-y:none;-webkit-tap-highlight-color:#fff0;-webkit-touch-callout:none}.app-mode .topbar,.app-mode .tabbar,.app-mode .player,.app-mode .drawer,.app-mode button,.app-mode .btn,.app-mode .track,.app-mode .chip{-webkit-user-select:none;user-select:none}.app-mode .skip,.app-mode .site-foot,.app-mode .appdl,.app-mode .mainnav,.app-mode .brand-text,.app-mode #themePop,.app-mode #drawerApp,.app-mode .ios-add{display:none!important}.app-mode .topbar{padding-top:env(safe-area-inset-top);background:color-mix(in srgb,var(--bg) 92%,transparent)}.app-mode .topbar-in{height:56px;gap:10px;padding-inline:14px;max-width:none}.app-mode .brand-logo{width:34px;height:34px;border-radius:10px}.app-mode .app-title{display:block;flex:1;min-width:0;font:700 21px/1.2 var(--font-display);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-mode .top-actions{margin:0;gap:0}.app-mode .top-actions .icon-btn{width:40px;height:40px}.app-mode .menu-btn{display:none!important}.app-mode main{min-height:calc(100vh - 56px - env(safe-area-inset-top))}.app-mode .view:not([hidden]){animation:appIn .22s ease-out}@keyframes appIn{from{opacity:0;transform:translateY(6px)}}.app-mode .tabbar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;inset-inline:0;bottom:0;z-index:46;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding:6px 6px env(safe-area-inset-bottom);background:color-mix(in srgb,var(--bg-2) 94%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--line-soft)}.app-mode .tabbar a,.app-mode .tabbar button{display:grid;justify-items:center;align-content:center;gap:3px;color:var(--muted);font-size:11px;font-weight:500;line-height:1.2}.app-mode .tabbar .tb-ic{display:grid;place-items:center;width:54px;height:30px;border-radius:999px;transition:background .2s}.app-mode .tabbar .ic{width:22px;height:22px;color:var(--gold)}.app-mode .tabbar .active{color:var(--gold);font-weight:700}.app-mode .tabbar .active .tb-ic{background:color-mix(in srgb,var(--gold) 15%,transparent)}.app-mode .tabbar a:active .tb-ic,.app-mode .tabbar button:active .tb-ic{transform:scale(.92)}.app-mode .player:not(.expanded){inset-inline:8px;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 6px);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgb(0 0 0 / .35)}.app-mode body.has-player{padding-bottom:calc(var(--player-h) + var(--tabbar-h) + env(safe-area-inset-bottom) + 14px)}.app-mode .player.expanded{padding-top:env(safe-area-inset-top)}.app-mode .drawer-panel{padding-top:calc(16px + env(safe-area-inset-top));padding-bottom:calc(16px + env(safe-area-inset-bottom))}.app-mode .drawer-nav .ic{color:var(--gold)}.app-mode .drawer-nav .active{background:color-mix(in srgb,var(--gold) 14%,transparent);color:var(--gold)}.app-mode .drawer-brand{display:flex;align-items:center;gap:12px;padding:4px 4px 14px;margin-bottom:8px;border-bottom:1px solid var(--line-soft)}.app-mode .drawer-brand img{width:48px;height:48px;border-radius:14px}.app-mode .drawer-brand b{font:700 20px/1.3 var(--font-display);display:block}.app-mode .drawer-brand small{color:var(--muted);font-size:12.5px}.drawer-brand,.app-only{display:none}.app-mode .drawer-brand{display:flex}.app-mode .app-only{display:flex}.app-mode .hero-in{padding-block:26px 40px}.app-mode .toast{bottom:calc(var(--player-h) + var(--tabbar-h) + env(safe-area-inset-bottom) + 22px)}.ios-add{position:fixed;inset-inline:10px;bottom:calc(var(--tabbar-h) + 10px + env(safe-area-inset-bottom));z-index:70;display:grid;gap:12px;padding:16px;border-radius:22px;background:var(--bg-2);border:1px solid var(--line);box-shadow:0 18px 50px rgb(0 0 0 / .45);transform:translateY(140%);transition:transform .45s cubic-bezier(.2,.9,.3,1)}.ios-add.on{transform:none}.ios-add .ia-top{display:flex;gap:12px;align-items:center}.ios-add .ia-top img{width:54px;height:54px;border-radius:14px}.ios-add .ia-top b{font:700 18px/1.3 var(--font-display);display:block}.ios-add .ia-top small{color:var(--muted);font-size:13px;line-height:1.5;display:block}.ios-add ol{margin:0;padding:0;list-style:none;display:grid;gap:8px;counter-reset:s}.ios-add li{counter-increment:s;display:flex;align-items:center;gap:10px;font-size:14px}.ios-add li::before{content:counter(s);flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:color-mix(in srgb,var(--gold) 16%,transparent);color:var(--gold);font-weight:700;font-size:13px}.ios-add li span{line-height:1.6}.ios-add li svg{display:inline;width:18px;height:18px;vertical-align:-4px;color:#3b8cff;margin-inline:2px}.ios-add .ia-x{position:absolute;top:10px;left:10px}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.theme-opt{display:flex;align-items:center;gap:10px;padding:14px;border-radius:16px;border:1px solid var(--line);background:var(--surface,var(--bg));font-size:15px;text-align:start}.theme-opt i{width:26px;height:26px;border-radius:50%;border:2px solid;flex:none}.theme-opt.on{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}@font-face{font-family:"KFGQPC HAFS";src:url(/wp-content/themes/bawazir-library-premium-v2/assets/fonts/UthmanicHafs-v-3.0.ttf) format("truetype");font-display:swap}.mq{--paper:color-mix(in srgb, var(--surface) 82%, var(--bg));--ink:var(--text)}[data-theme="light"] .mq,[data-theme="parchment"] .mq{--paper:color-mix(in srgb, var(--surface) 70%, #fff)}.mq-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.mq-where{display:grid;line-height:1.35;min-width:0}.mq-where b{font:700 20px var(--font-display)}.mq-where span{color:var(--muted);font-size:13px}.mq-tools{display:flex;gap:4px;margin-inline-start:auto;padding:4px;border-radius:999px;background:var(--surface);border:1px solid var(--line-soft)}.mq-tools .icon-btn.on{color:var(--gold);background:color-mix(in srgb,var(--gold) 14%,transparent)}#mqListen .pa,#mqListen.playing .pl{display:none}#mqListen.playing .pa{display:inline}#mqListen.playing{color:var(--on-gold);background:var(--gold)}.mq-stage{position:relative;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:14px}.mq-nav{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line-soft);color:var(--gold);transition:background .2s,color .2s,transform .2s}.mq-nav:hover{background:var(--gold);color:var(--on-gold)}.mq-nav:active{transform:scale(.94)}.mq-book{display:flex;justify-content:center;perspective:2000px;min-height:300px}.mq-book.turn-next{animation:mqNext .45s cubic-bezier(.2,.8,.25,1)}.mq-book.turn-prev{animation:mqPrev .45s cubic-bezier(.2,.8,.25,1)}@keyframes mqNext{from{opacity:0;transform:translateX(-28px) rotateY(-7deg)}}@keyframes mqPrev{from{opacity:0;transform:translateX(28px) rotateY(7deg)}}@media (prefers-reduced-motion:reduce){.mq-book.turn-next,.mq-book.turn-prev{animation:none}}.mq-page{--pw:min(100%, calc((100svh - 220px) / 1.55));width:var(--pw);aspect-ratio:1 / 1.55;min-width:280px;display:flex;flex-direction:column;padding:16px 20px 12px;border-radius:22px;background:var(--paper);color:var(--ink);border:1px solid var(--line-soft);box-shadow:0 1px 0 color-mix(in srgb,var(--gold) 18%,transparent) inset,0 24px 60px -20px rgb(0 0 0 / .45)}.mq-book.spread .mq-page{--pw:min(50%, calc((100svh - 220px) / 1.55))}.mq-book.spread .mq-page.odd{border-radius:22px 4px 4px 22px;background:linear-gradient(to left,var(--paper) 88%,color-mix(in srgb,var(--paper) 86%,#000))}.mq-book.spread .mq-page.even{border-radius:4px 22px 22px 4px;background:linear-gradient(to right,var(--paper) 88%,color-mix(in srgb,var(--paper) 86%,#000))}.mq-ph{display:flex;justify-content:space-between;gap:10px;padding:0 2px 8px;font:500 12px var(--font-ui);color:var(--muted);letter-spacing:.01em}.mq-ph span:first-child{font:700 14px var(--font-display);color:var(--gold)}.mq-body{flex:1;min-height:0;overflow:hidden}.mq-body.scroll{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.mq-lines{height:100%;display:grid;grid-template-rows:repeat(var(--rows),1fr);align-items:center;font-family:"KFGQPC HAFS",var(--font-quran);line-height:1.5}.mq-lines.flow{display:block;height:auto;min-height:100%;line-height:2.3;text-align:justify;text-align-last:start;padding:.15em .1em .6em}.mq-lines.flow .mq-l{display:inline;text-align:inherit;text-align-last:inherit;white-space:normal}.mq-lines.flow .mq-l:not(.mq-title):not(.mq-bsm)::after{content:' '}.mq-lines.flow .mq-bsm{display:block}.mq-lines.flow .mq-title{display:flex}.mq-lines.flow .mq-title,.mq-lines.flow .mq-bsm{text-align:center;text-align-last:center;margin:.25em 0}.mq-l{text-align:justify;text-align-last:justify;white-space:normal}.mq-lines.measure .mq-l{white-space:nowrap;width:max-content}.mq-a{cursor:pointer;border-radius:.35em;transition:background .25s,color .25s;-webkit-box-decoration-break:clone;box-decoration-break:clone}.mq-a:hover{background:color-mix(in srgb,var(--gold) 10%,transparent)}.mq-a.sel{background:color-mix(in srgb,var(--gold) 16%,transparent)}.mq-a.on{background:color-mix(in srgb,var(--gold) 26%,transparent)}.mq-a.flw{background:color-mix(in srgb,var(--gold) 22%,transparent);color:var(--gold-2,var(--gold));transition:background .4s,color .4s}.mq-n{color:var(--gold);white-space:nowrap}.mq-sjl{font-style:normal;color:var(--gold)}.mq-title{display:flex;align-items:center;justify-content:center;gap:14px;text-align:center;font-family:var(--font-display)}.mq-title::before,.mq-title::after{content:"";flex:1;height:1px;background:linear-gradient(to var(--dir,left),transparent,color-mix(in srgb,var(--gold) 70%,transparent))}.mq-title::after{--dir:right}.mq-tn{font:700 .82em/1.2 var(--font-display);color:var(--gold);white-space:nowrap}.mq-title small{order:3;display:none}.mq-bsm,.mq-l.short{text-align:center;text-align-last:center;word-spacing:.12em}.mq-pf{align-self:center;margin-top:8px;min-width:40px;padding:2px 12px;border-radius:999px;text-align:center;font:600 13px var(--font-ui);color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,transparent)}.mq-open .mq-lines{grid-template-rows:none;grid-auto-rows:2.2em;align-content:center}.mq-open .mq-l{text-align:center;text-align-last:center}.mq-player{display:flex;align-items:center;gap:10px;margin:14px auto 0;padding:6px 8px 6px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--line);width:fit-content;max-width:100%}.mq-pl-t{font:700 15px var(--font-display);color:var(--gold);white-space:nowrap;padding-inline-start:6px}.mq-player select{max-width:210px}.mq-marks{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;margin-top:14px}.mq-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.tafsir-ayah{font-family:"KFGQPC HAFS",var(--font-quran)}.mqi-tools{display:flex;gap:10px;align-items:center;margin:12px 0}.mqi-tools .search-field{flex:1;min-width:0}.mqi-page{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:14px;white-space:nowrap}.mqi-page input{width:84px}.mqi-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px}.mqi-list button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:14px;text-align:start;background:var(--surface)}.mqi-list button:hover{background:var(--surface-2)}.mqi-list b{font:700 17px var(--font-display)}.mqi-list small{margin-inline-start:auto;color:var(--muted);font-size:12px}#mq:fullscreen{background:var(--bg);padding:14px;overflow:auto}#mq:fullscreen .mq-page{--pw:min(100%, calc((100svh - 110px) / 1.55))}#mq:fullscreen .mq-book.spread .mq-page{--pw:min(50%, calc((100svh - 110px) / 1.55))}@media (max-width:860px){.mq-stage{grid-template-columns:1fr}.mq-nav{display:none}.mq-page{--pw:100%;min-width:0;padding:12px 12px 10px;border-radius:18px}.mq-tools{margin-inline-start:0;width:100%;justify-content:space-between}}.app-mode .mq-page{--pw:100%}.app-mode [data-view="mushaf"] .page-head>div:first-child{display:none}.app-mode [data-view="mushaf"] .page-head{margin-bottom:10px}.mqi-off{display:flex;align-items:center;gap:10px;width:100%;margin-bottom:12px;padding:12px 14px;border-radius:16px;border:1px dashed color-mix(in srgb,var(--gold) 50%,transparent);color:var(--gold);font-weight:600;text-align:start}.mqi-off.done{border-style:solid;background:color-mix(in srgb,var(--gold) 10%,transparent)}.mqi-off:disabled{opacity:.75}.app-mode body{padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 16px)}.app-mode body.has-player{padding-bottom:calc(var(--player-h) + var(--tabbar-h) + env(safe-area-inset-bottom) + 16px)}.app-mode .mq-player:not([hidden]){position:fixed;z-index:45;inset-inline:10px;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 8px);margin:0;width:auto;justify-content:space-between;box-shadow:0 10px 30px rgb(0 0 0 / .35);background:color-mix(in srgb,var(--surface) 96%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.app-mode body.has-player .mq-player:not([hidden]){bottom:calc(var(--player-h) + var(--tabbar-h) + env(safe-area-inset-bottom) + 14px)}.app-mode .mq-player select{flex:1;min-width:0;max-width:none;font-size:16px}.app-mode .mq-player .select-field{flex:1;min-width:0}.app-mode body.mq-playing [data-view="mushaf"]{padding-bottom:70px}.dhikr-text.uthmani{font-family:"KFGQPC HAFS",var(--font-quran);font-size:clamp(22px, 2.6vw, 27px);line-height:2.15;word-spacing:.06em}.mf-tabs{overflow-x:auto;scrollbar-width:none}.mf-tabs a{white-space:nowrap}.qf-hero{display:flex;gap:14px;align-items:center;padding:16px;border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 16%,var(--surface)),var(--surface));border:1px solid color-mix(in srgb,var(--gold) 35%,transparent)}.qf-hero img{width:74px;height:74px;border-radius:20px;object-fit:cover;flex:none;box-shadow:0 8px 22px rgb(0 0 0 / .3)}.qf-hero b{display:block;font:700 21px/1.3 var(--font-display)}.qf-hero small{display:block;color:var(--muted);font-size:13px;margin-top:2px}.qf-k{color:var(--gold);font-size:12.5px;font-weight:600}.qf-acts{display:flex;gap:8px;margin:12px 0 4px}.qf-acts .btn{flex:1;justify-content:center}.qf-resume{display:flex;align-items:center;gap:10px;width:100%;margin:10px 0 2px;padding:10px 12px;border-radius:16px;background:var(--surface);border:1px dashed color-mix(in srgb,var(--gold) 45%,transparent);font-size:13.5px;text-align:start;color:var(--text)}.qf-resume .ic{color:var(--gold);flex:none}.qf-resume .bar{flex:1;min-width:40px;height:4px;border-radius:9px;background:var(--line);overflow:hidden}.qf-resume .bar i{display:block;height:100%;background:var(--gold)}.qf-search{margin-top:12px;display:flex}.qf-list{margin-top:10px;display:grid;gap:2px}.qf-row{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:16px}.qf-row.on{background:color-mix(in srgb,var(--gold) 12%,transparent)}.qf-n{position:relative;width:42px;height:42px;display:grid;place-items:center;font:700 14px var(--font-ui);color:var(--gold);flex:none}.qf-n::before,.qf-n::after{content:"";position:absolute;inset:6px;border:1.4px solid color-mix(in srgb,var(--gold) 70%,transparent);border-radius:6px}.qf-n::after{transform:rotate(45deg)}.qf-t{flex:1;min-width:0;text-align:start;color:var(--text)}.qf-t b{display:flex;align-items:center;gap:6px;font:700 18px/1.3 var(--font-display)}.qf-t small{color:var(--muted);font-size:12.5px}.qf-d{color:var(--muted);font-size:12.5px;font-variant-numeric:tabular-nums}.qf-dl{color:var(--gold)}.qf-dl.on{color:var(--gold);background:color-mix(in srgb,var(--gold) 14%,transparent)}.qf-pl{color:var(--gold)}.qf-pl.is-on{background:var(--gold);color:var(--on-gold,#10201c)}.qf-row .eq{display:inline-flex;gap:2px;align-items:flex-end;height:12px}.qf-row .eq i{width:3px;height:40%;background:var(--gold);border-radius:2px;animation:eq 1s infinite ease-in-out}.qf-row .eq i:nth-child(2){animation-delay:.2s}.qf-row .eq i:nth-child(3){animation-delay:.4s}.qf-banner{display:flex;align-items:center;gap:12px;padding:14px;border-radius:20px;margin:4px 0 14px;color:var(--text);background:linear-gradient(120deg,color-mix(in srgb,var(--gold) 22%,var(--surface)),var(--surface) 70%);border:1px solid color-mix(in srgb,var(--gold) 40%,transparent)}.qf-banner[hidden]{display:none}.qf-banner img{width:56px;height:56px;border-radius:16px;object-fit:cover;flex:none}.qf-banner b{display:block;font:700 18px/1.3 var(--font-display)}.qf-banner small{color:var(--muted);font-size:12.5px}.qf-banner .go{margin-inline-start:auto;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--on-gold,#10201c);flex:none}.intro-logo .s1{stop-color:var(--intro-c,#173029)}.intro-logo .s2{stop-color:var(--intro-d,#0E1D19)}.intro-logo .s3{stop-color:var(--intro-e,#070F0D)}.qf-tools{display:flex;align-items:center;gap:8px;margin-top:10px}.qf-tools .chips-row{flex:1;min-width:0;margin:0}.qf-tools .btn{flex:none}#qfSel.on{background:color-mix(in srgb,var(--gold) 18%,transparent);color:var(--gold)}.qf-dlbar{display:flex;align-items:center;gap:12px;margin-top:10px;padding:12px 14px;border-radius:16px;background:color-mix(in srgb,var(--gold) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--gold) 40%,transparent)}.qf-dlbar[hidden]{display:none}.qf-dlic{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--on-gold,#10201c);flex:none}.qf-dlt{flex:1;min-width:0;display:grid;gap:2px}.qf-dlt b{font-size:14px}.qf-dlt small{color:var(--muted);font-size:12px}.qf-dlt .bar{height:4px;border-radius:9px;background:var(--line);overflow:hidden;margin-top:4px}.qf-dlt .bar i{display:block;height:100%;width:0;background:var(--gold);transition:width .3s}.qf-ring{width:26px;height:26px;margin:0 7px;border-radius:50%;flex:none;background:conic-gradient(var(--gold) var(--p,0%),var(--line) 0);-webkit-mask:radial-gradient(circle,transparent 8px,#000 9px);mask:radial-gradient(circle,transparent 8px,#000 9px)}.qf-wait{width:40px;display:grid;place-items:center;color:var(--faint);flex:none}.qf-pick{width:26px;height:26px;margin:0 10px;border-radius:8px;border:2px solid var(--line);display:grid;place-items:center;flex:none;color:var(--on-gold,#10201c)}.qf-pick.on{background:var(--gold);border-color:var(--gold)}.qf-row.picked{background:color-mix(in srgb,var(--gold) 9%,transparent)}.qf-selbar{position:sticky;bottom:12px;z-index:30;display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;border-radius:18px;background:color-mix(in srgb,var(--surface-2) 96%,transparent);border:1px solid color-mix(in srgb,var(--gold) 40%,transparent);box-shadow:0 12px 30px rgb(0 0 0 / .35)}.qf-selbar[hidden]{display:none}.qf-selbar b{flex:1;font-size:14px}.app-mode .qf-selbar{bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 10px)}.app-mode body.has-player .qf-selbar{bottom:calc(var(--player-h) + var(--tabbar-h) + env(safe-area-inset-bottom) + 16px)}.opt span small{display:block;color:var(--muted);font-size:12.5px;font-weight:400;margin-top:2px}.intro-en{font:500 13px/1.4 var(--font-ui);letter-spacing:.32em;text-transform:uppercase;color:#c9a45c;opacity:0;animation:fadeUp .8s 2.5s ease forwards;margin-top:-2px}.intro-sub{animation-delay:2.9s!important}.qb{display:grid;gap:14px;text-align:center;--ok:#3fbf7f}.qb-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:13px;text-align:start}.qb-head b{padding:4px 10px;border-radius:10px;background:color-mix(in srgb,var(--gold) 14%,transparent);color:var(--gold);font-size:15px}.qb-msg{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--surface-2);border:1px solid var(--line);text-align:start;transition:background .25s,border-color .25s}.qb-msg b{display:block;font-size:17px}.qb-msg small{color:var(--muted);font-size:12.5px}.qb-ic{width:34px;height:34px;display:grid;place-items:center;color:var(--gold);flex:none;font-size:26px;line-height:1}.qb-arrow{display:inline-block;animation:qbNudge .7s ease-in-out infinite alternate}.qb-arrow.l{animation-name:qbNudgeL}@keyframes qbNudge{to{transform:rotate(25deg) scale(1.1)}}@keyframes qbNudgeL{to{transform:rotate(-25deg) scale(1.1)}}.qb-dial-wrap{display:grid;place-items:center;position:relative}.qb-dial{width:min(300px, 78vw);overflow:visible}.qb-face{fill:var(--surface);stroke:none}.qb-ring{fill:none;stroke:var(--gold);stroke-opacity:.55;stroke-width:1.6;transition:stroke .25s,stroke-width .25s}.qb-dial line{stroke:var(--faint);stroke-width:1}.qb-dial line.mj{stroke:var(--muted);stroke-width:2}.qb-dial line.n{stroke:#e05a4f;stroke-width:2.6}.qb-l{font:700 12px var(--font-ui);fill:var(--muted);text-anchor:middle}.qb-l.n{fill:#e05a4f}.qb-star{fill:color-mix(in srgb,var(--gold) 8%,transparent);stroke:color-mix(in srgb,var(--gold) 30%,transparent)}.qb-line{stroke:var(--gold)!important;stroke-width:2.4!important;stroke-linecap:round}.qb-halo{fill:color-mix(in srgb,var(--gold) 16%,transparent)}.qb-ptr{fill:var(--gold)}.qb-hub{fill:var(--gold)}#qbRot{transition:transform .08s linear}.qb.ok .qb-ring{stroke:var(--ok);stroke-opacity:1;stroke-width:3.2}.qb.ok .qb-ptr,.qb.ok .qb-hub{fill:var(--ok)}.qb.ok .qb-line{stroke:var(--ok)!important}.qb.ok .qb-msg{background:color-mix(in srgb,var(--ok) 16%,var(--surface-2));border-color:color-mix(in srgb,var(--ok) 60%,transparent)}.qb.ok .qb-msg b,.qb.ok .qb-ic{color:var(--ok)}.qb.ok .qb-dial-wrap::before{content:"";position:absolute;width:min(330px, 86vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--ok) 28%,transparent),transparent 65%);animation:qbGlow .9s ease-in-out infinite alternate;pointer-events:none}@keyframes qbGlow{from{opacity:.45}to{opacity:1}}.qb-tip{margin:0}.rk-seg{display:flex;gap:4px;padding:5px;margin:2px 0 16px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}.rk-seg[hidden]{display:none}.rk-seg button{flex:1;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:600;color:var(--muted);transition:background .2s,color .2s}.rk-seg button .ic{width:19px;height:19px}.rk-seg button em{font-style:normal;font-size:12px;font-weight:500;opacity:.75}.rk-seg button[aria-selected="true"]{background:linear-gradient(180deg,var(--gold-2),var(--gold));color:var(--on-gold);box-shadow:0 6px 18px color-mix(in srgb,var(--gold) 30%,transparent)}.vid-list{display:grid;gap:18px}.vcard{display:grid;gap:9px;color:var(--text);min-width:0}.vthumb{position:relative;display:block;aspect-ratio:16 / 9;border-radius:16px;overflow:hidden;background:var(--surface-2);border:1px solid var(--line)}.vthumb>img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.vcard:hover .vthumb>img{transform:scale(1.04)}.vdur{position:absolute;left:8px;bottom:8px;padding:2px 7px;border-radius:6px;background:rgb(0 0 0 / .72);color:#fff;font-size:11.5px;font-weight:500;direction:ltr}.vhd{position:absolute;left:8px;top:8px;padding:2px 7px;border-radius:999px;background:rgb(0 0 0 / .55);color:#fff;border:1px solid rgb(255 255 255 / .28);font-size:10.5px;font-weight:600;direction:ltr}.vnew{position:absolute;right:10px;top:10px;padding:3px 10px;border-radius:999px;background:var(--gold);color:var(--on-gold);font-size:11.5px;font-weight:600}.vplay{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgb(255 255 255 / .16);border:1px solid rgb(255 255 255 / .35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transform:scale(.9);transition:opacity .2s,transform .2s}.vplay .ic{width:20px;height:20px}.vcard:hover .vplay{opacity:1;transform:none}.vtext{display:grid;gap:3px;min-width:0}.vtext b{font-size:14px;font-weight:600;line-height:1.45;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.vtext small{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;min-width:0}.vtext small img{width:20px;height:20px;border-radius:50%;object-fit:cover;flex:none}.vok{margin-inline-start:auto;display:inline-flex;align-items:center;gap:3px;font-style:normal;color:var(--ok);font-weight:600}.vok .ic{width:13px;height:13px}.vloc{font-size:12px}.vcard.hero .vthumb{border-radius:22px;aspect-ratio:16 / 8.2}.vcard.hero .vthumb::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgb(5 12 10 / .92) 6%,rgb(5 12 10 / .1) 55%,rgb(5 12 10 / .3));pointer-events:none}.vcard.hero .vtext{position:absolute;z-index:2;inset:auto 18px 16px 18px;pointer-events:none}.vcard.hero{position:relative}.vcard.hero .vtext b{font-family:var(--font-display,Amiri),serif;font-size:clamp(22px, 4.6vw, 34px);color:#fff7e6;-webkit-line-clamp:1}.vcard.hero .vtext small{color:rgb(236 228 210 / .78)}.vcard.hero .vplay{width:64px;height:64px;margin:-32px;top:38%;opacity:1;transform:none;z-index:2}.vcard.hero .vplay .ic{width:26px;height:26px}.vcard.hero .vdur{z-index:3;left:auto;right:14px;bottom:auto;top:12px}.vcard.hero .vnew{z-index:3;right:auto;left:12px;top:12px}.vcard.hero .vhd{z-index:3;top:12px;left:auto;right:74px}.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%, 230px),1fr));gap:18px 14px}@media (max-width:560px){.vgrid{grid-template-columns:1fr 1fr;gap:14px 10px}.vgrid .vthumb{border-radius:12px}.vgrid .vtext b{font-size:12.5px}}.vid-band[hidden]{display:none}.vid-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,300px);gap:14px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory;scrollbar-width:none}.vid-row::-webkit-scrollbar{display:none}.vid-row .vcard{scroll-snap-align:start}@media (max-width:560px){.vid-row{grid-auto-columns:74%}}.track-art.is-video{width:96px;height:56px}.track-art .vbadge{position:absolute;left:4px;bottom:4px;width:20px;height:20px;border-radius:6px;display:grid;place-items:center;background:rgb(0 0 0 / .65);color:#fff}.track-art .vbadge .ic{width:13px;height:13px}.watch{display:grid;gap:22px;padding-top:8px}@media (min-width:1000px){.watch{grid-template-columns:minmax(0,1fr) 360px;align-items:start}}.vplayer{position:relative;aspect-ratio:16 / 9;background:#000;border-radius:20px;overflow:hidden;outline:none;box-shadow:var(--shadow);user-select:none;-webkit-user-select:none}.vplayer video{width:100%;height:100%;display:block;object-fit:contain;background:#000}.vplayer.fs{border-radius:0;aspect-ratio:auto;width:100vw;height:100vh}@media (max-width:720px){.wrap.watch{width:100%;margin-inline:0}.watch>.watch-main>:not(.vplayer),.watch>.watch-next{margin-inline:16px}.vplayer{border-radius:0}.app-mode .watch{padding-top:0}}.vp-ui{position:absolute;inset:0;opacity:0;transition:opacity .25s;background:linear-gradient(to top,rgb(0 0 0 / .78),transparent 42%,transparent 72%,rgb(0 0 0 / .35));pointer-events:none}.vplayer.ui .vp-ui,.vplayer:not(.playing) .vp-ui{opacity:1;pointer-events:auto}.vp-mid{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:clamp(26px, 8vw, 54px);direction:ltr}.vp-s{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgb(0 0 0 / .32)}.vp-s .ic{width:26px;height:26px}.vp-pp{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgb(255 255 255 / .16);border:1px solid rgb(255 255 255 / .4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.vp-pp .ic{width:28px;height:28px}.vp-pp .pa,.vplayer.playing .vp-pp .pl{display:none}.vplayer.playing .vp-pp .pa{display:block}.vplayer.loading .vp-mid{opacity:0}.vp-spin{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px;border-radius:50%;border:3px solid rgb(255 255 255 / .2);border-top-color:var(--gold-2);animation:vspin .8s linear infinite;display:none;z-index:2;pointer-events:none}.vplayer.loading.playing .vp-spin,.vplayer.loading.ui .vp-spin{display:block}@keyframes vspin{to{transform:rotate(360deg)}}.vp-bot{position:absolute;left:12px;right:12px;bottom:6px}.vp-bar{height:22px}.vp-row{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#fff;font-size:12px}.vp-time{direction:ltr;font-variant-numeric:tabular-nums}.vp-tools{display:flex;align-items:center;gap:4px;direction:ltr}.vp-t{width:34px;height:34px;display:grid;place-items:center;color:#fff;border-radius:10px}.vp-t .ic{width:19px;height:19px}.vp-q{padding:2px 8px;border-radius:6px;border:1px solid rgb(255 255 255 / .6);color:#fff;font-size:11px;font-weight:600;direction:ltr;margin-inline-end:4px}.watch-info{padding-top:16px}.watch-info h1{font-family:var(--font-display,Amiri),serif;font-size:clamp(24px, 4vw, 34px);line-height:1.3;color:var(--gold-2)}[data-theme="light"] .watch-info h1,[data-theme="parchment"] .watch-info h1{color:var(--gold)}.watch-info p{color:var(--muted);font-size:13px;margin-top:4px}.w-who{display:flex;align-items:center;gap:12px;margin-top:14px;padding:10px 12px;border-radius:18px;background:var(--surface);border:1px solid var(--line);color:var(--text)}.w-who img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:1.5px solid var(--gold)}.w-who b{display:block;font-size:14.5px;font-weight:600}.w-who small{color:var(--muted);font-size:12px}.w-who .go{margin-inline-start:auto;padding:6px 13px;border-radius:999px;border:1px solid var(--gold);color:var(--gold-2);font-size:12.5px;font-weight:600;white-space:nowrap}[data-theme="light"] .w-who .go,[data-theme="parchment"] .w-who .go{color:var(--gold)}.w-acts{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:14px}.w-acts button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:11px 2px;border-radius:16px;background:var(--surface);border:1px solid var(--line);color:var(--text);font-size:12px;font-weight:500}.w-acts button .ic{width:21px;height:21px}.w-acts button.gold{background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 26%,var(--surface)),color-mix(in srgb,var(--gold) 9%,var(--surface)));border-color:color-mix(in srgb,var(--gold) 60%,transparent);color:var(--gold-2)}.w-acts button.gold.saved{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 50%,transparent);background:color-mix(in srgb,var(--ok) 10%,var(--surface))}.w-acts button.on{color:var(--danger)}.w-acts button[hidden]{display:none}[data-theme="light"] .w-acts button.gold,[data-theme="parchment"] .w-acts button.gold{color:var(--gold)}.w-desc{margin-top:14px;color:var(--muted);font-size:14px;line-height:1.8}.watch-next[hidden]{display:none}.watch-next .block-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.watch-next h2{font-size:17px}.w-auto{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--gold);cursor:pointer}.w-auto input{accent-color:var(--gold)}.vid-next{display:grid;gap:12px}.vcard.row{grid-template-columns:138px minmax(0,1fr);align-items:center;gap:12px}.vcard.row .vthumb{border-radius:12px}.vcard.row .vplay{display:none}.vcard.row .vtext b{font-size:13.5px}.qrow small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.qrow.on{outline:1.5px solid var(--gold)}.v-saved{display:flex;align-items:center;gap:8px;padding:11px 13px;margin-bottom:12px;border-radius:14px;background:color-mix(in srgb,var(--ok) 12%,var(--surface));color:var(--text);font-size:13.5px}.v-saved>.ic{color:var(--ok);width:18px;height:18px}.v-saved .chip{margin-inline-start:auto}.qo-list{display:grid;gap:9px}.qo{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;border-radius:16px;background:var(--surface);border:1px solid var(--line-soft);color:var(--text);text-align:start}.qo .r{width:20px;height:20px;border-radius:50%;border:2px solid var(--faint);flex:none}.qo.on{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 10%,var(--surface))}.qo.on .r{border-color:var(--gold);background:var(--gold);box-shadow:inset 0 0 0 4px var(--surface)}.qo b{font-size:15px;font-weight:600}.qo b em{font-style:normal;font-size:11.5px;font-weight:500;color:var(--muted);margin-inline-start:6px}.qo .tg{font-size:11px;font-weight:600;padding:2px 9px;border-radius:999px;background:color-mix(in srgb,var(--gold) 20%,transparent);color:var(--gold-2)}.qo .tg.soft{background:var(--surface-2);color:var(--muted)}[data-theme="light"] .qo .tg,[data-theme="parchment"] .qo .tg{color:var(--gold)}.qo .sz{margin-inline-start:auto;color:var(--muted);font-size:12.5px;white-space:nowrap}.qo-rem{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;color:var(--muted);font-size:13.5px;cursor:pointer}.qo-rem input{position:absolute;opacity:0;pointer-events:none}.qo-rem i{position:relative;width:42px;height:24px;border-radius:12px;background:var(--surface-3);transition:background .2s;flex:none}.qo-rem i::after{content:"";position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:50%;background:var(--muted);transition:right .2s,background .2s}.qo-rem input:checked+i{background:var(--gold)}.qo-rem input:checked+i::after{right:21px;background:var(--on-gold)}.qo-go{display:grid;gap:9px;margin-top:16px}.qo-go .btn{height:50px;justify-content:center;font-size:15.5px;border-radius:16px}.qo-prog{margin-top:12px}.qo-prog .bar{height:6px;border-radius:3px;background:var(--surface-3);overflow:hidden}.qo-prog .bar i{display:block;height:100%;width:0;background:var(--gold);transition:width .3s;margin-inline-start:0}.qo-prog small{display:block;margin-top:6px;color:var(--muted);font-size:12px}@media (min-width:1000px){.watch:has(.watch-next[hidden]){grid-template-columns:minmax(0,940px);justify-content:center}.vcard.hero .vthumb{aspect-ratio:16 / 6.2}}.w-clip{display:flex;align-items:center;gap:12px;width:100%;margin-top:12px;padding:13px 14px;border-radius:18px;text-align:start;color:var(--text);background:linear-gradient(120deg,color-mix(in srgb,var(--gold) 20%,var(--surface)),var(--surface) 75%);border:1px solid color-mix(in srgb,var(--gold) 45%,transparent)}.w-clip .ic-b{width:42px;height:42px;flex:none;border-radius:13px;display:grid;place-items:center;background:linear-gradient(160deg,var(--gold-2),var(--gold));color:var(--on-gold)}.w-clip .ic-b .ic{width:22px;height:22px}.w-clip b{display:block;font-size:15px;font-weight:600}.w-clip small{color:var(--muted);font-size:12px}.w-clip>.ic{margin-inline-start:auto;color:var(--gold)}.clip{padding-top:6px;padding-bottom:30px}.cl-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.cl-ttl{min-width:0;flex:1}.cl-ttl h1{font-size:24px;line-height:1.3}.cl-ttl p{color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cl-head .btn{height:42px}.cl-grid{display:grid;gap:16px}@media (min-width:1000px){.cl-grid{grid-template-columns:minmax(0,460px) minmax(0,1fr);align-items:start}.cl-stage-wrap{position:sticky;top:90px}}.cl-stage-wrap{display:grid;gap:8px;justify-items:center}.cl-stage{position:relative;width:100%;max-height:62vh;border-radius:18px;overflow:hidden;background:#000;box-shadow:var(--shadow);touch-action:none;cursor:move;margin-inline:auto}.cl-stage canvas{display:block;width:100%;height:100%}@media (max-width:999px){.cl-stage{width:auto;height:min(62vh, 560px)}}@media (max-width:999px){.cl-stage.is-wide{width:100%;height:auto}}.cl-drag{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);padding:4px 10px;border-radius:999px;background:rgb(0 0 0 / .55);color:#fff;font-size:11px;pointer-events:none;transition:opacity .4s;white-space:nowrap}.cl-drag.gone{opacity:0}.cl-ctrl{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12.5px;font-variant-numeric:tabular-nums}.cl-pp{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,var(--gold-2),var(--gold));color:var(--on-gold)}.cl-pp .ic{width:20px;height:20px}.cl-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.cl-tabs::-webkit-scrollbar{display:none}.cl-tabs button{padding:8px 15px;border-radius:999px;font-size:13.5px;font-weight:500;color:var(--muted);background:var(--surface);border:1px solid var(--line);white-space:nowrap}.cl-tabs button[aria-selected="true"]{background:var(--gold);color:var(--on-gold);border-color:var(--gold);font-weight:600}.cl-panel{margin-top:12px;display:grid;gap:12px}.cl-strip{position:relative;height:64px;border-radius:12px;overflow:hidden;display:flex;direction:ltr;background:var(--surface-2);touch-action:none;cursor:pointer;user-select:none}.cl-strip img{flex:1;min-width:0;height:100%;object-fit:cover;filter:brightness(.5);pointer-events:none}.cl-sel{position:absolute;top:0;bottom:0;border:3px solid var(--gold);border-radius:10px;box-shadow:0 0 0 999px rgb(0 0 0 / .3);cursor:grab}.cl-sel i{position:absolute;top:50%;width:14px;height:34px;margin-top:-17px;border-radius:5px;background:var(--gold);cursor:ew-resize}.cl-sel i[data-h="s"]{left:-9px}.cl-sel i[data-h="e"]{right:-9px}.cl-head-line{position:absolute;top:-2px;bottom:-2px;width:2px;background:#fff;pointer-events:none}.cl-rng{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:-6px}.cl-big{display:flex;align-items:center;justify-content:space-around;padding:13px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}.cl-big div{text-align:center}.cl-big b{display:block;font-size:21px;font-weight:600;color:var(--gold-2)}[data-theme="light"] .cl-big b,[data-theme="parchment"] .cl-big b{color:var(--gold)}.cl-big small{color:var(--muted);font-size:11.5px}.cl-big>i{width:1px;height:36px;background:var(--line)}.cl-row2{display:flex;gap:8px;flex-wrap:wrap}.cl-row2 .chip{flex:1;justify-content:center}.cl-h{font-size:13.5px;font-weight:600;margin:4px 0 -4px}.cl-h small{color:var(--muted);font-weight:400}.cl-ay-chips{display:flex;flex-wrap:wrap;gap:6px}.cl-ay-chips button{min-width:38px;height:34px;border-radius:10px;background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:14px}.cl-ay-chips button.on{border-color:var(--gold);color:var(--gold-2);background:color-mix(in srgb,var(--gold) 12%,var(--surface))}.cl-ays{display:grid;gap:8px}.cl-ay{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 11px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}.cl-ay .t{font-size:11.5px;color:var(--gold-2);background:color-mix(in srgb,var(--gold) 14%,transparent);padding:3px 7px;border-radius:7px}.cl-ay .q{font-family:"KFGQPC HAFS","Amiri Quran",serif;font-size:18px;line-height:1.8;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cl-ay .seg{display:flex;border-radius:999px;overflow:hidden;border:1px solid var(--line)}.cl-ay .seg button{padding:4px 10px;font-size:12px;color:var(--muted)}.cl-ay .seg button.on{background:var(--gold);color:var(--on-gold);font-weight:600}.cl-sl{display:grid;grid-template-columns:110px minmax(0,1fr) 44px;align-items:center;gap:10px;font-size:13.5px}.cl-sl b{color:var(--muted);font-weight:500;font-size:12.5px;text-align:center}.cl-chips{display:flex;flex-wrap:wrap;gap:7px}.cl-chips button{padding:8px 13px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:13px}.cl-chips button.on{border-color:var(--gold);color:var(--gold-2);background:color-mix(in srgb,var(--gold) 12%,var(--surface));font-weight:600}[data-theme="light"] .cl-chips button.on,[data-theme="parchment"] .cl-chips button.on{color:var(--gold)}.cl-colors{display:flex;gap:10px}.cl-colors button{width:34px;height:34px;border-radius:50%;background:var(--c);border:2px solid var(--line)}.cl-colors button.on{box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--gold)}.cl-sw{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13.5px;cursor:pointer}.cl-sw input{position:absolute;opacity:0;pointer-events:none}.cl-sw i{position:relative;width:42px;height:24px;border-radius:12px;background:var(--surface-3);flex:none;transition:background .2s}.cl-sw i::after{content:"";position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:50%;background:var(--muted);transition:right .2s,background .2s}.cl-sw input:checked+i{background:var(--gold)}.cl-sw input:checked+i::after{right:21px;background:var(--on-gold)}.cl-sizes{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.cl-sizes button{display:grid;justify-items:center;gap:6px;padding:14px 6px;border-radius:16px;background:var(--surface);border:1px solid var(--line);color:var(--muted)}.cl-sizes button i{height:34px;border:2px solid currentColor;border-radius:5px}.cl-sizes button b{font-size:13px;font-weight:600;color:var(--text)}.cl-sizes button small{font-size:11.5px}.cl-sizes button.on{border-color:var(--gold);color:var(--gold-2);background:color-mix(in srgb,var(--gold) 10%,var(--surface))}.cl-empty{display:grid;justify-items:center;gap:6px;padding:22px 14px;text-align:center;border-radius:16px;background:var(--surface);border:1px dashed var(--line)}.cl-empty .ic{width:26px;height:26px;color:var(--gold)}.cl-empty small{color:var(--muted);font-size:12.5px;line-height:1.7}.cl-exp{display:grid;gap:10px;padding:6px 2px 4px}.cl-exp .bar{height:8px;border-radius:4px;background:var(--surface-3);overflow:hidden}.cl-exp .bar i{display:block;height:100%;width:0;background:var(--gold);transition:width .25s}.cl-exp small{color:var(--muted);font-size:12.5px}.cl-exp .btn{justify-self:start}.cl-done{display:grid;gap:12px;justify-items:center}.cl-done video{width:100%;max-height:52vh;border-radius:14px;background:#000}.cl-done-acts{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.cl-done-acts .btn{height:48px;justify-content:center}.cl-done-acts>:only-child{grid-column:1 / -1}.cl-done small{color:var(--muted);font-size:12px}.ps-hero{display:flex;align-items:center;gap:16px;padding:16px;border-radius:22px;margin-bottom:12px;background:radial-gradient(120% 120% at 80% 0,color-mix(in srgb,var(--gold) 22%,transparent),transparent 60%),var(--surface);border:1px solid color-mix(in srgb,var(--gold) 35%,transparent)}.ps-ring{--k:.5;flex:none;width:112px;height:112px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(closest-side,var(--surface) 84%,transparent 85%),conic-gradient(var(--gold) calc(var(--k) * 360deg),var(--surface-3) 0)}.ps-ring b{font-family:var(--font-display);font-size:24px;color:var(--gold-2);line-height:1.2}[data-theme="light"] .ps-ring b,[data-theme="parchment"] .ps-ring b{color:var(--gold)}.ps-ring small{font-size:10.5px;color:var(--muted)}.ps-tx{display:grid;gap:2px;min-width:0}.ps-tx small{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:12px}.ps-tx small .ic{width:14px;height:14px}.ps-tx b{font-size:30px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.ps-list{border-radius:18px;overflow:hidden;background:var(--surface);border:1px solid var(--line-soft)}.ps-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-top:1px solid var(--line-soft)}.ps-row:first-child{border-top:0}.ps-row .n{font-weight:600;font-size:15px;min-width:64px}.ps-row>b{margin-inline-start:auto;font-size:16px;font-weight:600;direction:ltr}.ps-row.next{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--gold) 16%,transparent))}.ps-row.next .n,.ps-row.next>b{color:var(--gold-2)}[data-theme="light"] .ps-row.next .n,[data-theme="light"] .ps-row.next>b,[data-theme="parchment"] .ps-row.next .n,[data-theme="parchment"] .ps-row.next>b{color:var(--gold)}.ps-sun{color:var(--muted);font-size:11.5px}.ps-bell{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--gold) 14%,transparent);color:var(--gold)}.ps-bell .ic{width:19px;height:19px}.ps-bell.off{background:#fff0;color:var(--faint);border:1px solid var(--line-soft)}.ps-h{font-size:18px;margin:18px 2px 8px}.ps-voices{display:grid;gap:8px}.ps-voice{display:flex;align-items:center;gap:12px;padding:12px;border-radius:18px;background:var(--surface);border:1px solid var(--line-soft);cursor:pointer}.ps-voice input{position:absolute;opacity:0;pointer-events:none}.ps-voice.on{border-color:var(--gold);background:linear-gradient(120deg,color-mix(in srgb,var(--gold) 15%,var(--surface)),var(--surface) 70%)}.ps-voice b{display:block;font-size:14.5px;font-weight:600}.ps-voice small{display:block;color:var(--muted);font-size:11.5px;line-height:1.6;margin-top:2px}.ps-play{width:44px;height:44px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--surface-3);color:var(--gold)}.ps-play.on{background:linear-gradient(180deg,var(--gold-2),var(--gold));color:var(--on-gold)}.ps-play .ic{width:20px;height:20px}.ps-voice .rd{margin-inline-start:auto;width:20px;height:20px;flex:none;border-radius:50%;border:2px solid var(--faint)}.ps-voice.on .rd{border-color:var(--gold);background:var(--gold);box-shadow:inset 0 0 0 4px var(--surface)}.ps-toggle{display:flex;align-items:center;gap:10px;margin-top:10px;padding:12px 14px;border-radius:16px;background:var(--surface);border:1px solid var(--line-soft);cursor:pointer}.ps-toggle b{display:block;font-size:14px;font-weight:600}.ps-toggle small{display:block;color:var(--muted);font-size:11.5px}.ps-toggle input{position:absolute;opacity:0;pointer-events:none}.ps-toggle i{position:relative;margin-inline-start:auto;width:42px;height:24px;flex:none;border-radius:12px;background:var(--surface-3);transition:background .2s}.ps-toggle i::after{content:"";position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:50%;background:var(--muted);transition:right .2s,background .2s}.ps-toggle input:checked+i{background:var(--gold)}.ps-toggle input:checked+i::after{right:21px;background:var(--on-gold)}.adhan-bar{position:fixed;z-index:90;left:12px;right:12px;bottom:calc(16px + env(safe-area-inset-bottom));max-width:520px;margin-inline:auto;display:flex;align-items:center;gap:12px;padding:12px;border-radius:22px;background:linear-gradient(140deg,color-mix(in srgb,var(--gold) 18%,var(--surface-2)),var(--surface));border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);box-shadow:0 18px 50px rgb(0 0 0 / .45);animation:abIn .35s ease-out}.adhan-bar[hidden]{display:none}@keyframes abIn{from{transform:translateY(20px);opacity:0}}.adhan-bar{bottom:calc(var(--tabbar-h, 0px) + 16px + env(safe-area-inset-bottom))}.has-player .adhan-bar{bottom:calc(var(--player-h, 72px) + var(--tabbar-h, 0px) + 12px + env(safe-area-inset-bottom))}.ab-ic{width:44px;height:44px;flex:none;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--gold) 20%,transparent);color:var(--gold-2)}.ab-t{min-width:0}.ab-t b{display:block;font-family:var(--font-display);font-size:17px;color:var(--gold-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme="light"] .ab-t b,[data-theme="parchment"] .ab-t b{color:var(--gold)}.ab-t small{color:var(--muted);font-size:11.5px}.ab-stop{margin-inline-start:auto;flex:none;display:flex;align-items:center;gap:6px;padding:10px 14px;border-radius:14px;background:var(--danger);color:#fff;font-weight:600;font-size:14px}.ab-stop .ic{width:15px;height:15px}.drawer-nav{gap:0}.drawer-nav .dq{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:6px}.drawer-nav .dq>a,.drawer-nav .dq>button{flex-direction:column;justify-content:center;gap:6px;padding:12px 0 10px;border-radius:15px;background:var(--surface);border:1px solid var(--line);font-size:11.5px;font-weight:500;text-align:center}.drawer-nav .dq .ic{width:22px;height:22px}.drawer-nav .dq>.active{background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 26%,var(--surface)),color-mix(in srgb,var(--gold) 8%,var(--surface)));border-color:color-mix(in srgb,var(--gold) 60%,transparent);color:var(--gold-2)}[data-theme="light"] .drawer-nav .dq>.active,[data-theme="parchment"] .drawer-nav .dq>.active{color:var(--gold)}.drawer-nav .dq>[hidden]{display:none}.drawer-nav .dg h3{font-family:inherit;font-size:11.5px;font-weight:600;color:var(--gold);padding:12px 8px 5px}.drawer-nav .dg-box{border-radius:16px;overflow:hidden;background:var(--surface);border:1px solid var(--line-soft)}.drawer-nav .dg-box>a,.drawer-nav .dg-box>button{border-radius:0;padding:11px 13px;font-size:14.5px;font-weight:500;border-top:1px solid var(--line-soft)}.drawer-nav .dg-box>:not([hidden])~:not([hidden]){border-top:1px solid var(--line-soft)}.drawer-nav .dg-box>:first-child,.drawer-nav .dg-box>[hidden]+:not([hidden]){border-top:0}.drawer-nav .dg-box>[hidden]{display:none}.drawer-nav .dg-box .ic{width:19px;height:19px}.drawer-nav .dg:not(:has(.dg-box>:not([hidden]))){display:none}.drawer-nav .dg-box>a:hover,.drawer-nav .dg-box>button:hover,.drawer-nav .dg-box>.active{background:color-mix(in srgb,var(--gold) 10%,transparent)}.home-quick,.home-explore{display:none}.app-mode .home-quick{display:block;padding-top:14px}.app-mode .home-explore{display:block}.app-mode [data-view="home"]>.hero,.app-mode [data-view="home"]>.live-band{display:none}.app-mode [data-view="home"]>.prayer-band{margin-top:14px}.app-mode .home-tiles{padding-top:0}.app-mode [data-view="home"]>.block,.app-mode [data-view="home"]>.daily-grid{margin-top:22px}.hq-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.hq-top b#hqGreet{display:block;font-family:var(--font-display);font-size:21px;cursor:pointer}.hq-top small{color:var(--muted);font-size:11.5px}.hq-prayer{display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:14px;background:var(--surface);border:1px solid color-mix(in srgb,var(--gold) 40%,transparent);white-space:nowrap}.hq-prayer .ic{width:17px;height:17px;color:var(--gold)}.hq-prayer b{font-size:13px;color:var(--gold-2)}[data-theme="light"] .hq-prayer b,[data-theme="parchment"] .hq-prayer b{color:var(--gold)}.hq-prayer span{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.hq-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.hq-tiles.three{grid-template-columns:repeat(3,1fr);margin-top:0}.hq-tiles>a,.hq-tiles>button{display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 0 10px;border-radius:16px;background:var(--surface);border:1px solid var(--line-soft);font-size:11.5px;font-weight:500;color:var(--text);text-align:center}.hq-tiles>[hidden]{display:none}.hq-tiles i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--gold) 14%,transparent);color:var(--gold)}.hq-tiles i .ic{width:20px;height:20px}.hq-tiles>:active{transform:scale(.96)}#clVideo{position:fixed;left:0;bottom:0;width:2px;height:2px;opacity:0;pointer-events:none}.w-clip{box-sizing:border-box;width:auto}.w-clip>span:not(.ic-b){min-width:0}.view{animation:viewIn .32s cubic-bezier(.2,.7,.2,1)}@keyframes viewIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.swap-in{animation:swapIn .26s ease-out}@keyframes swapIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.seg button,.chip,.cl-tabs button,[role="tab"]{transition:background-color .2s,color .2s,box-shadow .2s,border-color .2s}@media (prefers-reduced-motion:reduce){.view,.swap-in{animation:none!important}}.cl-sw small{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:2px}.cl-info{transition:opacity .2s}.cl-info.off{opacity:.45;pointer-events:none}.cl-grid>*{min-width:0}.clip,.cl-grid{max-width:100%}.cl-info{display:grid;gap:14px;margin-top:14px}.cl-info .cl-h{margin:2px 0 -4px}.embed .topbar,.embed .tabbar,.embed .site-foot,.embed #player,.embed .drawer,.embed .intro,.embed .adhan-bar,.embed .appdl,.embed .ios-add{display:none!important}.embed body,.embed main{padding-top:env(safe-area-inset-top,0)!important;padding-bottom:0!important}.embed .clip{padding-bottom:24px}.hq-tiles>.hq-x:not(.hq-on),.hq-tiles>.hq-cut{display:none!important}.hq-tiles>.hq-off{display:none!important}.hq-edit{display:flex;align-items:center;gap:6px;margin:10px auto 0;padding:6px 12px;border-radius:999px;color:var(--muted);font-size:12.5px;background:#fff0;border:1px solid var(--line-soft)}.hq-edit .ic{width:15px;height:15px;color:var(--gold)}.hq-pick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.hq-pick button{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:11px 2px 9px;border-radius:15px;background:var(--surface);border:1px solid var(--line-soft);color:var(--text);font-size:11.5px;transition:border-color .2s,background-color .2s}.hq-pick button i{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--gold) 12%,transparent);color:var(--gold)}.hq-pick button i .ic{width:18px;height:18px}.hq-pick button.on{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 10%,var(--surface))}.hq-pick button b{position:absolute;top:5px;inset-inline-start:6px;min-width:18px;height:18px;border-radius:9px;background:var(--gold);color:var(--on-gold);font-size:11px;display:grid;place-items:center}.hq-pick-acts{margin-top:16px}.hq-pick-acts .btn[disabled]{opacity:.6}.cm-rule{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;font-size:12px;color:var(--gold);background:#fff0;border:1px solid var(--line-soft);white-space:nowrap}.cm-rule .ic{width:14px;height:14px}.cm-rule.set{background:color-mix(in srgb,var(--gold) 12%,transparent);border-color:color-mix(in srgb,var(--gold) 45%,transparent)}.cm-rule-note{display:flex;align-items:center;gap:6px;margin-top:8px;color:var(--muted);font-size:12.5px}.cm-rule-note .ic{width:14px;height:14px;color:var(--gold);flex:none}.cm-actions button.off{opacity:.45}.cm-prof-act{display:flex;align-items:center;gap:8px}.cm-prof-more{border:1px solid var(--line);border-radius:999px;width:38px;height:38px}.btn.danger-o{color:var(--danger,#e05c5c);border:1px solid currentColor;background:#fff0}.cm-note.soft{font-size:13px}.cm-c-tools{flex-wrap:wrap;row-gap:6px}.cm-limited{display:flex;align-items:center;gap:10px;margin:10px 14px;padding:14px 16px;border-radius:16px;background:color-mix(in srgb,var(--gold) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--gold) 35%,transparent);color:var(--text);font-size:14px;line-height:1.7}.cm-limited .ic{width:20px;height:20px;color:var(--gold);flex:none}.cl-hist{display:flex;gap:4px;margin-inline-start:auto}.cl-hist .icon-btn:disabled{opacity:.35}.cl-head .cl-hist+.btn{margin-inline-start:0}.cl-ctrl{width:100%}.cl-layer{display:flex;align-items:center;gap:6px;padding:6px 8px 6px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--gold);box-shadow:var(--shadow);font-size:13px;animation:clLayerIn .2s ease}.cl-layer[hidden]{display:none}.cl-layer b{color:var(--gold);margin-inline-end:auto}.cl-layer button{min-width:36px;height:32px;padding:0 10px;border-radius:999px;background:var(--bg2,var(--bg));border:1px solid var(--line);color:var(--text);font:600 14px var(--font-ui,inherit)}.cl-layer button[data-l="done"]{background:var(--gold);color:#14201d;border-color:#fff0}@keyframes clLayerIn{from{opacity:0;transform:translateY(6px)}}.cl-xfull{display:none;position:absolute;top:10px;inset-inline-start:10px;z-index:2;background:rgb(0 0 0 / .55);color:#fff}.cl-stage-wrap.cl-full{position:fixed;inset:0;z-index:1200;background:rgb(4 10 9 / .96);padding:max(14px, env(safe-area-inset-top)) 14px max(14px, env(safe-area-inset-bottom));align-content:center;justify-items:center;gap:10px}.cl-stage-wrap.cl-full .cl-stage{max-height:none;height:calc(100svh - 170px);width:auto;max-width:100%}.cl-stage-wrap.cl-full .cl-stage.is-wide{width:100%;height:auto}.cl-stage-wrap.cl-full .cl-xfull{display:grid}.cl-stage-wrap.cl-full .cl-ctrl,.cl-stage-wrap.cl-full .cl-layer{width:min(100%, 560px)}body.cl-fullscreen{overflow:hidden}.cl-name{display:grid;gap:6px;padding:8px 0;border-bottom:1px solid var(--line-soft)}.cl-name-in{display:flex;gap:6px;align-items:center}.cl-name-in input{flex:1;min-width:0;height:40px;padding:0 12px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:500 14px var(--font-ui,inherit)}.cl-name-in input:focus{outline:none;border-color:var(--gold)}.cl-help{margin:2px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.cl-chips+.cl-chips{margin-top:-4px}.cl-drag{white-space:normal;max-width:92%;text-align:center;line-height:1.5}.cl-sel{will-change:left,width}.cl-sel i::before{content:'';position:absolute;inset:-16px -14px}.cl-sel i::after{content:'';position:absolute;left:50%;top:9px;bottom:9px;width:2px;margin-left:-1px;border-radius:2px;background:rgb(20 32 29 / .55)}.cl-card{display:grid;gap:10px;padding:12px 14px 14px;border-radius:16px;background:color-mix(in srgb,var(--surface) 70%,transparent);border:1px solid var(--line-soft)}.cl-info{display:grid;gap:12px}.cl-card h4{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0;font:700 14px var(--font-ui,inherit);color:var(--gold)}.cl-card h4 small{font-weight:400;font-size:11.5px;color:var(--muted)}.cl-card .cl-sl,.cl-card .cl-sw{margin:0}.cl-card .cl-name{border-bottom:0;padding:4px 0}