@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap";:root{color:#152532;font-synthesis:none;background:#eef2f1;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 75% 18%,#d6eee5 0,#0000 28%),#eef2f1;min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#eef2f1e0;border-bottom:1px solid #0d29401f;justify-content:space-between;align-items:center;height:78px;padding:0 5vw;display:flex;position:sticky;top:0}.brand{letter-spacing:-.02em;align-items:center;gap:12px;font-weight:700;display:flex}.brand-mark{color:#d8f56b;letter-spacing:.08em;background:#103a45;border-radius:12px;place-items:center;width:40px;height:40px;font-size:12px;display:grid}nav{gap:8px;display:flex}nav a{color:#4d626b;border-radius:10px;padding:10px 14px;font-size:14px;font-weight:600}nav a.router-link-active{color:#0d3f49;background:#dce9e5}.page-wrap{width:min(1180px,90vw);margin:0 auto;padding:72px 0 90px}.weather-layout{grid-template-columns:1.02fr .98fr;align-items:center;gap:7vw;min-height:610px;display:grid}.eyebrow{color:#407c73;letter-spacing:.18em;margin:0 0 18px;font-size:12px;font-weight:700}h1{color:#102f3b;letter-spacing:-.045em;margin:0;font:700 clamp(42px,5vw,74px)/.98 Fraunces,Georgia,serif}.lede{color:#587078;max-width:530px;margin:25px 0 34px;font-size:19px;line-height:1.65}.search-bar{background:#fff;border:1px solid #c8d6d3;border-radius:16px;max-width:570px;padding:7px;display:flex;box-shadow:0 12px 38px #14363b17}.search-bar input{color:#153640;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:0 15px}.search-bar button{color:#163a40;cursor:pointer;background:#e8f66d;border:0;border-radius:11px;padding:14px 25px;font-weight:700}.quick-links{color:#789096;align-items:center;gap:20px;margin-top:18px;font-size:13px;display:flex}.text-button{color:#416d68;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #416d68;padding:0}.error{color:#a43434;font-weight:600}.weather-card{color:#f7fbf7;background:linear-gradient(145deg,#123a49,#0a2939 62%,#092331);border-radius:34px;min-height:500px;padding:42px;position:relative;overflow:hidden;box-shadow:0 35px 80px #07233040}.weather-card:after{content:"";background:#daf46c1f;border-radius:50%;width:260px;height:260px;position:absolute;bottom:-90px;right:-70px}.weather-card-top{justify-content:space-between;gap:20px;display:flex}.label{color:#96b5b5;letter-spacing:.18em;margin:0 0 11px;font-size:11px;font-weight:700}.weather-card h2{margin:0;font:600 31px/1.2 Fraunces,serif}.updated{color:#91a9ad;margin:9px 0 0;font-size:13px}.weather-icon{filter:drop-shadow(0 12px 20px #0003);font-size:57px}.temperature-row{align-items:end;gap:14px;margin-top:68px;display:flex}.temperature-row strong{letter-spacing:-.08em;font:600 106px/.8 Fraunces,serif}.temperature-row span{color:#b5cccc;padding-bottom:8px}.condition{color:#daf46d;margin:24px 0 47px;font-size:22px;font-weight:600}.weather-stats{z-index:1;grid-template-columns:repeat(3,1fr);gap:12px;display:grid;position:relative}.weather-stats div{background:#ffffff0e;border:1px solid #ffffff1c;border-radius:15px;padding:16px}.weather-stats dt{color:#8fa8ad;font-size:12px}.weather-stats dd{margin:8px 0 0;font-weight:700}.loading-card{color:#b3c8cb;align-content:center;place-items:center;gap:20px;display:grid}.pulse{border:3px solid #d8f56b;border-top-color:#0000;border-radius:50%;width:60px;height:60px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.api-page{min-height:620px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:35px;display:flex}.section-heading h1{font-size:clamp(42px,4.8vw,68px)}.status{color:#2f695b;background:#dcebe5;border-radius:999px;align-items:center;gap:8px;margin-bottom:5px;padding:9px 13px;font-size:13px;font-weight:700;display:flex}.status i{background:#49a877;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #49a87726}.metric-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px;display:grid}.metric-grid article{background:#ffffffb3;border:1px solid #d2dedb;border-radius:20px;padding:25px 28px}.metric-grid span{color:#70868c;margin-bottom:11px;font-size:13px;display:block}.metric-grid strong{color:#113b46;font:700 38px/1 Fraunces,serif}.json-panel{background:#0c2733;border-radius:22px;overflow:hidden;box-shadow:0 22px 50px #0c273329}.json-toolbar{color:#91aab0;border-bottom:1px solid #27434d;justify-content:space-between;padding:15px 20px;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}pre{color:#d7efde;max-height:500px;margin:0;padding:25px;font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=800px){.site-header{align-items:flex-start;height:auto;padding:16px 5vw}.brand>span:last-child{display:none}nav{flex-wrap:wrap;justify-content:flex-end}.weather-layout{grid-template-columns:1fr}.weather-card{min-height:450px}.metric-grid{grid-template-columns:1fr}.section-heading{flex-direction:column;align-items:flex-start;gap:24px}}