:root{font-size:18px}body{margin:0;font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;-webkit-text-size-adjust:100%;background:#f6f7fb;color:#111}#root>div{max-width:900px;margin:0 auto}button{font-size:18px;padding:10px 14px;border-radius:10px;border:1px solid #333;background:#fff}button:active{transform:translateY(1px)}.weatherHours{margin-top:10px}.hoursRow{display:flex;gap:10px;flex-wrap:nowrap;overflow-x:auto}.hourBox{min-width:70px;padding:8px;border:1px solid #333;border-radius:10px;text-align:center;background:#fafafa}.hour{font-size:13px;opacity:.7}.prob{font-size:14px;margin-top:4px}.temp{font-size:16px;font-weight:700;margin-top:2px}.hourBox{min-width:70px;padding:8px;border:1px solid #333;border-radius:10px;text-align:center;background:#fafafa;transition:.2s ease}.hourBox.rainHigh{background:#ffe5e5;border-color:#ff4d4d}.hourBox.rainMid{background:#fff6e5;border-color:#ffb84d}