*{box-sizing:border-box}body{color:#183c2c;background:#f5f8f4;margin:0;font:16px/1.6 system-ui,-apple-system,sans-serif}header{background:#fff;border-bottom:1px solid #d5e2d7;justify-content:space-between;align-items:center;gap:20px;padding:22px 5%;display:flex}.brand{font-size:24px;font-weight:800}.brand span{color:#63796a;font-size:12px;font-weight:500;display:block}nav{gap:24px;display:flex}a{color:#26663d}nav a{font-weight:650;text-decoration:none}.router-link-active{border-bottom:2px solid #26663d}.shell{max-width:1150px;margin:30px auto;padding:0 24px}.identity{color:#5a7062;justify-content:space-between;gap:12px;margin-bottom:30px;font-size:13px;display:flex}.identity span{letter-spacing:1px;background:#e1eddf;border-radius:4px;padding:3px 10px;font-size:11px}section{background:#fff;border:1px solid #d5e2d7;border-radius:12px;padding:32px}h1{margin:8px 0 16px;font-size:40px;line-height:1.2}h2{font-size:20px}p{margin:14px 0}.eyebrow{text-transform:uppercase;letter-spacing:1.5px;color:#64816d;font-size:12px;font-weight:750}.fields{grid-template-columns:1fr 1fr;gap:18px;display:grid}label{gap:6px;margin-bottom:18px;font-weight:650;display:grid}input{font:inherit;border:1px solid #aabbaf;border-radius:6px;width:100%;padding:12px}button{color:#fff;cursor:pointer;background:#235c39;border:0;border-radius:6px;margin:6px 12px 6px 0;padding:12px 20px;font:600 15px system-ui}button:disabled{opacity:.55;cursor:wait}.secondary{color:#235c39;background:#e6efe7}pre{color:#243d2d;background:#f0f5ef;border-radius:6px;padding:20px;font:15px/1.7 ui-monospace,monospace;overflow:auto}.comparison{grid-template-columns:1fr 1fr;gap:20px;display:grid}article{min-width:0}.count,.temperature{font-size:64px;font-weight:750;line-height:1.2}.count small{font-size:20px;font-weight:400}.error{color:#a42d2d}.error:empty{display:none}.hint{color:#627469;font-size:13px}.weather{background:#f0f6ed;border-radius:10px;justify-content:space-between;align-items:center;margin:24px 0;padding:25px;display:flex}.weather-icon{font-size:100px}.api-page{background:#fff;min-height:100vh;padding:8px}.api-page pre{color:#111;background:#fff;border-radius:0;margin:0;padding:0;font:16px/1.6 monospace}@media (width<=700px){header,.identity{flex-direction:column;align-items:start}.fields,.comparison{grid-template-columns:1fr}nav{flex-wrap:wrap;gap:14px}section{padding:20px}.weather-icon{font-size:64px}}