:root{--eu-900:#33473f;--eu-700:#47645a;--eu-500:#5f8575;--eu-400:#7a9d8f;--eu-300:#9cb8ac;--eu-100:#d6e2dc;--gold-deep:#a8894a;--gold:#c6a662;--gold-light:#e0c78a;--country-green-bar:#3f9d68;--country-blue-bar:#5b9fd8;--country-terracotta-bar:#cc7d54;--country-amber-bar:#c6a24a;--country-plum-bar:#9273c4;--country-rose-bar:#cf76a4;--country-teal-bar:#3aa39c;--country-wine-bar:#b0504a}:root,[data-theme=light]{--surface:#fff;--surface-raised:#f2f5f3;--surface-hover:#e7ece9;--surface-field:var(--eu-500);--text-primary:#1d2420;--text-secondary:#566159;--text-strong:#121814;--text-placeholder:#616c65;--text-link:#7d6430;--text-link-hover:#5f4c24;--text-on-field:#fff;--text-on-field-soft:#eef3f0;--border:#d8ded9;--border-input:#767f78;--border-focus:var(--eu-700);--accent:#866b31;--accent-contrast:#fff;--accent-hover:#755d2b;--accent-pressed:#64501f;--danger:#a84a40;--success:#2f6b49;--warning:#7a621c;--shadow-card:0 8px 24px #171b1924;--shadow-drop:0 12px 28px #171b192e;--country-green-bg:color-mix(in srgb, var(--country-green-bar) 12%, #fff);--country-green-text:#1e5c38;--country-green-border:#1e5c38;--country-blue-bg:color-mix(in srgb, var(--country-blue-bar) 12%, #fff);--country-blue-text:#275b88;--country-blue-border:#275b88;--country-terracotta-bg:color-mix(in srgb, var(--country-terracotta-bar) 12%, #fff);--country-terracotta-text:#8a4a26;--country-terracotta-border:#8a4a26;--country-amber-bg:color-mix(in srgb, var(--country-amber-bar) 12%, #fff);--country-amber-text:#6f5a1c;--country-amber-border:#6f5a1c;--country-plum-bg:color-mix(in srgb, var(--country-plum-bar) 12%, #fff);--country-plum-text:#5f4390;--country-plum-border:#5f4390;--country-rose-bg:color-mix(in srgb, var(--country-rose-bar) 12%, #fff);--country-rose-text:#94406b;--country-rose-border:#94406b;--country-teal-bg:color-mix(in srgb, var(--country-teal-bar) 12%, #fff);--country-teal-text:#1c6660;--country-teal-border:#1c6660;--country-wine-bg:color-mix(in srgb, var(--country-wine-bar) 12%, #fff);--country-wine-text:#8a322d;--country-wine-border:#8a322d;--scene-sky:#cfe0e8;--scene-sky-horizon:#e8ded0;--scene-marble:#f3efe8;--scene-marble-shade:#ddd6cb;--scene-pillar:#e9e2d6;--scene-pillar-far:#cfc7b8;--scene-wordmark:var(--eu-900);--scene-sun:#e7c56b;--scene-sun-glow:#f2dfae;--scene-moon:#e8ecef;--scene-sky--dawn:#d8c6d4;--scene-sky-horizon--dawn:#f0d3b4;--scene-sky--day:#cfe0e8;--scene-sky-horizon--day:#e8ded0;--scene-sky--dusk:#b3a3c2;--scene-sky-horizon--dusk:#e8bd90;--scene-sky--night:#26313f;--scene-sky-horizon--night:#39424e;--scene-wordmark--night:var(--eu-100);--scene-geometry:var(--eu-400);--scene-geometry--night:#4e6076;--scene-star:#6f8794;--scene-star--night:#eef4f7}[data-theme=dark]{--surface:#171b19;--surface-raised:#1f2522;--surface-hover:#2b332f;--surface-field:var(--eu-500);--text-primary:#fff;--text-secondary:#97a49d;--text-strong:#e6e9e7;--text-placeholder:#8a948e;--text-link:var(--gold-light);--text-link-hover:#fff;--text-on-field:#fff;--text-on-field-soft:#eef3f0;--border:#3c453f;--border-input:#6d7570;--border-focus:var(--eu-300);--accent:var(--gold);--accent-contrast:#171b19;--accent-hover:var(--gold-light);--accent-pressed:var(--gold-deep);--danger:#d4796e;--success:#6fa585;--warning:#c6a24a;--shadow-card:0 8px 24px #171b1947;--shadow-drop:0 12px 28px #0a0d0b80;--country-green-bg:#1e4d34;--country-green-text:#86d6a4;--country-green-border:var(--country-green-bar);--country-blue-bg:#1c3a52;--country-blue-text:#8fc2ec;--country-blue-border:var(--country-blue-bar);--country-terracotta-bg:#45291b;--country-terracotta-text:#eab48f;--country-terracotta-border:var(--country-terracotta-bar);--country-amber-bg:#3d3218;--country-amber-text:#e2c885;--country-amber-border:var(--country-amber-bar);--country-plum-bg:#33244a;--country-plum-text:#c3a9e6;--country-plum-border:var(--country-plum-bar);--country-rose-bg:#47223b;--country-rose-text:#ecadcb;--country-rose-border:var(--country-rose-bar);--country-teal-bg:#123f3d;--country-teal-text:#7fd2cc;--country-teal-border:var(--country-teal-bar);--country-wine-bg:#421d1c;--country-wine-text:#e6a09a;--country-wine-border:var(--country-wine-bar);--scene-sky:#101b22;--scene-sky-horizon:#1c2a2a;--scene-marble:#2a2e2a;--scene-marble-shade:#20241f;--scene-pillar:#333731;--scene-pillar-far:#272b26;--scene-wordmark:var(--eu-100);--scene-sun:#d9b96a;--scene-sun-glow:#8a7a4e;--scene-moon:#dfe5ea;--scene-sky--dawn:#2c3244;--scene-sky-horizon--dawn:#514058;--scene-sky--day:#31505f;--scene-sky-horizon--day:#56574a;--scene-sky--dusk:#382b40;--scene-sky-horizon--dusk:#6e4a3a;--scene-sky--night:#101b22;--scene-sky-horizon--night:#1c2a2a;--scene-wordmark--night:var(--eu-100);--scene-geometry:#46606f;--scene-geometry--night:#3a4d59;--scene-star:#dde7ed;--scene-star--night:#f2f7fa}:root{--card:var(--surface);--card-raised:var(--surface-raised);--card-hover:var(--surface-hover);--card-border:var(--border);--card-muted-text:var(--text-secondary);--surface-card:var(--surface);--surface-card-raised:var(--surface-raised);--surface-card-hover:var(--surface-hover);--border-card:var(--border);--action-primary:var(--accent);--action-primary-hover:var(--accent-hover);--action-primary-pressed:var(--accent-pressed);--text-body:var(--text-primary);--text-muted:var(--text-secondary);--text-on-card:var(--text-primary);--text-on-card-muted:var(--text-secondary);--font-heading:"Fraunces",serif;--font-body:"Inter",sans-serif;--text-screen-title:500 1.375rem/1.3 var(--font-heading);--text-card-question:500 1rem/1.4 var(--font-body);--text-body-style:400 1rem/1.6 var(--font-body);--text-hint:400 .8125rem/1.5 var(--font-body);--text-label:500 .8125rem/1.4 var(--font-body);--text-time:500 .9375rem/1.4 var(--font-body);--text-button:500 .9375rem/1 var(--font-body);--tnum:"tnum" 1;--radius-screen:14px;--radius-card:12px;--radius-input:10px;--radius-chip:6px;--pad-card:20px;--pad-screen:22px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px}a{color:var(--text-link)}@media (hover:hover){a:hover{color:var(--text-link-hover)}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-body), system-ui, "Segoe UI", sans-serif}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:none}html,body,#root{height:100%;margin:0}body{background:var(--surface-field);-webkit-tap-highlight-color:transparent}button,a,input,textarea,select,[role=button],[role=option],[role=checkbox]{touch-action:manipulation}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.theme-control{border:1px solid var(--border);background:var(--surface);border-radius:999px;gap:2px;padding:2px;display:inline-flex}.theme-control__segment{width:32px;height:26px;color:var(--text-secondary);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;transition:background .2s ease-out,color .2s ease-out;display:inline-flex;position:relative}.theme-control__segment:has(input:checked){background:var(--surface-hover);color:var(--text-strong)}.theme-control__segment:has(input:focus-visible){outline:2px solid var(--border-focus);outline-offset:2px}@media (hover:hover){.theme-control__segment:hover{color:var(--text-strong)}}@media (width<=560px){.theme-control{gap:4px}.theme-control__segment{width:40px;height:32px}.theme-control__segment:after{content:"";position:absolute;inset:-6px -2px}}@media (prefers-reduced-motion:reduce){.theme-control__segment{transition:none}}@keyframes hima-pulse{0%,80%,to{opacity:.25}40%{opacity:1}}.login-desktop{z-index:1;box-sizing:border-box;justify-content:center;align-items:center;min-height:100dvh;padding:40px;display:flex;position:relative}.login-desktop__layout{justify-content:center;align-items:center;gap:96px;width:100%;max-width:900px;display:flex}.login-desktop__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);width:360px;box-shadow:var(--shadow-card);box-sizing:border-box;flex-direction:column;gap:24px;padding:32px 28px;display:flex}.login-desktop__theme{align-self:flex-end;margin-block:-16px -12px;margin-inline-end:-12px}.login-desktop__question{font:var(--text-card-question);color:var(--text-primary);text-align:center;margin:0}.login-desktop__divider{background:var(--border);height:1px}.login-desktop__status{justify-content:center;align-items:center;height:44px;display:flex}.login-desktop__dots{gap:10px;display:flex}.login-desktop__dot{background:var(--accent);border-radius:50%;width:9px;height:9px;animation:1.4s ease-in-out infinite hima-pulse}.login-desktop__dot:first-child{animation-delay:0s}.login-desktop__dot:nth-child(2){animation-delay:.22s}.login-desktop__dot:nth-child(3){animation-delay:.44s}@media (prefers-reduced-motion:reduce){.login-desktop__dot{opacity:1;animation:none}}.login-desktop__error{font:var(--text-hint);color:var(--danger);text-align:center;margin:0}.login-desktop__success{font:var(--text-body-style);color:var(--text-primary);text-align:center}.login-desktop__google-btn{width:100%;height:44px;font:500 .9375rem Roboto, var(--font-body);color:#1f1f1f;cursor:pointer;background:#fff;border:1px solid #747775;border-radius:22px;justify-content:center;align-items:center;gap:12px;transition:background .25s ease-out;display:flex}[data-theme=dark] .login-desktop__google-btn{color:#e3e3e3;background:#131314;border-color:#8e918f}@media (hover:hover){.login-desktop__google-btn:hover{background:#f2f3f2}[data-theme=dark] .login-desktop__google-btn:hover{background:#1f2422}}.login-desktop__google-btn:active{background:#e8eae9}[data-theme=dark] .login-desktop__google-btn:active{background:#0c0e0d}.login-desktop__google-btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.login-desktop__google-btn:disabled{cursor:default}@media (width<=560px){.login-desktop{padding:max(24px, env(safe-area-inset-top)) 0 0;align-items:stretch;position:fixed;inset:0}.login-desktop__layout{flex-direction:column;flex:1;justify-content:flex-end;align-items:stretch;gap:0;max-width:none}.login-desktop__card{border-radius:var(--radius-card) var(--radius-card) 0 0;width:100%;padding-block:28px calc(28px + env(safe-area-inset-bottom));padding-inline:max(24px, env(safe-area-inset-left), env(safe-area-inset-right));border-block-end:none;border-inline:none}}@keyframes city-step-searching{0%,to{opacity:.3}50%{opacity:1}}@keyframes city-step-suggestions{0%{opacity:0}to{opacity:1}}.city-step__field{position:relative}.city-step__input{box-sizing:border-box;border:1px solid var(--border-input);border-radius:var(--radius-input);width:100%;font:400 .9375rem var(--font-body);color:var(--text-primary);background:0 0;padding:11px 14px;transition:border-color .2s ease-out}.city-step__input::placeholder{color:var(--text-placeholder)}.city-step__input:focus{border-color:var(--border-focus)}.city-step__input:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.city-step__suggestions{top:100%;z-index:10;background:var(--surface);border:1px solid var(--border);border-radius:0 0 var(--radius-input) var(--radius-input);overscroll-behavior:contain;max-height:196px;box-shadow:var(--shadow-drop);border-top:none;position:absolute;inset-inline:8px;overflow-y:auto}.city-step__searching{font:400 .8125rem/1 var(--font-body);color:var(--text-secondary);padding:11px 14px;animation:1.1s ease-in-out infinite city-step-searching}.city-step__suggestion{text-align:start;width:100%;font:400 .875rem/1.3 var(--font-body);color:var(--text-strong);cursor:pointer;background:0 0;border:none;padding:10px 14px;transition:background .2s ease-out;animation:.25s ease-out city-step-suggestions;display:block}.city-step__suggestion--active{background:var(--surface-hover);color:var(--text-primary)}.city-step__detect{font:400 .8125rem/1 var(--font-body);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;padding:0;transition:color .2s ease-out;display:inline-flex}.city-step__detect span{text-underline-offset:3px;text-decoration:underline}.city-step__detect:focus-visible{color:var(--text-strong);outline:2px solid var(--border-focus);outline-offset:2px}@media (hover:hover){.city-step__detect:hover:not(:disabled){color:var(--text-strong)}}.city-step__detect:disabled{cursor:default;opacity:.6}@media (width<=560px){.city-step__input{padding:13px 14px;font-size:1rem}.city-step__suggestion{padding:13px 14px}.city-step__detect{margin:-15px -8px;padding:15px 8px}}@media (prefers-reduced-motion:reduce){.city-step__searching,.city-step__suggestion{animation:none}}.prayers-step__list{border:1px solid var(--border-input);border-radius:var(--radius-input);overscroll-behavior:contain;max-height:244px;overflow-y:auto}.prayers-step__row{text-align:start;border:none;border-bottom:1px solid var(--border);cursor:pointer;background:0 0;align-items:center;gap:12px;width:100%;padding:11px 14px;transition:background .2s ease-out;display:flex}.prayers-step__row:last-child{border-bottom:none}.prayers-step__row:focus-visible{background:color-mix(in srgb, var(--surface-hover) 50%, transparent);outline:2px solid var(--border-focus);outline-offset:-2px}@media (hover:hover){.prayers-step__row:hover{background:color-mix(in srgb, var(--surface-hover) 50%, transparent)}}.prayers-step__name{font:400 .875rem/1.3 var(--font-body);color:var(--text-secondary);transition:color .2s ease-out}.prayers-step__name--checked{color:var(--text-primary)}.prayers-step__state{font:400 .8125rem/1.5 var(--font-body);color:var(--text-secondary);align-items:center;gap:10px;padding:14px;display:flex}.prayers-step__retry{font:400 .8125rem/1.5 var(--font-body);color:var(--text-link);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.prayers-step__retry:focus-visible{color:var(--text-primary);outline:2px solid var(--border-focus);outline-offset:2px}@media (hover:hover){.prayers-step__retry:hover{color:var(--text-primary)}}.prayers-step__advance{align-items:center;gap:14px;display:flex}.prayers-step__count{font:400 .8125rem/1 var(--font-body);color:var(--text-secondary);font-feature-settings:var(--tnum)}@media (width<=560px){.prayers-step__row{padding:13px 14px}.prayers-step__retry{margin:-13px -10px;padding:13px 10px}}@media (prefers-reduced-motion:reduce){.prayers-step__row,.prayers-step__name{transition:none}}.day-wheel{--day-wheel-row:38px;--day-wheel-rows:5;width:min(80%,240px);height:calc(var(--day-wheel-row) * var(--day-wheel-rows));border-radius:var(--radius-input);-webkit-user-select:none;user-select:none;touch-action:pinch-zoom;margin:2px auto 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 20% 80%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 20% 80%,#0000 100%)}.day-wheel:has(.day-wheel__face:focus-visible){outline:2px solid var(--border-focus);outline-offset:4px}.day-wheel__band{inset-inline:0;height:var(--day-wheel-row);margin-top:calc(var(--day-wheel-row) / -2);border-radius:var(--radius-input);background:var(--surface-hover);pointer-events:none;position:absolute;top:50%}.day-wheel__face{perspective:520px;cursor:pointer;outline:none;position:absolute;inset:0}.day-wheel__drum{transform-style:preserve-3d;position:absolute;inset:0}.day-wheel__row{color:var(--text-strong);inset-inline:0;height:var(--day-wheel-row);margin-top:calc(var(--day-wheel-row) / -2);font:500 1.75rem/1 var(--font-heading);font-variant-numeric:tabular-nums;white-space:nowrap;backface-visibility:hidden;justify-content:flex-end;align-items:center;padding-inline-end:50%;display:flex;position:absolute;top:50%}.day-wheel__row[data-depth="1"]{color:color-mix(in srgb, var(--text-strong) 55%, var(--text-secondary))}.day-wheel__row[data-depth="2"]{color:var(--text-secondary)}.day-wheel__unit{top:50%;font:500 .9375rem/1 var(--font-body);color:var(--text-secondary);pointer-events:none;margin-inline-start:10px;position:absolute;inset-inline-start:50%;transform:translateY(-50%)}@media (height<=700px){.day-wheel{--day-wheel-row:32px}.day-wheel__row{font-size:1.5rem}}@media (prefers-reduced-motion:reduce){.day-wheel__face{perspective:none}.day-wheel__drum{transform-style:flat}}.days-step__number{font:500 2.5rem/1 var(--font-heading);color:var(--text-strong);font-variant-numeric:tabular-nums}.days-step__unit{font:var(--text-hint);color:var(--text-secondary)}.days-step__slider{flex-direction:column;gap:10px;padding:4px 2px 0;display:flex}.days-step__readout{justify-content:center;align-items:baseline;gap:6px;display:flex}.days-step__through{font:var(--text-hint);color:var(--text-secondary);text-align:center}.days-step__bounds{font:var(--text-hint);color:var(--text-secondary);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.days-step__range{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px;margin:0}.days-step__range:focus{outline:none}.days-step__range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--eu-500) 0 var(--days-step-fill), var(--surface-hover) var(--days-step-fill) 100%);border-radius:999px;height:6px}.days-step__range::-moz-range-track{background:var(--surface-hover);border-radius:999px;height:6px}.days-step__range::-moz-range-progress{background:var(--eu-500);border-radius:999px;height:6px}.days-step__range::-webkit-slider-thumb{appearance:none;background:var(--surface);border:2px solid var(--eu-500);width:22px;height:22px;box-shadow:var(--shadow-card);border-radius:50%;margin-top:-8px;transition:transform .2s ease-out,border-color .2s ease-out}.days-step__range::-moz-range-thumb{background:var(--surface);border:2px solid var(--eu-500);width:22px;height:22px;box-shadow:var(--shadow-card);border-radius:50%;transition:transform .2s ease-out,border-color .2s ease-out}.days-step__range:focus-visible::-webkit-slider-thumb{outline:2px solid var(--border-focus);outline-offset:2px}.days-step__range:focus-visible::-moz-range-thumb{outline:2px solid var(--border-focus);outline-offset:2px}@media (hover:hover){.days-step__range:hover::-webkit-slider-thumb{transform:scale(1.08)}.days-step__range:hover::-moz-range-thumb{transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.days-step__range::-webkit-slider-thumb{transition:none}.days-step__range::-moz-range-thumb{transition:none}}.overview-step__field{flex-direction:column;gap:6px;display:flex;position:relative}.overview-step__label{font:400 .75rem/1 var(--font-body);color:var(--text-secondary)}.overview-step__control{text-align:start;border:1px solid var(--border-input);border-radius:var(--radius-input);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:10px;padding:8px 14px;transition:border-color .2s ease-out;display:flex}.overview-step__control:focus-visible{border-color:var(--border-focus);outline:2px solid var(--border-focus);outline-offset:2px}@media (hover:hover){.overview-step__control:hover:not(.overview-step__control--static){border-color:var(--border-focus)}}.overview-step__control--static{cursor:default;border-style:dashed}.overview-step__chip{background:var(--surface-hover);color:var(--text-primary);border:1px solid var(--chip-border,var(--border));border-radius:var(--radius-chip);font:500 .8125rem/1.2 var(--font-body);text-overflow:ellipsis;white-space:nowrap;padding:3px 7px;display:inline-block;overflow:hidden}.overview-step__value{font:400 .875rem/1.4 var(--font-body);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;padding:2px 0;overflow:hidden}.overview-step__chevron{flex:none;transition:transform .2s ease-out}.overview-step__chevron--open{transform:rotate(180deg)}.overview-step__menu{top:calc(100% + 6px);z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-input);box-shadow:var(--shadow-drop);overscroll-behavior:contain;max-height:184px;padding:4px 0;position:absolute;inset-inline:0;overflow-y:auto}.overview-step__menu--prayers{max-height:216px}.overview-step__menu--up{top:auto;bottom:calc(100% - 22px)}.overview-step__option{text-align:start;width:calc(100% - 12px);font:400 .875rem/1.3 var(--font-body);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;margin:2px 6px;padding:9px 10px;transition:background .2s ease-out,color .2s ease-out;display:flex}.overview-step__option:focus-visible{background:var(--surface-hover);outline:2px solid var(--border-focus);outline-offset:-2px}@media (hover:hover){.overview-step__option:hover{background:var(--surface-hover)}}.overview-step__option--selected{color:var(--text-primary);background:var(--surface-hover);font-weight:500}.overview-step__option-name--on{color:var(--text-primary)}.overview-step__search{box-sizing:border-box;border:none;border-bottom:1px solid var(--border-input);width:calc(100% - 12px);font:400 .875rem var(--font-body);color:var(--text-primary);background:0 0;margin:2px 6px 4px;padding:8px 10px;display:block}.overview-step__search::placeholder{color:var(--text-placeholder)}.overview-step__search:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px}.overview-step__menu-note{font:400 .8125rem/1.4 var(--font-body);color:var(--text-placeholder);padding:9px 16px}.overview-step__retry{font:400 .8125rem/1.4 var(--font-body);color:var(--text-link);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.overview-step__retry:focus-visible{color:var(--text-primary);outline:2px solid var(--border-focus);outline-offset:2px}@media (hover:hover){.overview-step__retry:hover{color:var(--text-primary)}}@media (width<=560px){.overview-step__control{padding:11px 14px}.overview-step__option{padding:13px 10px}.overview-step__search{min-height:44px;padding:10px;font-size:1rem}.overview-step__retry{margin:-13px -10px;padding:13px 10px}}@media (prefers-reduced-motion:reduce){.overview-step__chevron,.overview-step__control,.overview-step__option{transition:none}}@keyframes onboarding-slide-fwd{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:none}}@keyframes onboarding-slide-back{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:none}}.onboarding{z-index:1;box-sizing:border-box;-webkit-user-select:none;user-select:none;flex-direction:column;min-height:100dvh;display:flex;position:relative}.onboarding input,.onboarding textarea{-webkit-user-select:text;user-select:text}.onboarding__main{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:22px;padding:40px;display:flex}.onboarding__title{font:var(--text-screen-title);color:var(--text-primary);outline:none;margin:0 0 14px}.onboarding__content{flex-direction:column;align-items:center;gap:22px;width:100%;transition:opacity .25s ease-out .1s;display:flex}.onboarding--intro .onboarding__content{opacity:0;pointer-events:none}.onboarding__card{box-sizing:border-box;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);width:460px;max-width:100%;min-height:420px;box-shadow:var(--shadow-card);flex-direction:column;padding:26px 28px;transition:min-height .3s ease-out,transform .3s ease-out;display:flex}.onboarding--intro .onboarding__card{transform:translateY(28px)}.onboarding__card--compact{min-height:264px}.onboarding__theme{align-self:flex-end;margin-block:-12px 6px;margin-inline-end:-14px}.onboarding__dots{background:color-mix(in srgb, var(--surface) 72%, transparent);border-radius:999px;align-items:center;gap:10px;padding:8px 14px;display:flex}.onboarding__dot{background:var(--border-input);border:none;border-radius:50%;width:7px;height:7px;padding:0;transition:width .25s ease-out,height .25s ease-out,background .25s ease-out}.onboarding__dot--current{background:var(--accent);width:9px;height:9px;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 30%, transparent)}.onboarding__dot--complete{background:var(--accent);opacity:.6;cursor:pointer;position:relative}.onboarding__dot--complete:after{content:"";position:absolute;inset:-18px}.onboarding__dot--complete:focus-visible{opacity:.8;outline:2px solid var(--border-focus);outline-offset:3px}@media (hover:hover){.onboarding__dot--complete:hover{opacity:.8}}.onboarding__step-slide--fwd,.onboarding__step-slide--back{display:contents}.onboarding-step{flex-direction:column;flex:1;gap:18px;min-height:0;display:flex}.onboarding__step-slide--fwd>.onboarding-step{animation:.3s ease-out onboarding-slide-fwd}.onboarding__step-slide--back>.onboarding-step{animation:.3s ease-out onboarding-slide-back}.onboarding-step__question{font:var(--text-card-question);color:var(--text-primary)}.onboarding-step__hint{font:var(--text-hint);color:var(--text-secondary);margin-top:4px}.onboarding-step__footer{justify-content:space-between;align-items:center;gap:16px;margin-top:auto;display:flex}.onboarding-step__back{font:400 .8125rem/1 var(--font-body);color:var(--text-secondary);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline;transition:color .2s ease-out}.onboarding-step__back:focus-visible{color:var(--text-strong);outline:2px solid var(--border-focus);outline-offset:2px}@media (hover:hover){.onboarding-step__back:hover:not(:disabled){color:var(--text-strong)}}.onboarding-step__back:disabled{cursor:default;opacity:.5}.onboarding-next{background:var(--accent);width:44px;height:44px;color:var(--accent-contrast);cursor:pointer;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:opacity .25s ease-out,background .25s ease-out;display:flex}@media (hover:hover){.onboarding-next:hover:not(:disabled){background:var(--accent-hover)}}.onboarding-next:active:not(:disabled){background:var(--accent-pressed)}.onboarding-next:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.onboarding-next:disabled{opacity:.55;cursor:default}.onboarding-cta{border-radius:var(--radius-input);background:var(--accent);color:var(--accent-contrast);font:var(--text-button);cursor:pointer;border:none;padding:12px 24px;transition:background .25s ease-out}@media (hover:hover){.onboarding-cta:hover:not(:disabled){background:var(--accent-hover)}}.onboarding-cta:active:not(:disabled){background:var(--accent-pressed)}.onboarding-cta:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.onboarding-cta:disabled{opacity:.55;cursor:default}.onboarding-checkbox{box-sizing:border-box;border:1px solid var(--border-input);border-radius:var(--space-1);width:16px;height:16px;color:var(--text-strong);background:0 0;flex:none;justify-content:center;align-items:center;transition:border-color .2s ease-out,background .2s ease-out;display:flex}.onboarding-checkbox--checked{border-color:var(--border-input);background:var(--surface-hover)}.onboarding-notice{border:1px solid var(--border);border-radius:var(--radius-input);font:var(--text-hint);color:var(--text-secondary);padding:10px 14px}.onboarding-notice--danger{border-color:color-mix(in srgb, var(--danger) 45%, transparent);background:color-mix(in srgb, var(--danger) 8%, transparent);color:var(--danger)}.onboarding__done{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.onboarding__done--fwd{animation:.3s ease-out onboarding-slide-fwd}.onboarding__done--back{animation:.3s ease-out onboarding-slide-back}.onboarding__done-mark{border:1.5px solid var(--success);width:46px;height:46px;color:var(--success);border-radius:50%;justify-content:center;align-items:center;display:flex}.onboarding__done-copy{font:400 .9375rem/1.6 var(--font-body);color:var(--text-strong);text-align:center;max-width:300px}.onboarding__done-count{font:var(--text-label);color:var(--text-secondary);font-feature-settings:var(--tnum)}.onboarding__restart{font:400 .8125rem/1 var(--font-body);color:var(--text-secondary);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline;transition:color .2s ease-out}.onboarding__restart:focus-visible{color:var(--text-strong);outline:2px solid var(--border-focus);outline-offset:2px}@media (hover:hover){.onboarding__restart:hover{color:var(--text-strong)}}@media (width<=560px){.onboarding{position:fixed;inset:0}.onboarding__main{padding:max(24px, env(safe-area-inset-top)) 0 0;justify-content:flex-end;gap:0}.onboarding__content{gap:16px}.onboarding__dots{order:-1}.onboarding__card{overscroll-behavior:contain;border-radius:var(--radius-card) var(--radius-card) 0 0;width:100%;height:58dvh;min-height:58dvh;max-height:58dvh;padding-block:24px calc(24px + env(safe-area-inset-bottom));padding-inline:max(20px, env(safe-area-inset-left), env(safe-area-inset-right));border-block-end:none;border-inline:none;overflow-y:auto}.onboarding__card--compact{height:58dvh;min-height:58dvh}.onboarding--intro .onboarding__card{transform:translateY(60%)}.onboarding-step__back,.onboarding__restart{margin:-16px -10px;padding:16px 10px}.onboarding-cta{min-height:44px}}[dir=rtl] .onboarding__step-slide--fwd>.onboarding-step,[dir=rtl] .onboarding__done--fwd{animation-name:onboarding-slide-back}[dir=rtl] .onboarding__step-slide--back>.onboarding-step,[dir=rtl] .onboarding__done--back{animation-name:onboarding-slide-fwd}@media (prefers-reduced-motion:reduce){.onboarding__content{transition:none}.onboarding__card,.onboarding--intro .onboarding__card{transition:none;transform:none}.onboarding__step-slide--fwd>.onboarding-step,.onboarding__step-slide--back>.onboarding-step,.onboarding__done--fwd,.onboarding__done--back{animation:none}}.time-selector{--ts-highlight:var(--eu-500);--ts-error:var(--danger);--ts-font:500 25px/1.15 "DM Mono", monospace;--ts-text:var(--text-primary);--ts-placeholder:var(--eu-500);--ts-muted:var(--text-placeholder);--ts-border:var(--border-input);--ts-border-focus:var(--border-focus);--ts-min-width:158px;--ts-min-height:55px;--ts-highlight-strong:color-mix(in srgb, var(--ts-highlight) 60%, transparent);--ts-highlight-faint:color-mix(in srgb, var(--ts-highlight) 12%, transparent);--ts-error-strong:color-mix(in srgb, var(--ts-error) 60%, transparent);--ts-error-faint:color-mix(in srgb, var(--ts-error) 8%, transparent);box-sizing:border-box;min-width:var(--ts-min-width);min-height:var(--ts-min-height);border:1px solid var(--ts-border);cursor:text;-webkit-user-select:none;user-select:none;border-radius:10px;outline:none;justify-content:center;align-items:center;padding:11px 12px;transition:border-color .2s ease-out;display:inline-flex}.time-selector:focus{border-color:var(--ts-border-focus)}.time-selector--invalid{border-color:color-mix(in srgb, var(--ts-error) 55%, var(--ts-border))}.time-selector--disabled{opacity:.5;cursor:default}.time-selector__char{font:var(--ts-font);font-feature-settings:"tnum" 1;letter-spacing:.01em;white-space:pre;color:var(--ts-text)}.time-selector__sep{cursor:default;padding:2px 0}.time-selector__group{cursor:pointer;border-radius:4px;padding:2px}.time-selector__group--pend-start{border-radius:4px 0 0 4px;padding:2px 0 2px 2px}.time-selector__group--pend-end{border-radius:0 4px 4px 0;padding:2px 2px 2px 0}.time-selector__slot{border-radius:4px;padding:2px 0}.time-selector__char--placeholder{color:var(--ts-placeholder)}.time-selector__char--muted{color:var(--ts-muted)}.time-selector__group--selected{animation:.9s ease-in-out infinite time-selector-blink}.time-selector__group--pulse{animation:.28s ease-in-out 2 time-selector-blink}.time-selector__group--error{animation:.3s ease-in-out 2 time-selector-blink-error}.time-selector__roll-clip{align-items:flex-start;height:1.15em;display:inline-flex;overflow:hidden}.time-selector__roll-col{flex-direction:column;display:flex}.time-selector__roll-col--up{animation:.34s ease-in-out forwards time-selector-roll-up}.time-selector__roll-col--down{animation:.34s ease-in-out forwards time-selector-roll-down}.time-selector__fade{display:inline-grid}.time-selector__fade-out{grid-area:1/1;animation:.32s ease-out forwards time-selector-fade-out}.time-selector__fade-in{grid-area:1/1;animation:.32s ease-in forwards time-selector-fade-in}.time-selector__flip{perspective:220px;display:inline-block}.time-selector__flip-in{transform-origin:50% 100%;animation:.34s ease-out forwards time-selector-flip-in;display:inline-block}@keyframes time-selector-blink{0%,to{background:var(--ts-highlight-strong)}50%{background:var(--ts-highlight-faint)}}@keyframes time-selector-blink-error{0%,to{background:var(--ts-error-strong)}50%{background:var(--ts-error-faint)}}@keyframes time-selector-roll-up{0%{transform:none}to{transform:translateY(-50%)}}@keyframes time-selector-roll-down{0%{transform:translateY(-50%)}to{transform:none}}@keyframes time-selector-fade-in{0%{opacity:0}to{opacity:1}}@keyframes time-selector-fade-out{0%{opacity:1}to{opacity:0}}@keyframes time-selector-flip-in{0%{opacity:.15;transform:rotateX(88deg)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.time-selector__group--selected,.time-selector__group--pulse{background:var(--ts-highlight-strong);animation:none}.time-selector__group--error{background:var(--ts-error-strong);animation:none}.time-selector__roll-col--up,.time-selector__roll-col--down,.time-selector__fade-out,.time-selector__fade-in,.time-selector__flip-in{animation:none}}.time-range{justify-content:center;align-items:center;gap:14px;display:flex}.time-range__gap{color:var(--text-placeholder);align-items:center;transition:opacity .4s ease-out,color .3s ease-out;display:flex;position:relative}.time-range__gap--dim{opacity:.25}.time-range__duration{font:500 13px/1 var(--font-body);color:var(--text-secondary);white-space:nowrap;transition:color .3s ease-out;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.time-range__gap--invalid{color:color-mix(in srgb, var(--danger) 80%, transparent)}.time-range__gap--invalid .time-range__duration{color:var(--danger)}@media (width<=470px){.time-range{flex-direction:column;gap:12px}.time-range__gap svg{display:none}.time-range__duration{position:static;transform:none}}@keyframes time-poc-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.time-poc{box-sizing:border-box;background:var(--eu-500);flex-direction:column;align-items:center;gap:26px;min-height:100vh;padding:40px 24px 56px;display:flex}.time-poc__header{text-align:center;animation:.5s ease-out both time-poc-fade}.time-poc__title{font:500 26px/1.3 var(--font-heading);color:var(--text-on-field);margin:0}.time-poc__subtitle{font:var(--text-hint);color:var(--eu-100);margin:6px 0 0}.time-poc__grid{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:22px;display:flex}.time-poc__column{flex-direction:column;gap:22px;width:460px;max-width:100%;display:flex}.time-poc__card{box-sizing:border-box;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-card);width:100%;box-shadow:var(--shadow-card);flex-direction:column;gap:16px;padding:20px;animation:.5s ease-out .12s both time-poc-fade;display:flex}.time-poc__card--stage{gap:22px}.time-poc__card--options{width:380px;max-width:100%;animation-delay:.2s}.time-poc__question{font:var(--text-card-question);color:var(--text-on-card)}.time-poc__hint{font:var(--text-hint);color:var(--text-on-card-muted);margin-top:4px}.time-poc__stage{justify-content:center;padding:22px 0 4px;display:flex}.time-poc__readout{color:var(--text-on-card-muted);border:1px solid var(--card-border);border-radius:var(--radius-input);padding:8px 12px;font:400 12px/1.6 DM Mono,monospace;transition:color .3s ease-out,border-color .3s ease-out}.time-poc__readout--invalid{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 45%, transparent)}.time-poc__keys{font:var(--text-hint);color:var(--text-on-card-muted);flex-direction:column;gap:4px;margin:0;padding:0 0 0 16px;display:flex}.time-poc__card-title{font:var(--text-label);color:var(--text-on-card-muted)}.time-poc__row{flex-direction:column;gap:8px;display:flex}.time-poc__label{font:var(--text-hint);color:var(--text-on-card)}.time-poc__value{color:var(--text-on-card-muted);font-feature-settings:var(--tnum)}.time-poc__inline{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.time-poc__inline input[type=range]{min-width:120px;accent-color:var(--eu-400);flex:1}.time-poc__chips{flex-wrap:wrap;gap:6px;display:flex}.time-poc__chip{border:1px solid var(--card-border);border-radius:var(--radius-chip);color:var(--text-on-card-muted);font:var(--text-hint);cursor:pointer;background:0 0;padding:5px 10px;transition:border-color .2s ease-out,background .2s ease-out,color .2s ease-out}.time-poc__chip:hover{color:var(--text-on-card);border-color:var(--border-focus)}.time-poc__chip--on{background:var(--card-hover);border-color:var(--border-focus);color:var(--text-on-card)}.time-poc__number{font:var(--text-hint);color:var(--text-on-card-muted);align-items:center;gap:6px;display:flex}.time-poc__number input{box-sizing:border-box;background:var(--card-raised);border:1px solid var(--card-border);border-radius:var(--radius-chip);width:52px;color:var(--text-on-card);font:var(--text-hint);padding:5px 6px}.time-poc__toggles{flex-direction:column;gap:8px;display:flex}.time-poc__toggle{font:var(--text-hint);color:var(--text-on-card);cursor:pointer;align-items:center;gap:8px;display:flex}.time-poc__toggle input{accent-color:var(--eu-400)}.time-poc__swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px;padding:0;transition:border-color .2s ease-out}.time-poc__swatch--on{border-color:var(--text-primary)}.time-poc__inline input[type=color]{border:1px solid var(--card-border);border-radius:var(--radius-chip);background:var(--card-raised);cursor:pointer;width:30px;height:24px;padding:0}.time-poc__select{background:var(--card-raised);border:1px solid var(--card-border);border-radius:var(--radius-input);color:var(--text-on-card);font:var(--text-hint);padding:8px 10px}.time-poc__reset{border:1px solid var(--card-border);border-radius:var(--radius-input);color:var(--text-on-card-muted);font:var(--text-hint);cursor:pointer;background:0 0;align-self:flex-start;padding:8px 14px;transition:color .2s ease-out,border-color .2s ease-out}.time-poc__reset:hover{color:var(--text-on-card);border-color:var(--border-focus)}.time-poc__events{flex-direction:column;gap:4px;max-height:240px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.time-poc__events-empty{font:var(--text-hint);color:var(--text-on-card-muted)}.time-poc__event{color:var(--text-on-card);align-items:baseline;gap:10px;font:400 12px/1.5 DM Mono,monospace;display:flex}.time-poc__event--error{color:var(--danger)}.time-poc__event-at{color:var(--text-on-card-muted);flex:none}@media (prefers-reduced-motion:reduce){.time-poc__header,.time-poc__card{animation:none}}.scene{z-index:0;background:var(--scene-sky-horizon);position:fixed;inset:0}.scene__svg{width:100%;height:100%;display:block}.scene[data-phase=dawn]{--scene-sky:var(--scene-sky--dawn);--scene-sky-horizon:var(--scene-sky-horizon--dawn);--scene-star-glow:.6}.scene[data-phase=day]{--scene-sky:var(--scene-sky--day);--scene-sky-horizon:var(--scene-sky-horizon--day);--scene-star-glow:.42}.scene[data-phase=dusk]{--scene-sky:var(--scene-sky--dusk);--scene-sky-horizon:var(--scene-sky-horizon--dusk);--scene-star-glow:.75}.scene[data-phase=night]{--scene-sky:var(--scene-sky--night);--scene-sky-horizon:var(--scene-sky-horizon--night);--scene-wordmark:var(--scene-wordmark--night);--scene-geometry:var(--scene-geometry--night);--scene-star:var(--scene-star--night);--scene-star-glow:1}.scene__geometry{opacity:.55}.scene__stars{opacity:var(--scene-star-glow,.4)}@keyframes scene-field-in{0%{opacity:0}}.scene__geometry,.scene__stars{transition:opacity 1s ease-out;animation:1.1s ease-out both scene-field-in}@keyframes scene-twinkle{0%{opacity:.3}to{opacity:1}}.scene__star{animation-name:scene-twinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.scene,.scene stop,.scene ellipse,.scene__star,.scene__wordmark path{transition:background-color 1s ease-out,stop-color 1s ease-out,fill 1s ease-out}.scene__plane{transition:transform .45s ease-out}.scene__plane--far{transform:translate(calc(var(--px,0) * 2px), calc(var(--py,0) * 1px))}.scene__plane--mid{transform:translate(calc(var(--px,0) * 4.5px), calc(var(--py,0) * 2px))}.scene__plane--near{transform:translate(calc(var(--px,0) * 8px), calc(var(--py,0) * 3.5px))}.scene__celestial{transition:transform 2s linear}.scene__wordmark{transition:transform .55s ease-out}@keyframes scene-wordmark-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}.scene__wordmark path{transform-box:fill-box;transform-origin:50%;animation:.7s ease-out both scene-wordmark-in}.scene--settled .scene__wordmark path{animation:none}@media (prefers-reduced-motion:reduce){.scene__wordmark path,.scene__geometry,.scene__stars,.scene__star{animation:none}.scene,.scene stop,.scene ellipse,.scene__star,.scene__plane,.scene__wordmark,.scene__celestial{transition:none}.scene__plane{transform:none}}.error-boundary{background:var(--eu-500);box-sizing:border-box;justify-content:center;align-items:center;min-height:100vh;padding:40px;display:flex}.error-boundary__card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-card);width:360px;box-shadow:var(--shadow-card);box-sizing:border-box;text-align:center;flex-direction:column;gap:16px;padding:32px 28px;display:flex}.error-boundary__title{font:var(--text-card-question);color:var(--text-on-card)}.error-boundary__body{font:var(--text-body-style);color:var(--text-on-card-muted);margin:0}.error-boundary__action{background:var(--gold);border-radius:var(--radius-input);width:100%;height:40px;font:var(--text-button);color:var(--card);cursor:pointer;border:none;transition:background .25s ease-out}.error-boundary__action:hover{background:var(--gold-light)}.error-boundary__action:active{background:var(--gold-deep)}.error-boundary__code{font:var(--text-hint);color:var(--text-on-card-muted);letter-spacing:.04em;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
