.pwa-install-banner{position:fixed;left:50%;bottom:calc(var(--space-lg) + 4.5rem);transform:translate(-50%);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);width:min(560px,calc(100% - 2rem));background:var(--color-panel);border:var(--rule-default);border-radius:var(--radius-panel);box-shadow:var(--elevation-control);z-index:1000;animation:pwa-install-banner-enter .4s var(--ease-smooth)}.pwa-install-banner__content{display:flex;flex-direction:column;gap:.2rem}.pwa-install-banner__title{font-weight:600;letter-spacing:.02em}.pwa-install-banner__message{font-size:.9rem;color:var(--color-text-secondary)}.pwa-install-banner__actions{display:flex;align-items:center;gap:var(--space-sm)}.pwa-install-banner__button{min-height:36px;padding:0 var(--space-3);font-size:.85rem}@keyframes pwa-install-banner-enter{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:640px){.pwa-install-banner{flex-direction:column;align-items:flex-start}.pwa-install-banner__actions{width:100%;justify-content:flex-end}}.pwa-update-banner{position:fixed;left:50%;bottom:var(--space-lg);transform:translate(-50%);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);width:min(560px,calc(100% - 2rem));background:var(--color-panel);border:var(--rule-default);border-radius:var(--radius-panel);box-shadow:var(--elevation-control);z-index:1000;animation:pwa-banner-enter .4s var(--ease-smooth)}.pwa-update-banner__content{display:flex;flex-direction:column;gap:.2rem}.pwa-update-banner__title{font-weight:600;letter-spacing:.02em}.pwa-update-banner__message{font-size:.9rem;color:var(--color-text-secondary)}.pwa-update-banner__actions{display:flex;align-items:center;gap:var(--space-sm)}.pwa-update-banner__button{min-height:36px;padding:0 var(--space-3);font-size:.85rem}@keyframes pwa-banner-enter{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:640px){.pwa-update-banner{flex-direction:column;align-items:flex-start}.pwa-update-banner__actions{width:100%;justify-content:flex-end}}:root{color-scheme:dark;--color-canvas: #090c18;--color-earth: #080b15;--color-ground: #080b15;--color-panel: #10162a;--color-panel-subtle: #0a1020;--color-text: #f9fafb;--color-text-muted: #95a1bd;--color-outline: #66738f;--color-outline-variant: #252f46;--color-rule: rgba(142, 166, 216, .15);--color-selection: #9bc8ff;--color-selection-subtle: rgba(155, 200, 255, .14);--color-on-selection: #090c18;--color-solar: #ffca76;--color-solar-subtle: rgba(255, 202, 118, .16);--color-success: #a9c47f;--color-warning: #f0b96e;--color-error: #ff918b;--color-shadow: rgba(0, 0, 0, .36);--color-action-fill: var(--color-text);--color-action-content: var(--color-panel);--color-icon-button: #202a40;--color-field: #202a40;--rule-default: 1px solid var(--color-rule);--elevation-panel: none;--elevation-control: 0 8px 24px rgba(0, 0, 0, .22);--color-sky-dawn-zenith: #0c1020;--color-sky-dawn-horizon: #ffb088;--color-sky-day-zenith: #1a5fb4;--color-sky-day-horizon: #e8f4f8;--color-sky-dusk-zenith: #15192f;--color-sky-dusk-horizon: #ffb366;--color-sky-night-zenith: #050510;--color-sky-night-horizon: #252545;--color-sun-core: #ffffff;--color-sun-corona: #fff8e0;--color-moon: #f0f0f0;--color-sun-glow: rgba(255, 208, 91, .45);--color-moon-glow: rgba(255, 255, 255, .3);--color-widget-bg: var(--color-panel);--color-widget-border: var(--color-rule);--color-accent-primary: var(--color-selection);--color-accent-secondary: var(--color-solar);--color-text-primary: var(--color-text);--color-text-secondary: var(--color-text-muted);--state-success: var(--color-success);--state-alert: var(--color-warning);--state-muted: var(--color-rule);--gradient-start: #000000;--gradient-end: #000000;--sun-x: 0px;--sun-y: 0px;--moon-x: 0px;--moon-y: 0px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-xs: var(--space-1);--space-sm: var(--space-2);--space-md: var(--space-4);--space-lg: var(--space-6);--space-xl: var(--space-8);--radius-control: 4px;--radius-panel: 6px;--radius-sheet: 24px;--radius-full: 999px;--radius-sm: var(--radius-control);--radius-lg: var(--radius-panel);--radius-pill: var(--radius-full);--type-data-label-size: .625rem;--type-data-body-size: .75rem;--type-data-value-size: 1.3125rem;--type-hero-value-size: 3.375rem;--ease-smooth: cubic-bezier(.34, .69, .1, 1);--ease-fast: cubic-bezier(.4, 0, .2, 1);--sky-height: 40vh;--sun-size: 48px;--moon-size: 28px;--clock-font-size: 3.5rem;--clock-top-offset: 15%}:root[data-theme=light]{color-scheme:light;--color-canvas: #f3f6fa;--color-earth: #393b43;--color-ground: #dfe6ef;--color-panel: #ffffff;--color-panel-subtle: #edf2f8;--color-text: #172033;--color-text-muted: #59677d;--color-outline: #718099;--color-outline-variant: #d5dee9;--color-rule: rgba(24, 56, 97, .14);--color-selection: #1768ad;--color-selection-subtle: rgba(23, 104, 173, .12);--color-on-selection: #ffffff;--color-solar: #a65f0c;--color-solar-subtle: rgba(166, 95, 12, .12);--color-success: #526b2d;--color-warning: #85540d;--color-error: #b3261e;--color-shadow: rgba(35, 52, 78, .12);--color-icon-button: #d7e1ec;--color-field: #d7e1ec;--elevation-panel: 0 12px 30px rgba(35, 52, 78, .07);--elevation-control: 0 8px 24px rgba(35, 52, 78, .12)}@media(min-width:641px){:root{--sky-height: 41vh;--sun-size: 56px;--moon-size: 33px;--clock-font-size: 4.5rem;--clock-top-offset: 60%}}@media(min-width:1025px){:root{--sky-height: 42vh;--sun-size: 64px;--moon-size: 38px;--clock-font-size: 5.5rem;--clock-top-offset: 60%}}@media(prefers-reduced-motion:reduce){:root{--ease-smooth: linear;--ease-fast: linear}*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}@keyframes widget-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;font-family:Inter,SF Pro Display,Segoe UI,system-ui,sans-serif;font-weight:400;font-size:16px;line-height:1.4;color:var(--color-text-primary);background:var(--color-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:.02em;margin:0}p{margin:0}.label-small{font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.value-primary{font-weight:600;color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary);font-size:.9rem}.text-muted{color:var(--color-text-muted)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.waqt-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:0 var(--space-md);border:1px solid transparent;border-radius:var(--radius-panel);font:inherit;font-size:.875rem;font-weight:600;line-height:1;text-align:center;text-decoration:none;transition:background-color .15s var(--ease-fast),border-color .15s var(--ease-fast),color .15s var(--ease-fast)}.waqt-button--primary{border-color:var(--color-action-fill);background:var(--color-action-fill);color:var(--color-action-content)}.waqt-button--primary:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-action-fill) 86%,var(--color-panel));background:color-mix(in srgb,var(--color-action-fill) 86%,var(--color-panel))}.waqt-button--secondary{border-color:var(--color-outline);background:transparent;color:var(--color-text)}.waqt-button--secondary:hover:not(:disabled){background:var(--color-panel-subtle)}.waqt-button--danger{border-color:var(--color-error);background:transparent;color:var(--color-error)}.waqt-button--danger:hover:not(:disabled){background:color-mix(in srgb,var(--color-error) 10%,transparent)}.waqt-button:focus-visible{outline:2px solid var(--color-selection);outline-offset:2px}.waqt-button:disabled,.waqt-button[aria-disabled=true]{cursor:not-allowed;opacity:.38}.waqt-button--full{width:100%}.waqt-icon-button{width:44px;height:44px;display:inline-grid;place-items:center;flex:0 0 auto;padding:0;border:0;border-radius:var(--radius-full);background:radial-gradient(circle,var(--color-icon-button) 0 18px,transparent 18.5px);color:var(--color-text);transition:background-color .15s var(--ease-fast),color .15s var(--ease-fast)}.waqt-icon-button:hover:not(:disabled){background:radial-gradient(circle,color-mix(in srgb,var(--color-icon-button) 82%,var(--color-text)) 0 18px,transparent 18.5px)}.waqt-icon-button>svg{width:20px;height:20px;stroke-width:1.5}.waqt-icon-button:focus-visible{outline:2px solid var(--color-selection);outline-offset:2px}.waqt-icon-button:disabled{cursor:not-allowed;opacity:.38}.waqt-field,.waqt-field-shell{min-height:44px;border:1px solid transparent;border-radius:var(--radius-control);background-color:var(--color-field);color:var(--color-text);font:inherit;box-sizing:border-box;transition:border-color .15s var(--ease-fast)}.waqt-field{width:100%;padding:0 var(--space-md)}.waqt-field::placeholder,.waqt-field-shell input::placeholder{color:var(--color-text-muted)}.waqt-field:focus,.waqt-field-shell:focus-within{border-color:var(--color-selection);outline:none}.waqt-field:disabled,.waqt-field-shell:has(input:disabled){cursor:not-allowed;opacity:.38}.btn-pill{border-radius:var(--radius-pill);background:var(--color-panel-subtle);color:var(--color-text-primary);padding:.5rem 1.2rem;font-weight:500;font-size:.9rem;transition:background .2s var(--ease-fast),transform .2s var(--ease-fast)}.btn-pill:hover{background:var(--color-panel);transform:translateY(-2px)}.btn-pill:active{transform:translateY(0)}.shadow-card{box-shadow:0 12px 30px var(--color-shadow)}.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}.not-found-page{min-height:100vh;display:grid;place-items:center;padding:var(--space-xl);min-height:100dvh;background:var(--color-canvas);color:var(--color-text-primary)}.not-found-page__panel{width:min(100%,420px);display:flex;flex-direction:column;gap:var(--space-md);text-align:center}.not-found-page__panel h1{margin:0;font-size:clamp(1.5rem,5vw,2rem);line-height:1.2}.not-found-page__link{align-self:center;margin-top:var(--space-sm)}.not-found-page__link:focus-visible{outline:2px solid var(--color-selection);outline-offset:4px}