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