html{background:#071426}:root{color:#eaf3ff;background:#071426;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{max-width:1180px;margin:0 auto;padding:48px 24px 32px}.hero{justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px;display:flex}.eyebrow{color:#6cd7ff;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:800}h1{letter-spacing:-.07em;margin:10px 0;font-size:clamp(2.5rem,7vw,5rem);line-height:.95}.hero p:not(.eyebrow){color:#9ab2cc;max-width:470px;margin:0}.search{background:#10243d;border:1px solid #234367;border-radius:14px;min-width:min(100%,350px);padding:12px}.search label{color:#9ab2cc;margin-bottom:6px;font-size:.75rem;font-weight:700;display:block}.search div{gap:8px;display:flex}.search input{color:#fff;background:#071426;border:1px solid #31567e;border-radius:8px;width:100%;min-width:0;padding:10px}.search button,.favorite-button{color:#06213a;background:#6cd7ff;border:0;border-radius:8px;padding:10px 13px;font-weight:800}.search button:disabled{opacity:.6}.favorites{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:22px;display:flex}.favorites>span{color:#9ab2cc;margin-right:3px;font-size:.8rem;font-weight:700}.favorites small{color:#607c9d}.favorites button{color:#d6e8fb;background:#142e4b;border:1px solid #31567e;border-radius:999px;padding:6px 10px}.notice{background:#10243d;border:1px solid #234367;border-radius:12px;padding:14px}.notice--error{color:#ffb5bd;border-color:#a94e5c}.current-card{background:radial-gradient(circle at 100% 0,#1e729b,#0000 42%),#102e4e;border:1px solid #316589;border-radius:24px;grid-template-columns:1fr auto 1fr;gap:24px;min-height:290px;padding:32px;display:grid}.place{color:#b9d9ef;margin:0;font-weight:700}.temperature{letter-spacing:-.1em;margin:22px 0 10px;font-size:clamp(5rem,12vw,8rem);font-weight:800;line-height:.9}.weather-icon{align-self:center;font-size:6rem}.current-meta{flex-direction:column;justify-content:center;align-items:end;gap:20px;display:flex}.current-meta span{color:#b9d9ef}.current-meta b{color:#fff;margin-top:4px;display:block}.favorite-button{background:#f7cf6a}.forecast{margin-top:28px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:14px;display:flex}.section-heading h2{margin:5px 0 0;font-size:1.6rem}.section-heading>span{color:#89a7c6}.forecast-grid{grid-template-columns:repeat(7,minmax(115px,1fr));gap:12px;padding-bottom:5px;display:grid;overflow-x:auto}.day-card{background:#0e2138;border:1px solid #203e60;border-radius:16px;gap:10px;min-width:115px;padding:15px;display:grid}.day-card p{color:#a8c0d9;text-transform:capitalize;margin:0;font-size:.8rem}.day-card strong{font-size:2rem}.day-card>span{color:#c4d7e8;min-height:32px;font-size:.78rem}.day-card div{gap:8px;display:flex}.day-card b{font-size:1.15rem}.day-card small{color:#87a1bd;font-size:1rem}.day-card em{color:#6cd7ff;font-size:.72rem;font-style:normal}footer{color:#6f8ba9;text-align:center;margin-top:36px;font-size:.8rem}footer a{color:#6cd7ff}@media (width<=760px){.app-shell{padding:32px 16px}.hero{flex-direction:column;align-items:stretch}.search{min-width:0}.current-card{grid-template-columns:1fr auto}.current-meta{grid-column:1/-1;align-items:start}.weather-icon{font-size:4.5rem}.forecast-grid{grid-template-columns:repeat(7,130px)}}