:root{--font-body: "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-heading: Georgia, "Times New Roman", serif;font:17px/1.45 var(--font-body);letter-spacing:.01em;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark]{color-scheme:dark;--page-bg: radial-gradient(circle at top, #213456 0%, #10203d 42%, #07111f 100%);--page-border: rgba(119, 154, 196, .18);--hero-text: #f4f8ff;--hero-subtext: rgba(220, 230, 245, .82);--card-bg: rgba(7, 16, 29, .72);--card-border: rgba(148, 177, 214, .16);--card-shadow: 0 24px 50px rgba(3, 9, 20, .35);--surface-soft: rgba(255, 255, 255, .08);--surface-border: rgba(182, 204, 231, .18);--surface-text: #edf4ff;--title-text: #f9fbff;--muted-text: #b6c7df;--accent: #62c1a6;--accent-contrast: #09231d;--accent-soft: rgba(98, 193, 166, .18);--accent-border: rgba(98, 193, 166, .4);--accent-text: #91f0d4;--success-soft: rgba(46, 125, 50, .2);--success-text: #8ee39b;--neutral-soft: rgba(255, 214, 102, .14);--neutral-text: #ffe08c;--warning-soft: rgba(255, 183, 77, .18);--warning-border: rgba(255, 183, 77, .38);--warning-text: #ffd38f;--danger-soft: rgba(255, 138, 128, .16);--danger-border: rgba(255, 138, 128, .36);--danger-text: #ffb4ad;--timeline-green: var(--success-text);--timeline-amber: #ffc247;--timeline-red: #ff4d5a;--timeline-track: rgba(244, 247, 252, .28);--row-bg: rgba(255, 255, 255, .05);--focus-ring: rgba(145, 240, 212, .45);--soft-shadow: 0 12px 28px rgba(3, 10, 20, .18)}:root[data-theme=light]{color-scheme:light;--page-bg: radial-gradient(circle at top, #f6f1e4 0%, #f3e2c0 38%, #ead0a4 100%);--page-border: rgba(146, 109, 58, .15);--hero-text: #3e2d15;--hero-subtext: rgba(74, 53, 22, .74);--card-bg: rgba(255, 249, 239, .8);--card-border: rgba(129, 91, 38, .12);--card-shadow: 0 24px 50px rgba(103, 70, 24, .12);--surface-soft: rgba(255, 255, 255, .72);--surface-border: rgba(156, 118, 65, .2);--surface-text: #412d10;--title-text: #2f220f;--muted-text: #72573a;--accent: #1f7a68;--accent-contrast: #effdf8;--accent-soft: rgba(31, 122, 104, .12);--accent-border: rgba(31, 122, 104, .28);--accent-text: #16594c;--success-soft: rgba(46, 125, 50, .12);--success-text: #206326;--neutral-soft: rgba(255, 214, 102, .28);--neutral-text: #8b6500;--warning-soft: rgba(255, 183, 77, .22);--warning-border: rgba(240, 160, 48, .32);--warning-text: #8b5200;--danger-soft: rgba(229, 115, 115, .14);--danger-border: rgba(211, 78, 78, .28);--danger-text: #9d2f2f;--timeline-green: var(--success-text);--timeline-amber: #c98000;--timeline-red: #c62828;--timeline-track: rgba(47, 34, 15, .16);--row-bg: rgba(255, 255, 255, .72);--focus-ring: rgba(31, 122, 104, .24);--soft-shadow: 0 12px 28px rgba(116, 85, 39, .08)}html,body,#root{margin:0;padding:0;width:100%;max-width:100%;overflow-x:hidden;min-height:100%}body{min-height:100svh;background:var(--page-bg);color:var(--surface-text)}body:before{content:"";position:fixed;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 18%),radial-gradient(circle at 20% 20%,rgba(255,255,255,.12),transparent 24%);pointer-events:none}#root{position:relative;width:min(100%,70rem);margin:0 auto;min-height:100svh;display:flex;flex-direction:column;border-inline:1px solid var(--page-border)}h1,h2,h3,h4{font-family:var(--font-heading)}p{margin:0}button,input,select,textarea{font:inherit}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.72}*{box-sizing:border-box}@media(max-width:1024px){:root{font-size:16px}}.app-shell{position:relative;width:100%;max-width:34rem;margin:0 auto;padding:1rem 1rem 1.6rem;font-family:var(--font-body)}.app-shell-focus{min-height:100svh;height:100svh;display:block;max-width:none;padding-top:1.5rem;padding-bottom:1.5rem}.app-header-controls{position:absolute;top:1rem;right:.95rem;z-index:3}.app-shell-focus .app-header-controls{top:clamp(1rem,3vw,1.4rem);right:clamp(1rem,3vw,1.4rem)}.app-shell-focus .settings-trigger{width:1.8rem;height:1.8rem;opacity:.58;background:color-mix(in srgb,var(--card-bg) 54%,transparent);border-color:color-mix(in srgb,var(--surface-border) 60%,transparent);box-shadow:0 8px 18px #060c1c14}.app-shell-focus .settings-icon{width:.92rem;height:.92rem}.app-header{display:grid;gap:.8rem;justify-items:center;margin-bottom:1.3rem}.settings-menu{position:relative}.app-title{margin:0;text-align:center;font-size:clamp(2.15rem,7vw,3rem);font-weight:700;letter-spacing:-.08em;line-height:1.05;color:var(--hero-text);text-shadow:0 14px 30px rgba(8,15,33,.18)}.app-title-subtitle{display:inline-block;margin-top:.35rem;font-weight:500;font-size:clamp(1rem,3vw,1.2rem);color:var(--hero-subtext);letter-spacing:0}.install-button,.nav-button,.date-picker-input,.focus-block{transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.install-button,.nav-button,.settings-trigger,.settings-option,.focus-block{appearance:none;border:1px solid transparent;cursor:pointer;font:inherit}.install-button,.nav-button,.settings-trigger{border-radius:999px}.settings-trigger{width:1.95rem;height:1.95rem;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--card-bg) 78%,transparent);color:var(--surface-text);border-color:var(--surface-border);box-shadow:0 10px 22px #060c1c1f;opacity:.72;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.settings-icon{width:.98rem;height:.98rem}.settings-panel{position:absolute;top:calc(100% + .45rem);right:-.15rem;min-width:12.6rem;max-width:13.2rem;padding:.5rem;border-radius:.8rem;background:var(--card-bg);border:1px solid var(--card-border);box-shadow:0 14px 28px #060c1c2e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.settings-title{margin-bottom:.32rem;color:var(--muted-text);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.settings-option{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:.35rem;min-height:2.2rem;padding:.4rem .58rem;border-radius:.72rem;background:color-mix(in srgb,var(--surface-soft) 86%,transparent);color:var(--surface-text);border-color:var(--surface-border);text-align:left;box-shadow:none}.settings-option.selected{border-color:var(--accent-border);background:color-mix(in srgb,var(--surface-soft) 72%,var(--accent-soft))}.settings-option-row{justify-content:space-between;gap:.75rem}.settings-option-label{font-weight:600;font-size:.92rem;color:var(--surface-text)}.settings-option-value{color:var(--accent-text);font-size:.84rem;font-weight:600;line-height:1.15;white-space:nowrap}.settings-option+.settings-option{margin-top:.32rem}.install-wrap{display:flex;justify-content:center;margin:0 auto 1rem;width:100%}.install-button{padding:.7rem 1.1rem;background:var(--accent);color:var(--accent-contrast);box-shadow:var(--soft-shadow)}.main-card,.footer-card{width:100%;margin-inline:auto;background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.main-card{max-width:28rem;margin-bottom:.7rem;padding:1.35rem 1.05rem 1.05rem;border-radius:1.5rem}.main-card-focus{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(100%,32rem);max-width:32rem;margin-bottom:0;margin-inline:auto;padding:clamp(1.7rem,6vw,2.35rem) clamp(1.1rem,5vw,1.6rem);background:transparent;border:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.date-picker-wrap{width:100%;max-width:17.75rem;margin:0 auto .45rem;display:flex;flex-direction:column;align-items:center;gap:.28rem;padding:.55rem .65rem .6rem;border-radius:1rem;background:color-mix(in srgb,var(--row-bg) 64%,transparent);border:1px solid color-mix(in srgb,var(--surface-border) 82%,transparent);box-shadow:0 12px 26px #060c1c14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.display-date{margin-bottom:.2rem;text-align:center;font-size:clamp(1.7rem,5vw,2.2rem);font-weight:700;color:var(--title-text)}.display-weekday{margin-bottom:.9rem;text-align:center;font-size:1rem;font-weight:500;color:var(--muted-text)}.main-card-focus .display-date{margin-bottom:.08rem;font-size:clamp(.94rem,3.2vw,1.08rem);font-weight:560;letter-spacing:.01em;color:var(--muted-text);opacity:.62}.main-card-focus .display-weekday{margin-bottom:1.72rem;font-size:.8rem;font-weight:520;color:var(--muted-text);opacity:.48}.nav-buttons{display:flex;justify-content:center;gap:.6rem;margin-bottom:.9rem;flex-wrap:wrap}.nav-button{min-width:5.25rem;padding:.52rem .92rem;background:var(--surface-soft);color:var(--surface-text);border-color:var(--surface-border);box-shadow:var(--soft-shadow)}.nav-button-active{background:var(--surface-soft);border-color:var(--surface-border);color:var(--surface-text);box-shadow:inset 0 0 0 1px var(--accent-border)}.nav-button-disabled{opacity:.48;cursor:not-allowed}.status-region{min-height:2.5rem;display:grid;align-items:center;margin-bottom:.5rem}.status-message{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:.8rem .95rem;border-radius:1rem;font-weight:600}.status-message-loading{color:var(--surface-text);background:var(--surface-soft);border:1px solid var(--surface-border)}.status-message-error{color:var(--danger-text);background:var(--danger-soft);border:1px solid var(--danger-border)}.loading-dot{width:.7rem;height:.7rem;border-radius:50%;background:currentColor;animation:pulse 1s ease-in-out infinite}.prayer-focus-panel{display:grid;gap:.72rem}.main-card-focus .prayer-focus-panel{gap:0}.focus-block{width:100%;padding:.86rem .82rem;border-radius:1rem;border:1px solid var(--card-border);background:var(--row-bg);color:var(--title-text);box-shadow:var(--card-shadow);text-align:left;font-size:1.02rem;font-weight:500;transition:color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease}.focus-block-live{padding-top:.76rem}.focus-block-gap{background:var(--row-bg)}.focus-block-passive{cursor:default}.focus-primary-row{display:flex;align-items:baseline}.focus-progress{width:100%;height:4px;margin-top:.7rem;overflow:hidden;border-radius:999px;background:var(--timeline-track)}.focus-progress-bar{width:100%;height:100%;border-radius:inherit;transform-origin:left center;transition:transform .9s linear,background-color .2s ease}.focus-progress-bar-green{background:var(--timeline-green)}.focus-progress-bar-amber{background:var(--timeline-amber)}.focus-progress-bar-red{background:var(--timeline-red)}.focus-countdown-text{margin-bottom:.24rem;font-size:clamp(1.45rem,4.2vw,1.9rem);font-weight:700;line-height:1.1;color:var(--surface-text)}.focus-primary-text{font-size:clamp(1.1rem,3vw,1.3rem);font-weight:700;line-height:1.25}.focus-secondary-text{margin-top:.42rem;color:var(--muted-text);font-size:.96rem;font-weight:500}.focus-context-note{margin-bottom:.8rem;color:var(--muted-text);font-size:.9rem;font-weight:600;text-align:center;letter-spacing:.01em}.main-card-focus .focus-block{padding:0;border:0;background:transparent;box-shadow:none}.main-card-focus .focus-countdown-text{margin-bottom:.24rem;font-size:clamp(3.4rem,13vw,5rem);font-weight:850;line-height:.92;letter-spacing:-.075em;text-align:center;color:var(--title-text);text-shadow:0 14px 34px rgba(3,9,20,.18)}.main-card-focus .focus-block-gap .focus-countdown-text{max-width:8ch;margin-inline:auto;margin-bottom:.18rem;font-size:clamp(2.7rem,9.5vw,3.85rem);line-height:1.02;text-wrap:balance}.main-card-focus .focus-primary-row{justify-content:center;margin-top:0}.main-card-focus .focus-primary-text{font-size:clamp(1.55rem,5vw,2rem);font-weight:760;line-height:1.05;text-align:center}.main-card-focus .focus-secondary-text{margin-top:.96rem;font-size:1rem;font-weight:560;text-align:center}.main-card-focus .focus-context-note{margin-bottom:.95rem;font-size:.95rem}.main-card-focus .focus-progress{width:min(82%,23rem);height:8px;margin:.88rem auto 0;background:color-mix(in srgb,var(--timeline-track) 72%,var(--surface-text));box-shadow:inset 0 1px #ffffff14,0 0 0 1px #ffffff08}.main-card-focus .focus-progress-bar-green{box-shadow:0 0 10px color-mix(in srgb,var(--timeline-green) 36%,transparent),0 0 22px color-mix(in srgb,var(--timeline-green) 18%,transparent)}.main-card-focus .focus-progress-bar-amber{box-shadow:0 0 10px color-mix(in srgb,var(--timeline-amber) 36%,transparent),0 0 22px color-mix(in srgb,var(--timeline-amber) 18%,transparent)}.main-card-focus .focus-progress-bar-red{box-shadow:0 0 10px color-mix(in srgb,var(--timeline-red) 38%,transparent),0 0 24px color-mix(in srgb,var(--timeline-red) 20%,transparent)}.schedule-toggle{align-self:center;appearance:none;border:1px solid var(--surface-border);border-radius:999px;width:100%;padding:.46rem .88rem;background:var(--surface-soft);color:var(--surface-text);box-shadow:var(--soft-shadow);cursor:pointer;font:inherit;font-size:.88rem;font-weight:600;letter-spacing:-.01em;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.schedule-toggle:hover{transform:translateY(-1px)}.schedule-toggle:active{transform:translateY(0)}.schedule-toggle:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.timings-expanded{width:100%}.timings-table{width:100%;border-collapse:separate;border-spacing:0 .42rem}.timing-label,.timing-value{font-size:1.02rem;vertical-align:top;padding:.9rem .85rem;background:var(--row-bg);transition:color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease}.timing-label{width:58%;text-align:left;font-weight:500;color:var(--muted-text);border-radius:1rem 0 0 1rem}.timing-value{text-align:right;font-weight:600;color:var(--title-text);border-radius:0 1rem 1rem 0}.timing-row-subtle .timing-label,.timing-row-subtle .timing-value{padding-top:.2rem;padding-bottom:.36rem;background:transparent}.timing-row-with-subtle-child .timing-label,.timing-row-with-subtle-child .timing-value{padding-bottom:.52rem}.timing-row-subtle{transform:translateY(-.24rem)}.timing-label-subtle,.timing-value-subtle{font-size:.84rem;font-weight:500;color:var(--muted-text);opacity:.68}.timing-label-subtle{padding-left:.5rem}.timing-subtle-indent{display:inline-block;width:.5rem}.timing-row-upcoming .timing-label,.timing-row-upcoming .timing-value{background:var(--row-bg)}.timing-row-accent-green .timing-label{box-shadow:inset 4px 0 0 var(--timeline-green)}.timing-row-upcoming .timing-label{box-shadow:inset 4px 0 0 var(--surface-border)}.timing-row-accent-amber .timing-label{box-shadow:inset 4px 0 0 var(--timeline-amber)}.timing-row-accent-red .timing-label{box-shadow:inset 4px 0 0 var(--timeline-red)}.timing-label-accent-green,.timing-value-accent-green,.timing-label-accent-amber,.timing-value-accent-amber,.timing-label-accent-red,.timing-value-accent-red,.timing-label-upcoming,.timing-value-upcoming{font-weight:700;color:var(--title-text)}.date-picker-help{margin-top:0;margin-bottom:0;color:var(--hero-subtext);font-size:.74rem;opacity:.42;letter-spacing:.015em;text-align:center;width:100%;display:block;white-space:nowrap}.date-picker-input{width:100%;max-width:7.85rem;padding:.26rem .44rem;border:1px solid var(--surface-border);border-radius:.7rem;background:var(--surface-soft);color:var(--muted-text);box-shadow:none;font-size:.84rem;font-weight:400;opacity:.72;transition:border-color .2s,box-shadow .2s;margin-left:auto;margin-right:auto;display:block}.footer-card{max-width:28rem;margin-top:.3rem;padding:.7rem .5rem;border-radius:1.15rem;text-align:center;font-size:.74rem;color:var(--muted-text);line-height:1.3}.footer-card-loading{color:var(--muted-text)}.footer-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer-line+.footer-line{margin-top:.2rem}.footer-link-muted,.footer-link-accent{color:var(--accent-text)}.install-button:hover,.nav-button:hover:not(:disabled),.settings-trigger:hover,.settings-option:hover,.focus-block:hover:not(.focus-block-passive){transform:translateY(-1px)}.install-button:focus-visible,.nav-button:focus-visible,.date-picker-input:focus-visible,.settings-trigger:focus-visible,.settings-option:focus-visible,.focus-block:focus-visible:not(.focus-block-passive){outline:3px solid var(--focus-ring);outline-offset:2px}.install-button:active,.nav-button:active:not(:disabled),.settings-trigger:active,.settings-option:active,.focus-block:active:not(.focus-block-passive){transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes pulse{0%,to{opacity:.45;transform:scale(.9)}50%{opacity:1;transform:scale(1)}}@media(max-width:640px){.app-shell{padding-top:.9rem;padding-inline:.8rem}.app-shell-focus{height:100svh;padding-top:1rem;padding-bottom:1rem}.app-header-controls{top:.9rem;right:.8rem}.app-shell-focus .app-header-controls{top:.9rem;right:.85rem}.main-card,.footer-card{max-width:none}.nav-button{flex:1 1 30%;min-width:0}.timing-label,.timing-value{padding-inline:.7rem}.focus-primary-text{font-size:1.08rem}.date-picker-wrap{max-width:15.5rem;margin-bottom:.4rem;padding:.5rem .6rem .55rem}.main-card-focus{min-height:auto;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:none;padding-inline:1rem}}