*{box-sizing:border-box}body{color:#20342b;background:#f6f7f3;margin:0;font:18px/1.55 system-ui,-apple-system,sans-serif}a{color:#245d43}button,input{font:inherit}a,button,input{outline-offset:5px}.bar{border-bottom:1px solid #d8dfd8;justify-content:space-between;align-items:center;max-width:1100px;margin:auto;padding:24px 32px;display:flex}.brand{font-size:24px;font-weight:750;text-decoration:none}nav{gap:24px;display:flex}nav a{font-size:18px;text-decoration:none}.router-link-exact-active{border-bottom:2px solid;font-weight:700}main{max-width:850px;min-height:60vh;margin:64px auto;padding:0 32px}.eyebrow{letter-spacing:.08em;color:#526656;font-size:16px;font-weight:700}h1{letter-spacing:-.04em;margin:16px 0;font-size:clamp(36px,5vw,54px);line-height:1.12}h2{margin:8px 0;font-size:30px;line-height:1.2}p{margin:12px 0}.intro{color:#53635a;font-size:20px}.search{margin-top:32px}label{margin-bottom:8px;font-size:16px;font-weight:650;display:block}.controls{gap:12px;display:flex}input{background:#fff;border:1px solid #9daa9f;border-radius:8px;flex:1;min-width:0;padding:13px 16px}button,.cta{color:#fff;cursor:pointer;background:#245d43;border:0;border-radius:8px;padding:14px 22px;font-weight:650}.cta{gap:32px;margin-top:24px;text-decoration:none;display:inline-flex}button:disabled{opacity:.6;cursor:wait}.weather{background:#fff;border:1px solid #d4ded5;border-radius:16px;margin-top:28px;padding:28px 32px}.weather p{margin:6px 0}.temperature{align-items:center;gap:24px;margin-top:18px;display:flex}.temperature>span{font-size:54px}.temperature strong{font-size:56px;line-height:1.1}.unit{font-size:30px}.condition{font-size:22px}dl{border-top:1px solid #e0e6df;gap:56px;margin:24px 0 16px;padding-top:20px;display:flex}dt{color:#53635a;font-size:16px}dd{margin:0;font-size:22px;font-weight:650}.timestamp,.source{color:#526257;font-size:16px}.source{margin-top:24px}.error{color:#8b351c;background:#fff0e9;border-radius:8px;padding:16px}.empty{color:#526257;padding:28px 0}.home-note{border-top:1px solid #d4ded5;margin-top:80px;padding-top:24px}.home-note h2{font-size:24px}footer{color:#53635a;border-top:1px solid #d8dfd8;max-width:1100px;margin:auto;padding:24px 32px;font-size:16px}@media (width<=550px){.bar{flex-wrap:wrap;gap:16px;padding:20px}nav{gap:18px}main{margin:36px auto;padding:0 20px}.controls{flex-direction:column}.weather{padding:24px}.temperature strong{font-size:44px}.timestamp{overflow-wrap:anywhere}dl{gap:32px}.home-note{margin-top:48px}}