.forecast-app{margin-top:var(--space-lg)}.search-bar{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);display:flex}.search-bar .icon{color:var(--color-text-muted);flex-shrink:0}.search-bar input{font-family:var(--font-sans);color:var(--color-text);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:.9375rem}.search-bar input::placeholder{color:var(--color-text-muted)}.search-bar button{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-family:var(--font-sans);cursor:pointer;align-items:center;gap:var(--space-xs);white-space:nowrap;font-size:.8125rem;font-weight:600;transition:background .15s,border-color .15s;display:flex}.search-bar button:hover{background:var(--color-border)}#locate-btn{padding:var(--space-sm)}#locate-btn .icon{color:var(--color-text)}.quick-locations{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.quick-loc-label{color:var(--color-text-muted);font-size:.8125rem;font-weight:500}.quick-loc{padding:var(--space-xs) var(--space-md);font-family:var(--font-sans);color:var(--color-accent);background:var(--color-accent-light);border:1px solid var(--color-info-border);cursor:pointer;white-space:nowrap;border-radius:100px;font-size:.8125rem;font-weight:600;transition:background .15s,border-color .15s}.quick-loc:hover{background:var(--color-bg);border-color:var(--color-accent)}.forecast-map{border-radius:var(--radius);border:1px solid var(--color-border);z-index:1;width:100%;height:400px}.coords-display{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);margin-top:var(--space-sm);color:var(--color-text-muted);background:var(--color-surface);border-radius:var(--radius-sm);font-size:.8125rem;display:flex}.coords-display a{color:var(--color-link);align-items:center;gap:var(--space-xs);white-space:nowrap;font-weight:500;text-decoration:none;display:inline-flex}.coords-display a:hover{text-decoration:underline}.forecast-loading{align-items:center;gap:var(--space-md);padding:var(--space-xl);color:var(--color-text-secondary);justify-content:center;font-size:.9375rem;display:flex}.forecast-error{padding:var(--space-md) var(--space-lg);margin-top:var(--space-md);background:var(--color-emergency-bg);border:1px solid var(--color-emergency-border);border-radius:var(--radius);color:var(--color-emergency);font-size:.9375rem}.forecast-result{margin-top:var(--space-xl)}.point-header{margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border)}.point-header h2{margin-bottom:var(--space-sm);font-size:1.375rem;font-weight:700}.point-meta{gap:var(--space-sm) var(--space-lg);color:var(--color-text-muted);margin-top:var(--space-xs);flex-wrap:wrap;font-size:.8125rem;display:flex}.point-meta a{color:var(--color-link);text-decoration:none}.point-meta a:hover{text-decoration:underline}.current-conditions{margin-bottom:var(--space-lg);padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.current-conditions h3{margin-bottom:var(--space-md);font-size:1rem;font-weight:600}.conditions-grid{gap:var(--space-sm) var(--space-md);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.cond-item{flex-direction:column;display:flex}.cond-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-size:.6875rem}.cond-value{color:var(--color-text);font-size:.9375rem;font-weight:500}.cond-temp{font-size:1.25rem;font-weight:700}.conditions-time{color:var(--color-text-muted);margin-top:var(--space-sm);font-size:.75rem}.forecast-actions{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.copy-btn{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);font-family:var(--font-sans);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-size:.8125rem;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.copy-btn:hover{background:var(--color-border)}.copy-confirm{color:var(--color-accent);font-size:.8125rem;font-weight:500}.nws-attribution{margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border);text-align:center}.nws-attribution p{color:var(--color-text-secondary);font-size:.875rem}.nws-attribution a{color:var(--color-link);font-weight:500;text-decoration:none}.nws-attribution a:hover{text-decoration:underline}.nws-attribution-sub{color:var(--color-text-muted);margin-top:var(--space-xs);font-size:.75rem}.forecast-periods{gap:var(--space-md);display:grid}.forecast-period{padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius)}.period-day{background:var(--color-bg)}.period-night{background:var(--color-surface)}.period-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm);display:flex}.period-header img{border-radius:var(--radius-sm);flex-shrink:0}.period-name{font-size:1rem;display:block}.period-short{color:var(--color-text-muted);font-size:.8125rem;display:block}.period-temp{color:var(--color-text);font-size:1.25rem;font-weight:700}.period-detail{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.6}.period-wind{color:var(--color-text-muted);margin-top:var(--space-xs);font-size:.8125rem}@media (width<=768px){.forecast-map{height:300px}.search-bar{flex-wrap:wrap}.search-bar input{flex-basis:100%;order:-1}.coords-display{align-items:flex-start;gap:var(--space-xs);flex-direction:column}}