@font-face{font-family:Marcellus;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/marcellus-latin-ext-400-normal-DkjSXVBo.woff2)format("woff2"),url(/assets/marcellus-latin-ext-400-normal-D06jIo1e.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Marcellus;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/marcellus-latin-400-normal-86dSXJnk.woff2)format("woff2"),url(/assets/marcellus-latin-400-normal-AvMY561b.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-cyrillic-ext-600-normal-BMhMHfrj.woff2)format("woff2"),url(/assets/cormorant-garamond-cyrillic-ext-600-normal-CsIYWmWK.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-cyrillic-600-normal-C2atO-64.woff2)format("woff2"),url(/assets/cormorant-garamond-cyrillic-600-normal-FNmA3REe.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-vietnamese-600-normal-BoXdMtcr.woff2)format("woff2"),url(/assets/cormorant-garamond-vietnamese-600-normal-C4HEjEaf.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-latin-ext-600-normal-DaBc-lu7.woff2)format("woff2"),url(/assets/cormorant-garamond-latin-ext-600-normal-Dk3-quAP.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-latin-600-normal-Co1r35X9.woff2)format("woff2"),url(/assets/cormorant-garamond-latin-600-normal-2CBVLo0M.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-arabic-400-normal-D0NIBXga.woff2)format("woff2"),url(/assets/amiri-arabic-400-normal-C_1DQziU.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-latin-ext-400-normal-C9hoIjPx.woff2)format("woff2"),url(/assets/amiri-latin-ext-400-normal-CGn-6a7O.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-latin-400-normal-Czk41Rjn.woff2)format("woff2"),url(/assets/amiri-latin-400-normal-Bv6IM0kz.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/amiri-arabic-700-normal-D8FrblyB.woff2)format("woff2"),url(/assets/amiri-arabic-700-normal-dUd6sHq-.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/amiri-latin-ext-700-normal-ByFuOT8o.woff2)format("woff2"),url(/assets/amiri-latin-ext-700-normal-Ck-lxu84.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/amiri-latin-700-normal-DIjoEGk6.woff2)format("woff2"),url(/assets/amiri-latin-700-normal-BH9dHmOv.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#f8f3e7;--paper-2:#f1e7d0;--card:#fffdf6;--mint:#ddeee4;--ink:#21312a;--ink-soft:#5c6b60;--ink-faint:#8a957f;--emerald:#0c7a55;--emerald-deep:#07523a;--emerald-dark:#053a2a;--emerald-ink:#042d20;--emerald-bright:#16a877;--sand:#e8dcc0;--sand-deep:#d9c49a;--dune:#c9b083;--gold:#c39a3b;--gold-soft:#e6cf9f;--gold-faint:#f3e8cb;--terra:#b96a41;--line:#e3d6b6;--danger:#a8432f;--heading:var(--emerald-deep);--on-emerald:#e6cf9f;--focus-ring:var(--emerald-deep);--radius:16px;--radius-sm:10px;--shadow:0 12px 32px -20px #063a2a73;--shadow-lift:0 18px 40px -20px #063a2a80;--font-display:"Marcellus", "Times New Roman", serif;--font-wordmark:"Cormorant Garamond", "Marcellus", Georgia, "Times New Roman", serif;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-arabic:"Amiri", "Traditional Arabic", serif;--pattern-star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='%23c39a3b' stroke-opacity='0.16'%3E%3Crect x='24' y='24' width='24' height='24'/%3E%3Crect x='24' y='24' width='24' height='24' transform='rotate(45 36 36)'/%3E%3C/g%3E%3C/svg%3E");--pattern-star-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.09'%3E%3Crect x='24' y='24' width='24' height='24'/%3E%3Crect x='24' y='24' width='24' height='24' transform='rotate(45 36 36)'/%3E%3C/g%3E%3C/svg%3E")}[data-theme=dark]{--paper:#0b1d16;--paper-2:#0e241b;--card:#122a20;--mint:#16382a;--ink:#ece4ce;--ink-soft:#a9b4a2;--ink-faint:#75806f;--emerald:#1d9b6f;--emerald-deep:#0c5f43;--emerald-dark:#07452f;--emerald-ink:#042d20;--emerald-bright:#2cc18d;--sand:#2a3a2c;--sand-deep:#34452f;--dune:#3f5138;--gold:#d4ad55;--gold-soft:#6b5a30;--gold-faint:#2c2c1d;--line:#27402f;--shadow:0 12px 32px -18px #0009;--shadow-lift:0 18px 42px -18px #000000b3;--heading:var(--gold);--on-emerald:#e8cf96;--focus-ring:var(--gold)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--paper:#0b1d16;--paper-2:#0e241b;--card:#122a20;--mint:#16382a;--ink:#ece4ce;--ink-soft:#a9b4a2;--ink-faint:#75806f;--emerald:#1d9b6f;--emerald-deep:#0c5f43;--emerald-dark:#07452f;--emerald-ink:#042d20;--emerald-bright:#2cc18d;--sand:#2a3a2c;--sand-deep:#34452f;--dune:#3f5138;--gold:#d4ad55;--gold-soft:#6b5a30;--gold-faint:#2c2c1d;--line:#27402f;--shadow:0 12px 32px -18px #0009;--shadow-lift:0 18px 42px -18px #000000b3;--heading:var(--gold);--on-emerald:#e8cf96;--focus-ring:var(--gold)}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:var(--ink);background:var(--paper);min-height:100dvh;margin:0;font-size:16px;line-height:1.55;overflow-x:clip}img,svg{max-inline-size:100%;display:block}h1,h2,h3,h4{font-family:var(--font-display);color:var(--heading);margin-block:0 .5em;font-weight:400;line-height:1.2}p{margin-block:0 1em}a{color:var(--emerald);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ar-script{font-family:var(--font-arabic);direction:rtl;font-size:1.45em;line-height:2}html[lang=ar] body{font-family:"Segoe UI", Tahoma, var(--font-body)}.container{max-inline-size:1100px;margin-inline:auto;padding-inline:20px}.page{padding-block:28px 64px;animation:.3s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.stack>*+*{margin-block-start:16px}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.spread{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.skip-link{z-index:100;background:var(--emerald-deep);color:#fff;border-radius:6px;padding:8px 14px;position:fixed;inset-block-start:-100px;inset-inline-start:8px}.skip-link:focus{inset-block-start:8px}main:focus{outline:none}.site-header{z-index:50;background:linear-gradient(135deg, var(--emerald-dark), var(--emerald-deep) 60%, #0a6647);background-blend-mode:normal;border-block-end:1px solid #c39a3b8c;position:sticky;inset-block-start:0;box-shadow:0 2px 18px #042d2059}.site-header:before{content:"";background-image:var(--pattern-star-light);pointer-events:none;position:absolute;inset:0}.site-header .container{align-items:center;gap:18px;min-block-size:60px;display:flex;position:relative}.brand{color:#fff;font-family:var(--font-wordmark);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:11px;font-size:1.32rem;font-weight:600;display:flex}.brand:hover{text-decoration:none}.brand .logo-star{color:var(--gold);display:inline-flex}.brand .tld{color:var(--gold);opacity:1;margin-inline-start:-.1em}.nav-links{align-items:center;gap:4px;margin-inline-start:auto;display:flex}.nav-links a,.icon-btn{color:#e9f3ec;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:.95rem;display:inline-flex}.nav-links a:hover,.icon-btn:hover{background:#ffffff1a;text-decoration:none}.nav-links a.active{color:#fff;background:#c39a3b38;border-color:#c39a3b80}.nav-desktop{gap:4px;display:flex}@media (max-width:880px){.nav-desktop{display:none}}.drawer-backdrop{z-index:60;background:#04231980;animation:.15s both fadeUp;position:fixed;inset:0}.drawer{background:var(--card);z-index:61;inline-size:min(320px,88vw);box-shadow:var(--shadow-lift);border-inline-start:1px solid var(--line);padding:22px;position:fixed;inset-block:0;inset-inline-end:0;overflow-y:auto}.drawer h4{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);font-size:.8rem;font-family:var(--font-body);margin-block:18px 6px}.drawer a{border-radius:var(--radius-sm);color:var(--ink);align-items:center;gap:10px;padding:9px 10px;display:flex}.drawer a:hover{background:var(--mint);text-decoration:none}.drawer a.active{background:var(--mint);color:var(--emerald);font-weight:600}.drawer a svg{color:var(--emerald)}.hero{background:linear-gradient(180deg, var(--paper-2), var(--paper) 85%);border-block-end:1px solid var(--line);position:relative;overflow:hidden}.hero:before{content:"";background-image:var(--pattern-star);pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 75%);mask-image:linear-gradient(#000 0%,#0000 75%)}.hero .container{text-align:center;padding-block:64px 140px;position:relative}.hero h1{margin-block-end:12px;font-size:clamp(2rem,5.5vw,3.4rem)}.hero h1 .gold{color:var(--gold)}.hero .tagline{color:var(--ink-soft);max-inline-size:620px;margin-block-end:26px;margin-inline:auto;font-size:clamp(1rem,2.4vw,1.2rem)}.hero-dunes{pointer-events:none;block-size:auto;inline-size:100%;position:absolute;inset-block-end:-2px;inset-inline:0}.hero-sun{block-size:auto;inline-size:clamp(48px,8vw,84px);color:var(--gold);opacity:.85;pointer-events:none;position:absolute;inset-block-start:48px;inset-inline-start:12%}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.card-title{align-items:center;gap:10px;margin-block-end:12px;font-size:1.15rem;display:flex}.card-title svg{color:var(--gold);flex-shrink:0}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:16px;display:grid}.tool-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);box-shadow:var(--shadow);flex-direction:column;gap:10px;padding:20px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.tool-card:after{content:"";background:linear-gradient(90deg, var(--emerald), var(--gold));opacity:0;block-size:3px;transition:opacity .18s;position:absolute;inset-block-start:0;inset-inline:0}.tool-card:before{content:"";border-radius:var(--radius);background:linear-gradient(135deg, var(--gold), transparent 55%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1px;transition:opacity .22s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.tool-card:hover{box-shadow:var(--shadow-lift);border-color:var(--gold);text-decoration:none;transform:translateY(-5px)}.tool-card:hover:after,.tool-card:hover:before{opacity:1}.tool-card .tool-icon{background:linear-gradient(135deg, var(--emerald-deep), var(--emerald));block-size:44px;inline-size:44px;color:var(--on-emerald);border-radius:12px;place-items:center;transition:transform .18s;display:grid;box-shadow:inset 0 0 0 1px #c39a3b59,inset 0 1px 1px #fff3}.tool-card:hover .tool-icon{transform:scale(1.06)}.tool-card .tool-name{font-family:var(--font-display);color:var(--heading);font-size:1.1rem}.tool-card .tool-desc{color:var(--ink-soft);margin:0;font-size:.88rem}.section-title{align-items:center;gap:10px;margin-block:36px 18px;font-size:1.5rem;display:flex}.section-title:before{content:"✦";color:var(--gold);font-size:.9em}.subsection-title{font-family:var(--font-display);color:var(--ink-soft);border-inline-start:3px solid var(--gold-faint);margin-block:22px 10px;padding-block:2px;padding-inline-start:12px;font-size:1.1rem;font-weight:400}.page-header{align-items:flex-start;gap:16px;margin-block-end:22px;display:flex}.page-header .ph-icon{background:linear-gradient(135deg, var(--emerald-dark), var(--emerald));block-size:52px;inline-size:52px;color:var(--on-emerald);border-radius:14px;flex-shrink:0;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #c39a3b66}.page-header h1{margin-block-end:4px;font-size:clamp(1.5rem,4vw,2.1rem)}.page-header .ph-sub{color:var(--ink-soft);margin:0;font-size:.95rem}.btn{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn:hover{box-shadow:var(--shadow);text-decoration:none;transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg, var(--emerald-deep), var(--emerald));border-color:var(--emerald-dark);color:#fff;box-shadow:0 8px 20px -10px #07523ab3}.btn-primary:hover{box-shadow:0 12px 26px -10px #07523acc}.btn-gold{background:linear-gradient(135deg, #b3892f, var(--gold));color:#fff;border-color:#9a7626}.btn-ghost{background:0 0}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-sm{padding:6px 13px;font-size:.85rem}.field{flex-direction:column;gap:5px;min-inline-size:0;display:flex}.field>label,.field>.field-label{color:var(--ink-soft);font-size:.82rem;font-weight:600}.input,.select{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--card);color:var(--ink);min-inline-size:0;padding:9px 12px}.input:focus,.select:focus{border-color:var(--emerald);outline:2px solid var(--emerald)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.pill-group{border:1px solid var(--line);background:var(--paper-2);border-radius:24px;flex-wrap:wrap;gap:6px;padding:4px;display:inline-flex}.pill{color:var(--ink-soft);background:0 0;border:none;border-radius:999px;padding:7px 14px;font-size:.88rem}.pill.active{background:var(--emerald-deep);color:#fff;box-shadow:0 2px 8px -2px #07523a99}.toggle-block{border-block-end:1px dashed var(--line);padding-block:14px}.toggle-block:last-child{border-block-end:none}.toggle-label{margin-block-end:8px;font-weight:600}.toggle-attr{color:var(--ink-soft);margin-block-start:8px;font-size:.82rem}.source-badge{border:1px solid var(--gold-soft);background:var(--gold-faint);color:var(--ink-soft);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:.78rem;display:inline-flex}.source-badge.wrap{white-space:normal;text-align:start;border-radius:var(--radius-sm);align-items:flex-start;max-inline-size:100%}.source-badge.wrap svg{flex-shrink:0;margin-block-start:2px}a.source-badge:hover{border-color:var(--gold);color:var(--ink);text-decoration:none}.source-badge svg{color:var(--gold)}.badge-row{flex-wrap:wrap;gap:6px;margin-block-start:8px;display:flex}.disclaimer{background:var(--gold-faint);border:1px solid var(--gold-soft);border-inline-start:4px solid var(--gold);border-radius:var(--radius-sm);color:var(--ink-soft);align-items:flex-start;gap:12px;padding:12px 16px;font-size:.88rem;display:flex}.disclaimer svg{color:var(--gold);flex-shrink:0;margin-block-start:2px}.note{color:var(--ink-soft);font-size:.85rem}.dua-note{background:var(--gold-faint);border:1px solid var(--gold-soft);border-inline-start:3px solid var(--gold);border-radius:var(--radius-sm);color:var(--ink);align-items:flex-start;gap:8px;margin-block:12px 0;padding:9px 13px;font-size:.82rem;line-height:1.5;display:flex}.dua-note svg{color:var(--gold);flex-shrink:0;margin-block-start:2px}.dua-note .source-badge{margin-block-start:6px}.benefit{background:var(--gold-faint);border-inline-start:3px solid var(--gold);border-radius:var(--radius-sm);padding:14px 16px}.benefit-head{color:var(--gold);align-items:center;gap:8px;margin-block-end:8px;font-weight:700;display:flex}.benefit-head svg{color:var(--gold)}.benefit-body{color:var(--ink);margin:0 0 10px;font-size:.92rem;line-height:1.6}.benefit-group{border-inline-start:2px solid var(--gold);flex-direction:column;gap:16px;padding-inline-start:16px;display:flex}.benefit-group .benefit{border-inline-start:0}.benefit-ar{font-family:var(--font-arabic);direction:rtl;font-size:1.18rem;line-height:1.95}.stale-badge{background:var(--terra);color:#fff;border-color:#0000}.status-badge{letter-spacing:.01em;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:.74rem;font-weight:600;display:inline-flex}.status-badge svg{flex-shrink:0}.status-badge.green{color:#0a6043;background:#e7f3ee;border-color:#9ccdb9}.status-badge.red{color:#913723;background:#f7e8e2;border-color:#d8a99a}[data-theme=dark] .status-badge.green{color:#4cc79a;background:#16a87729;border-color:#16a87773}[data-theme=dark] .status-badge.red{color:#e89a85;background:#a8432f3d;border-color:#c85a4680}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]) .status-badge.green{color:#4cc79a;background:#16a87729;border-color:#16a87773}:root:not([data-theme=light]):not([data-theme=dark]) .status-badge.red{color:#e89a85;background:#a8432f3d;border-color:#c85a4680}}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;display:grid}.kpi{background:linear-gradient(160deg, var(--emerald-dark), var(--emerald-deep));border-radius:var(--radius);color:#fff;box-shadow:var(--shadow);padding:18px;position:relative;overflow:hidden}.kpi:before{content:"";background-image:var(--pattern-star-light);position:absolute;inset:0}.kpi .kpi-label{letter-spacing:.08em;text-transform:uppercase;color:var(--on-emerald);font-size:.78rem;position:relative}.kpi .kpi-value{font-family:var(--font-display);margin-block-start:4px;font-size:1.7rem;position:relative}.kpi.kpi-gold{background:linear-gradient(160deg, #8a6a20, var(--gold))}.kpi.kpi-gold .kpi-label{color:#fff8e6}.times-list{flex-direction:column;display:flex}.time-row{border-block-end:1px solid var(--line);align-items:center;gap:12px;padding:13px 16px;display:flex}.time-row:last-child{border-block-end:none}.time-row .t-name{flex:1;font-weight:600}.time-row .t-ar{color:var(--ink-soft);font-family:var(--font-arabic);font-size:1.05rem}.time-row .t-value{font-family:var(--font-display);color:var(--heading);text-align:end;min-inline-size:88px;font-size:1.25rem}.time-row.next{background:var(--mint);border-radius:var(--radius-sm);border-block-end-color:#0000}.time-row.next .t-name:after{content:" •";color:var(--emerald-bright)}.table{border-collapse:collapse;inline-size:100%;font-size:.92rem}.table th{text-align:start;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);border-block-end:2px solid var(--line);padding:8px 10px;font-size:.78rem}.table td{border-block-end:1px solid var(--line);vertical-align:top;padding:10px}.feedback-card{border-radius:var(--radius);text-align:center;background:#07523a;border:1px solid #c9a24b;flex-direction:column;align-items:center;gap:10px;margin-block-start:40px;padding:26px 22px;display:flex}.feedback-card h2{color:#ecd6a4;font-family:var(--font-display);margin:0;font-size:1.3rem}.feedback-card p{color:#f1e7d2;max-inline-size:58ch;margin:0;line-height:1.65}.fb-btn{color:#07523a;background:#c9a24b;border:1px solid #b8923f;border-radius:999px;align-items:center;gap:8px;margin-block-start:6px;padding:10px 24px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.fb-btn:hover{background:#d9b863}.site-footer{background:linear-gradient(180deg, var(--emerald-dark), var(--emerald-ink));color:#cfe2d6;border-block-start:2px solid var(--gold);margin-block-start:48px;position:relative}.site-footer:before{content:"";background-image:var(--pattern-star-light);pointer-events:none;position:absolute;inset:0}.site-footer .container{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;padding-block:36px;font-size:.88rem;display:grid;position:relative}.site-footer a{color:var(--gold)}.site-footer a:hover{text-decoration:underline}.site-footer h4{color:var(--gold);margin-block-end:10px;font-size:1rem}.footer-note{color:#d7e7dd;text-align:center;border-block-start:1px solid #ffffff26;grid-column:1/-1;padding-block-start:16px;font-size:.85rem}.muted{color:var(--ink-soft)}.small{font-size:.85rem}.center{text-align:center}.gold-text{color:var(--gold)}.divider{border:none;border-block-start:1px solid var(--line);margin-block:20px}.loading{text-align:center;color:var(--ink-soft);font-family:var(--font-display);padding:60px 20px;font-size:1.1rem}.tier-label{letter-spacing:.1em;text-transform:uppercase;background:var(--mint);color:var(--emerald);border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-block}details.accordion{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card);padding:0}details.accordion summary{cursor:pointer;align-items:center;gap:8px;padding:12px 16px;font-weight:600;list-style:none;display:flex}details.accordion summary:before{content:"✦";color:var(--gold);font-size:.8em;transition:transform .2s}details.accordion[open] summary:before{transform:rotate(45deg)}details.accordion>.accordion-body{padding:0 16px 14px}@media (max-width:560px){.page{padding-block:18px 48px}.card{padding:16px}.hero .container{padding-block:44px 110px}}.dash-hero{background:var(--sky-grad);color:var(--sky-ink);border-block-end:1px solid var(--line);position:relative;overflow:hidden}.dash-hero h1{color:var(--sky-ink);margin-block:2px 0;font-size:clamp(1.5rem,4.5vw,2.4rem)}.dash-hero .container{padding-block:26px 30px;position:relative}.dash-date{color:var(--sky-sub);font-size:.9rem;font-weight:500}.dash-at{color:var(--sky-sub);font-size:.95rem;font-weight:500}.dash-now{color:var(--sky-sub);margin-block-start:2px;font-size:.95rem;font-weight:500}.dash-now strong{color:var(--sky-ink);font-variant-numeric:tabular-nums;font-weight:600}.dash-official{color:var(--sky-ink);background:var(--sky-chip);border:1px solid var(--gold);border-radius:999px;align-items:center;gap:5px;margin:0 0 8px;padding:2px 10px;font-size:.82rem;font-weight:600;display:inline-flex}.official-banner{border-radius:var(--radius-sm);border:1px solid var(--gold);background:var(--mint);color:var(--ink);align-items:center;gap:7px;margin:0 0 6px;padding:8px 12px;font-weight:600;display:flex}.official-banner svg{color:var(--gold);flex:none}.dash-loc{background:var(--sky-chip);color:var(--sky-ink);border-color:#0000}.dash-loc:hover{border-color:var(--gold)}.sun-arc{block-size:auto;inline-size:100%;color:var(--sky-ink);margin-block:6px -4px}.sun-arc .sun-glow{transform-box:fill-box;transform-origin:50%;animation:4.6s ease-in-out infinite sunBreath}@keyframes sunBreath{0%,to{opacity:.18;transform:scale(1)}50%{opacity:.34;transform:scale(1.14)}}.times-strip{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.time-chip{text-align:center;background:var(--sky-chip);color:inherit;border-radius:12px;min-inline-size:0;padding:8px 4px}a.time-chip:hover{outline:1px solid var(--gold);text-decoration:none}.time-chip .t-c-name{letter-spacing:.07em;text-transform:uppercase;opacity:.85;font-size:.7rem;display:block}.time-chip .t-c-time{font-family:var(--font-display);font-size:1.05rem}.time-chip.next{background:var(--sky-chip-next);outline:2px solid var(--gold)}.dash-night{color:var(--sky-sub);justify-content:center;margin-block-start:12px;font-size:.85rem}.dash-night .nightc{align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.dash-night .nightc strong{font-family:var(--font-display);color:var(--sky-ink);font-weight:400}.dash-night a{color:var(--gold)}.sky-morning{--sky-grad:linear-gradient(180deg, #3f86cf 0%, #6ea8e2 42%, #a9d2f1 78%, #e3f1fb 100%);--sky-ink:#0d2643;--sky-sub:#163152;--sky-chip:#0828461f;--sky-chip-next:#08284633}.sky-midday{--sky-grad:linear-gradient(180deg, #2c75c6 0%, #5ea0e2 48%, #98c9ef 82%, #d2e9f9 100%);--sky-ink:#0b2340;--sky-sub:#143050;--sky-chip:#0828461f;--sky-chip-next:#08284633}.sky-golden{--sky-grad:linear-gradient(180deg, #36406f 0%, #7a5a86 30%, #c9704f 60%, #ec9a55 82%, #f4be6b 100%);--sky-ink:#f7eed8;--sky-sub:#f0dcb4;--sky-chip:#261a1247;--sky-chip-next:#261a1266}.sky-dawn{--sky-grad:linear-gradient(180deg, #20324f 0%, #3f4f6e 38%, #6f6f80 64%, #b98a63 88%, #d9a878 100%);--sky-ink:#f1e9d6;--sky-sub:#d3c7ac;--sky-chip:#101a2a9e;--sky-chip-next:#101a2abd}.sky-dusk{--sky-grad:linear-gradient(180deg, #020c08 0%, #07241a 55%, #0d3727 80%, #11402e 100%);--sky-ink:#ece4ce;--sky-sub:#b3bda9;--sky-chip:#ffffff1a;--sky-chip-next:#ffffff2e}.sky-dawn .dash-night,.sky-golden .dash-night{color:#3a3526}.sky-dawn .dash-night .nightc,.sky-golden .dash-night .nightc{color:var(--sky-sub)}.sky-dawn .dash-night a,.sky-golden .dash-night a{color:#2b2a1c;text-decoration:underline}.sky-night{--sky-grad:linear-gradient(180deg, #020c08 0%, #07241a 55%, #0d3727 80%, #11402e 100%);--sky-ink:#ece4ce;--sky-sub:#b3bda9;--sky-chip:#ffffff1a;--sky-chip-next:#ffffff2e}.sky-night:before,.sky-dusk:before{content:"";pointer-events:none;background:radial-gradient(135% 75% at 50% -18%,#2460448c,#0000 66%);position:absolute;inset:0}.starfield{pointer-events:none;position:absolute;inset:0;overflow:hidden}.star{opacity:.85;will-change:opacity;background:#fff6dc;border-radius:50%;animation-name:twinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;position:absolute;box-shadow:0 0 4px .5px #fff6dc8c}.star.gold{background:var(--gold);box-shadow:0 0 6px 1px #d4a853b3}@keyframes twinkle{0%{opacity:.55}to{opacity:1}}.clouds{pointer-events:none;position:absolute;inset:0;overflow:hidden}.cloud{opacity:.9;will-change:transform;background:#fbfdff;border-radius:1.1em;block-size:1em;inline-size:3.3em;font-size:21px;animation-name:drift;animation-duration:100s;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;inset-inline-start:0;box-shadow:0 .3em .7em #46698c2e}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.cloud:before{block-size:1.55em;inline-size:1.55em;inset-block-start:-.66em;inset-inline-start:.55em}.cloud:after{block-size:2.1em;inline-size:2.1em;inset-block-start:-1.05em;inset-inline-end:.55em}@keyframes drift{0%{transform:translate(-22vw)}to{transform:translate(118vw)}}.dial-row{grid-template-columns:minmax(230px,330px) 1fr;align-items:center;gap:8px 28px;display:grid}.prayer-dial{filter:drop-shadow(0 10px 22px #063a2a2e);block-size:auto;inline-size:100%}.dial-hand{transition:transform 1.1s cubic-bezier(.3,1.5,.5,1)}@keyframes dialPulse{0%,to{opacity:.12}50%{opacity:.5}}.dial-pulse{opacity:.12;animation:2.6s ease-in-out infinite dialPulse}@media (max-width:760px){.dial-row{grid-template-columns:1fr}.prayer-dial{max-inline-size:300px;margin-inline:auto}}.next-chip{color:#fff;white-space:nowrap;background:#c39a3b33;border:1px solid #c39a3b8c;border-radius:999px;align-items:center;gap:6px;padding:6px 13px;font-size:.85rem;display:inline-flex}.next-chip:hover{background:#c39a3b52;text-decoration:none}@media (max-width:640px){.times-strip{grid-template-columns:repeat(3,1fr)}.next-chip{padding:5px 10px;font-size:.78rem}}@media (max-width:560px){.nav-links a.next-chip{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.night-bar{background:var(--mint);border:1px solid var(--line);border-radius:999px;block-size:10px;position:relative}.night-fill{background:linear-gradient(to right, var(--emerald-deep), var(--emerald));opacity:.75;border-radius:999px;position:absolute;inset-block:0;inset-inline-start:0}.night-mark{background:var(--gold-soft);inline-size:2px;position:absolute;inset-block:-3px}.night-dot{background:var(--gold);border:2px solid var(--paper);block-size:14px;inline-size:14px;box-shadow:var(--shadow);border-radius:50%;position:absolute;inset-block-start:-3px}.offline-bar{background:var(--dune);color:var(--ink);text-align:center;border-block-end:1px solid var(--line);justify-content:center;align-items:center;gap:8px;padding-block:7px;padding-inline:16px;font-size:.85rem;display:flex}.update-toast{background:var(--card);border:1px solid var(--gold-soft);inline-size:-moz-fit-content;inline-size:fit-content;max-inline-size:calc(100vw - 32px);box-shadow:var(--shadow-lift);z-index:55;border-radius:999px;align-items:center;gap:12px;margin-inline:auto;padding-block:9px;padding-inline:16px 9px;font-size:.92rem;animation:.45s cubic-bezier(.34,1.56,.64,1) both toastUp;display:flex;position:fixed;inset-block-end:18px;inset-inline:16px}@keyframes toastUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.update-toast .toast-close{color:var(--ink-soft);padding:6px}.update-toast .toast-close:hover{background:var(--mint)}.drawer-install{border:none;border-block-start:1px solid var(--line);border-radius:var(--radius-sm);inline-size:100%;color:var(--ink);background:0 0;align-items:center;gap:10px;margin-block-start:18px;padding:9px 10px;font-size:1rem;display:flex}.drawer-install:hover{background:var(--mint)}@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{inline-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}.print-area .no-print,.site-header,.feedback-card,.site-footer{display:none!important}}