.moon-search-wrap{position:relative;max-width:420px;margin:0 auto;}.moon-search-input{width:100%;box-sizing:border-box;}.moon-search-results{position:absolute;top:100%;left:0;right:0;z-index:800;max-height:220px;overflow-y:auto;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-top:none;border-radius:0 0 12px 12px;box-shadow:var(--glass-shadow);}.moon-search-result{display:block;width:100%;padding:0.55rem 0.85rem;border:none;background:none;color:var(--text-primary);font-size:0.88rem;text-align:left;cursor:pointer;transition:background 0.15s ease;}.moon-search-result:hover,.moon-search-result:focus-visible{background:rgba(78,205,255,0.12);}.moon-search-result small{display:block;color:rgba(205,231,244,0.5);font-size:0.78rem;}.moon-search-spinner{position:absolute;right:34px;top:50%;transform:translateY(-50%);width:18px;height:18px;border:2px solid rgba(255,255,255,0.15);border-top-color:var(--shimmer);border-radius:50%;animation:moon-spin 0.6s linear infinite;}@keyframes moon-spin{to{transform:translateY(-50%) rotate(360deg);}}.moon-data-section{display:grid;gap:0.85rem;margin-top:0.85rem;}.moon-current-card{padding:1.2rem;border-radius:16px;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);}.moon-current-header{display:flex;align-items:center;gap:1rem;}.moon-phase-icon-lg{width:72px;height:72px;flex-shrink:0;}.moon-phase-icon-lg svg{width:100%;height:100%;display:block;}.moon-current-info{flex:1;min-width:0;}.moon-location-name{margin:0 0 0.5rem;font-size:1.15rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.moon-phase-name-lg{margin:0;font-size:1.05rem;color:var(--shimmer);font-weight:600;}.moon-illumination-lg{margin:0.15rem 0 0;font-size:0.85rem;color:rgba(205,231,244,0.6);}.moon-day-rating-badge{flex-shrink:0;display:flex;align-items:center;gap:0.5rem;}.moon-score-number{font-size:2rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;}.moon-score-grade{display:flex;align-items:center;gap:0.3rem;font-size:0.85rem;font-weight:600;}.moon-score-grade svg{width:22px;height:22px;flex-shrink:0;}.moon-arc-wrap{margin-top:1rem;padding-top:0.85rem;border-top:1px solid rgba(255,255,255,0.06);text-align:center;}.moon-arc-svg{max-width:300px;width:100%;height:auto;}.moon-arc-caption{margin:0.3rem 0 0;font-size:0.75rem;color:rgba(205,231,244,0.35);}.moon-times-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;margin-top:1rem;padding-top:0.85rem;border-top:1px solid rgba(255,255,255,0.06);}.moon-times-col{display:grid;gap:0.4rem;}.moon-time-row{display:flex;align-items:center;gap:0.45rem;font-size:0.85rem;}.moon-time-icon{font-size:0.75rem;flex-shrink:0;width:1.1rem;text-align:center;}.moon-time-label{flex:1;color:rgba(205,231,244,0.6);}.moon-time-value{color:var(--text-primary);font-weight:600;font-variant-numeric:tabular-nums;}.moon-solunar-section,.moon-upcoming-section,.moon-calendar-section,.moon-location-section{padding:1rem;border-radius:16px;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);}.moon-location-section{position:relative;z-index:10;}#moon-location-data{display:grid;gap:0.85rem;}.moon-section-title{margin:0 0 0.75rem;font-size:1.05rem;color:var(--text-primary);}.moon-solunar-periods{display:grid;gap:0.55rem;}.moon-solunar-card{display:flex;align-items:center;gap:0.75rem;padding:0.7rem 0.9rem;border-radius:12px;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.03);}.moon-solunar-badge{flex-shrink:0;width:5.2rem;text-align:center;padding:0.3rem 0;border-radius:6px;font-size:0.68rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;}.moon-solunar-badge--major{background:rgba(94,221,255,0.18);color:var(--shimmer);border:1px solid rgba(94,221,255,0.3);}.moon-solunar-badge--minor{background:rgba(255,255,255,0.06);color:rgba(205,231,244,0.7);border:1px solid rgba(255,255,255,0.1);}.moon-solunar-info{flex:1;min-width:0;}.moon-solunar-type{margin:0;font-size:0.88rem;font-weight:600;color:var(--text-primary);}.moon-solunar-time{margin:0.1rem 0 0;font-size:0.82rem;color:rgba(205,231,244,0.6);font-variant-numeric:tabular-nums;}.moon-upcoming-phases{display:grid;grid-template-columns:repeat(4,1fr);gap:0.5rem;}.moon-upcoming-card{display:flex;flex-direction:column;align-items:center;gap:0.35rem;padding:0.75rem 0.4rem;border-radius:12px;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.03);text-align:center;}.moon-upcoming-card.is-next{border-color:rgba(94,221,255,0.3);background:rgba(78,205,255,0.08);}.moon-upcoming-icon{width:36px;height:36px;}.moon-upcoming-icon svg{width:100%;height:100%;display:block;}.moon-upcoming-name{font-size:0.78rem;font-weight:600;color:var(--text-primary);line-height:1.2;}.moon-upcoming-date{font-size:0.75rem;color:rgba(205,231,244,0.5);}.moon-upcoming-days{font-size:0.72rem;color:var(--shimmer);font-weight:600;}.moon-calendar-header{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;margin-bottom:0.75rem;flex-wrap:wrap;}.moon-calendar-nav{display:flex;align-items:center;gap:0.5rem;}.moon-cal-nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid rgba(255,255,255,0.1);border-radius:50%;background:rgba(255,255,255,0.04);color:var(--text-primary);cursor:pointer;transition:background 0.15s ease;}.moon-cal-nav-btn svg{fill:currentColor;}.moon-cal-nav-btn:hover{background:rgba(78,205,255,0.12);}.moon-cal-range{font-size:0.85rem;color:rgba(205,231,244,0.7);font-variant-numeric:tabular-nums;}.moon-calendar-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:0.45rem;}.moon-day-card{display:flex;flex-direction:column;align-items:center;gap:0.35rem;padding:0.65rem 0.35rem;border-radius:12px;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.03);cursor:pointer;transition:background 0.15s ease,border-color 0.15s ease;text-align:center;}.moon-day-card:hover{background:rgba(255,255,255,0.06);}.moon-day-card.active{border-color:rgba(94,221,255,0.4);background:rgba(78,205,255,0.1);}.moon-day-name{font-size:0.72rem;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;color:rgba(205,231,244,0.55);}.moon-day-date{font-size:0.82rem;font-weight:700;color:var(--text-primary);}.moon-day-icon{width:28px;height:28px;}.moon-day-icon svg{width:100%;height:100%;display:block;}.moon-day-phase{font-size:0.68rem;color:rgba(205,231,244,0.5);line-height:1.2;min-height:2.4em;}.moon-day-score{font-size:0.85rem;font-weight:700;font-variant-numeric:tabular-nums;}@media (max-width:640px){.moon-current-header{flex-wrap:wrap;}.moon-times-grid{grid-template-columns:1fr;}.moon-upcoming-phases{grid-template-columns:repeat(2,1fr);}.moon-calendar-strip{grid-template-columns:repeat(7,1fr);gap:0.3rem;}.moon-day-card{padding:0.5rem 0.2rem;}.moon-day-phase{display:none;}.moon-day-icon{width:22px;height:22px;}.moon-search-wrap{max-width:100%;}.moon-solunar-card{padding:0.55rem 0.7rem;}}@media (max-width:380px){.moon-calendar-strip{grid-template-columns:repeat(4,1fr);}}