.tool{max-width:696px;color:var(--ink);background:var(--bg);margin-inline:auto;padding:16px}.tool *,.tool :before,.tool :after{box-sizing:border-box}.tool:not([data-mounted])>:not(header):not(noscript){visibility:hidden}.tool [hidden]{display:none!important}.tool .tool-top{justify-content:space-between;align-items:center;gap:12px;min-height:56px;display:flex}.tool .tool-stack{gap:12px;display:grid}.tool .tool-row{border:0;border-bottom:1px solid var(--line);text-align:start;width:100%;min-height:56px;font-size:var(--fs-b);background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.tool .tool-row:last-child{border-bottom:0}.tool .tool-row[aria-checked=true]{background:var(--olive-t);color:var(--olive-d)}.tool .tool-row span:last-child{color:var(--ink2)}.tool .tool-card{background:var(--card);border-radius:var(--r-card);box-shadow:var(--shadow);overflow:clip}.tool .tool-pad{padding:16px}.tool .tool-muted{font-size:var(--fs-s);color:var(--ink2)}.tool .tool-status{min-height:5.5em;font-size:var(--fs-s);color:var(--ink2);overflow-wrap:anywhere}.tool button:disabled{opacity:.5;cursor:default}.tool .btn.solid{color:var(--bg)}.tool .tool-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tool .tool-stepper{justify-content:space-between;align-items:center;gap:16px;min-height:56px;display:flex}.tool output{font-variant-numeric:tabular-nums}.tool dialog form{gap:12px;display:grid}.tool input[type=range]{width:100%;accent-color:var(--olive);min-height:40px}.tool input[type=checkbox]{width:24px;height:24px;accent-color:var(--olive)}.tool input[type=text],.tool input[type=search]{border:1px solid var(--line2);border-radius:var(--r-control);background:var(--card);width:100%;min-height:48px;font-size:var(--fs-b);padding-inline:12px}.tool .tool-accent{background:var(--olive);color:var(--bg);border-radius:var(--r-card);padding:18px 20px 16px}.tool .tool-accent h3,.tool .tool-accent h2{color:inherit}.tool progress{border-radius:var(--r-compact);width:100%;height:10px;accent-color:var(--olive);background:var(--olive-t);border:0;display:block;overflow:hidden}.tool progress::-webkit-progress-bar{background:var(--olive-t)}.tool progress::-webkit-progress-value{background:var(--olive)}.tool .tool-single{cursor:default}.tool .tool-single svg{visibility:hidden}@media (prefers-reduced-motion:reduce){.tool *,.tool :before,.tool :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.tool,.tool *{-webkit-tap-highlight-color:transparent}.tool :is(button,a,input,summary):focus-visible{outline:2px solid var(--olive);outline-offset:3px}:root dialog.tool-sheet{--sheet-action-basis:100%;color:#24321a;overscroll-behavior:contain;width:100%;max-width:100%;height:fit-content;max-height:85dvh;font-family:inherit;font-size:var(--t-body,var(--fs-b));isolation:isolate;background:#faf9f4;border:1px solid #e3e3d6;border-bottom:0;border-radius:24px 24px 0 0;flex-direction:column;margin:0 auto;padding:0;line-height:1.85;display:none;position:fixed;inset:auto 0 0;overflow:hidden;box-shadow:0 24px 90px #0c170647}:root dialog.tool-sheet[open]{display:flex}:root dialog.tool-sheet:before{display:none}:root dialog.tool-sheet::backdrop{-webkit-backdrop-filter:blur(7px);background:#131f0c9e}:root dialog.tool-sheet *{box-sizing:border-box}:root dialog.tool-sheet [hidden]{display:none!important}:root dialog.tool-sheet .sheet-head{touch-action:pan-x;z-index:2;background:#faf9f4;border-bottom:1px solid #e3e3d6;flex:none;justify-content:space-between;align-items:center;gap:16px;min-height:88px;margin:0;padding:24px 20px 16px;display:flex;position:relative;top:auto}:root dialog.tool-sheet .sheet-head h3{font-size:var(--t-h3,var(--fs-h3));color:#24321a;margin:0;font-weight:700;line-height:1.7}:root dialog.tool-sheet .sheet-handle{background:#b1b7a6;border-radius:4px;width:40px;height:4px;position:absolute;top:8px;left:calc(50% - 20px)}:root dialog.tool-sheet [data-close]{color:#344b21;cursor:pointer;background:#f0f1e8;border:1px solid #dce0d3;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;min-height:44px;padding:0;display:grid}:root dialog.tool-sheet [data-close] .icon{width:20px;height:20px}:root dialog.tool-sheet .sheet-body{min-height:0;padding:20px 20px calc(24px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#aab59b transparent;flex:auto;align-content:start;gap:16px;scroll-padding:8px;display:grid;overflow:auto}:root dialog.tool-sheet :is(.pt-sheet-body,.city-picker-body){gap:16px;padding:0}:root dialog.tool-sheet :is(.pt-options,.city-results){background:0 0;border:0;border-radius:0;max-height:none;margin:0;padding:0;overflow:visible}:root dialog.tool-sheet :is([data-options-list],[data-queue-list],[data-chain-rows],[data-chain-steps]){gap:8px;display:grid}:root dialog.tool-sheet .tool-row{color:#24321a;text-align:start;width:100%;min-height:56px;font:inherit;font-size:var(--t-body,var(--fs-b));background:#fff;border:1px solid #e3e3d6;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin:0;padding:12px 16px;line-height:1.8;display:flex}:root dialog.tool-sheet button.tool-row{cursor:pointer}:root dialog.tool-sheet .sheet-choice{background:0 0;border-color:#0000;transition:background .15s,border-color .15s}:root dialog.tool-sheet .sheet-choice[aria-checked=true]{color:#263c14;background:#e9efdd;border-color:#ccd8b9;font-weight:600}:root dialog.tool-sheet .tool-row .sheet-check{color:#0000;background:#fff;border:1px solid #c9d0be;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}:root dialog.tool-sheet .sheet-check svg{fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px;display:block}:root dialog.tool-sheet [aria-checked=true] .sheet-check{color:#fff;background:#344b21;border-color:#344b21}:root dialog.tool-sheet :is(button,a,input,summary):focus-visible{outline-offset:2px;outline:2px solid #4b622d}:root dialog.tool-sheet input:is([type=search],[type=text]){color:#24321a;width:100%;min-width:0;min-height:52px;font:inherit;font-size:var(--t-body,var(--fs-b));background:#fff;border:1px solid #d8ddcd;border-radius:12px;margin:0;padding:10px 14px}:root dialog.tool-sheet input[type=search]::placeholder{color:#606955}:root dialog.tool-sheet input[type=checkbox]{-webkit-appearance:none;appearance:none;cursor:pointer;width:48px;height:28px;transition:background-position .2s var(--ease-x,ease),background-color .2s;background:radial-gradient(circle,#fff 0 10px,#0000 11px) right 0 center/28px 28px no-repeat,#d6d5cb;border-radius:999px;flex:none;margin:0;box-shadow:inset 0 1px 2px #0000001f}:root dialog.tool-sheet input[type=checkbox]:checked{background-color:#344b21;background-position:0}:root dialog.tool-sheet input[type=checkbox]:focus-visible{outline:3px solid var(--x-gold,#c6a057);outline-offset:2px}:root dialog.tool-sheet button[data-delete]:disabled{display:none}:root dialog.tool-sheet input[type=range]{accent-color:#344b21;width:100%;min-height:44px}:root dialog.tool-sheet .city-query input{background:0 0;border:0}:root dialog.tool-sheet .city-query input:focus-visible{outline:none}:root dialog.tool-sheet :is(.city-results,.pt-group){background:0 0;border:0;gap:8px;display:grid;overflow:visible}:root dialog.tool-sheet .city-hit{background:#fff;border:1px solid #e3e3d6;border-radius:14px;min-height:64px;padding:10px 14px}:root dialog.tool-sheet .city-hit .sheet-check{color:#0000;background:#fff;border:1px solid #c9d0be;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}:root dialog.tool-sheet .city-hit[aria-current=location]{background:#e9efdd;border-color:#ccd8b9}:root dialog.tool-sheet .city-hit[aria-current=location] .sheet-check{color:#fff;background:#344b21;border-color:#344b21}:root dialog.tool-sheet :is(.city-source,.city-heading,.city-hit small,.tool-muted,.sheet-empty){font-size:var(--t-small,var(--fs-s));color:#59634d}:root dialog.tool-sheet .city-reset{font-size:var(--t-small,var(--fs-s))!important}:root dialog.tool-sheet .sheet-empty{text-align:center;background:#f0f2e8;border-radius:16px;margin:0;padding:32px 12px}:root dialog.tool-sheet .btn{min-height:52px;font:inherit;font-size:var(--t-small,var(--fs-s));color:#344b21;cursor:pointer;background:#fff;border:1px solid #d8ddcd;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-weight:600;display:flex}:root dialog.tool-sheet .btn.solid{color:#fff;background:#344b21;border-color:#344b21}:root dialog.tool-sheet .tool-actions{flex-wrap:wrap;gap:12px;display:flex}:root dialog.tool-sheet .tool-actions>.btn{flex:1 1 var(--sheet-action-basis)}:root dialog.tool-sheet button:disabled{opacity:1;color:#72776b;box-shadow:none;cursor:not-allowed;background:#e8e9e2;border-color:#d8dbd0}:root dialog.tool-sheet .tool-stepper{direction:ltr;grid-template-columns:56px minmax(72px,1fr) 56px;align-items:center;gap:16px;width:min(100%,320px);min-height:80px;margin:12px auto;display:grid}:root dialog.tool-sheet .tool-stepper :is(button,.ib){color:#344b21;width:56px;height:56px;min-height:56px;font-size:var(--t-small,var(--fs-s));background:#edf1e4;border:1px solid #d8ddcd;border-radius:50%;place-items:center;padding:0;display:grid}:root dialog.tool-sheet .tool-stepper button:disabled{color:#72776b;background:#e8e9e2}:root dialog.tool-sheet .tool-stepper output{text-align:center;min-width:0;font-size:var(--t-h1,var(--fs-h1));color:#24321a;font-weight:700;line-height:1.3}:root dialog.tool-sheet .sheet-group{border:0;gap:12px;min-width:0;margin:0;padding:0;display:grid}:root dialog.tool-sheet .sheet-group+.sheet-group{border-top:1px solid #e3e3d6;padding-top:20px}:root dialog.tool-sheet .sheet-group h4{font-size:var(--t-small,var(--fs-s));color:#59634d;align-items:center;gap:8px;margin:0;font-weight:600;display:flex}:root dialog.tool-sheet .sheet-group h4:before{content:"";border:1px solid #967237;width:6px;height:6px;transform:rotate(45deg)}:root dialog.tool-sheet .sheet-group>label:not(.tool-row),:root dialog.tool-sheet [data-chain-steps] label{font-size:var(--t-small,var(--fs-s));gap:8px;display:grid}:root dialog.tool-sheet [data-blind-count]{color:#344b21;width:100%;min-height:40dvh;font-size:var(--t-h1,var(--fs-h1));background:#e9efdd;border:0;border-radius:20px}@media (width>=720px){:root dialog.tool-sheet{--sheet-action-basis:auto;border-bottom:1px solid #e3e3d6;border-radius:24px;width:520px;max-width:calc(100vw - 48px);margin:auto;inset:0}:root dialog.tool-sheet .sheet-handle{display:none}}@media (hover:hover){:root dialog.tool-sheet .sheet-choice:hover{background:#f0f2e8}:root dialog.tool-sheet .sheet-choice[aria-checked=true]:hover,:root dialog.tool-sheet .city-hit:hover{background:#e9efdd}}.city-picker-body[data-astro-cid-o6zfjk3v]{gap:var(--s-12);padding:var(--s-8) var(--s-24) var(--s-24);display:grid}.city-picker-body[data-astro-cid-o6zfjk3v]>label[data-astro-cid-o6zfjk3v]{font-size:var(--fs-s);font-weight:600}.city-query[data-astro-cid-o6zfjk3v]{align-items:center;gap:var(--s-8);border:1px solid var(--line2);border-radius:var(--r-control);padding-inline:var(--s-12);background:var(--card);display:flex}.city-query[data-astro-cid-o6zfjk3v]:focus-within{outline:2px solid var(--olive);outline-offset:2px}.city-query[data-astro-cid-o6zfjk3v] input[data-astro-cid-o6zfjk3v]{width:100%;min-width:0;padding:var(--s-12) 0;box-shadow:none;font:inherit;font-size:var(--fs-b);background:0 0;border:0;outline:none}.city-query[data-astro-cid-o6zfjk3v] input[data-astro-cid-o6zfjk3v]::-webkit-search-cancel-button{display:none}.city-query[data-astro-cid-o6zfjk3v] .icon{width:var(--s-24);color:var(--ink2)}.city-location[data-astro-cid-o6zfjk3v]{justify-content:center;align-items:center;gap:var(--s-8);min-height:var(--s-48);background:var(--olive-t);width:100%;color:var(--olive-d);border:1px solid var(--olive);border-radius:var(--r-control);font-size:var(--fs-s);font-weight:600;display:flex}.city-heading[data-astro-cid-o6zfjk3v]{font-size:var(--fs-xs);color:var(--ink2)}.city-heading[data-astro-cid-o6zfjk3v]:empty,.city-results[data-astro-cid-o6zfjk3v]:empty{display:none}.city-results[data-astro-cid-o6zfjk3v]{overscroll-behavior:contain;border-top:1px solid var(--line);max-height:42dvh;display:grid;overflow:auto}.city-results[data-astro-cid-o6zfjk3v] .city-hit{justify-content:space-between;align-items:center;gap:var(--s-12);width:100%;min-height:56px;padding:var(--s-8) var(--s-4);border:0;border-bottom:1px solid var(--line);text-align:start;font:inherit;font-size:var(--fs-b);color:inherit;cursor:pointer;background:0 0;text-decoration:none;display:flex}.city-results[data-astro-cid-o6zfjk3v] .city-hit span{display:grid}.city-results[data-astro-cid-o6zfjk3v] .city-hit small{font-size:var(--fs-xs);color:var(--ink2)}.city-results[data-astro-cid-o6zfjk3v] .city-hit:focus-visible{background:var(--olive-t)}.city-empty[data-astro-cid-o6zfjk3v]{font-size:var(--fs-s);color:var(--ink2)}.city-source[data-astro-cid-o6zfjk3v]{font-size:var(--fs-xs);color:var(--ink3)}.city-results[data-astro-cid-o6zfjk3v][aria-busy=true]{opacity:.5;pointer-events:none}.city-reset[data-astro-cid-o6zfjk3v]{min-height:var(--control-height);text-decoration:underline;font-size:var(--type-small)!important;color:var(--ink2)!important}.pt[data-state=empty] [data-city-reset],.q2[data-state=empty] [data-city-reset]{display:none}.pt{max-width:1120px;padding:var(--s-16) var(--s-16) 0;color:var(--ink);gap:var(--s-16);grid-template-areas:"head""sky""day""cells""tools";margin-inline:auto;display:grid}.pt *,.pt :before,.pt :after{box-sizing:border-box}.pt [hidden]{display:none!important}.pt,.pt *{-webkit-tap-highlight-color:transparent}.pt button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.pt a{color:inherit;text-decoration:none}.pt p{margin:0}.pt :is(button,a,summary):focus-visible{outline:2px solid var(--olive);outline-offset:2px}.pt .icon{flex:none;width:22px;height:22px}.pt output{font-variant-numeric:tabular-nums}.pt-head{align-items:end;gap:var(--s-4) var(--s-12);grid-area:head;grid-template-columns:minmax(0,1fr) auto;display:grid}.pt-where{min-width:0;display:grid}.pt-eyebrow{font-size:var(--fs-s);color:var(--gold-ink);margin:0;font-weight:600}.pt-city{align-items:center;gap:var(--s-8);max-width:100%;min-height:48px;font-size:var(--fs-h2);text-align:start;font-weight:700;line-height:1.3;display:inline-flex}.pt-city span{text-overflow:ellipsis;white-space:nowrap;text-underline-offset:8px;min-width:0;transition:text-decoration-color var(--d-state) var(--ease);text-decoration:underline 2px #0000;overflow:hidden}.pt-city .icon{color:var(--olive)}.pt-locate{align-items:center;gap:var(--s-8);border-radius:var(--r-control);min-height:48px;font-size:var(--fs-s);white-space:nowrap;font-weight:600;display:inline-flex;padding-inline:var(--s-12)!important;border:1px solid var(--olive)!important;color:var(--olive-d)!important}.pt-locate:disabled{opacity:.6;cursor:progress}.pt-head>:not(.pt-where,.pt-locate){grid-column:1/-1}.pt-status{font-size:var(--fs-s);color:var(--ink2);line-height:1.6}.pt-status:empty{display:none}.pt-sky{border-radius:var(--r-card);padding:var(--s-24) var(--s-16) var(--s-16);color:var(--bg);background:radial-gradient(70% 55% at 50% 100%, color-mix(in srgb, var(--gold) 16%, transparent), transparent 70%), linear-gradient(180deg, var(--olive-d), var(--olive));grid-area:sky;position:relative;overflow:hidden}.pt-arc{height:clamp(150px,34vw,250px);margin-inline:var(--s-8);position:relative}.pt-arc svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pt-arc path{fill:none;stroke:color-mix(in srgb, var(--gold-on) 50%, transparent);stroke-width:1.5px;vector-effect:non-scaling-stroke}.pt-arc line{stroke:color-mix(in srgb, var(--gold-on) 28%, transparent);stroke-width:1px;vector-effect:non-scaling-stroke}.pt-mk,.pt-now{inset-inline-start:calc((1 - cos(var(--t) * 180deg)) * 50%);top:calc((1 - sin(var(--t) * 180deg)) * 100%);border-radius:50%;position:absolute;transform:translate(50%,-50%)}.pt-mk{--past:clamp(0, (var(--now,-1) - var(--t)) * 1000, 1);border:1.5px solid var(--gold-on);background:color-mix(in srgb, var(--gold-on) calc(var(--past) * 100%), var(--olive));width:10px;height:10px}.pt-mk-sun{border-style:dashed}.pt-mk b{font-size:var(--fs-xs);white-space:nowrap;color:var(--gold-on);font-weight:600;display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.pt[data-next=fajr] [data-mk=fajr],.pt[data-next=dhuhr] [data-mk=dhuhr],.pt[data-next=asr] [data-mk=asr],.pt[data-next=maghrib] [data-mk=maghrib],.pt[data-next=isha] [data-mk=isha]{background:var(--gold-on);width:14px;height:14px;box-shadow:0 0 0 5px color-mix(in srgb, var(--gold-on) 20%, transparent)}.pt[data-next=fajr] [data-mk=fajr] b,.pt[data-next=dhuhr] [data-mk=dhuhr] b,.pt[data-next=asr] [data-mk=asr] b,.pt[data-next=maghrib] [data-mk=maghrib] b,.pt[data-next=isha] [data-mk=isha] b{display:block}.pt-now{--t:var(--now);background:var(--bg);width:12px;height:12px;box-shadow:0 0 0 4px color-mix(in srgb, var(--bg) 25%, transparent)}.pt-next{inset-inline:0;text-align:center;justify-items:center;display:grid;position:absolute;bottom:8px}.pt-next span{font-size:var(--fs-xs);color:var(--gold-on)}.pt-next h3{font-size:var(--fs-hero);color:var(--gold-on);margin:0;font-weight:700;line-height:1.25}.pt-next p{font-size:var(--fs-l);font-variant-numeric:tabular-nums;opacity:.92}.pt-hint{inset-inline:12%;text-align:center;font-size:var(--fs-b);font-weight:600;line-height:1.6;position:absolute;bottom:18px}.pt-foot{align-items:center;gap:var(--s-12);margin-top:var(--s-12);grid-template-columns:auto minmax(0,1fr);display:grid}.pt-count{align-items:baseline;gap:var(--s-8);display:flex}.pt-count span{font-size:var(--fs-xs);color:var(--gold-on)}.pt-count output{font-size:var(--fs-h3);font-weight:600}.pt-foot progress{appearance:none;background:color-mix(in srgb, var(--bg) 18%, transparent);border:0;border-radius:2px;width:100%;height:3px;display:block;overflow:hidden}.pt-foot progress::-webkit-progress-bar{background:color-mix(in srgb, var(--bg) 18%, transparent)}.pt-foot progress::-webkit-progress-value{background:var(--gold-on)}.pt-foot progress::-moz-progress-bar{background:var(--gold-on)}html:not(.geo) .pt:not([data-state=ready]) :is(.pt-mk,.pt-now,.pt-next,.pt-foot),.pt[data-state=ready] .pt-hint,.geo .pt .pt-hint,.pt:not([data-now]) .pt-now,html:not(.geo) .pt:not([data-state=ready]) .pt-row output{display:none}html:not(.geo) .pt:not([data-state=ready]) .pt-row:after{content:"—";font-size:var(--fs-h3);color:var(--ink3)}.pt-day{align-items:center;gap:var(--s-4);border-bottom:1px solid var(--line);grid-area:day;min-height:56px;display:flex}.pt-day-tx{text-align:center;flex:1;min-width:0;display:grid}.pt-day [data-hijri]{font-size:var(--fs-b);font-weight:600}.pt-day [data-date]{font-size:var(--fs-xs);color:var(--ink2)}.pt-ib{border-radius:var(--r-control);width:44px;height:44px;transition:background-color var(--d-state) var(--ease);place-items:center;color:var(--ink2)!important;display:inline-grid!important}.pt-ib:disabled{opacity:.4;cursor:default}.pt-today{border-radius:var(--r-compact);min-height:40px;font-size:var(--fs-xs);white-space:nowrap;align-items:center;font-weight:600;display:none;padding-inline:var(--s-12)!important;border:1px solid var(--olive)!important;color:var(--olive-d)!important}.pt-today[data-visible=true]{display:inline-flex}.pt-cells{gap:var(--s-4);background:var(--line);border:1px solid var(--line);border-radius:var(--r-card);grid-area:cells;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:clip}.pt-row{--past:clamp(0, (var(--now,-1) - var(--t)) * 1000, 1);align-content:center;gap:var(--s-4);min-height:84px;padding:var(--s-12) var(--s-12);background:var(--card);transition:background-color var(--d-state) var(--ease);display:grid;position:relative}.pt-row strong{align-items:center;gap:var(--s-4);font-size:var(--fs-s);color:var(--ink2);font-weight:600;display:flex}.pt-row strong .icon{width:18px;height:18px;color:var(--gold-ink)}.pt-row output{font-size:var(--fs-h3);color:color-mix(in srgb, var(--ink3) calc(var(--past) * 100%), var(--ink));font-weight:700}.pt-row small{font-size:var(--fs-xs);color:var(--ink3)}.pt-row.is-next{background:var(--gold-t)}.pt-row.is-next:before{content:"";inset-inline:0;background:var(--gold);height:3px;position:absolute;top:0}.pt-row.is-next :is(strong,output){color:var(--gold-ink)}.pt-tools{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);grid-area:tools;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:clip}.pt-tool{align-content:center;justify-items:center;gap:var(--s-4);text-align:center;min-width:0;min-height:76px;transition:background-color var(--d-state) var(--ease);display:grid;padding:var(--s-8) var(--s-8)!important;border-inline-start:1px solid var(--line)!important}.pt-tool:first-child{border-inline-start:0!important}.pt-tool .icon{color:var(--olive)}.pt-tool-app .icon{color:var(--gold-ink)}.pt-tool b{font-size:var(--fs-s);font-weight:600}.pt-tool small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:var(--fs-xs);color:var(--ink2);overflow:hidden}.pt-tool small:empty{display:none}@media (hover:hover){.pt-city:hover span{text-decoration-color:var(--gold)}.pt-ib:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 6%, transparent)}.pt-tool:hover,.pt .tool-row:hover{background:var(--bg2)}}@media (prefers-reduced-motion:no-preference){.pt-now:after{content:"";border:1px solid var(--bg);animation:pt-pulse 2.4s var(--ease) infinite;border-radius:50%;position:absolute;inset:-4px}@keyframes pt-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}}.pt-sheet-body{gap:var(--s-12);padding:var(--s-4) var(--s-16) var(--s-16);display:grid}.pt-group,.pt-options{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);overflow:clip}.pt-options{margin:var(--s-4) var(--s-16) var(--s-16);display:grid}.pt .tool-row{justify-content:space-between;align-items:center;gap:var(--s-12);width:100%;min-height:56px;padding:var(--s-8) var(--s-16);border:0;border-bottom:1px solid var(--line);text-align:start;font-size:var(--fs-b);transition:background-color var(--d-state) var(--ease);background:0 0;display:flex}.pt .tool-row:last-child{border-bottom:0}.pt [data-choice] span,.pt .tool-row[role=radio] span{color:var(--ink2);font-size:var(--fs-s)}.pt .tool-row[aria-checked=true]{background:var(--olive-t);color:var(--olive-d);font-weight:600}.pt .tool-row[aria-checked=true] span{color:var(--olive)}.pt-srow>span{display:grid}.pt-srow small{font-size:var(--fs-xs);color:var(--ink2)}.pt-srow small:empty{display:none}.pt-srow>.icon{color:var(--olive)}.pt-sheet details{gap:var(--s-8);display:grid}.pt-sheet summary{cursor:pointer;padding-inline:var(--s-4);font-weight:600;list-style:none}.pt-sheet summary::-webkit-details-marker{display:none}.pt-plus{color:var(--ink3);transition:transform var(--d-state) var(--ease)}.pt-sheet details[open] .pt-plus{transform:rotate(45deg)}.pt-note{padding-inline:var(--s-4);font-size:var(--fs-xs);color:var(--ink2);line-height:1.7}.pt-note:empty{display:none}.pt-note a{color:var(--olive);text-underline-offset:3px;text-decoration:underline}.pt-stepper{align-items:center;gap:var(--s-8);display:flex}.pt-stepper output{text-align:center;min-width:2.5ch;font-weight:600}.pt-stepper .pt-ib{border:1px solid var(--line2)!important}@media (width<=359px){.pt-locate span{display:none}}@media (width>=1000px){.pt{padding-inline:var(--s-24);gap:var(--s-16) var(--s-24);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head tools""sky sky""day day""cells cells";align-items:end}.pt-sky{padding:var(--s-40) var(--s-32) var(--s-16)}.pt-mk b{color:color-mix(in srgb, var(--gold-on) 75%, transparent);display:block}.pt-cells{grid-template-columns:repeat(6,minmax(0,1fr))}.pt-row{min-height:104px;padding:var(--s-16) var(--s-16)}.pt-tools{background:0 0;border:0;grid-template-columns:repeat(3,auto)}.pt-tool{gap:var(--s-8);grid-auto-flow:column;min-height:48px;padding-inline:var(--s-12)!important}.pt-tool small{display:none}}@media (prefers-reduced-motion:reduce){.pt *,.pt :before,.pt :after{transition:none!important;animation:none!important}}.pt{width:100%;max-width:none;padding-top:0}.pt-sky-title{inset-inline-start:var(--sp-5);top:var(--sp-3);font-size:var(--t-cap);color:var(--x-gold-l);position:absolute}.pt .pt-mk,.pt .pt-now{font-style:normal}.pt .pt-mk b{color:var(--x-gold-l);display:block}.pt [data-mk=fajr] b,.pt [data-mk=isha] b{top:calc(100% + 6px);bottom:auto}.pt .pt-foot{margin-top:var(--sp-3);display:block}.pt .pt-next .pt-count{align-items:baseline;gap:var(--sp-2);margin-top:var(--sp-1);display:flex}.pt .pt-next .pt-count output{color:#fff}.pt .pt-next{bottom:0}.pt .pt-last{font-size:var(--t-cap);color:var(--x-gold-l);text-align:center;margin:var(--sp-2) 0 0;line-height:1.6;position:static}.pt-last:empty{display:none}.pt-phase{min-height:15px;line-height:1.5}.pt-phase:empty{display:none}.pt-cells{gap:1px}.pt .pt-now:after{inset:auto;top:var(--sp-4);opacity:1;white-space:nowrap;border:0;animation:none;left:50%;transform:translate(-50%)}@media (width>=1000px){.pt{gap:var(--sp-4) var(--sp-5);grid-template-columns:1.1fr 1fr;grid-template-areas:"head tools""sky day""sky cells";align-items:stretch}.pt .pt-head{justify-content:start;gap:var(--sp-1) var(--sp-3);grid-template-columns:auto auto}.pt .pt-sky{padding:var(--sp-7) var(--sp-5) var(--sp-4)}.pt .pt-arc{max-width:none}.pt .pt-cells{border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.pt .pt-day{align-self:start;max-width:none;min-height:62px}.pt .pt-tools{border:1px solid var(--x-line);background:#f1f3ea;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));align-self:end;gap:0}.pt .pt-tool{gap:var(--sp-1);grid-auto-flow:column;min-height:48px;padding-inline:var(--sp-2)!important}}.pt{--gold-on:#e5cca1;gap:var(--sp-4);padding-inline:0}.pt .pt-eyebrow{font-size:var(--t-cap)}.pt .pt-city{font-size:var(--t-h2);font-weight:700;line-height:1.5}.pt .pt-locate{font-size:var(--t-small);min-height:var(--ctl-h)}.pt .pt-sky{padding:var(--sp-6) var(--sp-4) var(--sp-4);background:url(/_a/khatam-dim.r_JWDJCm.svg) 0 0/88px repeat,radial-gradient(70% 55% at 50% 100%,#c6a05729,transparent 70%),linear-gradient(180deg,var(--x-night),var(--x-olive))}.pt .pt-arc{max-width:760px;height:clamp(228px,190px + 6vw,260px);margin-inline:auto}.pt .pt-mk b,.pt .pt-next span{font-size:var(--t-cap)}.pt .pt-next h3{color:#fff;font-size:var(--t-h1);line-height:1.5}.pt .pt-next p{font-size:var(--t-lead)}.pt .pt-count output{font-size:var(--t-h3)}.pt .pt-hint{bottom:var(--sp-6);font-size:var(--t-body)}.pt .pt-foot{max-width:760px;margin-inline:auto}.pt .pt-day{width:100%;max-width:560px;margin-inline:auto}.pt .pt-day [data-hijri]{font-size:var(--t-small)}.pt .pt-day [data-date],.pt .pt-today{font-size:var(--t-cap)}.pt .pt-row{min-height:clamp(80px,72px + 1.6vw,104px);padding:var(--sp-2) var(--sp-3)}.pt .pt-row strong{font-size:var(--t-small)}.pt{--t-pt-time:clamp(1.125rem,.85rem + 1.1vw,1.875rem)}.pt .pt-row output{color:var(--x-ink);font-size:var(--t-pt-time)}.pt .pt-row small{font-size:var(--t-cap)}.pt .pt-tool b{font-size:var(--t-small)}.pt .pt-tool small{font-size:var(--t-cap)}.pt .pt-tools{align-self:end}.pt .pt-status:not(:empty){padding:var(--sp-2) var(--sp-3);background:var(--x-gold-t);border-radius:var(--r-s)}.pt-now:after{content:"الآن";font-size:var(--t-cap);color:#fff;white-space:nowrap;position:absolute;top:18px;left:50%;transform:translate(-50%)}.pt .pt-row .pt-phase{font-size:var(--t-cap);color:var(--x-gold-ink);font-weight:600}.pt .pt-row.is-focus{background:var(--x-olive);box-shadow:inset 0 0 0 1px var(--x-olive)}.pt .pt-row.is-focus:before{content:"";top:var(--sp-3);background:var(--x-gold);width:10px;height:10px;position:absolute;inset-inline-start:auto;inset-inline-end:var(--sp-3);transform:rotate(45deg)}.pt .pt-row.is-focus :is(strong,output,small){color:#fff}.pt .pt-row.is-focus .pt-phase,.pt .pt-row.is-focus strong .icon{color:var(--x-gold-l)}.pt .pt-row.is-next:not(.is-focus){background:var(--x-gold-t)}.pt .pt-row.is-next:not(.is-focus) :is(strong,output){color:var(--x-gold-ink)}html:not(.geo) .pt:not([data-state=ready]) :is(.pt-day,.pt-cells,.pt-tools){display:none}html:not(.geo) .pt:not([data-state=ready]) .pt-arc{height:clamp(130px,110px + 6vw,170px)}@media (width>=1000px){html:not(.geo) .pt:not([data-state=ready]){grid-template-columns:minmax(0,1fr);grid-template-areas:"head""sky"}}.pt [data-mk=fajr],.pt [data-prayer-row=fajr]{--t:var(--t-fajr)}.pt [data-mk=sunrise],.pt [data-prayer-row=sunrise]{--t:var(--t-sunrise)}.pt [data-mk=dhuhr],.pt [data-prayer-row=dhuhr]{--t:var(--t-dhuhr)}.pt [data-mk=asr],.pt [data-prayer-row=asr]{--t:var(--t-asr)}.pt [data-mk=maghrib],.pt [data-prayer-row=maghrib]{--t:var(--t-maghrib)}.pt [data-mk=isha],.pt [data-prayer-row=isha]{--t:var(--t-isha)}.guide-table table.pt-month{table-layout:auto;white-space:nowrap;min-width:100%;font-size:var(--t-cap)}.guide-table table.pt-month th,.guide-table table.pt-month td{padding:var(--sp-2) 2px;text-align:center;overflow-wrap:normal}.city-prayer[data-astro-cid-q3n6pt7m]{padding-top:var(--s-16);gap:var(--s-24);display:grid}.ix[data-astro-cid-tc2gxv4w]{color:var(--x-ink)}.ix[data-astro-cid-tc2gxv4w] [data-astro-cid-tc2gxv4w][hidden]{display:none!important}.ix-head[data-astro-cid-tc2gxv4w]{gap:var(--sp-4);display:grid}.ix-head[data-astro-cid-tc2gxv4w] h1[data-astro-cid-tc2gxv4w]{font-size:var(--t-h2);margin:0;line-height:1.6}.ix-stage[data-astro-cid-tc2gxv4w]{padding-block:var(--sp-6) var(--sp-7)}.ix-promo[data-astro-cid-tc2gxv4w]{margin-block:var(--sp-6) 0}.ix-controls[data-astro-cid-tc2gxv4w]{max-width:40rem;display:grid}.ix-search-field[data-astro-cid-tc2gxv4w]{gap:var(--sp-2);min-width:0;display:grid}.ix-search-field[data-astro-cid-tc2gxv4w]>label[data-astro-cid-tc2gxv4w]{font-size:var(--t-small);color:var(--x-olive-d);font-weight:600}.ix-search[data-astro-cid-tc2gxv4w]{align-items:center;gap:var(--sp-3);min-height:60px;padding-inline:var(--sp-4) var(--sp-2);border:1px solid var(--x-line2);color:var(--x-olive);background:#fff;border-radius:999px;display:flex;box-shadow:0 6px 20px #3c2c0c14}.ix-search[data-astro-cid-tc2gxv4w]:focus-within{outline:2px solid var(--x-olive);outline-offset:3px}.ix-search[data-astro-cid-tc2gxv4w]>.icon[data-astro-cid-tc2gxv4w]{flex:none;width:22px;height:22px}.ix-search[data-astro-cid-tc2gxv4w] input[data-astro-cid-tc2gxv4w]{width:100%;min-width:0;min-height:56px;color:var(--x-ink);font:inherit;font-size:var(--t-body);background:0 0;border:0;outline:0;flex:1;padding:0}.ix-search[data-astro-cid-tc2gxv4w] input[data-astro-cid-tc2gxv4w]::placeholder{color:var(--x-ink3)}.ix-search[data-astro-cid-tc2gxv4w] input[data-astro-cid-tc2gxv4w]::-webkit-search-cancel-button{display:none}.ix-clear[data-astro-cid-tc2gxv4w]{background:var(--x-olive-t);width:44px;height:44px;color:var(--x-olive);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.ix-clear[data-astro-cid-tc2gxv4w] .icon[data-astro-cid-tc2gxv4w]{width:20px;height:20px}.ix-kind[data-astro-cid-tc2gxv4w]{justify-content:space-between;align-items:center;gap:var(--sp-5);min-height:60px;padding:var(--sp-2) var(--sp-4);border:1px solid var(--x-line2);border-radius:var(--r-m);background:var(--x-card);color:var(--x-olive-d);text-align:start;font:inherit;cursor:pointer;display:flex}.ix-kind[data-astro-cid-tc2gxv4w]>span[data-astro-cid-tc2gxv4w]{display:grid}.ix-kind[data-astro-cid-tc2gxv4w] small[data-astro-cid-tc2gxv4w]{font-size:var(--t-cap);color:var(--x-ink2)}.ix-kind[data-astro-cid-tc2gxv4w] b[data-astro-cid-tc2gxv4w]{font-size:var(--t-body);font-weight:600}.ix-kind[data-astro-cid-tc2gxv4w]>.icon[data-astro-cid-tc2gxv4w]{width:20px;height:20px}.ix-bar[data-astro-cid-tc2gxv4w]{top:var(--head-h,64px);z-index:6;border-bottom:1px solid var(--x-line);backdrop-filter:blur(8px);background:#fffffff5;position:sticky}.ix-tabs[data-astro-cid-tc2gxv4w]{gap:var(--sp-6);display:flex}.ix-tabs[data-astro-cid-tc2gxv4w] [data-astro-cid-tc2gxv4w][role=tab]{align-items:center;gap:var(--sp-2);min-height:56px;padding:0 var(--sp-1);font:inherit;font-size:var(--t-body);color:var(--x-ink2);cursor:pointer;background:0 0;border:0;font-weight:600;line-height:1.6;display:inline-flex;position:relative}.ix-tabs[data-astro-cid-tc2gxv4w] [data-astro-cid-tc2gxv4w][role=tab] span[data-astro-cid-tc2gxv4w]{min-width:2.2em;padding:0 var(--sp-2);font-size:var(--t-cap);text-align:center;color:var(--x-ink2);background:#f1f2ec;border-radius:999px;font-weight:600;line-height:1.9}.ix-tabs[data-astro-cid-tc2gxv4w] [data-astro-cid-tc2gxv4w][role=tab]:after{content:"";inset-inline:0;background:var(--x-gold);height:3px;transition:transform .25s var(--ease-x);border-radius:3px 3px 0 0;position:absolute;bottom:-1px;transform:scaleX(0)}.ix-tabs[data-astro-cid-tc2gxv4w] [data-astro-cid-tc2gxv4w][role=tab][aria-selected=true]{color:var(--x-olive-d)}.ix-tabs[data-astro-cid-tc2gxv4w] [data-astro-cid-tc2gxv4w][role=tab][aria-selected=true]:after{transform:none}.ix-tabs[data-astro-cid-tc2gxv4w] [data-astro-cid-tc2gxv4w][role=tab][aria-selected=true] span[data-astro-cid-tc2gxv4w]{background:var(--x-olive-t);color:var(--x-olive-d)}.ix-tabs[data-astro-cid-tc2gxv4w] [data-astro-cid-tc2gxv4w][role=tab]:focus-visible{outline:3px solid var(--x-gold);outline-offset:2px}.ix-content[data-astro-cid-tc2gxv4w]{padding-block:var(--sp-3) var(--sec-y)}.ix-panel[data-astro-cid-tc2gxv4w]:not([hidden])+.ix-panel[data-astro-cid-tc2gxv4w]{margin-top:var(--sp-6)}.ix-list-head[data-astro-cid-tc2gxv4w]{justify-content:space-between;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-4);padding-bottom:var(--sp-3);border-bottom:1px solid var(--x-line2);display:flex}.ix-list-head[data-astro-cid-tc2gxv4w] h2[data-astro-cid-tc2gxv4w]{font-size:var(--t-h3);color:var(--x-olive-d);margin:0;font-weight:700}.ix-list-head[data-astro-cid-tc2gxv4w]>span[data-astro-cid-tc2gxv4w]{font-size:var(--t-small);color:var(--x-ink2);flex:none}.ix-grid[data-astro-cid-tc2gxv4w]{column-gap:var(--sp-7);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.ix-grid[data-astro-cid-tc2gxv4w]>li[data-astro-cid-tc2gxv4w]{border-bottom:1px solid var(--x-line)}.ix-entry[data-astro-cid-tc2gxv4w]{align-items:center;gap:var(--sp-4);min-height:76px;padding:var(--sp-3) var(--sp-2);border-radius:var(--r-s);color:var(--x-ink);grid-template-columns:auto minmax(0,1fr) auto;text-decoration:none;transition:background .18s;display:grid}.ix-entry[data-astro-cid-tc2gxv4w]:focus-visible{outline:3px solid var(--x-gold);outline-offset:3px}.ix-num[data-astro-cid-tc2gxv4w]{width:2.5rem;height:2.5rem;font-size:var(--t-small)}.ix-name[data-astro-cid-tc2gxv4w]{gap:var(--sp-1);min-width:0;display:grid}.ix-name[data-astro-cid-tc2gxv4w]>b[data-astro-cid-tc2gxv4w]{font-size:var(--t-h3);overflow-wrap:break-word;font-weight:600;line-height:1.7}.ix-name[data-astro-cid-tc2gxv4w]>small[data-astro-cid-tc2gxv4w]{gap:0 var(--sp-3);font-size:var(--t-cap);color:var(--x-ink2);flex-wrap:wrap;line-height:1.85;display:flex}.ix-page[data-astro-cid-tc2gxv4w]{align-items:baseline;gap:var(--sp-1);display:flex}.ix-page[data-astro-cid-tc2gxv4w] small[data-astro-cid-tc2gxv4w]{font-size:var(--t-cap);color:var(--x-ink2);line-height:1.7}.ix-page[data-astro-cid-tc2gxv4w] b[data-astro-cid-tc2gxv4w]{font-size:var(--t-small);color:var(--x-olive);font-weight:600;line-height:1.7}.ix-empty[data-astro-cid-tc2gxv4w]{justify-items:center;gap:var(--sp-3);padding:var(--sp-7) var(--sp-4);text-align:center;display:grid}.ix-empty[data-astro-cid-tc2gxv4w]>.icon[data-astro-cid-tc2gxv4w]{width:40px;height:40px;color:var(--x-gold-ink)}.ix-empty[data-astro-cid-tc2gxv4w] h2[data-astro-cid-tc2gxv4w]{font-size:var(--t-h3);color:var(--x-ink);margin:0}.ix-empty[data-astro-cid-tc2gxv4w] p[data-astro-cid-tc2gxv4w]{font-size:var(--t-body);color:var(--x-ink2);margin:0}@media (width>=720px){.ix-grid[data-astro-cid-tc2gxv4w]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1100px){.ix-grid[data-astro-cid-tc2gxv4w]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (hover:hover){.ix-entry[data-astro-cid-tc2gxv4w]:hover{background:#f4f6ef}}@media (prefers-reduced-motion:reduce){.ix-entry[data-astro-cid-tc2gxv4w]{transition:none}}.tx[data-astro-cid-ruliqujp]{max-width:calc(54rem + 2 * var(--gutter-x));padding-block:var(--sp-5) var(--sec-y);gap:var(--sp-3);display:grid}.tx[data-astro-cid-ruliqujp] h1[data-astro-cid-ruliqujp]{font-size:var(--t-h1);margin:0;font-weight:700;line-height:1.7}.tx-body[data-astro-cid-ruliqujp]{gap:var(--sp-3);margin-top:var(--sp-3);font-size:var(--t-body);color:var(--x-ink);line-height:1.95;display:grid}.tx-body[data-astro-cid-ruliqujp] p{margin:0}.tx-body[data-astro-cid-ruliqujp] a{color:var(--x-olive);text-decoration-color:var(--x-gold);text-underline-offset:6px;font-weight:600}.tx-body[data-astro-cid-ruliqujp] .tx-lead{font-size:var(--t-lead);color:var(--x-ink);line-height:1.95}.tx-body[data-astro-cid-ruliqujp] .tx-sec{gap:var(--sp-1) var(--sp-3);border-radius:var(--r-l);background:#f4f5f2;grid-template-columns:auto minmax(0,1fr);align-items:start;padding:clamp(.875rem,.7rem + .8vw,1.5rem);display:grid}.tx-body[data-astro-cid-ruliqujp] .tx-ic{width:44px;height:44px;color:var(--x-olive);background:#fff;border-radius:50%;grid-row:span 2;place-items:center;display:grid}.tx-body[data-astro-cid-ruliqujp] .tx-ic .icon{width:22px;height:22px}.tx-body[data-astro-cid-ruliqujp] .tx-sec h2{font-size:var(--t-h3);color:var(--x-ink);margin:0;font-weight:700;line-height:1.7}.tx-body[data-astro-cid-ruliqujp] .tx-sec p{color:var(--x-ink2)}.tx-body[data-astro-cid-ruliqujp] .tx-points{gap:var(--sp-2) var(--sp-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.tx-body[data-astro-cid-ruliqujp] .tx-points li{align-items:center;gap:var(--sp-1);font-size:var(--t-small);color:var(--x-olive-d);font-weight:700;display:inline-flex}.tx-body[data-astro-cid-ruliqujp] .tx-points .icon{width:18px;height:18px;color:var(--x-olive)}.tx-body[data-astro-cid-ruliqujp] .tx-h2{margin:var(--sp-5) 0 0;font-size:var(--t-h2);font-weight:700;line-height:1.7}.src-list[data-astro-cid-oa3fuo4r]{gap:var(--sp-2);margin:0;padding:0;list-style:none;display:grid}.src-list[data-astro-cid-oa3fuo4r] h2[data-astro-cid-oa3fuo4r]{font-size:var(--t-body)!important}.src-list[data-astro-cid-oa3fuo4r] dl[data-astro-cid-oa3fuo4r]{grid-column:2;gap:2px;margin:0;display:grid}.src-list[data-astro-cid-oa3fuo4r] dl[data-astro-cid-oa3fuo4r] div[data-astro-cid-oa3fuo4r]{gap:0 var(--sp-2);flex-wrap:wrap;align-items:baseline;display:flex}.src-list[data-astro-cid-oa3fuo4r] dt[data-astro-cid-oa3fuo4r]{font-size:var(--t-cap);color:var(--x-ink2)}.src-list[data-astro-cid-oa3fuo4r] dd[data-astro-cid-oa3fuo4r]{font-size:var(--t-cap);color:var(--x-ink);overflow-wrap:anywhere;margin:0}.src-list[data-astro-cid-oa3fuo4r] code[data-astro-cid-oa3fuo4r]{font-size:var(--t-cap)}.appc[data-astro-cid-g7nwi7w6]{grid-template-columns:minmax(7rem,11rem) 1fr;align-items:center;gap:clamp(1rem,.5rem + 2vw,2rem);padding:clamp(1rem,.6rem + 1.5vw,1.75rem);display:grid}.appc[data-astro-cid-g7nwi7w6] img[data-astro-cid-g7nwi7w6]{filter:drop-shadow(0 10px 18px #1e22141f);width:100%;height:auto}.tx[data-astro-cid-g7nwi7w6]{flex-direction:column;align-items:flex-start;gap:.75rem;display:flex}.tx[data-astro-cid-g7nwi7w6] p[data-astro-cid-g7nwi7w6]{color:var(--ink2)}@media (width<=520px){.appc[data-astro-cid-g7nwi7w6]{grid-template-columns:6.5rem 1fr}}.studio-promo-wrap[data-astro-cid-hhxicd6u]{margin-top:var(--sec-y);padding-block:0}.tp[data-astro-cid-hhxicd6u]{padding-top:1rem}.tp-head[data-astro-cid-hhxicd6u]{margin-top:var(--sec-half);flex-direction:column;gap:.25rem;display:flex}.art-wrap[data-astro-cid-hhxicd6u]{max-width:calc(var(--measure) + 2 * var(--gutter));padding-inline:max(1.25rem, var(--gutter));padding-block:var(--sec-head) var(--sec-y)}.art[data-astro-cid-hhxicd6u]{max-width:var(--measure);font-size:var(--fs-article);line-height:1.9}.app-slot[data-astro-cid-hhxicd6u]{padding-bottom:0}.art[data-astro-cid-hhxicd6u] h2{margin-top:calc(var(--sec-y) * .7);scroll-margin-top:calc(var(--head-h) + 1rem);margin-bottom:.75rem}.art[data-astro-cid-hhxicd6u] h2:first-child{margin-top:0}.art[data-astro-cid-hhxicd6u] h3{margin-top:1.75rem;margin-bottom:.5rem}.art[data-astro-cid-hhxicd6u] p{color:var(--ink);margin-bottom:1rem}.art[data-astro-cid-hhxicd6u] ul,.art[data-astro-cid-hhxicd6u] ol{flex-direction:column;gap:.375rem;margin:0 0 1rem;padding-inline-start:1.4rem;display:flex}.art[data-astro-cid-hhxicd6u] table{border-collapse:collapse;width:100%;font-size:var(--fs-s);background:var(--card);border-radius:var(--r-card);box-shadow:var(--shadow);margin:0 0 1.25rem;display:block;overflow:auto hidden}.art[data-astro-cid-hhxicd6u] th,.art[data-astro-cid-hhxicd6u] td{text-align:start;border-bottom:1px solid var(--line);vertical-align:top;padding:.625rem .875rem;line-height:1.85}.art[data-astro-cid-hhxicd6u] th{background:var(--olive-t);color:var(--olive-d);font-weight:600}.art[data-astro-cid-hhxicd6u] .q-inline{text-align:center;background:var(--paper);border-radius:var(--r-card);margin:.5rem 0 .25rem;padding:1rem 1.25rem;display:block}.art[data-astro-cid-hhxicd6u] .q-ref{text-align:center;font-size:var(--fs-xs);color:var(--ink2);margin-bottom:1rem;display:block}.art[data-astro-cid-hhxicd6u] blockquote{border-inline-start:3px solid var(--gold);background:var(--gold-t);border-radius:var(--r-compact);margin:0 0 1rem;padding:.75rem 1.25rem}.q2{color:var(--x-olive-d);font-size:var(--t-body);-webkit-text-size-adjust:100%;text-size-adjust:100%;line-height:1.85}.q2 :is(p,h2){margin:0}.q2 button{cursor:pointer;font-family:inherit}.q2 button:disabled{cursor:wait;opacity:.7}.q2 :is(button,a):focus-visible{outline:3px solid var(--x-olive-d);outline-offset:var(--sp-1)}.q2 h1{color:var(--x-ink);margin-block-end:var(--sp-4)}.q3-wrap{justify-items:center;gap:var(--sp-4);text-align:center;display:grid}.q2 .q3-camera{justify-content:center;align-items:center;gap:var(--sp-2);min-height:48px;padding:0 var(--sp-5);background:var(--x-olive);color:#fff;font-size:var(--t-small);border:0;border-radius:22px;font-weight:600;display:inline-flex;box-shadow:0 3px 10px #2d441733}.q3-camera .icon{width:20px;height:20px}.q2 .q3-start{justify-content:center;align-items:center;gap:var(--sp-2);min-height:52px;padding-inline:var(--sp-6);font-size:var(--t-body);color:#fff;display:inline-flex}.q3-start .icon{width:22px;height:22px}.q2 .q3-start{position:relative;overflow:hidden}.q2 .q3-start:disabled{opacity:1}.q3-run{opacity:0;background:#ffffff2e;height:4px;transition:opacity .2s;position:absolute;inset:auto 0 0}.q3-run i{background:linear-gradient(90deg,#c6a057,#ecd7a6);border-radius:0 4px 4px 0;width:0;height:100%;display:block}.q2[data-busy=true] .q3-run{opacity:1}.q2[data-busy=true] .q3-run i{animation:15s cubic-bezier(.12,.75,.2,1) forwards q3-fill}.q2[data-busy=true] .q3-start .icon{animation:1s ease-in-out infinite q3-pulse}.q3-radar{opacity:0;pointer-events:none;background:conic-gradient(#c6a05700 0deg 250deg,#c6a05780 360deg);border-radius:50%;transition:opacity .3s;position:absolute;inset:4.4%}.q2[data-busy=true] .q3-radar{opacity:1;animation:1.5s linear infinite q3-sweep}.q2[data-busy=true] .q3-face{opacity:.8}@keyframes q3-fill{to{width:94%}}@keyframes q3-sweep{to{transform:rotate(360deg)}}@keyframes q3-pulse{50%{transform:scale(1.15)}}.q3-dial{aspect-ratio:1;width:min(100%,330px);color:var(--x-olive-d);position:relative}.q3-face{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.q3-disc{fill:#ffffffd6;stroke:#7e622c2e;stroke-width:1px}.q3-rim{fill:none;stroke:var(--x-gold-ink);stroke-width:1.2px;opacity:.55}.q3-tick{stroke:var(--x-gold-ink);stroke-width:1px;opacity:.7}.q3-tick.is-major{stroke:var(--x-olive-d);stroke-width:2px;opacity:1}.q3-north{fill:var(--x-olive-d)}.q3-path{stroke:var(--x-gold);stroke-width:3px;stroke-linecap:round;stroke-dasharray:2 8;opacity:0}.q3-path.is-on{opacity:1}.q3-you{fill:var(--x-olive-d);opacity:.85}.q3-card{left:var(--x,50%);top:var(--y,50%);font-size:var(--t-cap);color:var(--x-ink2);pointer-events:none;font-weight:600;line-height:1.5;position:absolute;transform:translate(-50%,-50%)}.q3-card[data-card="0"]{color:var(--x-olive-d);--x:50%;--y:19%}.q3-card[data-card="90"]{--x:81%;--y:50%}.q3-card[data-card="180"]{--x:50%;--y:81%}.q3-card[data-card="270"]{--x:19%;--y:50%}.q3-kaaba{left:var(--x,50%);top:var(--y,8%);color:#e5cca1;background:#1f1d18;border-radius:14px;place-items:center;width:52px;height:52px;transition:box-shadow .3s;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #fff,0 6px 16px #1e221440}.q3-kaaba .icon{width:30px;height:30px}.q3-center{justify-content:center;align-items:baseline;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);font-size:var(--t-small);color:var(--x-ink2);white-space:nowrap;background:#fff8e6eb;border-radius:24px;line-height:1.6;display:flex;position:absolute;top:42%;left:20%;right:20%}.q3-center strong{font-size:var(--t-body);color:var(--x-olive-d);font-variant-numeric:tabular-nums;font-weight:700}.q3-center output{font:inherit;color:inherit}.q2 .q3-tap{align-items:center;gap:var(--sp-2);min-height:48px;padding:0 var(--sp-5);background:var(--x-olive-d);color:#fff;font-size:var(--t-small);white-space:nowrap;border:0;border-radius:24px;font-weight:600;display:inline-flex;position:absolute;top:72%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 14px #1e221440}.q3-tap .icon{width:20px;height:20px}.q2[data-state=empty] .q3-face{opacity:.55}.q2[data-aligned=true] .q3-path{stroke-dasharray:none;filter:drop-shadow(0 0 5px var(--x-gold))}.q2[data-aligned=true] .q3-kaaba{box-shadow:0 0 0 3px var(--x-gold),0 0 20px var(--x-gold)}.q3-guide{font-size:var(--t-h3);color:var(--x-gold-ink);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.7}.q3-guide:empty{display:none}.q3-hint{max-width:36ch;font-size:var(--t-small);color:var(--x-gold-ink);line-height:1.85}.q3-hint:empty{display:none}.q2 .q3-city{align-items:center;gap:var(--sp-2);min-height:var(--ctl-h);padding:0 var(--sp-4);border:1px solid var(--x-line2);border-radius:var(--r-s);background:var(--x-card);color:var(--x-olive-d);font-size:var(--t-small);font-weight:600;display:inline-flex}.q3-city .icon{width:18px;height:18px}.q3-distance{justify-content:center;align-items:baseline;gap:var(--sp-2);font-size:var(--t-small);color:var(--x-ink2);flex-wrap:wrap;display:flex}.q3-distance output{font-size:var(--t-body);color:var(--x-olive-d);font-variant-numeric:tabular-nums;font-weight:700}.q3-say{gap:var(--sp-1);justify-items:center;display:grid}.geo .q2 .q3-start{display:none}.geo .q2 .q3-say{min-height:calc(var(--t-small) * 1.85 * 2)}.geo .q2 [data-distance-line][hidden]{visibility:hidden;display:flex}@media (pointer:coarse){.geo .q2 .q3-camera[hidden]{visibility:hidden;display:inline-flex}}.q3:has(.q-cam:not([hidden])) :is(.q3-dial,.q3-camera){display:none}.q2 .pt-ib{width:var(--ctl-h);height:var(--ctl-h);color:var(--x-olive-d);border-radius:var(--r-s);background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.q2 .pt-ib .icon{width:var(--sp-5);height:var(--sp-5)}.q2 .pt-sheet{font-size:var(--t-body);color:var(--x-olive-d)}.q2 .pt-sheet-head h3{font-size:var(--t-h3)}.q2 .city-picker-body>label,.q2 .city-location,.q2 .city-empty{font-size:var(--t-small)}.q2 .city-query input,.q2 .city-results .city-hit{font-size:var(--t-body)}.q2 .city-heading,.q2 .city-source,.q2 .city-results .city-hit small{font-size:var(--t-cap);color:var(--x-ink2)}.q2 .city-reset{font-size:var(--t-small)!important;color:var(--x-ink2)!important}.q-cam{width:100%;max-width:32rem;height:min(calc(100dvh - var(--head-h) - 2rem),44rem);border-radius:var(--r-card);color:#fff;background:#000;min-height:24rem;position:relative;overflow:hidden}.q-cam video{object-fit:cover;filter:blur(7px);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.06)}.q-cam-shade{pointer-events:none;position:absolute;inset-inline:0}.q-cam-shade.is-top{background:linear-gradient(#0009,#0000);height:140px;top:0}.q-cam-shade.is-bottom{background:linear-gradient(#0000,#000000b3);height:260px;bottom:0}.q-cam-draw{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.qc-disc{fill:#00000059}.qc-ring{fill:none;stroke:#ffffffe6;stroke-width:3px}.qc-tick{stroke:#ffffff8c;stroke-width:1.5px;stroke-linecap:round}.qc-tick.is-major{stroke:#fffffff2;stroke-width:3px}.qc-name{fill:#fff;font-size:var(--t-cap);text-anchor:middle;dominant-baseline:central;font-weight:600}.qc-name.is-north{fill:var(--x-gold)}.qc-beam{fill:var(--x-gold);fill-opacity:.6;stroke:#ffffffb3;stroke-width:2px}.q-cam[data-aligned=true] .qc-beam{fill-opacity:.9;filter:drop-shadow(0 0 10px var(--x-gold))}.qc-arrow{fill:none;stroke:#fff;stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;opacity:.9}.qc-edge{fill:none;stroke:var(--x-gold);stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px #0009)}.qc-hub{fill:#fff}.qc-hub-dot{fill:var(--x-gold)}.q-cam-kaaba{color:#e5cca1;width:64px;height:64px;box-shadow:0 0 0 2px var(--x-gold),0 10px 18px #00000073;background:#1f1d18;border-radius:16px;place-items:center;display:grid;position:absolute;top:36%;left:50%;transform:translate(-50%,-50%)}.q-cam-kaaba .icon{width:38px;height:38px}.q-cam-kaaba[data-place=floor]{border-radius:50%;width:46px;height:46px}.q-cam-kaaba[data-place=floor] .icon{width:28px;height:28px}.q-cam[data-aligned=true] .q-cam-kaaba{box-shadow:0 0 0 3px var(--x-gold),0 0 24px var(--x-gold)}.q-cam-top{align-items:center;gap:var(--sp-1);padding:var(--sp-2);display:flex;position:absolute;inset:0 0 auto}.q-cam-top strong{font-size:var(--t-h3);text-shadow:0 0 6px #000c;font-weight:700;line-height:1.7}.q2 .q-cam-close{color:#fff;background:0 0;border:0;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;display:grid}.q-cam-close .icon{filter:drop-shadow(0 0 4px #000c);width:26px;height:26px}.q-cam-bottom{inset:auto var(--sp-4) var(--sp-5);justify-items:center;gap:var(--sp-1);text-align:center;text-shadow:0 0 6px #000c;display:grid;position:absolute}.q-cam-big{font-size:var(--t-h2);font-weight:700;line-height:1.7}.q-cam[data-aligned=true] .q-cam-big{color:var(--x-gold)}.q-cam-small{font-size:var(--t-small);line-height:1.85}.q-cam-small:empty{display:none}.q2 .q-cam-problem{padding:var(--sp-1) var(--sp-2);color:var(--x-gold);font-size:var(--t-body);text-shadow:inherit;background:0 0;border:0;margin-block-end:var(--sp-2);line-height:1.85}.q-cam-problem:disabled{cursor:default;opacity:1}@media (prefers-reduced-motion:reduce){.q2 .q3-kaaba{transition:none}.q2[data-busy=true] :is(.q3-radar,.q3-start .icon){animation:none}.q2[data-busy=true] .q3-run i{width:60%;animation:none}}.q3-illus{width:min(10.5rem,52vw);margin-block:var(--sp-1)}.q3-illus[hidden],.q3-illus:not([data-kind=eight]) .q3-eight,.q3-illus:not([data-kind=flat]) .q3-flat{display:none}.q3-illus svg{width:100%;height:auto;display:block;overflow:visible}.q3-eight-path{fill:none;stroke:var(--x-gold);stroke-width:1.6px;stroke-dasharray:4 4;opacity:.8}.q3-phone>rect:first-child,.q3-body{fill:var(--x-olive-d)}.q3-screen{fill:var(--x-gold-l,#e5cca1)}.q3-glass{fill:#f4f5f2}.q3-ring{fill:none;stroke:var(--x-olive);stroke-width:1.4px;opacity:.55}.q3-aim{fill:none;stroke:var(--x-gold);stroke-width:2px}.q3-bubble{fill:var(--x-olive);transition:cx .12s linear,cy .12s linear}.q-cam-eight{margin-inline:auto}.q-cam-eight .q3-eight-path{stroke:#fff;opacity:.85}.q2[data-hint-state=ok] .q3-hint{color:var(--x-olive);font-weight:700}section.tasbih-tool.tool.x-stage{max-width:none;padding-inline:0;padding-block:var(--sec-y) calc(var(--sec-y) * 1.1);background:var(--x-bg);min-height:0;color:var(--x-ink);margin:0}section.tasbih-tool .tool-top h1{font-size:var(--t-h1);color:var(--x-olive-d);margin:0;font-weight:700;line-height:1.7}section.tasbih-tool .ts-gear{align-items:center;gap:var(--sp-2);min-height:44px;padding-inline:var(--sp-4);font:inherit;font-size:var(--t-small);color:var(--x-olive-d);cursor:pointer;backdrop-filter:blur(6px);background:#ffffff8c;border:0;border-radius:999px;flex:none;font-weight:600;line-height:1.7;display:inline-flex;box-shadow:inset 0 0 0 1px #fffc}section.tasbih-tool .ts-gear .icon{width:20px;height:20px}section.tasbih-tool .ts-top{justify-content:space-between;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3) var(--sp-2) var(--sp-2);flex-wrap:wrap;display:flex}section.tasbih-tool .ts-who{flex-direction:column;flex:4.5rem;align-items:flex-start;min-width:0;display:flex}section.tasbih-tool .ts-who .counter-single,section.tasbih-tool .ts-pick strong{font-size:var(--t-h3);color:var(--x-ink);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:700;line-height:1.6;overflow:hidden}section.tasbih-tool .ts-pick{align-items:center;gap:var(--sp-1);max-width:100%;min-height:40px;padding-inline:var(--sp-2);border-radius:var(--r-s);font:inherit;cursor:pointer;background:0 0;border:0;margin-inline-start:calc(var(--sp-2) * -1);display:inline-flex}section.tasbih-tool .ts-pick:hover{background:var(--x-olive-t)}section.tasbih-tool .ts-pick .icon{width:18px;height:18px;color:var(--x-olive);flex:none}section.tasbih-tool .ts-stats{font-size:var(--t-cap);color:var(--x-ink2);line-height:1.7}section.tasbih-tool .ts-acts{flex:none;gap:6px;display:flex}section.tasbih-tool .ts-act{background:var(--x-olive-t);min-height:44px;font:inherit;font-size:var(--t-cap);color:var(--x-olive-d);cursor:pointer;white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;gap:4px;padding-inline:10px 12px;font-weight:600;line-height:1.6;transition:background .2s;display:inline-flex}section.tasbih-tool .ts-act:hover{background:#dde9cf}section.tasbih-tool .ts-act .icon{flex:none;width:17px;height:17px}section.tasbih-tool .controls{padding:var(--sp-3) var(--sp-2)}section.tasbih-tool .ts-bar{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}section.tasbih-tool .ts-bar>[hidden]{display:none}section.tasbih-tool .ts-cell{min-width:0;padding:var(--sp-1) 2px;font:inherit;font-size:var(--t-cap);color:var(--x-ink2);text-align:center;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;font-weight:600;line-height:1.5;display:flex}section.tasbih-tool .ts-cell>span{background:var(--x-olive-t);width:48px;height:48px;color:var(--x-olive);border-radius:50%;place-items:center;transition:background .2s,color .2s;display:grid}section.tasbih-tool .ts-cell .icon{width:22px;height:22px}section.tasbih-tool .ts-cell[aria-pressed=true]>span{background:var(--x-olive);color:#fff}section.tasbih-tool .ts-cell:disabled{cursor:default;opacity:.45}section.tasbih-tool .ts-note{margin:var(--sp-2) 0 0;font-size:var(--t-cap);color:var(--x-ink2);text-align:center;line-height:1.7}section.tasbih-tool .tool-top{min-height:auto;margin-bottom:var(--head-gap)}section.tasbih-tool .tool-top h2{align-items:center;gap:var(--sp-3);font-size:var(--t-h2);color:var(--x-ink);margin:0;font-weight:700;line-height:1.7;display:flex}section.tasbih-tool .tool-top h2:before{content:"";background:url(/_a/star8.C7sUdn8C.svg) 50%/contain no-repeat;width:.8em;height:.8em}section.tasbih-tool .tool-top .ib{color:var(--x-olive)}section.tasbih-tool .arena{aspect-ratio:1;isolation:isolate;background:0 0;height:auto;max-height:440px}section.tasbih-tool .arena .orb{width:min(clamp(300px,240px + 14vw,440px),100% - 40px)}section.tasbih-tool .disc{background:url(/_a/khatam-dim.r_JWDJCm.svg) 0 0/44px,radial-gradient(circle at 42% 32%,#3a5524,#22351a 62%,#182810);inset:13%;box-shadow:inset 0 0 0 1px #e5cca140,0 0 0 10px #2d44171a,0 24px 44px #3c2c0c59}section.tasbih-tool .thread{fill:none;stroke:#2d441773;stroke-width:1.2px}section.tasbih-tool .strand{transform-origin:150px 150px;transform-box:view-box;transition:transform .42s cubic-bezier(.3,1.4,.5,1)}section.tasbih-tool .bead{fill:url(#bead-empty);filter:drop-shadow(0 3px 3px #3c2c0c66)}section.tasbih-tool .bead.filled{fill:url(#bead-filled)}section.tasbih-tool .bead-light{stop-color:#fffdf6}section.tasbih-tool .bead-paper{stop-color:#efe6cf}section.tasbih-tool .bead-edge{stop-color:#b9a77f}section.tasbih-tool .bead-mint{stop-color:#f3dca6}section.tasbih-tool .bead-olive{stop-color:var(--x-gold)}section.tasbih-tool .bead-dark{stop-color:#6d5323}section.tasbih-tool .marker{fill:var(--x-olive-d);filter:drop-shadow(0 0 4px #ffffffb3)}section.tasbih-tool .arena .orb .orb-text{gap:var(--sp-1);color:#fff;inset:24% 14%}section.tasbih-tool .arena .orb .orb-name{font-size:max(13px,min(var(--t-small),7cqw));color:var(--x-gold-l);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:600;overflow:hidden}section.tasbih-tool .arena .orb .orb-text output{font-size:min(var(--t-h1) * 1.6,22cqw);color:#fff;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.2}section.tasbih-tool .arena .orb .orb-text>span{font-size:max(13px,min(var(--t-small),7cqw));color:#dfe3d2}section.tasbih-tool .orb:active .disc{transition:transform 80ms;transform:scale(.97)}section.tasbih-tool .disc{transition:transform .25s var(--ease-x),box-shadow .4s}section.tasbih-tool .orb[data-goal-reached=true] .disc{box-shadow:inset 0 0 0 2px var(--x-gold),0 0 40px #c6a05773}section.tasbih-tool .orb[data-goal-reached=true] .marker{animation:1.4s ease-in-out infinite alternate tasbih-glow}@keyframes tasbih-glow{to{filter:drop-shadow(0 0 14px #e5cca1f2)}}section.tasbih-tool .tool-card.x-glass{border-radius:var(--r-l);background:#ffffffd1;border:1px solid #ffffffe6;box-shadow:0 18px 48px #4e3a1229}section.tasbih-tool .feedback{min-height:0}section.tasbih-tool .tool-status:empty{display:none}@media (width>=1000px){section.tasbih-tool .tasbih-sidebar{align-content:start;align-self:start}section.tasbih-tool .tasbih-sidebar>.tool-card{min-height:0}section.tasbih-tool .tasbih-body{gap:var(--sp-5);grid-template-columns:minmax(0,1fr) 360px}section.tasbih-tool .arena{aspect-ratio:auto;height:520px;max-height:520px}}@media (prefers-reduced-motion:reduce){section.tasbih-tool .strand{transition:none}section.tasbih-tool .marker{animation:none!important}}section.tasbih-tool .arena .orb{container-type:inline-size}@container (width<=200px){section.tasbih-tool .arena .orb .orb-name,section.tasbih-tool .arena .orb .orb-text>span{display:none}}.tasbih-tool[data-astro-cid-imwschmx]{min-height:740px}.tasbih-body[data-astro-cid-imwschmx]{flex-direction:column;gap:12px;display:flex}.tasbih-sidebar[data-astro-cid-imwschmx]{display:contents}.tasbih-sidebar[data-astro-cid-imwschmx]>.tool-card[data-astro-cid-imwschmx]:first-child{order:0}.controls[data-astro-cid-imwschmx]{order:2}.arena[data-astro-cid-imwschmx]{touch-action:manipulation;order:1;height:380px;position:relative}.orb[data-astro-cid-imwschmx]{aspect-ratio:1;touch-action:none;background:0 0;border:0;border-radius:50%;width:min(300px,100% - 32px);padding:0;position:absolute;top:50%;left:50%;translate:-50% -50%}.disc[data-astro-cid-imwschmx]{background:radial-gradient(circle at 35% 28%, var(--card), var(--paper) 55%, var(--gold-t));box-shadow:0 18px 40px color-mix(in srgb,var(--olive-d) 16%,transparent), 0 0 0 1px color-mix(in srgb,var(--gold-ink) 12%,transparent);border-radius:50%;position:absolute;inset:9.5%}.beads[data-astro-cid-imwschmx]{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.bead[data-astro-cid-imwschmx]{fill:url(#bead-empty);filter:drop-shadow(0 3px 2px color-mix(in srgb,var(--olive-d) 25%,transparent))}.bead[data-astro-cid-imwschmx].filled{fill:url(#bead-filled)}.bead-light[data-astro-cid-imwschmx]{stop-color:var(--card)}.bead-paper[data-astro-cid-imwschmx]{stop-color:var(--paper)}.bead-edge[data-astro-cid-imwschmx]{stop-color:var(--line2)}.bead-mint[data-astro-cid-imwschmx]{stop-color:var(--olive-m)}.bead-olive[data-astro-cid-imwschmx]{stop-color:var(--olive)}.bead-dark[data-astro-cid-imwschmx]{stop-color:var(--olive-d)}.orb[data-astro-cid-imwschmx][data-goal-reached=true] .bead[data-astro-cid-imwschmx]{fill:var(--gold)}.orb-text[data-astro-cid-imwschmx]{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:25% 12%}.orb-text[data-astro-cid-imwschmx] output[data-astro-cid-imwschmx]{font-size:var(--fs-hero);font-weight:600}.orb-text[data-astro-cid-imwschmx]>span[data-astro-cid-imwschmx]{font-size:var(--fs-b);color:var(--ink2)}.feedback[data-astro-cid-imwschmx]{min-height:88px}.feedback[data-astro-cid-imwschmx] p[data-astro-cid-imwschmx]{flex:1}[data-astro-cid-imwschmx][data-blind-sheet]{height:85dvh}.blind-counter[data-astro-cid-imwschmx]{background:var(--olive-t);border-radius:var(--r-card);width:100%;height:65dvh;font-size:var(--fs-hero);border:0;place-items:center;display:grid}@media (width>=1000px){.tasbih-tool[data-astro-cid-imwschmx]{max-width:1080px;min-height:590px}.tasbih-body[data-astro-cid-imwschmx]{grid-template-columns:1fr 360px;display:grid}.tasbih-sidebar[data-astro-cid-imwschmx]{grid-area:1/2;gap:12px;display:grid}.arena[data-astro-cid-imwschmx]{grid-area:1/1;height:460px}}.khatma-tool[data-astro-cid-b4xfc2yl]>.tool-actions[data-astro-cid-b4xfc2yl]:has([data-status]:empty):has([data-undo][hidden]){display:none}.kh-new[data-astro-cid-b4xfc2yl]{align-items:center;gap:var(--sp-2);min-height:44px;padding-inline:var(--sp-4);background:var(--x-olive-t);font:inherit;font-size:var(--t-small);color:var(--x-olive-d);cursor:pointer;border:0;border-radius:999px;font-weight:600;line-height:1.6;display:inline-flex}.kh-new[data-astro-cid-b4xfc2yl] .icon{width:20px;height:20px}.kh-new[data-astro-cid-b4xfc2yl]:hover{background:#dde9cf}.tp-stage .khatma-tool[data-astro-cid-b4xfc2yl]{border:1px solid var(--x-line);border-radius:var(--r-l);background:#ffffffeb}.khatma-stage[data-astro-cid-b4xfc2yl]{min-height:0}.empty[data-astro-cid-b4xfc2yl]{padding:var(--sec-half);justify-items:start;gap:10px;display:grid}.khatma-columns[data-astro-cid-b4xfc2yl]{gap:18px;display:grid}.today-card[data-astro-cid-b4xfc2yl]{align-content:start;gap:12px;min-height:240px;display:grid}.today-card[data-astro-cid-b4xfc2yl] h3[data-astro-cid-b4xfc2yl]{font-size:var(--fs-h2)}.summary[data-astro-cid-b4xfc2yl]{min-height:260px}.summary-top[data-astro-cid-b4xfc2yl]{align-items:center;gap:16px;display:flex}.summary-ring[data-astro-cid-b4xfc2yl]{flex:none;width:96px;height:96px;position:relative}.summary-ring[data-astro-cid-b4xfc2yl] circle[data-astro-cid-b4xfc2yl]{stroke-width:9px;fill:none}.track[data-astro-cid-b4xfc2yl]{stroke:var(--olive-t)}.fill[data-astro-cid-b4xfc2yl]{stroke:var(--gold);stroke-linecap:round}.summary-ring[data-astro-cid-b4xfc2yl]>span[data-astro-cid-b4xfc2yl]{text-align:center;font-size:var(--fs-l);display:grid;position:absolute;inset:25% 0}.summary-ring[data-astro-cid-b4xfc2yl] small[data-astro-cid-b4xfc2yl]{font-size:var(--fs-xs)}.week[data-astro-cid-b4xfc2yl]{justify-content:space-between;gap:6px;min-height:60px;display:flex}.week[data-astro-cid-b4xfc2yl] span{border:1.5px solid var(--line2);width:36px;height:36px;font-size:var(--fs-xs);border-radius:50%;place-items:center;display:grid}.week[data-astro-cid-b4xfc2yl] .read{background:var(--olive);color:var(--bg)}.week[data-astro-cid-b4xfc2yl] .now{border-color:var(--olive);border-width:2.5px}.bars[data-astro-cid-b4xfc2yl]{align-items:flex-end;gap:3px;height:44px;display:flex}.bars[data-astro-cid-b4xfc2yl] span{background:var(--olive-m);border-radius:var(--r-compact);flex:1}@media (width>=900px){.khatma-tool[data-astro-cid-b4xfc2yl]{max-width:1080px}.khatma-columns[data-astro-cid-b4xfc2yl]{grid-template-columns:1fr 1fr}}section.listen-tool.x-stage{max-width:none;padding-inline:0;padding-block:var(--sec-y) calc(var(--sec-y) * 1.1);background:var(--x-bg);color:var(--x-ink);margin:0}section.listen-tool .ls{gap:var(--head-gap);display:grid}section.listen-tool .ls-head h1{font-size:var(--t-h1)}section.listen-tool .ls-grid{gap:var(--sp-5);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}section.listen-tool :is(.ls-visual,.ls-deck){min-width:0}section.listen-tool .ls-deck{padding:var(--card-pad);border-radius:var(--r-l);border:1px solid var(--x-line);background:#ffffffeb}section.listen-tool .ls-visual{justify-items:center;gap:var(--sp-3);display:grid}section.listen-tool .listen-disc{isolation:isolate;aspect-ratio:1;touch-action:none;cursor:grab;outline-offset:4px;width:min(312px,100%);margin:0;position:relative}section.listen-tool .listen-disc:active{cursor:grabbing}section.listen-tool .listen-disc:before{content:"";z-index:-1;border-radius:50%;position:absolute;inset:9%;box-shadow:0 0 28px #c6a05747,0 14px 28px #2d44172e}section.listen-tool .listen-disc>svg{width:100%;height:100%;display:block}section.listen-tool .disc-base{stroke:var(--x-gold);stroke-width:.7px}section.listen-tool .disc-inner{fill:none;stroke:#e7d3ab1f;stroke-width:1px}section.listen-tool .disc-track{fill:none;stroke:#2d44171f;stroke-width:3px}section.listen-tool .disc-progress{fill:none;stroke:var(--x-gold);stroke-width:3px;stroke-linecap:round}section.listen-tool .knob-outer{fill:var(--x-olive);stroke:#fff;stroke-width:2px}section.listen-tool .knob-inner{fill:var(--x-gold-l)}section.listen-tool .disc-ticks line{stroke:#2d441747;stroke-width:1.5px;stroke-linecap:round;transition:stroke .3s}section.listen-tool .disc-ticks line.past{stroke:var(--x-gold-ink)}section.listen-tool .disc-wave{pointer-events:none;filter:drop-shadow(0 0 7px #c6a05761);justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:29% 18%}section.listen-tool .disc-wave i{min-width:0;height:var(--bar-height);animation:listen-wave var(--bar-time) ease-in-out var(--bar-delay) infinite alternate;background:linear-gradient(#f4e5c7 0%,#c6a057 65%,#a9823d 100%);border-radius:999px;flex:1;animation-play-state:paused;transform:scaleY(.48)}section.listen-tool[data-phase=playing] .disc-wave i{animation-play-state:running}@keyframes listen-wave{0%{transform:scaleY(.32)}to{transform:scaleY(1)}}section.listen-tool .listen-disc output{padding:var(--sp-1) var(--sp-3);border-radius:var(--r-s);color:var(--x-ink);font-size:var(--t-h3);text-align:center;box-shadow:var(--sh-1);pointer-events:none;background:#fff;position:absolute;inset:42% 18% auto}section.listen-tool .ls-now{gap:var(--sp-1);text-align:center;width:100%;display:grid}section.listen-tool .ls-now h2{color:var(--x-olive-d);font-size:var(--t-h2);margin:0;font-weight:700;line-height:1.6}section.listen-tool .ls-now p{color:var(--x-ink2);font-size:var(--t-small);margin:0;line-height:1.8}section.listen-tool .timeline{direction:ltr;width:min(380px,100%);margin:0}section.listen-tool .timeline>div{font-size:var(--t-cap);color:var(--x-ink2);font-variant-numeric:tabular-nums;justify-content:space-between;font-weight:600;line-height:1.7;display:flex}section.listen-tool .timeline input{cursor:pointer;-webkit-appearance:none;appearance:none;--seek-progress:0%;background:0 0;width:100%;min-height:40px;margin:0;display:block}section.listen-tool .timeline input::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--x-olive) 0 var(--seek-progress),#e4e7dd var(--seek-progress) 100%);border-radius:999px;height:5px}section.listen-tool .timeline input::-webkit-slider-thumb{background:var(--x-olive);width:18px;height:18px;box-shadow:0 0 0 1px var(--x-olive),0 2px 5px #2d441733;-webkit-appearance:none;appearance:none;border:3px solid #fff;border-radius:50%;margin-top:-6.5px}section.listen-tool .timeline input::-moz-range-track{background:#e4e7dd;border-radius:999px;height:5px}section.listen-tool .timeline input::-moz-range-progress{background:var(--x-olive);border-radius:999px;height:5px}section.listen-tool .timeline input::-moz-range-thumb{background:var(--x-olive);width:12px;height:12px;box-shadow:0 0 0 1px var(--x-olive);border:3px solid #fff;border-radius:50%}section.listen-tool .timeline input:disabled{cursor:default}section.listen-tool .timeline input:disabled::-webkit-slider-thumb{box-shadow:none;background:#859078}section.listen-tool .transport{justify-content:center;align-items:center;gap:var(--sp-6);width:100%;display:flex}section.listen-tool .transport .ib{align-content:center;justify-items:center;gap:var(--sp-1);width:60px;min-height:60px;padding:var(--sp-1);border-radius:var(--r-m);color:var(--x-olive);cursor:pointer;background:0 0;border:0;display:grid}section.listen-tool .transport .ib .icon{width:25px;height:25px}section.listen-tool .transport .ib span{font-size:var(--t-cap);line-height:1.6}section.listen-tool .transport .ib:hover{background:var(--x-olive-t)}section.listen-tool .transport .ib:disabled{color:#7a826e;cursor:default;background:#f1f2ec}section.listen-tool .play{border:1px solid var(--x-olive);width:76px;height:76px;color:var(--x-olive);cursor:pointer;background:#fff;border-radius:50%;flex:none;place-items:center;padding:0;transition:transform .15s,box-shadow .25s,background .25s;display:grid;box-shadow:0 0 0 5px #c6a0572b,0 8px 22px #2d441724}section.listen-tool .play>span{place-items:center;display:grid}section.listen-tool .play .icon{stroke-width:1.8px;width:32px;height:32px}section.listen-tool .play:hover{background:var(--x-olive-t)}section.listen-tool .play:active{transform:scale(.95)}section.listen-tool[data-phase=playing] .play{background:var(--x-olive);color:#fff;box-shadow:0 0 0 5px #c6a05747,0 8px 22px #2d44172e}section.listen-tool .listen-verse{box-sizing:border-box;width:100%;min-height:280px;max-height:380px;padding:var(--sp-4);border:1px solid var(--x-line);border-radius:var(--r-m);background:var(--x-bg);text-align:center;color:var(--x-ink);overscroll-behavior:contain;overflow:auto}section.listen-tool .listen-verse p{margin:0 0 var(--sp-3)}section.listen-tool .listen-verse .quran{font-size:var(--t-h2);line-height:2.1}section.listen-tool .listen-verse .tool-muted{font-size:var(--t-small);color:var(--x-ink2)}section.listen-tool .ls-chip{align-items:center;gap:var(--sp-2);min-height:44px;padding-inline:var(--sp-4);border-radius:var(--r-m);background:var(--x-olive-t);color:var(--x-olive);font:inherit;font-size:var(--t-small);cursor:pointer;border:0;font-weight:600;display:inline-flex}section.listen-tool .ls-chip .icon{width:18px;height:18px}section.listen-tool .ls-deck{gap:var(--sp-5);display:grid}section.listen-tool .ls-picks{gap:var(--sp-3);grid-template-columns:minmax(0,1fr);display:grid}section.listen-tool .ls-pick{align-items:center;gap:var(--sp-3);min-height:76px;padding:var(--sp-3);border:1px solid var(--x-line);border-radius:var(--r-m);font:inherit;text-align:start;color:var(--x-ink);cursor:pointer;background:#fff;grid-template-columns:auto minmax(0,1fr) auto;transition:border-color .2s,box-shadow .2s;display:grid;box-shadow:0 3px 12px #2d44170a}section.listen-tool .ls-pick:hover{border-color:var(--x-gold);box-shadow:var(--sh-1)}section.listen-tool .ls-pick-ic{border-radius:var(--r-s);background:var(--x-olive-t);width:44px;height:44px;color:var(--x-olive);place-items:center;display:grid}section.listen-tool .ls-pick-ic .icon{width:22px;height:22px}section.listen-tool .ls-pick-tx{min-width:0;display:grid}section.listen-tool .ls-pick-tx small{font-size:var(--t-cap);color:var(--x-ink2);line-height:1.6}section.listen-tool .ls-pick-tx b{font-size:var(--t-h3);overflow-wrap:anywhere;font-weight:600;line-height:1.7}section.listen-tool .ls-pick>.icon{width:20px;height:20px;color:var(--x-gold-ink)}section.listen-tool .ls-tiles{gap:var(--sp-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}section.listen-tool .ls-tile{align-items:center;column-gap:var(--sp-2);min-height:80px;padding:var(--sp-3);border:1px solid var(--x-line);border-radius:var(--r-m);font:inherit;text-align:start;color:var(--x-ink);cursor:pointer;background:#fff;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);transition:border-color .2s,background .2s;display:grid;box-shadow:0 3px 12px #2d44170a}section.listen-tool .ls-tile:hover{border-color:var(--x-gold);background:var(--x-bg)}section.listen-tool .ls-tile .icon{width:22px;height:22px;color:var(--x-olive);grid-row:1/3}section.listen-tool .ls-tile span{font-size:var(--t-cap);color:var(--x-ink2);line-height:1.6}section.listen-tool .ls-tile b{font-size:var(--t-small);color:var(--x-olive-d);font-weight:600;line-height:1.7}section.listen-tool .ls-tile output{font:inherit;color:inherit}section.listen-tool .ls-tile.is-wide{grid-column:1/-1;min-height:56px}section.listen-tool .tool-status{min-height:0;font-size:var(--t-small);color:#8a3b1c;margin:0}section.listen-tool .tool-status:empty{display:none}section.listen-tool :is(button,input,.listen-disc):focus-visible{outline:3px solid var(--x-olive);outline-offset:4px}@media (width>=620px){section.listen-tool .ls-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=960px){section.listen-tool .ls-grid{gap:var(--sp-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}section.listen-tool .listen-disc{width:min(340px,100%)}}@media (prefers-reduced-motion:reduce){section.listen-tool .disc-wave i{animation:none;transform:scaleY(.6)}section.listen-tool :is(button,.disc-ticks line){transition:none}}section.listen-tool .ls-player{justify-items:center;gap:var(--sp-4);width:min(100%,34rem);margin-inline:auto;display:grid}section.listen-tool .ls-player .listen-disc{width:min(300px,78vw)}section.listen-tool .ls-sura{align-items:center;gap:var(--sp-2);min-height:48px;padding:0 var(--sp-3);font:inherit;color:var(--x-olive-d);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-self:center;display:inline-flex}section.listen-tool .ls-sura b{font-size:var(--t-h2);font-weight:700;line-height:1.5}section.listen-tool .ls-sura .icon{width:22px;height:22px;color:var(--x-gold-ink)}section.listen-tool .ls-reciter{align-items:center;gap:var(--sp-2);min-height:44px;padding:0 var(--sp-4);font:inherit;font-size:var(--t-small);color:var(--x-ink2);cursor:pointer;background:#f3f5ef;border:0;border-radius:999px;justify-self:center;font-weight:600;line-height:1.7;display:inline-flex}section.listen-tool .ls-reciter .icon{width:18px;height:18px;color:var(--x-olive)}section.listen-tool :is(.ls-sura,.ls-reciter):hover{background:#eaeee2}section.listen-tool .ls-now{justify-items:center}section.listen-tool .ls-player .timeline{width:100%}section.listen-tool .ls-tools{gap:var(--sp-4) var(--sp-2);width:100%;margin-top:var(--sp-2);padding-top:var(--sp-5);border-top:1px solid var(--x-line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}section.listen-tool .ls-tool{font:inherit;color:var(--x-ink);cursor:pointer;background:0 0;border:0;justify-items:center;gap:2px;padding:0;display:grid}section.listen-tool .ls-ic{width:52px;height:52px;margin-bottom:var(--sp-1);color:var(--x-olive);background:#f3f5ef;border-radius:50%;place-items:center;transition:background .2s,color .2s;display:grid}section.listen-tool .ls-ic .icon{width:22px;height:22px}section.listen-tool .ls-tool:hover .ls-ic{background:var(--x-olive);color:#fff}section.listen-tool .ls-tool small{font-size:var(--t-cap);color:var(--x-ink2);white-space:nowrap;line-height:1.6}section.listen-tool .ls-tool b{font-size:var(--t-small);color:var(--x-olive-d);font-weight:700;line-height:1.6}section.listen-tool .ls-tool output{font:inherit;color:inherit}@media (width>=620px){section.listen-tool .ls-tools{grid-template-columns:repeat(7,minmax(0,1fr))}section.listen-tool .ls-player{width:min(100%,40rem)}}section.design-tool.x-stage{max-width:none;padding-inline:0;padding-block:var(--sec-y) calc(var(--sec-y) * 1.1);background:var(--x-bg);color:var(--x-ink);margin:0}section.design-tool .ds{gap:var(--head-gap);max-width:84rem;display:grid}section.design-tool .ds-head h1{font-size:var(--t-h1)}section.design-tool{--ed-chrome:#fbfaf6;--ed-line:#e6e4da;--ed-board:#45473f;--ed-board2:#3e4039;--ed-ink:#24261f;--ed-mute:#6a6d5f}section.design-tool .ed{background:var(--ed-chrome);border-radius:20px;grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:clip;box-shadow:inset 0 1px #fffc,0 26px 60px #3c2c0c2e,0 0 0 1px #3c2c0c14}section.design-tool .ed-bar{align-items:center;gap:var(--sp-3);min-height:60px;padding:var(--sp-2) var(--sp-4);border-bottom:1px solid var(--ed-line);background:#fff;display:flex}section.design-tool .ed-file{align-items:center;gap:var(--sp-2);min-width:0;color:var(--ed-ink);flex:1;display:flex}section.design-tool .ed-file>.icon{width:20px;height:20px;color:var(--x-gold-ink);flex:none}section.design-tool .ed-file b{font-size:var(--t-small);white-space:nowrap;text-overflow:ellipsis;font-weight:700;line-height:1.7;overflow:hidden}section.design-tool .ed-ext{font-size:var(--t-cap);color:var(--ed-mute)}section.design-tool .ed-dots{gap:6px;margin-inline-end:var(--sp-2);display:none}section.design-tool .ed-dots i{background:#e2b94f;border-radius:50%;width:11px;height:11px}section.design-tool .ed-dots i:first-child{background:#d9705c}section.design-tool .ed-dots i:last-child{background:#7aa35a}section.design-tool .ed-zoom{min-height:32px;padding-inline:var(--sp-3);font-size:var(--t-cap);color:var(--ed-mute);font-variant-numeric:tabular-nums;background:#f3f2ec;border-radius:8px;align-items:center;font-weight:600;display:none}section.design-tool .ed-zoom output{font:inherit;color:var(--ed-ink)}section.design-tool .ed-export{align-items:center;gap:var(--sp-2);flex:none;display:flex}section.design-tool .ed-btn{justify-content:center;align-items:center;gap:var(--sp-2);min-width:44px;min-height:44px;padding-inline:var(--sp-3);box-shadow:inset 0 0 0 1px var(--ed-line);font:inherit;font-size:var(--t-small);color:var(--ed-ink);cursor:pointer;background:#fff;border:0;border-radius:12px;font-weight:600;line-height:1.6;transition:background .15s,box-shadow .15s;display:inline-flex}section.design-tool .ed-btn .icon{flex:none;width:20px;height:20px}section.design-tool .ed-btn.is-icon{padding:0}section.design-tool .ed-btn:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--x-gold)}section.design-tool .ed-btn.is-main{background:var(--x-olive);color:#fff;box-shadow:none}section.design-tool .ed-btn.is-main:hover:not(:disabled){background:var(--x-olive-d)}section.design-tool .ed-btn>span{display:none}section.design-tool .ed-note{font-size:var(--t-cap);color:var(--ed-mute);display:none}section.design-tool .ed-body{grid-template-columns:minmax(0,1fr);grid-template-areas:"view""panels";min-height:0;display:grid}section.design-tool .ed-view{top:var(--head-h,64px);z-index:4;grid-area:view;grid-template-areas:"board""tabs";display:grid;position:sticky;box-shadow:0 10px 20px #3c2c0c14}section.design-tool .ed-tabs{gap:var(--sp-1);padding:var(--sp-2);border-bottom:1px solid var(--ed-line);background:#fff;grid-area:tabs;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}section.design-tool .ed-tab{min-height:58px;padding:var(--sp-2) 0;font:inherit;font-size:var(--t-cap);color:var(--ed-mute);cursor:pointer;background:0 0;border:0;border-radius:12px;justify-items:center;gap:2px;font-weight:600;line-height:1.5;transition:background .15s,color .15s;display:grid}section.design-tool .ed-tab .icon{width:22px;height:22px}section.design-tool .ed-tab:hover{color:var(--ed-ink);background:#f1f0e9}section.design-tool .ed-tab[aria-selected=true]{background:var(--x-olive-t);color:var(--x-olive-d)}section.design-tool{--ed-board-h:clamp(260px,42vh,400px)}section.design-tool .ed-board{height:var(--ed-board-h);min-height:0;padding:calc(var(--sp-5) + 18px) var(--sp-5) var(--sp-5) calc(var(--sp-5) + 18px);background:conic-gradient(var(--ed-board2) 25%,var(--ed-board) 0 50%,var(--ed-board2) 0 75%,var(--ed-board) 0) 0 0/24px 24px;grid-area:board;place-items:center;display:grid;position:relative}section.design-tool .ed-ruler{z-index:2;pointer-events:none;background-color:#33352e;position:absolute}section.design-tool .ed-ruler.is-x{background-image:repeating-linear-gradient(270deg,#ffffff57 0 1px,#0000 1px 50px),repeating-linear-gradient(270deg,#ffffff29 0 1px,#0000 1px 10px);background-position:0 0,0 100%;background-repeat:no-repeat;background-size:100% 18px,100% 7px;height:18px;inset-block-start:0;inset-inline:18px 0}section.design-tool .ed-ruler.is-y{background-image:repeating-linear-gradient(#ffffff57 0 1px,#0000 1px 50px),repeating-linear-gradient(#ffffff29 0 1px,#0000 1px 10px);background-position:0 0,100% 0;background-repeat:no-repeat;background-size:18px 100%,7px 100%;width:18px;inset-block:18px 0;inset-inline-end:0}section.design-tool .ed-corner{z-index:3;background:#2b2d27;width:18px;height:18px;position:absolute;inset-block-start:0;inset-inline-end:0}section.design-tool .preview{inset:calc(var(--sp-5) + 18px) var(--sp-5) var(--sp-5) calc(var(--sp-5) + 18px);background:0 0;border-radius:0;padding:0;position:absolute;overflow:visible}section.design-tool .preview canvas{visibility:hidden;width:auto;max-width:100%;height:auto;max-height:100%;margin:auto;display:block;position:absolute;inset:0;box-shadow:0 0 0 1px #0000004d,0 22px 50px #00000073}section.design-tool .preview[data-painted=true] canvas{visibility:visible;animation:ed-in .35s var(--ease-x)}@keyframes ed-in{0%{opacity:.4;transform:scale(.985)}to{opacity:1;transform:none}}section.design-tool .preview p{inset-inline:var(--sp-4);text-align:center;font-size:var(--t-small);color:#ecebe2;margin:0;position:absolute;top:45%}section.design-tool .ed-panels{background:var(--ed-chrome);grid-area:panels;align-content:start;min-height:0;display:grid}section.design-tool .ed-panel{align-content:start;gap:var(--sp-3);padding:var(--sp-4) var(--sp-4) var(--sp-5);display:grid}section.design-tool .ed-panel[hidden]{display:none}section.design-tool .ed-panel h2{justify-content:space-between;align-items:baseline;gap:var(--sp-2);font-size:var(--t-small);color:var(--ed-ink);margin:0;font-weight:700;line-height:1.7;display:flex}section.design-tool .ed-panel h2 small{font-size:var(--t-cap);color:var(--ed-mute);font-weight:400}section.design-tool .ed-field{align-items:center;column-gap:var(--sp-2);min-height:60px;padding:var(--sp-2) var(--sp-4);box-shadow:inset 0 0 0 1px var(--ed-line);font:inherit;text-align:start;color:var(--ed-ink);cursor:pointer;background:#fff;border:0;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;transition:box-shadow .15s;display:grid}section.design-tool button.ed-field:hover{box-shadow:inset 0 0 0 1px var(--x-gold)}section.design-tool .ed-field small{font-size:var(--t-cap);color:var(--ed-mute);line-height:1.5}section.design-tool .ed-field b{font-size:var(--t-body);grid-row:2;font-weight:700;line-height:1.7}section.design-tool .ed-field>.icon{width:20px;height:20px;color:var(--x-gold-ink);grid-area:1/2/3}section.design-tool .ed-field.is-step{cursor:default}section.design-tool .ed-field.is-step .tool-stepper{gap:var(--sp-3);grid-area:1/2/3;min-height:0}section.design-tool .ed-field .tool-stepper .ib{background:var(--x-olive-t);width:44px;height:44px;color:var(--x-olive);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}section.design-tool .ed-field .tool-stepper .ib .icon{width:20px;height:20px}section.design-tool .ed-field .tool-stepper output{text-align:center;min-width:2.5ch;font-size:var(--t-h3);font-weight:700}section.design-tool .ed-tpls{gap:var(--sp-3);padding:var(--sp-1);margin-inline:calc(var(--sp-1) * -1);scroll-snap-type:x proximity;scrollbar-width:thin;grid-auto-columns:86px;grid-auto-flow:column;display:grid;overflow-x:auto}section.design-tool .ed-tpl{gap:var(--sp-1);font:inherit;cursor:pointer;color:var(--ed-ink);scroll-snap-align:start;background:0 0;border:0;padding:0;display:grid}section.design-tool .ed-thumb{aspect-ratio:3/4;background:#ddd;border-radius:12px;transition:box-shadow .15s,transform .15s;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000014}section.design-tool .ed-thumb img,section.design-tool .ed-thumb canvas{object-fit:cover;width:100%;height:100%;display:block}section.design-tool .ed-tpl-n{font-size:var(--t-cap);text-align:center;white-space:nowrap;text-overflow:ellipsis;color:var(--ed-mute);line-height:1.5;overflow:hidden}section.design-tool .ed-tpl:hover .ed-thumb{transform:translateY(-2px)}section.design-tool .ed-tpl[aria-checked=true] .ed-thumb{box-shadow:0 0 0 2px var(--ed-chrome),0 0 0 4px var(--x-olive)}section.design-tool .ed-tpl[aria-checked=true] .ed-tpl-n{color:var(--x-olive-d);font-weight:700}section.design-tool .ed-tpl[aria-checked=true] .ed-thumb:before{content:"";z-index:1;top:6px;background:var(--x-olive) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat;border-radius:50%;width:22px;height:22px;position:absolute;inset-inline-start:6px}section.design-tool .ed-color{align-items:center;gap:var(--sp-3);min-height:60px;padding:var(--sp-2) var(--sp-4);box-shadow:inset 0 0 0 1px var(--ed-line);cursor:pointer;background:#fff;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;display:grid}section.design-tool .ed-color:has(input:focus-visible){outline:3px solid var(--x-gold);outline-offset:2px}section.design-tool[data-design-color=true] .ed-color{box-shadow:inset 0 0 0 2px var(--x-olive);background:var(--x-olive-t)}section.design-tool .ed-swatch{background:conic-gradient(#d9705c,#e2b94f,#7aa35a,#4f8fb7,#9a6ac2,#d9705c);border-radius:50%;width:40px;height:40px;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 2px #fff,0 0 0 4px #0000}section.design-tool .ed-swatch input{cursor:pointer;border:0;width:calc(100% + 16px);height:calc(100% + 16px);padding:0;position:absolute;inset:-8px}section.design-tool .ed-color b{font-size:var(--t-small);color:var(--ed-ink);font-weight:700;line-height:1.6;display:block}section.design-tool .ed-color small{font-size:var(--t-cap);color:var(--ed-mute);font-variant-numeric:tabular-nums;line-height:1.5;display:block}section.design-tool .ed-color>.icon{width:20px;height:20px;color:var(--x-gold-ink)}section.design-tool .ed-sizes{gap:var(--sp-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}section.design-tool .ed-size{padding:var(--sp-3) var(--sp-1) var(--sp-2);box-shadow:inset 0 0 0 1px var(--ed-line);font:inherit;color:var(--ed-ink);cursor:pointer;background:#fff;border:0;border-radius:14px;justify-items:center;gap:2px;transition:box-shadow .15s,background .15s;display:grid}section.design-tool .ed-size:hover{box-shadow:inset 0 0 0 1px var(--x-gold)}section.design-tool .ed-ratio-box{width:48px;height:48px;margin-bottom:var(--sp-1);place-items:center;display:grid}section.design-tool .ed-ratio{box-shadow:inset 0 0 0 1.5px var(--ed-mute);background:linear-gradient(135deg,#ece6d6,#d9d0b8);border-radius:4px;display:block}section.design-tool .ed-size b{font-size:var(--t-small);font-weight:700;line-height:1.5}section.design-tool .ed-size small{font-size:var(--t-cap);color:var(--ed-mute);line-height:1.4}section.design-tool .ed-size[aria-checked=true]{box-shadow:inset 0 0 0 2px var(--x-olive);background:var(--x-olive-t)}section.design-tool .ed-size[aria-checked=true] .ed-ratio{background:linear-gradient(135deg,#4c6b2c,var(--x-olive));box-shadow:none}section.design-tool .ed-slider{gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);box-shadow:inset 0 0 0 1px var(--ed-line);background:#fff;border-radius:14px;display:grid}section.design-tool .ed-slider-top{font-size:var(--t-small);color:var(--ed-ink);justify-content:space-between;align-items:center;font-weight:600;line-height:1.7;display:flex}section.design-tool .ed-slider output{min-width:4.5ch;padding:2px var(--sp-2);background:var(--x-olive-t);font-size:var(--t-small);text-align:center;color:var(--x-olive-d);font-variant-numeric:tabular-nums;border-radius:8px;font-weight:700}section.design-tool .ed-slider input{width:100%;height:32px;accent-color:var(--x-olive);margin:0}section.design-tool .ed-switch{align-items:center;gap:var(--sp-3);min-height:64px;padding:var(--sp-2) var(--sp-4);box-shadow:inset 0 0 0 1px var(--ed-line);cursor:pointer;background:#fff;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;display:grid;position:relative}section.design-tool .ed-switch b{font-size:var(--t-small);color:var(--ed-ink);font-weight:700;line-height:1.6;display:block}section.design-tool .ed-switch small{font-size:var(--t-cap);color:var(--ed-mute);line-height:1.5;display:block}section.design-tool .ed-switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}section.design-tool .ed-switch i{background:#d9d8cf;border-radius:999px;width:48px;height:28px;transition:background .2s;position:relative}section.design-tool .ed-switch i:after{content:"";top:3px;width:22px;height:22px;transition:inset-inline-start .2s var(--ease-x);background:#fff;border-radius:50%;position:absolute;inset-inline-start:3px;box-shadow:0 1px 3px #00000040}section.design-tool .ed-switch:has(input:checked) i{background:var(--x-olive)}section.design-tool .ed-switch:has(input:checked) i:after{inset-inline-start:23px}section.design-tool .ed-switch:has(input:focus-visible){outline:3px solid var(--x-gold);outline-offset:2px}section.design-tool .ed-status{align-items:center;gap:var(--sp-2) var(--sp-4);min-height:42px;padding:var(--sp-1) var(--sp-4);border-top:1px solid var(--ed-line);font-size:var(--t-cap);color:var(--ed-mute);background:#f3f2ec;flex-wrap:wrap;line-height:1.6;display:flex}section.design-tool .ed-status>span{align-items:center;gap:var(--sp-2);display:inline-flex}section.design-tool .ed-status .icon{width:16px;height:16px;color:var(--x-gold-ink)}section.design-tool .ed-status b{color:var(--ed-ink);font-variant-numeric:tabular-nums;font-weight:600}section.design-tool .ed-status .tool-status{min-height:0;font-size:var(--t-cap);color:var(--ed-ink);flex:1;margin:0}section.design-tool .ed-status .tool-status:empty{display:none}section.design-tool button:focus-visible{outline:3px solid var(--x-gold);outline-offset:2px}section.design-tool button:disabled{opacity:.45;cursor:default}@media (width>=620px){section.design-tool .ed-btn>span{display:inline}section.design-tool .ed-zoom{display:inline-flex}section.design-tool .ed-dots{display:flex}section.design-tool .ed-note{display:inline}}@media (width>=1000px){section.design-tool .ed{height:min(84vh,780px)}section.design-tool .ed-body{grid-template-columns:88px minmax(0,1fr) 340px;grid-template-areas:"tabs board panels"}section.design-tool .ed-view{display:contents}section.design-tool .ed-tabs{border-bottom:0;border-inline-end:1px solid var(--ed-line);grid-template-columns:minmax(0,1fr);align-content:start}section.design-tool .ed-board{height:auto}section.design-tool .ed-panels{border-inline-start:1px solid var(--ed-line);scrollbar-width:thin;overflow-y:auto}section.design-tool .ed-tpls{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;grid-auto-flow:row;margin-inline:0;padding-inline:0;overflow:visible}section.design-tool .ed-sizes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){section.design-tool .ed-thumb,section.design-tool .ed-switch i,section.design-tool .ed-switch i:after{transition:none}section.design-tool .preview[data-painted=true] canvas{animation:none}}@font-face{font-family:Design Uthman;src:url(/_a/uthman_tn1_ver20.Ilu5DqH-.ttf)format("truetype");font-weight:400;font-display:block}