:root{--bg:#eef2e8;--ink:#14211d;--muted:#62716c;--panel:#fbfcf5;--line:#d5ddcf;--accent:#0f766e;--accent-strong:#0b4f4a;--warm:#d97706;--danger:#b42318;--shadow:0 24px 70px #1d2d2829}*{box-sizing:border-box}html,body{min-height:100%}body{background:linear-gradient(135deg, #0f766e24, transparent 38%), linear-gradient(315deg, #d977061f, transparent 36%), var(--bg);color:var(--ink);margin:0;font-family:Avenir Next,Gill Sans,PingFang SC,Hiragino Sans GB,sans-serif}button,input{font:inherit}.shell{min-height:100vh;padding:48px 20px}.workspace{width:min(1080px,100%);margin:0 auto}.masthead{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.eyebrow,.muted,.timestamp,.forecast-day p{color:var(--muted)}.eyebrow{letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:0;margin-bottom:0;font-family:Georgia,Times New Roman,Songti SC,serif;font-size:clamp(40px,7vw,76px);line-height:.95}h2{letter-spacing:0;margin-bottom:0;font-size:22px}.service-pill,.query-panel,.current-panel,.forecast-panel,.empty-state,.notice{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fbfcf5e0}.service-pill{min-height:42px;color:var(--accent-strong);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-weight:800;display:inline-flex}.query-panel{border-radius:8px;padding:18px}.query-panel label{color:var(--muted);margin-bottom:10px;font-size:13px;font-weight:800;display:block}.search-row{grid-template-columns:1fr auto;gap:12px;display:grid}.input-wrap{background:#fff;border:1px solid #bfcbc2;border-radius:8px;align-items:center;gap:10px;min-width:0;height:54px;padding:0 16px;display:flex}.input-wrap svg{color:var(--accent);flex:none}input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:18px}button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:118px;height:54px;font-weight:900;transition:transform .16s,background .16s;display:inline-flex}button:hover:not(:disabled){background:var(--accent-strong);transform:translateY(-1px)}button:disabled{cursor:wait;opacity:.72}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.notice{color:var(--danger);border-color:#b4231847;border-radius:8px;align-items:center;gap:10px;margin-top:16px;padding:14px 16px;display:flex}.weather-grid{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:18px;margin-top:18px;display:grid}.current-panel,.forecast-panel,.empty-state{border-radius:8px;padding:24px}.current-topline,.panel-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.current-topline>span,.panel-heading>span{color:var(--accent-strong);white-space:nowrap;background:#0f766e1c;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:900}.muted{margin-bottom:6px;font-size:14px}.temperature-lockup{align-items:flex-end;gap:18px;margin:28px 0;display:flex}.temperature-lockup strong{letter-spacing:0;font-family:Georgia,Times New Roman,Songti SC,serif;font-size:clamp(82px,15vw,144px);font-weight:700;line-height:.78}.temperature-lockup p{color:var(--warm);margin-bottom:8px;font-size:18px;font-weight:900}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.metrics div{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:0;padding:14px}.metrics dt{color:var(--muted);align-items:center;gap:7px;font-size:13px;font-weight:800;display:flex}.metrics dd{overflow-wrap:anywhere;margin:8px 0 0;font-size:20px;font-weight:900}.timestamp{margin:22px 0 0;font-size:13px}.forecast-list{gap:10px;margin-top:18px;display:grid}.forecast-day{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:minmax(110px,1fr) auto auto;align-items:center;gap:14px;min-height:74px;padding:14px;display:grid}.forecast-day time{font-weight:900}.forecast-day p{margin:5px 0 0;font-size:13px}.range{align-items:baseline;gap:8px;font-weight:900;display:flex}.range strong{font-size:22px}.range span{color:var(--muted)}.rain{color:var(--accent-strong);font-weight:900}.empty-state{min-height:300px;color:var(--muted);text-align:center;place-items:center;margin-top:18px;display:grid}.empty-state p{margin:14px 0 0;font-weight:800}@media (max-width:760px){.shell{padding:28px 14px}.masthead,.current-topline,.panel-heading{flex-direction:column;align-items:stretch}.service-pill,.current-topline>span,.panel-heading>span{width:fit-content}.search-row,.weather-grid,.metrics{grid-template-columns:1fr}button{width:100%}.temperature-lockup{flex-direction:column;align-items:flex-start}.forecast-day{grid-template-columns:1fr auto}.rain{grid-column:1/-1}}