.details_detailsPage__Knqw_{color:var(--text-secondary);padding:clamp(1rem,3vw,3rem) clamp(1rem,2vw,2rem);color:#1d1d1f;border-radius:clamp(20px,4vw,40px);margin:0 20px}.details_pageTitle__oJbZ_{font-size:2.1rem;font-weight:700;color:var(--color-primary);text-align:center;margin:0 0 20px}.WeatherDetails_root__ahCh2{--bg-primary:#ffffff;--bg-secondary:#f8f9fa;--text-primary:#333333;--text-secondary:#5c5c5c;--text-tertiary:#86868b;--border-color:#e0e0e0;--shadow-color:rgba(0,0,0,0.06);--hover-shadow:rgba(0,0,0,0.12)}.WeatherDetails_root__ahCh2[data-theme=dark]{--bg-primary:#1a1a1a;--bg-secondary:#2a2a2a;--text-primary:#ffffff;--text-secondary:#a0a0a0;--text-tertiary:#808080;--border-color:#404040;--shadow-color:rgba(0,0,0,0.2);--hover-shadow:rgba(0,0,0,0.3)}.WeatherDetails_grid__C9p6J{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:clamp(1.2rem,2vw,2rem);gap:clamp(1.2rem,2vw,2rem);margin:0 auto;grid-auto-flow:dense;grid-auto-rows:auto}.WeatherDetails_tile__Wy2bl{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);border-radius:32px;padding:clamp(1.5rem,2vw,2.5rem);box-shadow:0 4px 20px var(--shadow-color);display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:clamp(180px,24vh,240px);transition:all .4s cubic-bezier(.4,0,.2,1);page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid;position:relative;overflow:hidden}.WeatherDetails_tile__Wy2bl:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary-light),var(--color-primary));opacity:0;transition:opacity .3s ease}.WeatherDetails_tile__Wy2bl:hover{transform:translateY(-4px);box-shadow:0 8px 30px var(--hover-shadow)}.WeatherDetails_tile__Wy2bl:hover:before{opacity:1}.WeatherDetails_temperatureTile__sTyJt{grid-column:span 2/span 2;grid-row:span 2/span 2;padding:clamp(2rem,3vw,3rem);justify-content:center}.WeatherDetails_temperatureValue__bZaJq{font-weight:700;margin:0;line-height:1;transition:color .3s ease;position:relative;z-index:2}.WeatherDetails_temperatureTile__sTyJt .WeatherDetails_temperatureValue__bZaJq{font-size:clamp(80px,10vw,120px);text-shadow:4px 4px 8px rgba(0,0,0,.1)}.WeatherDetails_tile__Wy2bl:not(.WeatherDetails_temperatureTile__sTyJt) .WeatherDetails_temperatureValue__bZaJq{font-size:clamp(48px,6vw,64px);text-shadow:2px 2px 4px rgba(0,0,0,.1)}.WeatherDetails_temperatureLabel__f4tQh{font-size:clamp(20px,2.5vw,28px);color:var(--text-tertiary);margin:1rem 0 0;font-weight:500;letter-spacing:-.02em;position:relative;z-index:2}.WeatherDetails_label__ruSA6,.WeatherDetails_unit__2xXiM,.WeatherDetails_value__swI2P{position:relative;z-index:1;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.WeatherDetails_label__ruSA6{font-size:clamp(18px,2vw,24px);color:var(--text-secondary);margin-bottom:.75rem;font-weight:700}.WeatherDetails_value__swI2P{font-size:clamp(32px,4vw,42px);font-weight:600;margin:.75rem 0;color:var(--text-primary)}.WeatherDetails_unit__2xXiM{font-size:clamp(16px,1.8vw,20px);color:var(--text-tertiary)}.WeatherDetails_tile__Wy2bl:nth-of-type(3) .WeatherDetails_value__swI2P{color:#ff9500}.WeatherDetails_tile__Wy2bl:nth-of-type(4) .WeatherDetails_value__swI2P{color:#007aff}.WeatherDetails_tile__Wy2bl:nth-of-type(5) .WeatherDetails_value__swI2P,.WeatherDetails_tile__Wy2bl:nth-of-type(6) .WeatherDetails_value__swI2P{color:#32ade6}.WeatherDetails_tile__Wy2bl:nth-of-type(7) .WeatherDetails_value__swI2P{color:#5856d6}.WeatherDetails_tile__Wy2bl:nth-of-type(8) .WeatherDetails_value__swI2P,.WeatherDetails_tile__Wy2bl:nth-of-type(9) .WeatherDetails_value__swI2P{color:#34c759}.WeatherDetails_tile__Wy2bl:hover .WeatherDetails_value__swI2P{transform:scale(1.1)}.WeatherDetails_metricIcon__ICgxx{position:absolute;left:-7%;bottom:-5%;height:80%;opacity:.15;transform:rotate(-15deg);pointer-events:none;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:0}.WeatherDetails_tile__Wy2bl:hover .WeatherDetails_metricIcon__ICgxx{opacity:.35;transform:rotate(0deg) scale(1.15)}.WeatherDetails_conditionsTile__mCgdp,.WeatherDetails_locationTile__eN4Am{grid-column:1/-1;min-height:clamp(140px,22vh,220px)}.WeatherDetails_locationTile__eN4Am{grid-column:span 2}.WeatherDetails_conditionsTile__mCgdp,.WeatherDetails_locationTile__eN4Am{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%)}.WeatherDetails_locationIcon__EWAk3{width:5rem;height:5rem;flex-shrink:0;margin-right:.5rem}.WeatherDetails_conditionsValue__I_bJ2,.WeatherDetails_locationValue__pPaRU{font-size:clamp(24px,4vw,36px);font-weight:600;text-align:center;display:flex;align-items:center;gap:.5rem;word-break:break-word;max-width:100%;padding:0 1rem;color:var(--text-secondary)}.WeatherDetails_coordinatesValue__q0pt9{font-size:clamp(18px,2vw,24px);font-weight:500;text-align:center;line-height:1.3;display:flex;flex-direction:column;gap:.75rem;position:relative;z-index:1;color:var(--text-secondary)}.WeatherDetails_coordinates__LROu_{font-size:.875rem;color:var(--color-text-secondary);margin-top:.25rem}.WeatherDetails_conditionsIcon__DnhlJ{font-size:clamp(140px,6vw,56px);filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));position:relative;z-index:1}.WeatherDetails_content__LUivy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.WeatherDetails_toggleButton__Yri_X{padding:.5rem 1.2rem;border-radius:20px;border:1px solid #ccc;background:var(--bg-secondary);color:var(--text-primary);font-weight:600;cursor:pointer;outline:none;margin-right:.5rem;transition:background .2s}.WeatherDetails_toggleButton__Yri_X:focus{outline:2px solid #007aff;outline-offset:2px;box-shadow:0 0 0 2px #e6f7ff;z-index:1}.WeatherDetails_imperialActive__NLARv{background:#f8f9fa;border-color:#ccc}.WeatherDetails_metricActive__xmt8u{background:#e6f7ff;border-color:#007aff}@media (max-width:768px){.WeatherDetails_grid__C9p6J{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.WeatherDetails_conditionsTile__mCgdp,.WeatherDetails_locationTile__eN4Am,.WeatherDetails_temperatureTile__sTyJt,.WeatherDetails_tile__Wy2bl:nth-of-type(7){grid-column:1/-1}.WeatherDetails_temperatureTile__sTyJt{grid-row:auto}.WeatherDetails_temperatureValue__bZaJq{font-size:clamp(64px,8vw,80px)}.WeatherDetails_value__swI2P{font-size:clamp(28px,4vw,36px)}}@media (min-width:769px) and (max-width:1024px){.WeatherDetails_grid__C9p6J{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (min-width:1025px){.WeatherDetails_conditionsTile__mCgdp,.WeatherDetails_locationTile__eN4Am{grid-column:span 2}}@media (prefers-color-scheme:dark){.WeatherDetails_tile__Wy2bl{background:#1a1a1a;box-shadow:0 4px 20px rgba(0,0,0,.2)}.WeatherDetails_tile__Wy2bl:hover{box-shadow:0 8px 30px rgba(0,0,0,.3)}.WeatherDetails_conditionsTile__mCgdp,.WeatherDetails_locationTile__eN4Am,.WeatherDetails_temperatureTile__sTyJt{background:linear-gradient(135deg,#1a1a1a,#2a2a2a)}.WeatherDetails_temperatureValue__bZaJq{filter:brightness(1.2) saturate(1.1);text-shadow:0 0 20px rgba(255,255,255,.1)}.WeatherDetails_conditionsValue__I_bJ2{color:#ffffff}.WeatherDetails_tile__Wy2bl:nth-of-type(3) .WeatherDetails_value__swI2P{color:#ffb340}.WeatherDetails_tile__Wy2bl:nth-of-type(4) .WeatherDetails_value__swI2P{color:#409cff}.WeatherDetails_tile__Wy2bl:nth-of-type(5) .WeatherDetails_value__swI2P,.WeatherDetails_tile__Wy2bl:nth-of-type(6) .WeatherDetails_value__swI2P{color:#40b8ff}.WeatherDetails_tile__Wy2bl:nth-of-type(7) .WeatherDetails_value__swI2P,.WeatherDetails_tile__Wy2bl:nth-of-type(8) .WeatherDetails_value__swI2P{color:#6e6aff}.WeatherDetails_tile__Wy2bl:nth-of-type(9) .WeatherDetails_value__swI2P{color:#40d463}.WeatherDetails_metricIcon__ICgxx{opacity:.9;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.WeatherDetails_root__ahCh2[data-theme=dark] .WeatherDetails_metricIcon__ICgxx{opacity:.2}.WeatherDetails_root__ahCh2[data-theme=dark] .WeatherDetails_tile__Wy2bl:hover .WeatherDetails_metricIcon__ICgxx{opacity:.3}.WeatherDetails_root__ahCh2[data-theme=dark] .WeatherDetails_temperatureValue__bZaJq{filter:brightness(1.2) saturate(1.1)}.WeatherDetails_root__ahCh2[data-theme=dark] .WeatherDetails_tile__Wy2bl svg{filter:brightness(1.2)}.WeatherDetails_root__ahCh2[data-theme=dark] .WeatherDetails_toggleButton__Yri_X{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}}