.weather-day-fullscreen.svelte-1hsg4m9{display:flex;flex-direction:column;gap:18px;padding:20px clamp(8px,3vw,16px) 120px;width:100%;max-width:980px;margin:0 auto;box-sizing:border-box}.summary-card.svelte-1hsg4m9{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:245px;border-radius:32px;border:1px solid color-mix(in srgb,var(--color-app-weather) 24%,var(--color-grey-20));background:radial-gradient(circle at 88% 22%,color-mix(in srgb,var(--color-app-weather) 38%,transparent),transparent 34%),radial-gradient(circle at 10% 10%,color-mix(in srgb,#ffffff 72%,transparent),transparent 35%),linear-gradient(135deg,color-mix(in srgb,var(--color-app-weather) 28%,var(--color-grey-0)),var(--color-grey-0));box-shadow:0 22px 55px color-mix(in srgb,var(--color-grey-100) 13%,transparent);padding:28px;overflow:hidden}.summary-copy.svelte-1hsg4m9{min-width:0}.summary-kicker.svelte-1hsg4m9,.summary-location.svelte-1hsg4m9{margin:0;color:var(--color-grey-70);font-size:14px}.summary-card.svelte-1hsg4m9 h3:where(.svelte-1hsg4m9){margin:8px 0 0;color:var(--color-grey-100);font-size:clamp(30px,5vw,54px);line-height:1;text-transform:capitalize}.summary-temp.svelte-1hsg4m9{margin:18px 0 0;color:var(--color-grey-100);font-size:clamp(34px,6vw,64px);font-weight:700;line-height:1}.metric-grid.svelte-1hsg4m9{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card.svelte-1hsg4m9,.hourly-card.svelte-1hsg4m9{border-radius:22px;border:1px solid var(--color-grey-20);background:color-mix(in srgb,var(--color-grey-0) 92%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--color-grey-100) 7%,transparent)}.metric-card.svelte-1hsg4m9{display:flex;flex-direction:column;gap:5px;padding:16px;color:var(--color-grey-70);font-size:13px}.metric-label.svelte-1hsg4m9{color:var(--color-grey-60);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.metric-card.svelte-1hsg4m9 strong:where(.svelte-1hsg4m9){color:var(--color-grey-100);font-size:22px;line-height:1.1}.hourly-card.svelte-1hsg4m9{padding:16px;overflow:hidden}.section-heading.svelte-1hsg4m9{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.section-heading.svelte-1hsg4m9 h4:where(.svelte-1hsg4m9){margin:0;color:var(--color-grey-100);font-size:17px}.section-heading.svelte-1hsg4m9 span:where(.svelte-1hsg4m9),.empty-hourly.svelte-1hsg4m9{color:var(--color-grey-60);font-size:13px}.hourly-strip.svelte-1hsg4m9{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:thin}.hour-row.svelte-1hsg4m9{display:flex;min-width:96px;flex-direction:column;align-items:center;gap:5px;border-radius:18px;background:radial-gradient(circle at 50% 15%,color-mix(in srgb,var(--color-app-weather) 18%,transparent),transparent 55%),var(--color-grey-10);border:1px solid color-mix(in srgb,var(--color-app-weather) 12%,var(--color-grey-20));color:var(--color-grey-70);font-size:12px;padding:11px 9px;text-align:center}.hour-row.svelte-1hsg4m9 strong:where(.svelte-1hsg4m9),.hour-time.svelte-1hsg4m9{color:var(--color-grey-100)}.hour-row.svelte-1hsg4m9 strong:where(.svelte-1hsg4m9){font-size:18px;line-height:1}.hour-time.svelte-1hsg4m9{font-weight:600}.empty-hourly.svelte-1hsg4m9{margin:0}@container fullscreen (max-width: 720px){.summary-card.svelte-1hsg4m9{min-height:220px;padding:22px}.metric-grid.svelte-1hsg4m9{grid-template-columns:repeat(2,minmax(0,1fr))}}@container fullscreen (max-width: 520px){.weather-day-fullscreen.svelte-1hsg4m9{gap:12px;padding:14px 8px 96px}.summary-card.svelte-1hsg4m9{flex-direction:column;align-items:flex-start;gap:6px;min-height:0;border-radius:24px;padding:18px}.summary-card.svelte-1hsg4m9 h3:where(.svelte-1hsg4m9){font-size:clamp(24px,10vw,38px)}.summary-temp.svelte-1hsg4m9{margin-top:12px;font-size:clamp(30px,12vw,48px)}.summary-kicker.svelte-1hsg4m9,.summary-location.svelte-1hsg4m9{font-size:12px}.metric-grid.svelte-1hsg4m9{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric-card.svelte-1hsg4m9{border-radius:18px;padding:12px;font-size:12px}.metric-card.svelte-1hsg4m9 strong:where(.svelte-1hsg4m9){font-size:18px}.metric-label.svelte-1hsg4m9{font-size:10px}.hourly-card.svelte-1hsg4m9{border-radius:18px;padding:12px}.hour-row.svelte-1hsg4m9{min-width:82px;border-radius:15px;padding:9px 7px;font-size:11px}}