*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep:#060a12;--bg-base:#0a0e17;--bg-elevated:#111827;--bg-card:#111827b8;--bg-glass:#ffffff0a;--border-subtle:#ffffff0f;--border-accent:#5b8def40;--text-primary:#f0f4fc;--text-secondary:#f0f4fc8c;--text-muted:#f0f4fc59;--accent:#5b8def;--accent-soft:#7eb8f7;--accent-glow:#5b8def2e;--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);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%, transparent 70%);pointer-events:none;z-index:0;width:320px;height:320px;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;font-size:22px;font-weight:600}.brand-tagline{color:var(--text-secondary);margin-top:2px;font-size:13px}.screen-title{letter-spacing:-.03em;font-size:28px;font-weight:600}.screen-subtitle{color:var(--text-secondary);margin-top:6px;font-size:14px;line-height:1.5}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:14px;font-size:13px;font-weight:600}.location-search{margin-bottom:24px;position:relative}.search-input-wrap{background:var(--bg-glass);border:1px solid var(--border-subtle);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-muted);flex-shrink:0}.search-input{outline:none;flex:1;padding:14px 0;font-size:15px}.search-input::placeholder{color:var(--text-muted)}.search-spinner{border:2px solid var(--border-subtle);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}.search-results{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);z-index:50;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 16px 48px #00000073}.search-results li button{text-align:left;flex-direction:column;align-items:flex-start;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-name{font-size:15px;font-weight:500}.result-meta{color:var(--text-secondary);margin-top:2px;font-size:12px}.current-weather{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);margin-bottom:28px;padding:24px}.current-location h2{letter-spacing:-.02em;font-size:20px;font-weight:600}.current-location span{color:var(--text-secondary);font-size:13px}.current-main{align-items:center;gap:16px;margin:20px 0 8px;display:flex}.weather-emoji{font-size:52px;line-height:1}.current-temp{align-items:flex-start;display:flex}.temp-value{letter-spacing:-.04em;font-size:64px;font-weight:200;line-height:1}.temp-unit{color:var(--text-secondary);margin-top:10px;margin-left:2px;font-size:20px}.current-condition{color:var(--text-secondary);margin-bottom:24px;font-size:16px}.metrics-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.metric-card{background:var(--bg-glass);border-radius:var(--radius-sm);text-align:center;flex-direction:column;padding:12px;display:flex}.metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:11px}.metric-value{letter-spacing:-.02em;font-size:22px;font-weight:500}.metric-unit{color:var(--text-secondary);font-size:11px}.forecast-list{flex-direction:column;gap:2px;display:flex}.forecast-row{background:var(--bg-glass);border-radius:var(--radius-sm);grid-template-columns:52px 36px 40px 1fr;align-items:center;gap:8px;padding:12px 14px;display:grid}.forecast-day{font-size:14px;font-weight:500}.forecast-icon{text-align:center;font-size:20px}.forecast-rain{color:var(--accent-soft);text-align:center;font-size:13px}.forecast-temps{justify-content:flex-end;gap:10px;font-size:14px;display:flex}.temp-high{font-weight:500}.temp-low{color:var(--text-muted)}.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-subtle);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-muted);font-size:13px}.map-info-value{font-size:13px;font-weight:500}.map-external-link{align-items:center;gap:6px;margin-top:14px;font-size:13px;font-weight:500;display:inline-flex}.rewards-summary{background:var(--bg-card);border:1px solid var(--border-subtle);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{font-size:22px;font-weight:600}.rewards-total{color:var(--text-muted);font-size:13px}.rewards-summary-text h2{margin-bottom:4px;font-size:16px;font-weight:600}.rewards-summary-text p{color:var(--text-secondary);font-size:13px;line-height:1.5}.reward-category{margin-bottom:28px}.category-title{letter-spacing:-.02em;margin-bottom:14px;font-size:17px;font-weight:600}.reward-cards{flex-direction:column;gap:10px;display:flex}.reward-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:18px;transition:border-color .2s}.reward-card.unlocked{border-color:#4ade8033}.reward-card.locked{opacity:.85}.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-muted)}.reward-title{font-size:15px;font-weight:600}.reward-description{color:var(--text-secondary);margin-top:2px;font-size:13px;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:.06em;color:var(--success);font-size:11px}.perk-value{font-size:13px;font-weight:500}.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-muted);font-size:12px}.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-subtle);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:.06em;color:var(--text-muted);font-size:11px}.profile-location-value{font-size:15px;font-weight:500}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:4px;padding:18px;display:flex}.stat-value{letter-spacing:-.02em;font-size:24px;font-weight:600}.stat-label{color:var(--text-secondary);font-size:12px}.profile-stats,.profile-about,.profile-settings{margin-bottom:28px}.profile-about p{color:var(--text-secondary);font-size:14px;line-height:1.6}.settings-list{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.settings-item{justify-content:space-between;align-items:center;padding:14px 18px;font-size:14px;display:flex}.settings-item+.settings-item{border-top:1px solid var(--border-subtle)}.settings-value{color:var(--text-secondary);font-size:13px}.profile-version{text-align:center;color:var(--text-muted);padding-bottom:8px;font-size:12px}.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:var(--text-primary);margin-bottom:8px;font-size:18px;font-weight:600}.empty-state p{font-size:14px}.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-subtle);-webkit-backdrop-filter:blur(20px);z-index:100;background:#0a0e17eb;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab-item{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 0;transition:color .2s;display:flex}.tab-item.active{color:var(--accent-soft)}.tab-icon svg{width:22px;height:22px}.tab-label{letter-spacing:.01em;font-size:11px;font-weight:500}.install-prompt{bottom:calc(var(--tab-height) + var(--safe-bottom) + 12px);background:var(--bg-elevated);border:1px solid var(--border-accent);border-radius:var(--radius-md);z-index:90;width:calc(100% - 32px);max-width:448px;padding:16px;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0006}.install-prompt-title{margin-bottom:4px;font-size:14px;font-weight:600}.install-prompt-text{color:var(--text-secondary);font-size:12px;line-height:1.4}.install-prompt-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.btn-primary{background:var(--accent);color:#fff;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:600;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)}}@media (width>=481px){.app{border-left:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle)}}