.prayer-shell{width:min(100%,960px)}.prayer-hero-columns{grid-template-columns:minmax(0,45fr) minmax(0,55fr);align-items:stretch;gap:20px;display:grid}html .prayer-page .prayer-hero .prayer-countdown-card{border:1px solid color-mix(in srgb, var(--prayer-border) var(--bytime-content-panel-visibility,90%), transparent);background:color-mix(in srgb, var(--prayer-surface) var(--bytime-content-panel-visibility,90%), transparent);min-width:0;color:var(--prayer-text);box-shadow:0 16px 48px color-mix(in srgb, var(--prayer-shadow) var(--bytime-content-panel-visibility,90%), transparent);border-radius:26px;overflow:hidden}.prayer-clock-card{min-width:0;box-shadow:none;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex}.prayer-clock-label{color:var(--prayer-muted);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700}.prayer-clock-label small{letter-spacing:.06em;margin-top:4px;font-size:9px;font-weight:400;display:block}.prayer-analog-clock{aspect-ratio:1;width:min(100%,394px);height:auto;margin:0 auto;display:block;overflow:visible}.prayer-clock-face{fill:color-mix(in srgb, var(--prayer-surface-muted) var(--bytime-content-panel-visibility,90%), transparent);stroke:var(--prayer-border);stroke-width:1px}.clock-tick{stroke:var(--prayer-border);stroke-width:1px}.clock-tick-major{stroke:var(--prayer-muted);stroke-width:2px}.prayer-analog-clock text{fill:var(--prayer-text-soft);text-anchor:middle;font-size:13px;font-weight:700}.clock-hand{transform-origin:100px 100px;stroke-linecap:round}.clock-hour{stroke:var(--prayer-text);stroke-width:5px}.clock-minute{stroke:var(--prayer-text);stroke-width:3px}.clock-second{stroke:var(--prayer-accent);stroke-width:1.5px}.clock-center{fill:var(--prayer-accent)}.prayer-analog-clock .prayer-watch-date{text-transform:uppercase;letter-spacing:.4px;font-size:7.5px}.prayer-analog-clock .prayer-watch-zone{fill:var(--prayer-muted);letter-spacing:.3px;font-size:5.5px;font-weight:400}.prayer-analog-clock .prayer-watch-digital{fill:var(--prayer-text);font-variant-numeric:tabular-nums;font-size:12px}.prayer-analog-clock .prayer-watch-hijri{fill:var(--prayer-muted);font-size:6.5px;font-weight:400}.prayer-countdown-body .prayer-location{width:min(100%,420px);min-width:0;color:var(--prayer-text-soft);justify-content:center;align-items:center;gap:6px;margin:8px auto 0;font-size:12px;display:flex}.prayer-countdown-body .prayer-location strong{color:var(--prayer-text);flex:none}.prayer-countdown-body .prayer-location span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.prayer-countdown-body .prayer-location svg{flex-shrink:0}.prayer-page .prayer-hero .prayer-countdown-card{flex-direction:column;padding:0;display:flex}.prayer-page .prayer-hero .prayer-countdown-card:after{display:none}.prayer-current-label{text-align:center;margin-bottom:4px}.prayer-countdown-body{flex-direction:column;flex:1;justify-content:flex-start;padding:24px 24px 20px;display:flex}.prayer-countdown-body .next-prayer-label{color:var(--prayer-muted);font-size:11px}.prayer-countdown-body h1{text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(28px,4vw,40px)}.prayer-countdown-boxes{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:min(100%,248px);margin:16px auto;display:grid}.prayer-countdown-unit{min-width:0;position:relative}.prayer-countdown-unit+.prayer-countdown-unit:before{content:":";color:var(--prayer-border);font-size:26px;font-weight:800;position:absolute;top:12px;left:-12px}.prayer-countdown-unit strong{color:#fff;height:64px;box-shadow:0 8px 16px var(--prayer-shadow);font-variant-numeric:tabular-nums;background:#1e293b;border-radius:14px;place-items:center;font:750 clamp(28px,3vw,32px)/1 ui-monospace,monospace;display:grid}.prayer-countdown-unit:last-child strong{background:var(--prayer-accent-strong)}.prayer-countdown-unit>span{text-transform:uppercase;letter-spacing:.08em;color:var(--prayer-muted);margin-top:6px;font-size:9px;display:block}.prayer-target-time{color:var(--prayer-muted);margin:0;font-size:12px}.prayer-target-time strong{color:var(--prayer-text);white-space:nowrap;margin-left:4px}@media (max-width:640px){.prayer-hero-columns{grid-template-columns:minmax(0,1fr);gap:16px}.prayer-countdown-body{padding:18px 18px 20px}.prayer-countdown-boxes{gap:16px;max-width:212px;margin:14px auto}.prayer-countdown-unit strong{height:56px;font-size:28px}}@media (prefers-reduced-motion:reduce){.clock-second{transition:none}}.prayer-countdown-body .prayer-location-change{min-height:28px;color:var(--prayer-text-soft);font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;border-radius:6px;align-self:center;margin-top:2px;padding:4px 8px;font-size:12px;text-decoration:underline}.prayer-countdown-body .prayer-location-change:hover{color:var(--prayer-text)}.prayer-countdown-body .prayer-location-change:focus-visible{outline:2px solid var(--prayer-accent);outline-offset:2px}.prayer-mobile-digital,.prayer-mobile-clock-tab{display:none}.prayer-mobile-clock-dialog{border:1px solid var(--prayer-border);background:var(--prayer-surface);width:min(92vw,420px);max-height:calc(100dvh - 32px);color:var(--prayer-text);border-radius:20px;padding:0;overflow:auto}.prayer-mobile-clock-dialog::backdrop{background:#020617a6}.prayer-mobile-clock-panel{padding:16px}.prayer-mobile-clock-panel header{justify-content:space-between;align-items:center;gap:12px;display:flex}.prayer-mobile-clock-panel h2{margin:0;font-size:18px}.prayer-mobile-clock-panel header button{border:1px solid var(--prayer-border);background:var(--prayer-surface-muted);min-width:44px;min-height:44px;color:inherit;cursor:pointer;border-radius:10px;place-items:center;display:grid}.prayer-mobile-clock-tab:focus-visible,.prayer-mobile-clock-panel button:focus-visible{outline:2px solid var(--prayer-accent);outline-offset:2px}@media (max-width:640px){.prayer-hero>.prayer-clock-card{display:none}.prayer-mobile-digital{text-align:center;color:var(--prayer-text);font-variant-numeric:tabular-nums;font-size:16px;font-weight:700;display:block}.prayer-mobile-clock-tab{z-index:40;top:calc(80px + env(safe-area-inset-top,0px));border:1px solid var(--prayer-border);background:var(--prayer-surface);width:44px;height:48px;color:var(--prayer-text);box-shadow:0 4px 12px var(--prayer-shadow);cursor:pointer;border-left:0;border-radius:0 12px 12px 0;place-items:center;padding:0;display:grid;position:fixed;left:0}}.prayer-mobile-clock-dialog{inset:calc(80px + env(safe-area-inset-top,0px)) auto auto 0;width:min(94vw,420px);max-height:calc(100dvh - 96px - env(safe-area-inset-top,0px));border-left:0;border-radius:0 20px 20px 0;margin:0;position:fixed}.prayer-mobile-clock-dialog[open]{animation:.26s ease-out prayer-clock-slide-in}@keyframes prayer-clock-slide-in{0%{transform:translate(-105%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.prayer-mobile-clock-dialog[open]{animation:none}}.prayer-clock-dial{aspect-ratio:1;width:min(100%,394px);margin:0 auto;position:relative}.prayer-clock-dial .prayer-analog-clock{z-index:1;width:100%;position:relative}.prayer-clock-profile-image,.prayer-clock-fallback-image,.prayer-clock-photo-shade{pointer-events:none;border-radius:50%;width:94%;height:94%;position:absolute;inset:3%}.prayer-clock-profile-image,.prayer-clock-fallback-image{object-fit:cover;display:block}.prayer-clock-photo-shade{background:#000000a6}.prayer-clock-photo .prayer-clock-face{fill:#0000;stroke:#d1d5db}.prayer-clock-photo text,.prayer-clock-photo .prayer-watch-date,.prayer-clock-photo .prayer-watch-zone,.prayer-clock-photo .prayer-watch-digital,.prayer-clock-photo .prayer-watch-hijri{fill:#fff}.prayer-clock-photo .clock-hour,.prayer-clock-photo .clock-minute{stroke:#fff}.prayer-clock-photo .clock-tick{stroke:#d1d5db}.prayer-clock-photo .clock-tick-major{stroke:#fff}.prayer-clock-dial:not(.prayer-clock-photo) .prayer-clock-face{fill:#0000}.prayer-clock-dial:not(.prayer-clock-photo) .prayer-clock-photo-shade{background:color-mix(in srgb, var(--prayer-surface-muted) 75%, transparent)}
.prayer-schedule-tabs{z-index:1;grid-template-columns:repeat(2,108px);align-items:end;width:max-content;max-width:100%;margin:26px 0 -1px 12px;display:grid;position:relative}.prayer-schedule-tabs button{border:1px solid var(--prayer-border);background:var(--prayer-surface-muted);min-height:40px;color:var(--prayer-muted);font:inherit;cursor:pointer;border-bottom:0;border-radius:12px 12px 0 0;padding:8px 12px;font-size:13px;font-weight:600}.prayer-schedule-tabs button:hover{color:var(--prayer-text)}.prayer-schedule-tabs button[aria-selected=true]{background:var(--prayer-surface);border-color:var(--prayer-border);color:var(--prayer-accent);font-size:14px}.prayer-schedule-tabs button:focus-visible{z-index:1;outline:2px solid var(--prayer-accent);outline-offset:-3px;position:relative}.prayer-schedule-panel .prayer-timeline-section,.prayer-schedule-panel .prayer-monthly-section,.prayer-schedule-panel .prayer-timeline{margin-top:0}@media (max-width:480px){.prayer-schedule-tabs{grid-template-columns:repeat(2,96px);margin-left:8px}}
.prayer-diary-shortcut{right:max(20px, env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));z-index:15;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed}.prayer-diary-shortcut button{border:1px solid var(--prayer-border);background:var(--prayer-accent-strong);color:#fff;width:54px;height:54px;box-shadow:0 6px 24px var(--prayer-shadow);cursor:pointer;border-radius:50%;place-items:center;display:grid}.prayer-diary-shortcut button:focus-visible{outline:3px solid var(--prayer-accent);outline-offset:4px}.prayer-diary-shortcut button:disabled{opacity:.7;cursor:wait}.prayer-diary-shortcut p{border:1px solid var(--prayer-border);background:var(--prayer-surface);max-width:min(280px,100vw - 40px);color:var(--prayer-text);border-radius:12px;margin:0;padding:12px;font-size:13px}