.live-weather{margin:4px 0 24px}.live-weather-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}.live-weather-heading h2{margin:3px 0 0;font-size:22px}.weather-live-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#e6f2eb;color:#075344;font-size:11px;font-weight:800}.weather-live-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:#19a66f;box-shadow:0 0 0 4px rgba(25,166,111,.13)}.weather-card{padding:18px;border-radius:22px;color:#fff;background:linear-gradient(145deg,#0f493f,#12323a);box-shadow:0 16px 34px rgba(11,47,42,.18)}.weather-main{display:flex;align-items:center;gap:13px}.weather-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:rgba(255,255,255,.13);font-size:31px}.weather-temperature{font-size:44px;line-height:1}.weather-main strong{display:block;font-size:17px}.weather-main small{display:block;margin-top:4px;color:rgba(255,255,255,.72);font-size:10px}.weather-details{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.weather-details span{padding:10px 8px;border-radius:13px;background:rgba(255,255,255,.09);text-align:center;font-size:10px;color:rgba(255,255,255,.7)}.weather-details b{display:block;margin-top:4px;color:#fff;font-size:14px}.weather-timeline-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 1px 9px}.weather-timeline-heading strong{font-size:13px}.weather-timeline-heading small{color:rgba(255,255,255,.62);font-size:9px}.weather-timeline{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 9px;scroll-snap-type:x proximity;scrollbar-width:none}.weather-timeline::-webkit-scrollbar{display:none}.weather-hour{flex:0 0 76px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:11px 6px;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:rgba(255,255,255,.08);scroll-snap-align:center;text-align:center}.weather-hour.is-now{border-color:#ffe500;background:#ffe500;color:#17362f;box-shadow:0 7px 18px rgba(0,0,0,.16)}.weather-hour time{font-size:10px;font-weight:800}.weather-hour-icon{font-size:23px;line-height:1.2}.weather-hour b{font-size:17px}.weather-hour small{color:rgba(255,255,255,.69);font-size:9px}.weather-hour em{max-width:64px;overflow:hidden;color:rgba(255,255,255,.69);font-size:8px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.weather-hour.is-now small,.weather-hour.is-now em{color:rgba(23,54,47,.68)}.weather-hour-error{min-width:100%;margin:4px 0;color:rgba(255,255,255,.65);font-size:10px}.weather-actions{display:flex;gap:8px;margin-top:14px}.weather-actions button,.weather-actions a{flex:1;display:flex;align-items:center;justify-content:center;min-height:40px;border:0;border-radius:12px;text-decoration:none;font:inherit;font-size:11px;font-weight:800}.weather-actions button{background:#ffe500;color:#17362f}.weather-actions button:disabled{opacity:.65}.weather-actions a{background:rgba(255,255,255,.12);color:#fff}.spot-area-panel{margin:14px 0 18px;padding:18px;border-radius:20px;background:#edf3ef}.spot-area-panel h2{margin:4px 0 12px;font-size:20px}.spot-area-tabs{display:flex;gap:7px;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}.spot-area-tabs::-webkit-scrollbar{display:none}.spot-area-tabs button{flex:0 0 auto;border:1px solid rgba(9,62,51,.15);border-radius:999px;background:#fff;padding:9px 12px;font:inherit;font-size:11px;font-weight:800;color:#315249}.spot-area-tabs button[aria-pressed="true"]{background:#073f34;color:#fff}.spot-area-panel p{margin:11px 0 0;color:#60726c;font-size:11px;line-height:1.6}