*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep:#0a1018;--bg-base:#101828;--bg-elevated:#1a2540;--bg-card:#162034f0;--bg-glass:#ffffff14;--border-subtle:#ffffff21;--border-card:#ffffff29;--border-accent:#7eb8f761;--text-primary:#fff;--text-secondary:#d4e4f8;--text-muted:#a8c0e0;--text-label:#b8cce8;--accent:#7eb0f8;--accent-soft:#a8d0ff;--accent-glow:#7eb0f847;--gradient-atmo:linear-gradient(165deg, #1e305073 0%, #10182833 50%, #14244059 100%);--success:#4ade80;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--safe-bottom:env(safe-area-inset-bottom,0px);--tab-height:72px;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,system-ui,sans-serif}html,body,#root{background:var(--bg-deep);height:100%;color:var(--text-primary);overflow:hidden}body{line-height:1.5}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}input{font:inherit;color:inherit;background:0 0;border:none}a{color:var(--accent-soft);text-decoration:none}.app{background:var(--bg-base);background-image:var(--gradient-atmo);flex-direction:column;max-width:480px;height:100%;margin:0 auto;display:flex;position:relative;overflow:hidden}.app-glow{background:radial-gradient(circle, var(--accent-glow) 0%, #7eb0f814 45%, transparent 70%);pointer-events:none;z-index:0;width:360px;height:360px;position:absolute;top:-120px;left:50%;transform:translate(-50%)}.app-main{-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--tab-height) + var(--safe-bottom) + 12px);z-index:1;flex:1;position:relative;overflow:hidden auto}.screen{min-height:100%;padding:20px 20px 8px}.screen-header{margin-bottom:24px}.screen-header.compact{margin-bottom:16px}.brand-mark{align-items:center;gap:14px;display:flex}.brand-icon{color:var(--accent);font-size:28px;line-height:1}.brand-title{letter-spacing:-.02em;color:#fff;font-size:22px;font-weight:700}.brand-tagline{color:var(--text-secondary);margin-top:2px;font-size:13px;font-weight:500}.screen-title{letter-spacing:-.03em;color:#fff;font-size:28px;font-weight:700}.screen-subtitle{color:var(--text-secondary);margin-top:6px;font-size:14px;font-weight:500;line-height:1.5}.section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-label);margin-bottom:14px;font-size:12px;font-weight:700}.location-search{margin-bottom:24px;position:relative}.search-input-wrap{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);align-items:center;gap:10px;padding:0 16px;transition:border-color .2s;display:flex}.search-input-wrap:focus-within{border-color:var(--border-accent)}.search-icon{width:18px;height:18px;color:var(--text-label);flex-shrink:0}.search-input{color:var(--text-primary);outline:none;flex:1;padding:14px 0;font-size:15px;font-weight:500}.search-input::placeholder{color:var(--text-muted)}.search-spinner{border:2px solid var(--border-subtle);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spin}.locate-btn{width:32px;height:32px;color:var(--text-label);border:1px solid var(--border-subtle);background:var(--bg-glass);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,background .15s,border-color .15s;display:flex}.locate-btn svg{width:18px;height:18px}.locate-btn:hover{color:var(--accent-soft);background:var(--bg-glass)}.locate-btn.locating svg{animation:1s linear infinite spin}.search-results{background:var(--bg-elevated);border:1px solid var(--border-card);border-radius:var(--radius-md);z-index:50;max-height:280px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 16px 48px #0000008c}.search-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-label);padding:8px 16px 4px;font-size:11px;font-weight:700}.search-empty{color:var(--text-secondary);text-align:center;padding:16px;font-size:13px}.search-results li button{text-align:left;flex-direction:row;align-items:center;gap:10px;width:100%;padding:12px 16px;transition:background .15s;display:flex}.search-results li button:hover,.search-results li button.active{background:var(--bg-glass)}.result-text{flex-direction:column;flex:1;min-width:0;display:flex}.result-star{color:var(--accent-soft);flex-shrink:0;font-size:14px}.result-remove{width:24px;height:24px;color:var(--text-muted);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;line-height:1;transition:color .15s,background .15s;display:flex}.result-remove:hover{color:#f87171;background:#f871711a}.search-highlight{color:var(--accent-soft);background:#5b8def40;border-radius:2px;padding:0 1px}.result-name{color:var(--text-primary);font-size:15px;font-weight:600}.result-meta{color:var(--text-secondary);margin-top:2px;font-size:12px;font-weight:500}.hero-live-view{width:calc(100% + 40px);margin:0 -20px 24px}.hero-media-card{aspect-ratio:16/9;background:#142038;width:100%;position:relative;overflow:hidden}.hero-media-inner{position:absolute;inset:0}.hero-media{object-fit:cover;pointer-events:none;border:0;width:100%;height:100%;position:absolute;inset:0}.hero-media-vignette{pointer-events:none;background:radial-gradient(#0000 40%,#060a128c 100%);position:absolute;inset:0}.hero-media-gradient{pointer-events:none;background:linear-gradient(#060a1259 0%,#0000 35% 55%,#060a12bf 100%);position:absolute;inset:0}.hero-location-overlay{z-index:2;flex-direction:column;gap:3px;padding:16px 18px;display:flex;position:absolute;top:0;left:0;right:0}.hero-overlay-top{align-items:center;gap:8px;display:flex}.hero-media-badge{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:10px;font-weight:500}.hero-fallback-btn{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-subtle);color:var(--text-secondary);background:#0a0e178c;border-radius:6px;padding:5px 10px;font-size:11px;font-weight:500;transition:color .15s,border-color .15s;position:absolute;top:12px;right:12px}.hero-fallback-btn:hover{color:var(--text-primary);border-color:var(--border-accent)}.hero-type-badge{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-subtle);background:#0a0e1773;border-radius:6px;align-self:flex-start;padding:3px 8px;font-size:10px;font-weight:600}.hero-location-name{letter-spacing:-.03em;color:#fff;text-shadow:0 1px 12px #00000080;font-size:22px;font-weight:700;line-height:1.15}.hero-location-region{color:var(--text-secondary);text-shadow:0 1px 8px #0006;font-size:13px;font-weight:500}.hero-live-indicator{color:var(--text-secondary);letter-spacing:.04em;align-items:center;gap:6px;margin-top:4px;font-size:11px;font-weight:500;display:inline-flex}.hero-live-dot{opacity:.85;background:#f87171;border-radius:50%;width:6px;height:6px}.hero-weather-glass{z-index:2;-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-card);border-radius:var(--radius-sm);background:#0a0e17b8;padding:12px 14px;position:absolute;bottom:12px;left:12px;right:12px}.hero-weather-loading{color:var(--text-secondary);font-size:13px}.hero-weather-primary{align-items:center;gap:10px;display:flex}.hero-weather-temp{letter-spacing:-.02em;color:#fff;font-size:20px;font-weight:700}.hero-weather-condition{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.hero-weather-secondary{color:var(--text-label);align-items:center;gap:8px;margin-top:6px;font-size:12px;font-weight:500;display:flex}.hero-weather-divider{opacity:.5}.quick-destinations{margin-bottom:28px}.quick-categories{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;margin-bottom:14px;display:flex;overflow-x:auto}.quick-categories::-webkit-scrollbar{display:none}.quick-category{color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-card);border-radius:20px;flex-shrink:0;padding:8px 16px;font-size:13px;font-weight:600;transition:color .2s,border-color .2s,background .2s}.quick-category.active{color:#fff;border-color:var(--border-accent);background:#6b9af029}.quick-locations{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.quick-location-pill{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-sm);text-align:left;flex-direction:column;align-items:flex-start;padding:12px 14px;transition:border-color .2s;display:flex}.quick-location-pill:hover,.quick-location-pill:active{border-color:var(--border-accent)}.quick-location-name{color:var(--text-primary);font-size:14px;font-weight:700}.quick-location-country{color:var(--text-secondary);margin-top:2px;font-size:12px;font-weight:500}.best-conditions{margin-bottom:28px}.best-conditions-desc{color:var(--text-secondary);margin:-6px 0 16px;font-size:13px;font-weight:500}.best-conditions-loading{color:var(--text-secondary);align-items:center;gap:10px;padding:16px 0;font-size:13px;display:flex}.best-conditions-empty{color:var(--text-muted);font-size:13px}.best-conditions-list{flex-direction:column;gap:8px;display:flex}.best-condition-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);text-align:left;align-items:center;gap:12px;padding:14px 16px;transition:border-color .2s;display:flex}.best-condition-card:hover,.best-condition-card:active{border-color:var(--border-accent)}.best-condition-rank{color:var(--text-label);flex-shrink:0;width:28px;font-size:13px;font-weight:700}.best-condition-info{flex-direction:column;flex:1;min-width:0;display:flex}.best-condition-name{color:var(--text-primary);font-size:15px;font-weight:700}.best-condition-meta{color:var(--text-secondary);margin-top:2px;font-size:12px;font-weight:500}.best-condition-score{flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.best-condition-value{letter-spacing:-.02em;font-size:22px;font-weight:700;line-height:1}.best-condition-label{text-transform:uppercase;letter-spacing:.05em;opacity:.85;margin-top:2px;font-size:10px;font-weight:600}.mountain-metric-rows{margin-bottom:16px}.mountain-condition-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);align-items:center;gap:16px;margin-bottom:24px;padding:18px;display:flex}.mountain-condition-text{color:var(--text-primary);font-size:16px;font-weight:600;display:block}.mountain-condition-sub{color:var(--text-label);margin-top:2px;font-size:12px;font-weight:500;display:block}.mountain-webcam-frame{aspect-ratio:16/9;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--bg-deep);position:relative;overflow:hidden}.mountain-webcam-frame iframe,.mountain-webcam-frame video{object-fit:cover;border:0;width:100%;height:100%}.mountain-webcam-overlay{pointer-events:none;background:linear-gradient(#0000 60%,#060a1280 100%);position:absolute;inset:0}.mountain-webcam-live{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-subtle);background:#0a0e1799;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex;position:absolute;top:12px;left:12px}.current-weather{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);margin-bottom:28px;padding:24px;box-shadow:0 8px 32px #0003}.current-location-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.current-section-title{letter-spacing:-.02em;color:#fff;font-size:17px;font-weight:700}.current-location h2{letter-spacing:-.02em;font-size:20px;font-weight:600}.current-location span{color:var(--text-secondary);font-size:13px}.favorite-btn{width:36px;height:36px;color:var(--text-label);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:color .2s,background .2s,border-color .2s;display:flex}.favorite-btn svg{width:18px;height:18px}.favorite-btn.active{color:var(--accent-soft);background:#5b8def1f}.observer-score{border-radius:var(--radius-md);border:1px solid var(--border-card);background:#ffffff0a;align-items:center;gap:18px;margin:18px 0 4px;padding:16px;display:flex}.observer-score-ring{flex-shrink:0;width:72px;height:72px;position:relative}.observer-score-ring svg{width:100%;height:100%}.observer-score-value{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.score-number{letter-spacing:-.03em;font-size:22px;font-weight:700}.observer-score-info{flex-direction:column;gap:2px;min-width:0;display:flex}.score-label{font-size:15px;font-weight:700}.score-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-label);font-size:11px;font-weight:700}.score-summary{color:var(--text-secondary);margin-top:4px;font-size:13px;font-weight:500;line-height:1.45}.current-main{align-items:center;gap:16px;margin:20px 0 8px;display:flex}.weather-icon{flex-shrink:0}.weather-icon--lg{filter:drop-shadow(0 4px 12px #5b8def26)}.current-temp{align-items:flex-start;display:flex}.temp-value{letter-spacing:-.04em;color:#fff;font-size:64px;font-weight:300;line-height:1}.temp-unit{color:var(--text-secondary);margin-top:10px;margin-left:2px;font-size:20px;font-weight:500}.current-condition{color:var(--text-secondary);margin-bottom:20px;font-size:16px;font-weight:500}.metric-rows{border:1px solid var(--border-card);border-radius:var(--radius-sm);background:#ffffff08;flex-direction:column;display:flex;overflow:hidden}.metric-row{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:14px;padding:13px 16px;display:flex}.metric-row:first-child{border-top:none}.metric-row-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-label);font-size:12px;font-weight:700}.metric-row-value{color:#fff;text-align:right;font-size:15px;font-weight:700;line-height:1.3}.forecast-list{flex-direction:column;gap:2px;display:flex}.forecast-row{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);grid-template-columns:52px 36px 40px 1fr;align-items:center;gap:8px;padding:12px 14px;display:grid}.forecast-day{color:var(--text-primary);font-size:14px;font-weight:600}.forecast-icon{justify-content:center;align-items:center;display:flex}.forecast-rain{color:var(--accent-soft);text-align:center;font-size:13px;font-weight:600}.forecast-temps{justify-content:flex-end;gap:10px;font-size:14px;display:flex}.temp-high{color:var(--text-primary);font-weight:700}.temp-low{color:var(--text-label);font-weight:500}.map-container{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);height:280px;margin-bottom:16px;position:relative;overflow:hidden}.map-iframe{filter:saturate(.7)brightness(.85)contrast(1.1);border:0;width:100%;height:100%}.map-overlay-gradient{pointer-events:none;background:linear-gradient(#0000 60%,#0a0e1799 100%);position:absolute;inset:0}.map-info-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);padding:18px}.map-info-row{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.map-info-row+.map-info-row{border-top:1px solid var(--border-subtle)}.map-info-label{color:var(--text-label);font-size:13px;font-weight:600}.map-info-value{color:var(--text-primary);font-size:13px;font-weight:700}.map-external-link{color:var(--accent-soft);align-items:center;gap:6px;margin-top:14px;font-size:13px;font-weight:600;display:inline-flex}.rewards-summary{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);align-items:center;gap:20px;margin-bottom:28px;padding:20px;display:flex}.rewards-progress-ring{flex-shrink:0;width:80px;height:80px;position:relative}.rewards-progress-ring svg{width:100%;height:100%}.rewards-progress-text{justify-content:center;align-items:center;gap:1px;display:flex;position:absolute;inset:0}.rewards-count{color:#fff;font-size:22px;font-weight:700}.rewards-total{color:var(--text-label);font-size:13px;font-weight:500}.rewards-summary-text h2{color:#fff;margin-bottom:4px;font-size:16px;font-weight:700}.rewards-summary-text p{color:var(--text-secondary);font-size:13px;font-weight:500;line-height:1.5}.reward-category{margin-bottom:28px}.category-title{letter-spacing:-.02em;color:#fff;margin-bottom:14px;font-size:17px;font-weight:700}.reward-cards{flex-direction:column;gap:10px;display:flex}.reward-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);padding:18px;transition:border-color .2s}.reward-card.unlocked{border-color:#4ade8059}.reward-card.locked{opacity:.95}.reward-card-header{gap:14px;margin-bottom:14px;display:flex}.reward-status{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.reward-card.unlocked .reward-status{color:var(--success);background:#4ade801f}.reward-card.locked .reward-status{background:var(--bg-glass);color:var(--text-label)}.reward-title{color:var(--text-primary);font-size:15px;font-weight:700}.reward-description{color:var(--text-secondary);margin-top:2px;font-size:13px;font-weight:500;line-height:1.4}.reward-perk{border-radius:var(--radius-sm);background:#4ade800f;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.perk-label{text-transform:uppercase;letter-spacing:.07em;color:var(--success);font-size:11px;font-weight:700}.perk-value{color:var(--text-primary);font-size:13px;font-weight:600}.reward-progress{flex-direction:column;gap:8px;display:flex}.progress-bar{background:var(--bg-glass);border-radius:2px;height:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-soft));border-radius:2px;height:100%;transition:width .4s}.progress-text{color:var(--text-label);font-size:12px;font-weight:500}.profile-avatar{background:linear-gradient(135deg, var(--accent-glow), #7eb8f71a);border:1px solid var(--border-accent);width:64px;height:64px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin-bottom:14px;font-size:28px;display:flex}.profile-location{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);flex-direction:column;gap:4px;margin-bottom:24px;padding:14px 18px;display:flex}.profile-location-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-label);font-size:11px;font-weight:700}.profile-location-value{color:var(--text-primary);font-size:15px;font-weight:600}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);flex-direction:column;gap:4px;padding:18px;display:flex}.stat-value{letter-spacing:-.02em;color:#fff;font-size:24px;font-weight:700}.stat-label{color:var(--text-secondary);font-size:12px;font-weight:600}.profile-stats,.profile-about,.profile-settings{margin-bottom:28px}.profile-about p{color:var(--text-secondary);font-size:14px;font-weight:500;line-height:1.6}.settings-list{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);overflow:hidden}.settings-item{color:var(--text-primary);justify-content:space-between;align-items:center;padding:14px 18px;font-size:14px;font-weight:600;display:flex}.settings-item+.settings-item{border-top:1px solid var(--border-subtle)}.settings-value{color:var(--text-secondary);font-size:13px;font-weight:500}.profile-version{text-align:center;color:var(--text-label);padding-bottom:8px;font-size:12px;font-weight:500}.loading-state,.empty-state{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.empty-icon{color:var(--accent);opacity:.6;margin-bottom:16px;font-size:48px}.empty-state h2{color:#fff;margin-bottom:8px;font-size:18px;font-weight:700}.empty-state p{color:var(--text-secondary);font-size:14px;font-weight:500}.pulse-ring{border:2px solid var(--border-accent);border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1.5s ease-in-out infinite pulse}.error-banner{border-radius:var(--radius-sm);color:#fca5a5;background:#ef44441a;border:1px solid #ef444433;margin-bottom:16px;padding:12px 16px;font-size:14px}.tab-bar{width:100%;max-width:480px;height:calc(var(--tab-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);border-top:1px solid var(--border-card);-webkit-backdrop-filter:blur(20px);z-index:100;scrollbar-width:none;background:#080c16f5;display:flex;position:fixed;bottom:0;left:50%;overflow-x:auto;transform:translate(-50%)}.tab-bar::-webkit-scrollbar{display:none}.tab-item{min-width:64px;color:var(--text-label);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:8px 4px;transition:color .2s;display:flex}.tab-item.active{color:#fff}.tab-item.active .tab-icon svg{stroke:var(--accent-soft)}.tab-icon svg{stroke:currentColor;width:22px;height:22px}.tab-label{letter-spacing:.02em;font-size:10px;font-weight:600}.install-section{border:1px solid var(--border-card);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(16px);background:#0e1422f5;width:100%;margin-bottom:24px;padding:10px 12px;position:relative;box-shadow:0 4px 20px #00000040}.install-section--inline{margin-top:4px}.install-section-compact{align-items:center;gap:10px;margin-bottom:8px;padding-right:24px;display:flex}.install-section-close{width:24px;height:24px;color:var(--text-label);border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:color .15s,background .15s;display:flex;position:absolute;top:6px;right:8px}.install-section-close:hover{color:var(--text-primary);background:var(--bg-glass)}.install-section-header{gap:14px;margin-bottom:12px;display:flex}.install-app-icon{background:linear-gradient(135deg, var(--accent-glow), #7eb8f71f);border:1px solid var(--border-accent);width:56px;height:56px;color:var(--accent);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:26px;display:flex}.install-app-icon--compact{border-radius:10px;width:36px;height:36px;font-size:18px}.install-app-name{letter-spacing:-.02em;color:#fff;font-size:17px;font-weight:700}.install-section--inline .install-app-name{font-size:14px;line-height:1.2}.install-app-tagline{color:var(--text-secondary);font-size:13px;font-weight:500}.install-section--inline .install-app-tagline{font-size:11px;line-height:1.2}.install-app-rating{align-items:center;gap:8px;margin-top:4px;display:flex}.install-stars{color:var(--accent-soft);letter-spacing:1px;font-size:11px}.install-rating-text{color:var(--text-label);font-size:11px;font-weight:500}.install-app-desc{color:var(--text-secondary);margin-bottom:14px;font-size:13px;font-weight:500;line-height:1.5}.install-store-actions{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.install-store-actions--compact{gap:6px}.install-store-btn{background:var(--bg-card);border:1px solid var(--border-card);color:var(--text-primary);border-radius:10px;flex-direction:column;align-items:center;padding:10px 8px;transition:border-color .15s;display:flex}.install-store-btn:disabled{opacity:.78}.install-store-btn:disabled .install-store-btn-label{color:var(--text-secondary)}.install-store-btn:disabled .install-store-btn-sub{color:var(--text-label)}.install-store-btn--primary{background:var(--accent);color:#fff;border-color:#7eb0f8}.install-store-btn--primary .install-store-btn-sub{color:#ffffffd1}.install-store-actions--compact .install-store-btn{border-radius:8px;padding:6px 4px}.install-store-btn-label{font-size:12px;font-weight:700}.install-store-actions--compact .install-store-btn-label{font-size:10px}.install-store-btn-sub{color:var(--text-label);margin-top:2px;font-size:10px;font-weight:500}.install-store-actions--compact .install-store-btn-sub{margin-top:1px;font-size:9px}.btn-primary{background:var(--accent);color:#fff;border:1px solid #7eb0f8;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:700;transition:opacity .15s}.btn-primary:active{opacity:.85}.btn-ghost{color:var(--text-secondary);padding:8px 14px;font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.08)}}.observer-score-section{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);margin-bottom:20px;padding:18px 20px 20px;box-shadow:0 6px 28px #0000002e,inset 0 1px #ffffff0a}.observer-score-section .observer-score{background:#7eb0f80f;border-color:#7eb0f82e;margin-top:12px;margin-bottom:12px}.current-main--compact{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.current-condition--inline{color:var(--text-secondary);margin:0;font-size:14px;font-weight:500}.weather-lazy-fallback{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);color:var(--text-secondary);align-items:center;gap:10px;margin-bottom:20px;padding:20px;font-size:13px;display:flex}.hero-weather-fx{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-fx-ray{transform-origin:top;opacity:.5;background:linear-gradient(#0000,#ffdc8c40,#0000);width:2px;height:140%;animation:12s ease-in-out infinite heroRayDrift;position:absolute;top:-20%;left:60%}.hero-fx-ray--1{animation-delay:0s;transform:rotate(-18deg)}.hero-fx-ray--2{opacity:.35;animation-delay:-4s;left:72%;transform:rotate(-8deg)}.hero-fx-ray--3{opacity:.3;animation-delay:-8s;left:48%;transform:rotate(6deg)}.hero-fx-cloud{filter:blur(8px);background:#ffffff1f;border-radius:50%;animation:28s linear infinite heroCloudDrift;position:absolute}.hero-fx-cloud--1{width:80px;height:32px;animation-duration:32s;top:18%;left:-20%}.hero-fx-cloud--2{opacity:.7;width:120px;height:40px;animation-duration:38s;animation-delay:-10s;top:35%;left:-30%}.hero-fx-cloud--3{opacity:.5;width:60px;height:24px;animation-duration:26s;animation-delay:-18s;top:52%;left:-15%}.hero-fx-drop{top:-10%;left:calc(var(--i) * 5.5%);width:1px;height:14px;animation:1.1s linear infinite heroRainFall;animation-delay:calc(var(--i) * -.08s);opacity:.55;background:linear-gradient(#0000,#a8d0ffb3);position:absolute}.hero-fx-flake{top:-5%;left:calc(var(--i) * 7%);width:4px;height:4px;animation:3.5s linear infinite heroSnowFall;animation-delay:calc(var(--i) * -.25s);background:#ffffffbf;border-radius:50%;position:absolute}.hero-fx-streak{top:calc(15% + var(--i) * 9%);width:40px;height:1px;animation:2.2s linear infinite heroWindStreak;animation-delay:calc(var(--i) * -.3s);background:linear-gradient(90deg,#0000,#c8dcff80,#0000);position:absolute;left:-15%}@keyframes heroRayDrift{0%,to{opacity:.25;transform:rotate(-18deg)scaleY(.95)}50%{opacity:.55;transform:rotate(-14deg)scaleY(1.05)}}@keyframes heroCloudDrift{0%{transform:translate(0)}to{transform:translate(calc(100vw + 80px))}}@keyframes heroRainFall{0%{opacity:0;transform:translateY(-10px)}15%{opacity:.6}to{opacity:0;transform:translateY(120px)}}@keyframes heroSnowFall{0%{opacity:0;transform:translateY(-10px)}20%{opacity:.8}to{opacity:0;transform:translate(12px,100px)}}@keyframes heroWindStreak{0%{opacity:0;transform:translate(0)}20%{opacity:.7}to{opacity:0;transform:translate(calc(100vw + 40px))}}@media (prefers-reduced-motion:reduce){.hero-weather-fx *,.weather-player-stage *,.wp-cloud,.wp-drop,.wp-arrow{animation:none!important}}.weather-player{margin-bottom:20px}.weather-player-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.weather-player-sub,.weather-charts-sub,.weather-tools-sub{color:var(--text-label);margin-top:2px;font-size:12px;font-weight:500}.weather-player-play{border:1px solid var(--border-accent);width:40px;height:40px;color:var(--accent-soft);background:#7eb0f826;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;transition:background .15s,transform .15s;display:flex}.weather-player-play.active{background:var(--accent);color:#fff}.weather-player-stage{border-radius:var(--radius-md);border:1px solid var(--border-card);background:linear-gradient(180deg, color-mix(in srgb, var(--temp-color) 35%, #142038) 0%, #101828 100%);height:160px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.weather-player-sky{background:radial-gradient(at 30% 20%,#7eb0f833,#0000 60%);position:absolute;inset:0}.weather-player-clouds{opacity:var(--cloud-opacity);position:absolute;inset:0}.wp-cloud{filter:blur(6px);background:#ffffff2e;border-radius:50%;animation:18s linear infinite wpCloudMove;position:absolute}.wp-cloud--1{width:70px;height:28px;top:20%;left:-15%}.wp-cloud--2{width:90px;height:34px;animation-duration:22s;animation-delay:-6s;top:45%;left:-25%}.wp-cloud--3{width:50px;height:20px;animation-duration:16s;animation-delay:-11s;top:65%;left:-10%}.weather-player-rain{opacity:var(--rain-intensity);position:absolute;inset:0}.wp-drop{top:-8px;left:calc(var(--i) * 4.2%);width:1px;height:12px;animation:.9s linear infinite wpRain;animation-delay:calc(var(--i) * -.06s);background:linear-gradient(#0000,#a8d0ffd9);position:absolute}.weather-player-wind{transform:rotate(var(--wind-angle));position:absolute;inset:0}.wp-arrow{top:calc(20% + var(--i) * 12%);color:#c8dcff8c;animation:1.8s linear infinite wpWind;animation-delay:calc(var(--i) * -.25s);font-size:14px;position:absolute;left:-10%}.weather-player-temp-gradient{background:linear-gradient(0deg, color-mix(in srgb, var(--temp-color) 25%, transparent), transparent);pointer-events:none;height:40%;position:absolute;bottom:0;left:0;right:0}.weather-player-readout{z-index:2;position:absolute;bottom:10px;left:12px}.wp-readout-temp{letter-spacing:-.03em;color:#fff;text-shadow:0 1px 8px #0006;font-size:28px;font-weight:700;display:block}.wp-readout-meta{color:var(--text-secondary);font-size:11px;font-weight:500}.weather-player-timeline{grid-template-columns:repeat(5,1fr);gap:6px;margin-top:10px;display:grid}.weather-player-marker{background:var(--bg-glass);border:1px solid var(--border-subtle);text-align:center;border-radius:8px;padding:8px 4px;transition:border-color .15s,background .15s}.weather-player-marker.active{border-color:var(--border-accent);background:#7eb0f81f}.wp-marker-label{color:var(--text-primary);font-size:11px;font-weight:700;display:block}.wp-marker-time{color:var(--text-label);margin-top:2px;font-size:9px;font-weight:500;display:block}.weather-player-layers{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.wp-layer-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--text-label);border:1px solid var(--border-subtle);background:#ffffff0a;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:600}@keyframes wpCloudMove{0%{transform:translate(0)}to{transform:translate(calc(100% + 120px))}}@keyframes wpRain{0%{opacity:0;transform:translateY(-8px)}20%{opacity:.8}to{opacity:0;transform:translateY(100px)}}@keyframes wpWind{0%{opacity:0;transform:translate(0)}25%{opacity:.8}to{opacity:0;transform:translate(calc(100% + 40px))}}.weather-charts{margin-bottom:24px}.weather-chart-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);margin-bottom:10px;padding:14px 14px 10px;box-shadow:inset 0 1px #ffffff08}.weather-chart-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.weather-chart-label{color:var(--text-secondary);font-size:12px;font-weight:600}.weather-chart-range{color:var(--text-label);font-size:11px;font-weight:500}.weather-chart-svg{width:100%;height:auto;display:block}.weather-chart-svg--compact{max-height:48px}.weather-chart-bars{align-items:flex-end;gap:2px;height:56px;display:flex}.weather-bar{background:linear-gradient(180deg, var(--accent-soft), #7eb0f859);border-radius:2px 2px 0 0;flex:1;min-height:2px;transition:height .3s}.weather-bar--wind{background:linear-gradient(#a8d0ff,#7eb0f84d)}.weather-chart-times{color:var(--text-label);justify-content:space-between;padding:0 4px;font-size:10px;font-weight:500;display:flex}.weather-tools{margin-bottom:24px}.weather-tools-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.weather-tool-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);gap:10px;padding:12px;display:flex;box-shadow:0 2px 12px #0000001f}.weather-tool-icon{flex-shrink:0;font-size:20px;line-height:1}.weather-tool-body{flex-direction:column;gap:2px;min-width:0;display:flex}.weather-tool-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-label);font-size:10px;font-weight:600}.weather-tool-value{color:#fff;letter-spacing:-.02em;font-size:15px;font-weight:700}.weather-tool-hint{color:var(--text-secondary);font-size:11px;font-weight:500;line-height:1.3}@media (width>=481px){.app{border-left:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle)}}