.weather-detail-page{gap:var(--gap);color:var(--text);margin-bottom:var(--gap);flex-direction:column;display:flex}.weather-selection-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--pad);box-shadow:var(--shadow)}.weather-select-grid{gap:var(--gap);flex-wrap:wrap;display:flex}.weather-field{flex-direction:column;flex:1;gap:.5rem;min-width:240px;display:flex}.weather-field label{text-transform:uppercase;color:var(--muted);font-size:.75rem;font-weight:700}.weather-field select{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:var(--text);outline:none;padding:.8rem}.weather-today-hero{background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius);padding:var(--pad);box-shadow:var(--shadow)}.weather-hero-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.weather-city-box h1{margin:0;font-size:1.5rem;font-weight:800}.weather-date-tag{color:var(--muted);font-size:.85rem}.weather-status-pill{background:var(--brand);color:#fff;border-radius:50px;padding:6px 16px;font-size:.8rem;font-weight:800}.weather-hero-body{gap:var(--gap);grid-template-columns:1.5fr 1fr;align-items:center;display:grid}.weather-main-info{align-items:center;gap:2rem;display:flex}.weather-icon-orb{background:radial-gradient(circle, var(--orb-1) 0%, var(--orb-2) 100%);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;display:flex;box-shadow:inset 0 2px 10px #0000000d}.weather-big-temp{color:var(--text);font-size:4rem;font-weight:900;line-height:1}.weather-feel{color:var(--muted);font-weight:600;display:block}.weather-quick-stats{flex-direction:column;gap:10px;display:flex}.weather-stat-tile{background:var(--surface-3);border-radius:var(--radius);border:1px solid var(--border);justify-content:space-between;padding:1rem;display:flex}.stat-label{color:var(--muted);font-size:.7rem;font-weight:800}.stat-value{color:var(--text);font-weight:800}.weather-list-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--pad)}.weather-table-responsive{width:100%;max-height:600px;margin-top:1rem;overflow-x:auto}.weather-table{border-collapse:collapse;width:100%}.weather-table th{z-index:10;background:var(--surface-3);text-align:left;color:var(--muted);border-bottom:2px solid var(--border);padding:1rem;font-size:.8rem;position:sticky;top:0}.weather-table td{border-bottom:1px solid var(--border);padding:1rem}.weather-table tr.is-today{background:var(--surface-3);border-left:4px solid var(--brand)}@media (max-width:768px){.weather-hero-body{grid-template-columns:1fr;gap:2rem}.weather-main-info{text-align:center;flex-direction:column;gap:1rem}.weather-selection-card{padding:1rem}.weather-field{min-width:100%}.weather-hero-header{text-align:center;flex-direction:column;gap:1rem}.weather-big-temp{font-size:3rem}.weather-table-responsive{max-height:none;overflow:visible}.weather-table,.weather-table tbody,.weather-table tr,.weather-table td{display:block;width:100%!important}.weather-table thead{display:none}.weather-table tr{background:var(--surface-2);margin-bottom:var(--gap);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:.5rem}.weather-table tr.is-today{background:var(--surface-3);border:2px solid var(--brand)!important}.weather-table td{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.8rem 1rem!important;display:flex!important}.weather-table td:last-child{border-bottom:none}.weather-table td:before{content:attr(data-label);color:var(--muted);text-transform:uppercase;font-size:.75rem;font-weight:700}.weather-td-date{border-radius:var(--radius) var(--radius) 0 0;margin:-.5rem -.5rem .5rem;background:var(--surface-3)!important;border-bottom:1px solid var(--border)!important;justify-content:center!important}.weather-td-date:before{display:none}.weather-td-date strong{color:var(--brand);font-size:1.1rem}.weather-val{text-align:right;font-weight:700}.weather-flex-icon{flex-direction:row-reverse;gap:8px}}