.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:#0b1422eb;border:1px solid var(--color-widget-border);border-radius:var(--radius-lg);box-shadow:0 16px 32px var(--color-shadow);backdrop-filter:blur(12px);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{padding:.45rem .95rem;border-radius:var(--radius-pill);background:#ffffff14;color:var(--color-text-primary);font-weight:500;font-size:.85rem;transition:transform .2s var(--ease-fast),background .2s var(--ease-fast)}.pwa-install-banner__button:hover{background:#ffffff24;transform:translateY(-1px)}.pwa-install-banner__button--primary{background:#6ef5ff33;color:var(--color-text-primary)}.pwa-install-banner__button--primary:hover{background:#6ef5ff4d}@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:#091220eb;border:1px solid var(--color-widget-border);border-radius:var(--radius-lg);box-shadow:0 16px 32px var(--color-shadow);backdrop-filter:blur(12px);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{padding:.45rem .95rem;border-radius:var(--radius-pill);background:#ffffff14;color:var(--color-text-primary);font-weight:500;font-size:.85rem;transition:transform .2s var(--ease-fast),background .2s var(--ease-fast)}.pwa-update-banner__button:hover{background:#ffffff24;transform:translateY(-1px)}.pwa-update-banner__button--primary{background:#6ef5ff33;color:var(--color-text-primary)}.pwa-update-banner__button--primary:hover{background:#6ef5ff4d}@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-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: rgba(9, 18, 32, .85);--color-widget-border: rgba(255, 255, 255, .1);--color-accent-primary: #6ef5ff;--color-accent-secondary: #ff6abf;--color-text-primary: #f3f4f6;--color-text-secondary: rgba(243, 244, 246, .7);--color-text-muted: rgba(243, 244, 246, .4);--color-shadow: rgba(0, 0, 0, .45);--state-success: #6ef5ff;--state-alert: #ff8c42;--state-muted: rgba(243, 244, 246, .35);--gradient-start: #000000;--gradient-end: #000000;--sun-x: 0px;--sun-y: 0px;--moon-x: 0px;--moon-y: 0px;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--radius-lg: 24px;--radius-pill: 999px;--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%}@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(--gradient-end);-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}.btn-pill{border-radius:var(--radius-pill);background:#ffffff14;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:#ffffff1f;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}