@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");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");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");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");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");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");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");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");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");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");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");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");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");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}.ico{flex:none;max-inline-size:none}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}.site-header :focus-visible{outline-color:var(--gold)}.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}.skip-link:active{transform:translateY(0)scale(.97)}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;animation:.35s both fadeUp;position:sticky;inset-block-start:0;box-shadow:0 2px 18px #042d2059}@supports (animation-timeline:scroll()){.site-header{animation:.35s both fadeUp,linear both headerShadowDepth;animation-timeline:auto,scroll(root);animation-range:normal,0 240px}}@keyframes headerShadowDepth{0%{box-shadow:0 2px 18px #042d2059}to{box-shadow:0 6px 30px #042d208c}}@supports (animation-timeline:scroll()){.site-header:before{animation:linear both headerStarDrift;animation-timeline:scroll(root);animation-range:0 480px}}@keyframes headerStarDrift{0%{background-position:0 0}to{background-position:-36px -36px}}.site-header:before{content:"";background-image:var(--pattern-star-light);pointer-events:none;position:absolute;inset:0}.scroll-progress-bar{background:var(--emerald-bright);block-size:2px;transform:scaleX(var(--scroll-progress,0));transform-origin:0;pointer-events:none;transition:transform .1s linear;position:absolute;inset-block-end:0;inset-inline:0}[dir=rtl] .scroll-progress-bar{transform-origin:100%}.site-header .container{align-items:center;gap:18px;min-block-size:60px;transition:min-block-size .2s;display:flex;position:relative}.site-header.compact .container{min-block-size:44px}.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:active{transform:translateY(0)scale(.97)}.brand .logo-star{color:var(--gold);animation:140s linear infinite logoSpin;display:inline-flex}@keyframes logoSpin{to{transform:rotate(360deg)}}.brand .tld{color:var(--gold);opacity:1;margin-inline-start:-.1em}.brand-divider{color:#c39a3bd9;margin-inline:.15em;display:inline-flex}.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;transition:background-color .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.nav-links a:hover,.icon-btn:hover{background:#ffffff1a;text-decoration:none}.site-header .icon-btn{border-color:#c39a3b47}.nav-links a:active,.icon-btn:active{transform:translateY(0)scale(.97)}.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}}.site-header .icon-btn .chip-tick{flex:none}@media (min-width:461px) and (max-width:960px){.site-header .container{gap:10px}.site-header .icon-btn{padding-inline:8px}.site-header .nav-links{gap:2px}}@media (max-width:460px){.site-header .container{gap:8px;padding-inline:12px}.site-header .brand{gap:5px}.site-header .nav-links{gap:2px}}@media (max-width:415px){.site-header .icon-btn{gap:4px;padding-inline:6px}.site-header .brand{gap:4px}}@media (max-width:400px){.site-header .brand{letter-spacing:.05em;font-size:1.1rem}}.drawer-backdrop{z-index:60;background:#04231980;animation:.15s both fadeUp;position:fixed;inset:0}.drawer-backdrop.closing{animation:.18s both fadeOut}@keyframes fadeOut{0%{opacity:1}to{opacity: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);--drawer-offset:100%;padding:22px;animation:.22s both drawerIn;position:fixed;inset-block:0;inset-inline-end:0;overflow-y:auto}[dir=rtl] .drawer{--drawer-offset:-100%}.drawer.closing{animation:.2s both drawerOut}@keyframes drawerIn{0%{transform:translateX(var(--drawer-offset))}to{transform:none}}@keyframes drawerOut{0%{transform:none}to{transform:translateX(var(--drawer-offset))}}.drawer-next-prayer{border-block-end:1px solid var(--line);color:var(--ink-soft);margin-block:2px 12px;padding-block-end:12px;font-size:.9rem}.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-sub{color:var(--ink-soft);font-family:var(--font-body);margin-block:0 6px;font-size:.8rem}.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{transform:translateY(0)scale(.97)}.drawer a.active{background:var(--mint);color:var(--emerald);font-weight:600}.drawer a svg{color:var(--emerald)}.drawer a,.drawer h4,.drawer .drawer-sub{animation:.22s both fadeUp}.drawer>div:nth-of-type(2) h4{animation-delay:20ms}.drawer>div:nth-of-type(2) .drawer-sub{animation-delay:30ms}.drawer>div:nth-of-type(2) a:first-of-type{animation-delay:40ms}.drawer>div:nth-of-type(2) a:nth-of-type(2){animation-delay:60ms}.drawer>div:nth-of-type(2) a:nth-of-type(3){animation-delay:80ms}.drawer>div:nth-of-type(2) a:nth-of-type(4){animation-delay:.1s}.drawer>div:nth-of-type(3) h4{animation-delay:80ms}.drawer>div:nth-of-type(3) .drawer-sub{animation-delay:90ms}.drawer>div:nth-of-type(3) a:first-of-type{animation-delay:.1s}.drawer>div:nth-of-type(3) a:nth-of-type(2){animation-delay:.12s}.drawer>div:nth-of-type(3) a:nth-of-type(3){animation-delay:.14s}.drawer>div:nth-of-type(3) a:nth-of-type(4){animation-delay:.16s}.drawer>div:nth-of-type(4) h4{animation-delay:.14s}.drawer>div:nth-of-type(4) .drawer-sub{animation-delay:.15s}.drawer>div:nth-of-type(4) a:first-of-type{animation-delay:.16s}.drawer>div:nth-of-type(4) a:nth-of-type(2){animation-delay:.18s}.drawer>div:nth-of-type(4) a:nth-of-type(3){animation-delay:.2s}.drawer>div:nth-of-type(5) h4{animation-delay:.18s}.drawer>div:nth-of-type(5) .drawer-sub{animation-delay:.19s}.drawer>div:nth-of-type(5) a:first-of-type{animation-delay:.2s}.drawer>div:nth-of-type(5) a:nth-of-type(2){animation-delay:.22s}.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.card--eve-accent{border-inline-start-width:3px;border-inline-start-color:var(--emerald)}[data-theme=dark] .card.card--eve-accent{border-inline-start-color:var(--emerald-bright)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]) .card.card--eve-accent{border-inline-start-color:var(--emerald-bright)}}.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}.section-title.section-title--morning,.section-title.section-title--evening{background-position:bottom;background-repeat:no-repeat;background-size:100% 2px;padding-block-end:6px}.section-title.section-title--morning{background-image:linear-gradient(90deg, color-mix(in srgb, var(--terra) 70%, transparent), transparent)}.section-title.section-title--evening{background-image:linear-gradient(90deg, color-mix(in srgb, var(--emerald-ink) 70%, transparent), transparent)}[dir=rtl] .section-title.section-title--morning{background-image:linear-gradient(270deg, color-mix(in srgb, var(--terra) 70%, transparent), transparent)}[dir=rtl] .section-title.section-title--evening{background-image:linear-gradient(270deg, color-mix(in srgb, var(--emerald-ink) 70%, transparent), transparent)}.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}.subsection-links{flex-wrap:wrap;gap:4px 14px;margin-block-start:10px;font-size:.85rem;display:flex}.subsection-link{color:var(--ink-soft)}.subsection-link:hover{color:var(--emerald)}#after-prayer-every,#after-prayer-fajr-maghrib{scroll-margin-block-start:76px}.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:active{transform:translateY(0)scale(.97)}.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.pill--morning{background:linear-gradient(to bottom, color-mix(in srgb, var(--terra) 20%, transparent), transparent)}.pill.pill--evening{background:linear-gradient(to bottom, color-mix(in srgb, var(--emerald-ink) 24%, transparent), transparent)}.pill{color:var(--ink-soft);background:0 0;border:none;border-radius:999px;padding:7px 14px;font-size:.88rem;transition:background-color .2s,color .2s,box-shadow .2s}.pill.active{background:var(--emerald-deep);color:#fff;box-shadow:0 2px 8px -2px #07523a99}.pill:hover:not(.active){background-color:var(--card);color:var(--ink)}.pill--now:not(.active){box-shadow:0 0 0 2px color-mix(in srgb, var(--emerald) 25%, transparent);animation:5s ease-in-out infinite pillNowGlow}@keyframes pillNowGlow{0%,to{box-shadow:0 0 0 2px color-mix(in srgb, var(--emerald) 18%, transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb, var(--emerald) 40%, transparent)}}.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)}.repeat-badge{animation:.15s ease-out repeatBadgeIn;transform:scale(1)}@keyframes repeatBadgeIn{0%{transform:scale(.92)}to{transform:scale(1)}}.repeat-dots{align-items:center;gap:3px;display:inline-flex}.repeat-dot{opacity:.55;background:currentColor;border-radius:50%;flex-shrink:0;block-size:4px;inline-size:4px}.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.disclaimer--rail-gradient{border-inline-start:none;padding-inline-start:20px;position:relative;overflow:hidden}.disclaimer.disclaimer--rail-gradient:before{content:"";background:linear-gradient(to bottom, var(--gold), var(--emerald));inline-size:4px;position:absolute;inset-block:0;inset-inline-start:0}.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}.dua-source-hold{touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;display:inline-flex;position:relative}.dua-source-popover{border:1px solid var(--emerald-bright);background:var(--emerald-ink);color:#ece4ce;pointer-events:none;z-index:2;border-radius:10px;inline-size:max-content;max-inline-size:min(260px,78vw);padding:10px 14px;font-size:.78rem;line-height:1.4;animation:.15s both holdDetailIn;position:absolute;inset-block-end:calc(100% + 8px);inset-inline-start:0}.dua-eve-toggle{border:1px solid var(--line);color:var(--ink-soft);background:0 0;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:.78rem;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.dua-eve-toggle:hover{border-color:var(--emerald)}.dua-eve-toggle[aria-pressed=true]{background:var(--emerald-deep);color:#fff;border-color:var(--emerald-deep)}.dua-eve-toggle svg{color:currentColor}.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 .source-badge{margin-block-end:8px}.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}.copy-check-pop{opacity:1;align-items:center;animation:.18s ease-out copyCheckPop;display:inline-flex;transform:scale(1)}@keyframes copyCheckPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.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);pointer-events:none;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);color:inherit;margin-block-start:4px;font-size:1.7rem;display:block;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{font-weight:600}.time-row .night-row-dot{border-radius:50%;flex-shrink:0;block-size:8px;inline-size:8px;margin-inline-end:2px}.time-row.next.night-row-ending{background:color-mix(in srgb, var(--terra) 20%, var(--mint))}.time-row .t-name-wrap{flex-direction:column;flex:1;gap:1px;display:flex}.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}.table th.timetable-wave-head,.table td.timetable-wave-cell{inline-size:20px;padding-inline:2px}.timetable-wave-bar{inline-size:6px;block-size:var(--wave-h,4px);background:var(--emerald);border-radius:2px;margin-inline:auto;display:block}.hijri-flip-row td.hijri-flip-cell{background:var(--mint);text-align:center;padding-block:8px;font-size:.82rem}@media print{.timetable-daylink{all:unset;font:inherit;color:inherit}}.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;animation:.4s .1s both fadeUp;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:var(--emerald-ink);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}.fb-btn:active{transform:translateY(0)scale(.97)}.site-footer{background:linear-gradient(180deg, var(--emerald-dark), var(--emerald-ink));color:#cfe2d6;border-block-start:1px solid #c39a3b8c;margin-block-start:48px;animation:.4s .1s both fadeUp;position:relative}.site-footer:before{content:"";background-image:var(--pattern-star-light);pointer-events:none;background-position:36px 36px;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);padding-block:4px;display:inline-block}.site-footer a:hover{text-decoration:underline}.site-footer h2{color:var(--gold);margin-block-end:10px;font-size:1rem}.footer-source-links{flex-wrap:wrap;gap:4px 14px;margin-block-start:8px;font-size:.85rem;display:flex}.footer-note{color:#d7e7dd;text-align:center;border-block-start:1px solid #ffffff26;grid-column:1/-1;padding-block-start:16px;font-size:.85rem}.back-to-top{color:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:none;margin-block-start:8px;margin-inline:auto;padding:0;font-family:inherit;font-size:.85rem;text-decoration:underline;transition:transform .15s;display:block}.back-to-top:active{transform:scale(.94)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.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;transition:border-color .2s,background-color .2s}.dash-loc:hover{border-color:var(--gold)}.dash-loc svg{flex-shrink:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.dash-loc:hover svg,.dash-loc:focus-visible svg{transform:scale(1.18)}.dash-loc:active{transform:scale(.98)}.sun-arc-wrap{margin-block:6px -4px;position:relative}.sun-arc{block-size:auto;inline-size:100%;color:var(--sky-ink)}.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;outline:1px solid #0000;min-inline-size:0;padding:8px 4px;transition:background-color .3s,outline-color .3s,transform .18s;position:relative}a.time-chip:hover{outline-color:var(--gold);text-decoration:none;transform:translateY(-2px)}a.time-chip:active{transition-duration:.3s,.3s,80ms;transform:translateY(0)scale(.97)}.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);animation:.7s cubic-bezier(.34,1.56,.64,1) chipBloom}.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)}.dash-hero .badge-row{justify-content:center}.dash-night-link{margin-block-start:6px}.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%),linear-gradient(115deg,#0000 42%,#ece4ce0d 50%,#0000 58%);position:absolute;inset:0}.starfield{pointer-events:none;transform:translate3d(calc(var(--par-x,0) * -5px), calc(var(--par-y,0) * -3px), 0);transition:transform .5s ease-out;animation:2.8s ease-out both starfieldIn;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;transform:translate3d(calc(var(--par-x,0) * -9px), calc(var(--par-y,0) * -5px), 0);transition:transform .5s ease-out;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}.dial-wrap{position:relative}.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}.dial-hits{position:absolute;inset:0}.dial-hit{background:0 0;border:none;border-radius:50%;block-size:44px;inline-size:44px;padding:0;position:absolute;transform:translate(-50%,-50%)}.dial-tip{z-index:3}@media (max-width:760px){.dial-row{grid-template-columns:1fr}.dial-wrap{max-inline-size:300px;margin-inline:auto}}.nav-links a.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;transition:background-color .15s,border-color .15s,color .15s,transform .15s;display:inline-flex;position:relative}.nav-links a.next-chip:hover{background:#c39a3b52;text-decoration:none}.nav-links a.next-chip .next-chip-info{opacity:.8;flex-shrink:0;display:inline-flex}.nav-links a.next-chip.chip-bloom{animation:.7s cubic-bezier(.34,1.56,.64,1) chipBloom}.nav-links a.next-chip:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;animation:5s ease-in-out infinite chipGlow;position:absolute;inset:0;box-shadow:0 0 0 1px #c39a3b8c,0 0 7px 1px #c39a3b66}@keyframes chipGlow{0%,to{opacity:.35}50%{opacity:.55}}@media (max-width:640px){.times-strip{grid-template-columns:repeat(3,1fr)}.nav-links a.next-chip{padding:5px 10px;font-size:.78rem}.nav-links a.next-chip .chip-current{display:none}}@media (max-width:560px){.nav-links a.next-chip{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.kpi-value-row{align-items:center;gap:6px;display:flex}.moon-glyph{flex-shrink:0}.moon-glyph-disc{fill:#ffffff1f;stroke:#ffffff59;stroke-width:1px}.moon-glyph-lit{fill:#ffffffeb}.copy-target{text-align:inherit;background:0 0;border:none;margin:0;padding:0}.night-note-fade,.ramadan-note-fade,.ramadan-card-fade{animation:.4s both fadeUp}.ramadan-hold-target{touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.ramadan-hold-detail{letter-spacing:.04em;opacity:.9;margin-block-start:4px;font-size:.72rem}.ramadan-calendar-fade{animation:.4s both fadeUp}.ramadan-calendar-grid{grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:8px;margin-block:12px;display:grid}.ramadan-calendar-cell{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--card);min-block-size:44px;color:var(--ink);font-family:var(--font-display);justify-content:center;align-items:center;padding:0;font-size:.95rem;display:flex;position:relative}button.ramadan-calendar-cell:active{transform:scale(.93)}.ramadan-calendar-cell.is-readonly{cursor:default;opacity:.85}.ramadan-calendar-cell.is-today{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-faint);color:var(--gold);font-weight:600}.ramadan-calendar-cell.is-marked{background:var(--gold-faint);border-color:var(--gold-soft)}.ramadan-calendar-cell.is-marked svg{color:var(--gold);position:absolute;inset-block-end:3px;inset-inline-end:3px}.ramadan-calendar-preview .ramadan-calendar-cell{background:var(--gold-faint);opacity:.7}.ramadan-calendar-recap .ramadan-calendar-cell.is-marked{background:color-mix(in srgb, var(--mint) 60%, transparent);border-color:var(--terra)}.ramadan-calendar-recap .ramadan-calendar-cell.is-marked svg{color:var(--terra)}.night-badge-fade{animation:.4s .1s both fadeUp}.night-bar-wrap{position:relative}.night-wheel-wrap{aspect-ratio:1;direction:ltr;inline-size:100%;max-inline-size:260px;margin-inline:auto;position:relative}.night-wheel{filter:drop-shadow(0 8px 18px #063a2a29);block-size:100%;inline-size:100%;display:block}.night-wheel-dot{background:var(--emerald-bright);border:2px solid var(--paper);block-size:14px;inline-size:14px;box-shadow:var(--shadow);border-radius:50%;transition:left .9s,top .9s;position:absolute;transform:translate(-50%,-50%)}.night-wheel-hits{pointer-events:none;position:absolute;inset:0}.night-wheel-hit{pointer-events:auto;cursor:pointer;touch-action:manipulation;background:0 0;border:none;block-size:28px;inline-size:28px;padding:0;position:absolute;transform:translate(-50%,-50%)}.night-wheel-fade{animation:.4s both fadeUp}.night-bar{background:linear-gradient(to right, var(--emerald-deep) 0%, var(--emerald-deep) 33.333%, var(--emerald-ink) 33.333%, var(--emerald-ink) 66.667%, var(--emerald-deep) 66.667%, var(--emerald-deep) 100%);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-mark.night-mark-active{background:var(--gold);box-shadow:0 0 6px 1px var(--gold)}.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}.night-bar-wrap .night-fill{transition:inline-size .9s}.night-bar-wrap .night-dot{transition:inset-inline-start .9s}.offline-bar{background:var(--gold-faint);border:1px solid var(--gold-soft);border-inline-start:4px solid var(--gold);color:var(--ink);text-align:center;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}.update-toast.closing{animation:.25s both toastDown}@keyframes toastDown{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(14px)}}.update-toast .btn:active{transform:scale(.94)}@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:1px solid var(--gold-soft);border-radius:var(--radius-sm);background:var(--gold-faint);inline-size:100%;color:var(--ink);align-items:center;gap:10px;margin-block-start:18px;padding:9px 10px;font-size:1rem;display:flex}.drawer-install:hover{background:var(--mint)}.drawer-install:active{transform:translateY(0)scale(.97)}.dash-hero .dash-date{animation:.4s 20ms both fadeUp}.dash-hero .dash-event{animation:.4s 40ms both fadeUp}.dash-hero .dash-now{animation:.4s 60ms both fadeUp}.dash-hero .dash-at,.dash-hero .dash-progress{animation:.4s .14s both fadeUp}.dash-hero .dash-loc{animation:.4s .18s both fadeUp}.dash-hero .sun-arc-wrap{animation:.4s .22s both fadeUp}.dash-hero .scrub-row{animation:.4s .26s both fadeUp}.dash-hero .times-strip{animation:.4s .3s both fadeUp}.dash-hero .night-bar-slim,.dash-hero .dash-night{animation:.4s .38s both fadeUp}.dash-hero .badge-row{animation:.4s .44s both fadeUp}.dash-hero .dash-night-link{animation:.4s .5s both fadeUp}.dash-hero h1{animation:.45s both tickSettle}.chip-tick{animation:.45s both tickSettle;display:inline-block}@keyframes tickSettle{0%{opacity:.4;transform:translateY(3px)}}@keyframes chipBloom{0%,to{transform:scale(1)}40%{transform:scale(1.045)}}.dash-soon .time-chip.next:after{content:"";box-shadow:0 0 0 2px var(--gold), 0 0 16px var(--gold);opacity:.35;pointer-events:none;border-radius:14px;animation:3.2s ease-in-out infinite soonPulse;position:absolute;inset:-3px}@keyframes soonPulse{0%,to{opacity:.18}50%{opacity:.55}}.sky-fade{pointer-events:none;background:var(--sky-grad);opacity:0;animation:2.4s ease-out both skyFade;position:absolute;inset:0}@keyframes skyFade{0%{opacity:1}to{opacity:0}}.dash-hero{transition:color 1.6s}.dash-progress{background:var(--sky-chip);border-radius:999px;block-size:4px;inline-size:min(340px,100%);margin-block-start:8px;overflow:hidden}.dash-progress-fill{background:var(--gold);border-radius:999px;block-size:100%;transition:inline-size .9s}.dash-event{color:var(--sky-sub);align-items:center;gap:5px;margin-block-start:2px;font-size:.8rem;display:inline-flex}.dash-event:hover{color:var(--sky-ink);text-decoration:underline;-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold)}.dash-event svg{flex-shrink:0}a.dash-fast{margin-inline-start:8px;display:inline-flex}a.dash-fast:hover{background:var(--sky-chip-next);text-decoration:none}.dash-night a.nightc{color:inherit;text-decoration:none}.sky-dawn .dash-night a.nightc,.sky-golden .dash-night a.nightc{color:var(--sky-sub);text-decoration:none}.dash-trend{opacity:.8;margin-inline-start:4px}.dash-qibla .qibla-rose{flex-shrink:0;display:inline-flex}.arc-hits{position:absolute;inset:0}.arc-hit{background:0 0;border:none;border-radius:50%;block-size:44px;inline-size:44px;padding:0;position:absolute;transform:translate(-50%,-50%)}.hit-ping{border:2px solid var(--gold);opacity:0;pointer-events:none;border-radius:50%;animation:.7s ease-out markerPing;position:absolute;inset:6px}@keyframes markerPing{0%{opacity:.6;transform:scale(.4)}to{opacity:0;transform:scale(1.3)}}.arc-tip{border:1px solid var(--gold);background:var(--emerald-ink);color:#ece4ce;white-space:nowrap;pointer-events:none;z-index:2;border-radius:10px;flex-direction:column;gap:1px;padding:6px 11px;font-size:.78rem;line-height:1.35;animation:.2s both tipIn;display:flex;position:absolute;transform:translate(-50%,-130%)}.arc-tip span{opacity:.85}@keyframes tipIn{0%{opacity:0;transform:translate(-50%,-118%)}}.sun-arc .arc-body,.sun-arc .arc-glowx{will-change:transform;transition:transform 2.4s ease-in-out}.sun-arc .arc-marker{transition:transform 1.1s cubic-bezier(.3,1.5,.5,1);animation:.9s both markerIn}.sun-arc .arc-marker text{transition:transform 1.1s cubic-bezier(.3,1.5,.5,1)}@keyframes markerIn{0%{opacity:0}}.dash-hero.scrubbing .sun-arc .arc-body,.dash-hero.scrubbing .sun-arc .arc-glowx,.dash-hero.scrubbing .sun-arc .arc-marker,.dash-hero.scrubbing .sun-arc .arc-marker text{transition:none}.sun-arc .arc-marker circle{transform-box:fill-box;transform-origin:50%;transition:transform .2s,opacity .2s}.sun-arc .marker-hot circle{opacity:1;transform:scale(1.5)}.sun-arc .marker-hot text{opacity:1}.sun-arc .sunset-disc{opacity:0;animation:2.2s ease-in both sunsetSink}@keyframes sunsetSink{0%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(30px)}}.sun-arc .sunset-bloom{opacity:0;transform-box:fill-box;transform-origin:50%;animation:2.2s ease-out both sunsetBloom}@keyframes sunsetBloom{0%{opacity:0;transform:scale(1)}35%{opacity:.55}to{opacity:0;transform:scale(1.7)}}.sun-arc .dune-lit{animation:2.6s ease-out both duneLit}@keyframes duneLit{0%,to{opacity:.2}40%{opacity:.34}}.dash-hero.moment-firstlight:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(#0000,#c39a3b42);block-size:55%;animation:2.6s ease-out both firstLight;position:absolute;inset:auto 0 0}@keyframes firstLight{0%{opacity:0;transform:translateY(12%)}40%{opacity:1}to{opacity:0;transform:translateY(0)}}.sun-arc .ember{transform-box:fill-box;transform-origin:50%;animation:5.2s ease-in-out infinite emberPulse}@keyframes emberPulse{0%,to{opacity:.36;transform:scale(1)}50%{opacity:.52;transform:scale(1.08)}}.sky-dawn:before,.sky-golden:before{content:"";pointer-events:none;background:radial-gradient(80% 45% at 50% 108%, var(--sky-ember), transparent 70%);animation:9s ease-in-out infinite alternate emberBreath;position:absolute;inset:0}.sky-dawn{--sky-ember:#d9a87880}.sky-golden{--sky-ember:#ec9a556b}@keyframes emberBreath{0%{opacity:.55}to{opacity:.9}}.sky-dusk:after{content:"";pointer-events:none;opacity:calc(var(--afterglow,0) * .8);background:radial-gradient(55% 28% at 78% 104%,#ec9a5580,#0000 70%);position:absolute;inset:0}.sky-deepnight{--sky-grad:linear-gradient(180deg, #010805 0%, #041710 55%, #082419 80%, #0b2c1f 100%)}.sky-deepnight:before{animation:16s ease-in-out infinite alternate airglowBreath}@keyframes airglowBreath{0%{opacity:.55}to{opacity:.85}}.sky-deepnight .star.gold{box-shadow:0 0 9px 2px #d4a853cc}.sky-deepnight .nightc-last{outline:1px solid var(--gold);border-radius:999px}@keyframes starfieldIn{0%{opacity:0}to{opacity:1}}.star.dim{box-shadow:none;opacity:.32;animation:none!important}.star.flare{will-change:opacity, transform}@keyframes starFlare{0%,84%,to{opacity:.6;transform:scale(1)}90%{opacity:1;transform:scale(1.8)}}@keyframes starRise{0%{opacity:0}}.star.unrisen{box-shadow:none;opacity:0!important;animation:none!important}.meteor{opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#fff6dc);block-size:1px;inline-size:70px;animation:1.6s ease-out both meteorStreak;position:absolute}@keyframes meteorStreak{0%{opacity:0;transform:var(--m-rot,rotate(24deg)) translateX(0)}15%{opacity:.9}to{opacity:0;transform:var(--m-rot,rotate(24deg)) translateX(130px)}}.lanterns,.sparkles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.lantern{transform-origin:50% 0;block-size:1.53em;inline-size:.8em;animation:ease-in-out infinite alternate lanternSway;position:absolute}@keyframes lanternSway{0%{transform:rotate(-2.2deg)}to{transform:rotate(2.2deg)}}.lantern-flame{opacity:.55;animation:3.8s ease-in-out infinite alternate lanternGlow}@keyframes lanternGlow{0%{opacity:.45}to{opacity:.8}}.sparkle{background:var(--gold);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:.8;animation-name:twinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;position:absolute}.birds,.bats{pointer-events:none;position:absolute;inset:0;overflow:hidden}.bird,.bat{opacity:0;position:absolute;left:0}.bird{block-size:.5em;inline-size:.85em;animation-name:birdFly,birdBob;animation-timing-function:linear,ease-in-out;animation-iteration-count:1,infinite;animation-direction:normal,alternate}.bird:before,.bird:after{content:"";border-block-start:.08em solid var(--emerald-ink);border-radius:50%;block-size:.46em;inline-size:.46em;position:absolute;inset-block-start:0}.bird:before{inset-inline-start:0;transform:rotate(28deg)}.bird:after{inset-inline-start:.4em;transform:rotate(-28deg)}@keyframes birdFly{0%{opacity:0;transform:translate(-8vw)}10%{opacity:.8}90%{opacity:.8}to{opacity:0;transform:translate(108vw)}}@keyframes birdBob{0%{translate:0 -.2em}to{translate:0 .2em}}.bat{block-size:.42em;inline-size:.68em;animation-name:batFly,batZig,batFlap;animation-timing-function:linear,ease-in-out,ease-in-out;animation-iteration-count:1,infinite,infinite;animation-direction:normal,alternate,alternate}.bat:before,.bat:after{content:"";border-block-start:.09em solid var(--emerald-ink);border-radius:50%;block-size:.38em;inline-size:.38em;position:absolute;inset-block-start:.06em}.bat:before{inset-inline-start:-.02em;transform:rotate(38deg)}.bat:after{inset-inline-start:.3em;transform:rotate(-38deg)}.sky-night .bat:before,.sky-night .bat:after,.sky-dusk .bat:before,.sky-dusk .bat:after{border-block-start-color:#fff6dccc}@keyframes batFly{0%{opacity:0;transform:translate(-8vw)}10%{opacity:.7}88%{opacity:.7}to{opacity:0;transform:translate(108vw)}}@keyframes batZig{0%{translate:0}25%{translate:.6em -.5em}50%{translate:-.3em .4em}75%{translate:.4em -.3em}to{translate:0}}@keyframes batFlap{0%{scale:1}to{scale:1 .4}}.scrub-row{align-items:center;gap:10px;min-block-size:26px;margin-block:0 10px;display:flex}.scrub-rail{appearance:none;background:var(--sky-chip);outline-offset:4px;border-radius:999px;flex:1;block-size:4px;max-inline-size:340px}.scrub-rail::-webkit-slider-thumb{appearance:none;background:var(--gold);cursor:pointer;border:2px solid #ffffffa6;border-radius:50%;block-size:16px;inline-size:16px;box-shadow:0 1px 4px #00000059}.scrub-rail::-moz-range-thumb{background:var(--gold);cursor:pointer;border:2px solid #ffffffa6;border-radius:50%;block-size:16px;inline-size:16px;box-shadow:0 1px 4px #00000059}.scrub-chip{background:var(--sky-chip);border:1px dashed var(--gold);color:var(--sky-ink);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:3px 6px 3px 12px;font-size:.8rem;display:inline-flex}.scrub-back{background:var(--gold);color:#fff;border:none;border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:600}.previewing{box-shadow:inset 0 0 0 2px var(--gold)}.night-bar-slim{background:var(--sky-chip);border-color:#0000;block-size:6px;max-inline-size:420px;margin-block-start:12px;margin-inline:auto}.night-bar-slim .night-fill{transition:inline-size .9s}.night-bar-slim .night-dot{border-width:1px;block-size:10px;inline-size:10px;inset-block-start:-3px}.night-starfield-band{border-radius:var(--radius-sm);background:linear-gradient(180deg, var(--emerald-ink), var(--emerald-deep));pointer-events:none;align-items:center;min-block-size:64px;margin-block-end:12px;padding:14px;display:flex;position:relative;overflow:hidden}.night-starfield-band .night-bar-wrap{inline-size:100%}.night-hold-target{touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;position:relative}.night-hold-anchor{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.night-hold-detail{border:1px solid var(--emerald-bright);background:var(--emerald-ink);color:#ece4ce;pointer-events:none;z-index:2;border-radius:10px;flex-direction:column;gap:3px;block-size:-moz-fit-content;block-size:fit-content;inline-size:-moz-fit-content;inline-size:fit-content;max-inline-size:92%;margin:auto;padding:8px 12px;font-size:.72rem;line-height:1.4;animation:.15s both holdDetailIn;display:flex;position:absolute;inset:0}.night-hold-detail .nhd-row{white-space:nowrap;justify-content:space-between;gap:12px;display:flex}.night-hold-detail .nhd-label{opacity:.75}.night-stepper-row{flex-wrap:nowrap;align-items:center;gap:6px}.night-stepper-btn{flex-shrink:0;justify-content:center;min-inline-size:34px;padding-inline:10px}.night-stepper-row .input{flex:1;min-inline-size:0}.row-flash{border-radius:var(--radius-sm);animation:1.4s ease-out rowFlash}@keyframes rowFlash{0%{box-shadow:0 0 0 3px var(--gold), 0 0 18px var(--gold)}}.night-seasonal-meter{background:linear-gradient(90deg,#ffffff80,#ffffff29,#ffffff80);border-radius:999px;block-size:4px;margin-block-start:10px;position:relative}.night-seasonal-marker{background:#fff;border-radius:50%;block-size:8px;inline-size:8px;position:absolute;inset-block-start:-2px;box-shadow:0 0 0 2px #ffffff40}@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}}.sky-ribbon{background:var(--sky-grad);border:1px solid var(--line);border-radius:999px;block-size:6px;margin-block:2px 14px;position:relative;overflow:hidden}.imsak-sky-strip{border-block-start:3px solid var(--sky-sub);position:relative;overflow:hidden}.coords-sky-dot:before{content:"";background:var(--sky-sub);border-radius:50%;flex-shrink:0;block-size:8px;inline-size:8px;margin-inline-end:2px;display:inline-block}.time-row .t-swatch{border:1px solid var(--line);border-radius:50%;flex-shrink:0;block-size:10px;inline-size:10px}.times-card .time-row{transition:background-color .45s;position:relative}.times-card .time-row.next{animation:1.2s ease-out rowPromote}@keyframes rowPromote{0%{box-shadow:0 0 0 2px var(--gold), 0 0 14px var(--gold)}to{box-shadow:0 0 0 10px #0000}}.prayer-soon .time-row.next:after{content:"";border-radius:var(--radius-sm);box-shadow:0 0 0 2px var(--gold), 0 0 16px var(--gold);opacity:.35;pointer-events:none;animation:3.2s ease-in-out infinite soonPulse;position:absolute;inset:-2px}.prayer-soon .dial-pulse{animation-duration:1.8s}.prayer-dial .dial-marker circle{transform-box:fill-box;transform-origin:50%;transition:transform .2s}.prayer-dial .dial-marker.dial-hot circle{transform:scale(1.5)}.prayer-dial .dial-marker.dial-hot text{fill:var(--heading);font-weight:700}.time-row.row-hot{background:var(--mint);border-radius:var(--radius-sm);border-block-end-color:#0000}.dial-ping{opacity:0;transform-box:fill-box;transform-origin:50%;animation:1.2s ease-out markerPing}.dial-sweep{opacity:0;animation:1.4s ease-out dialSweep}@keyframes dialSweep{0%{opacity:.85;stroke-dashoffset:100px}70%{opacity:.5}to{opacity:0;stroke-dashoffset:0}}.cal-glow{animation:1.4s ease-out rowFlash}.banner-stamp{animation:.6s ease-out bannerStamp}.banner-stamp svg{transform-origin:50%;animation:.5s both sealIcon}@keyframes bannerStamp{0%{opacity:0;box-shadow:0 0 0 2px var(--gold);transform:translateY(-4px)}60%{opacity:1;box-shadow:0 0 0 3px var(--gold), 0 0 14px var(--gold);transform:translateY(0)}to{box-shadow:0 0 0 12px #0000}}@keyframes sealIcon{0%{transform:scale(1.35)}}.now-divider{align-items:center;gap:10px;padding-block:4px;padding-inline:16px;display:flex}.now-divider-line{background:var(--gold);opacity:.55;flex:1;block-size:1px}.now-divider-time{font-family:var(--font-display);color:var(--gold);white-space:nowrap;font-size:.82rem;font-weight:600}.time-row.next:before{content:"";block-size:2px;inline-size:var(--elapsed,0%);background:var(--gold);transition:inline-size .6s;position:absolute;inset-block-end:0;inset-inline-start:0}.sky-chapter-glow,.dial-ember{animation:.5s both chapterGlowIn}@keyframes chapterGlowIn{0%{opacity:0}}.drift-chip{font-weight:400;line-height:1.2}.settings-delta-chip{color:var(--emerald);font-weight:600;line-height:1.2}.rose-wrap{z-index:0;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;inline-size:100%;max-inline-size:280px;margin-inline:auto;position:relative}.qb-ring{z-index:-1;pointer-events:none;border:1px solid;border-radius:50%;margin:auto;position:absolute;inset:0}.qb-ring-declination{color:var(--emerald-bright);opacity:.32}.qb-ring-distance{color:var(--dune);opacity:.28}.compass-rose{block-size:auto;inline-size:100%;display:block}.declination-diagram{flex-shrink:0;block-size:auto;inline-size:100%;max-inline-size:200px;display:block}.path-sliver{flex-shrink:0;block-size:auto;inline-size:100%;max-inline-size:220px;display:block}.declination-sparkline{direction:ltr;flex-shrink:0;block-size:auto;inline-size:100%;max-inline-size:240px;display:block}.qibla-calib-ritual{pointer-events:none;flex-direction:column;align-items:center;gap:4px;margin-block-end:10px;display:flex}.qibla-calib-svg{block-size:auto;inline-size:100%;max-inline-size:140px;display:block}.qibla-calib-track{stroke:var(--line);stroke-width:2px;opacity:.6}.qibla-calib-dot{stroke:var(--emerald-bright);stroke-width:3px;stroke-linecap:round;stroke-dasharray:18 214;stroke-dashoffset:0;animation:2.8s linear infinite qiblaCalibTravel}@keyframes qiblaCalibTravel{to{stroke-dashoffset:-232px}}.qibla-calib-caption{text-align:center;margin:0}.rose-hits{position:absolute;inset:0}.rose-hit{background:0 0;border:none;border-radius:50%;block-size:44px;inline-size:44px;padding:0;position:absolute;transform:translate(-50%,-50%)}.rose-tip{z-index:3}.rose-hold-detail{border:1px solid var(--emerald-bright);background:var(--emerald-ink);color:#ece4ce;pointer-events:none;z-index:2;border-radius:10px;flex-direction:column;gap:3px;block-size:-moz-fit-content;block-size:fit-content;inline-size:-moz-fit-content;inline-size:fit-content;max-inline-size:90%;margin:auto;padding:10px 14px;font-size:.78rem;line-height:1.35;animation:.15s both holdDetailIn;display:flex;position:absolute;inset:0}.rose-hold-detail .rhd-row{white-space:nowrap;justify-content:space-between;gap:14px;display:flex}.rose-hold-detail .rhd-label{opacity:.75}@keyframes holdDetailIn{0%{opacity:0;transform:scale(.94)}}.kpi .kpi-value.chip-tick,.kpi .kpi-label.chip-tick{display:block}.kpi .kpi-value.kpi-hold-target{touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.kpi .kpi-value.kpi-value-magnetic{font-style:italic}.kpi-hold-badge{letter-spacing:.06em;text-transform:uppercase;opacity:.85;margin-block-start:2px;font-size:.62rem;font-style:normal;display:block}.kpi .kpi-context{position:relative}.kpi .kpi-context.chip-tick,.compass-status.chip-tick{display:block}.qibla-compass-card{position:relative}.card-bloom{border-radius:var(--radius);pointer-events:none;opacity:0;position:absolute;inset:0}.card-bloom.active{opacity:1;animation:1.2s ease-out cardBloom}@keyframes cardBloom{0%{box-shadow:0 0 0 2px var(--emerald-bright), 0 0 18px var(--emerald-bright)}to{box-shadow:0 0 0 10px #0000}}.card-converge-glow{border-radius:var(--radius);pointer-events:none;opacity:0;position:absolute;inset:0}.card-converge-glow.active{opacity:1;animation:1.2s ease-out cardConverge}@keyframes cardConverge{0%{box-shadow:0 0 0 2px var(--emerald-bright), 0 0 18px var(--emerald-bright)}to{box-shadow:0 0 0 10px #0000}}.qibla-canopy{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--sky-grad);pointer-events:none;block-size:76px;margin-block-end:14px;position:relative;overflow:hidden}.qibla-canopy .star.gold{background:#fff6dc;box-shadow:0 0 4px .5px #fff6dc8c}.qibla-fade-1{animation:.4s 20ms both fadeUp}.qibla-fade-2{animation:.4s 80ms both fadeUp}.qibla-fade-3{animation:.4s .14s both fadeUp}.qibla-fade-4{animation:.4s .2s both fadeUp}.qibla-fade-5{animation:.4s .26s both fadeUp}.qibla-fade-6{animation:.4s .32s both fadeUp}.qibla-fade-7{animation:.4s .38s both fadeUp}.qibla-fade-8{animation:.4s .11s both fadeUp}.qibla-fade-9{animation:.4s .23s both fadeUp}.kpi-copy{color:inherit;cursor:pointer;background:#ffffff29;border:1px solid #ffffff59;border-radius:999px;align-items:center;gap:4px;margin-block-start:8px;padding:4px 11px;font-size:.72rem;font-weight:600;display:inline-flex;position:relative}.kpi-copy:hover{background:#ffffff42}@keyframes qiblaReveal{0%{transform:rotate(0)}to{transform:rotate(var(--qibla-reveal-angle))}}.qibla-reveal-caption{background:var(--emerald-ink);color:#ece4ce;white-space:nowrap;pointer-events:none;z-index:2;border-radius:999px;width:-moz-fit-content;width:fit-content;margin-inline:auto;padding:4px 12px;font-size:.72rem;animation:.3s both qiblaCaptionIn;position:absolute;inset-block-end:6%;inset-inline:0}@keyframes qiblaCaptionIn{0%{opacity:0}}