:root{--bg-primary: #0b0b1a;--bg-secondary: #111128;--bg-card: rgba(255, 255, 255, .04);--text-primary: #e8e8f0;--text-secondary: #8888aa;--text-accent: #5b9cf5;--accent-blue: #2872fa;--accent-teal: #4dd4c0;--moon-light: #f0ead6;--moon-dark: #1a1a2e;--moon-glow: rgba(240, 234, 214, .12);--card-bg: rgba(255, 255, 255, .04);--card-border: rgba(255, 255, 255, .08);--card-blur: 20px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--font-body: "Inter", system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;background:radial-gradient(ellipse at 50% 0%,#151535 0%,var(--bg-primary) 70%)}#app{max-width:640px;margin:0 auto;padding:24px 20px 48px;opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .6s ease}#app.app--loaded,#app:has(.loading-state){opacity:1;transform:translateY(0)}.header{text-align:center;margin-bottom:40px}.header__title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:6px}.header__location{font-size:.8rem;color:var(--text-secondary)}.hero{display:flex;flex-direction:column;align-items:center;margin-bottom:48px}.hero__moon{margin-bottom:24px}.hero__phase-name{font-size:1.5rem;font-weight:600;margin-bottom:4px}.hero__illumination{font-size:.95rem;color:var(--text-secondary)}.moon-visual{position:relative;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 40px var(--moon-glow)) drop-shadow(0 0 80px rgba(240,234,214,.04))}.moon-visual svg{display:block}.phase-timeline{display:flex;justify-content:center;gap:32px;margin-bottom:40px}.phase-timeline__item{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.5;transition:opacity .3s ease}.phase-timeline__item--active{opacity:1}.phase-timeline__item--active .moon-visual{filter:drop-shadow(0 0 12px var(--moon-glow))}.phase-timeline__label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.phase-timeline__phase-name{font-size:.75rem;color:var(--text-primary)}.cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:48px}.info-card{background:var(--card-bg);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));border:1px solid var(--card-border);border-radius:var(--radius-md);padding:20px;transition:border-color .3s ease}.info-card:hover{border-color:#ffffff24}.info-card__header{display:flex;align-items:center;gap:6px;margin-bottom:12px}.info-card__icon{font-size:1rem}.info-card__title{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.info-card__content{font-size:.95rem;color:var(--text-accent);font-weight:500;line-height:1.5}.footer{text-align:center;font-size:.7rem;color:var(--text-secondary);opacity:.6}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:24px}.loading-state__moon{width:120px;height:120px;border-radius:50%;background:var(--moon-dark);position:relative;display:flex;align-items:center;justify-content:center}.loading-state__pulse{width:100%;height:100%;border-radius:50%;background:var(--moon-glow);animation:pulse 2s ease-in-out infinite}.loading-state__text{font-size:.9rem;color:var(--text-secondary);animation:fade-text 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.15);opacity:.6}}@keyframes fade-text{0%,to{opacity:.5}50%{opacity:1}}@media(max-width:480px){.cards-grid{grid-template-columns:1fr}.phase-timeline{gap:20px}.hero__phase-name{font-size:1.25rem}}@media(min-width:768px){#app{padding:48px 24px 64px}.header{margin-bottom:56px}.header__title{font-size:1.75rem}.hero{margin-bottom:64px}.hero__phase-name{font-size:1.75rem}.cards-grid{gap:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}