:root{--navy:#071e42;--blue:#0869df;--sky:#0bbcff;--purple:#7a35d1;--green:#39a812;--orange:#ff8700;--yellow:#ffd326;--line:#dbe7f4;--soft:#f3f8ff}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(160deg,#dff3ff,#eef5fb);color:var(--navy)}.page{padding:18px;min-height:100vh}.forecast-card{max-width:1180px;margin:0 auto;background:white;border-radius:18px;padding:22px;box-shadow:0 18px 45px rgba(4,31,69,.16)}.hero{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px}.title-wrap{display:flex;gap:15px;align-items:center}.rain-icon{font-size:70px;line-height:1}h1{font-size:42px;letter-spacing:3px;margin:0 0 4px;font-weight:900}p{margin:0}.hero p{font-size:23px;color:#4054a3;font-weight:800}.muted{font-weight:700}.total-box{border:2px solid #52baff;border-radius:12px;padding:12px 26px;min-width:245px;text-align:center;background:#f7fcff}.total-box span{font-weight:900;color:#075bb9}.total-box strong{display:block;font-size:34px;color:#073f9d;margin:6px 0}.total-box small{color:#1b5ca8;font-weight:800}.controls{display:flex;gap:12px;margin:14px 0 18px}.controls input{flex:1;border:2px solid #d8e7f7;border-radius:12px;padding:14px 16px;font-size:18px}.controls button,footer button{border:0;border-radius:12px;padding:14px 20px;font-weight:900;color:white;background:linear-gradient(135deg,#0b6ff0,#02befe);font-size:16px}.table-wrap{overflow-x:auto;border-radius:10px;border:1px solid var(--line)}.rain-table{width:100%;min-width:1040px;border-collapse:collapse;table-layout:fixed}.rain-table th{background:#052555;color:white;padding:12px 8px;border:1px solid #8fb4dd;text-transform:uppercase;font-size:14px}.rain-table .bar-head{background:linear-gradient(90deg,#064bb7,#028cff)}.scale-row th{background:#0d62cc;font-size:13px;padding:7px}.rain-table td{border:1px solid #e3e9f1;padding:10px;background:#fff;font-weight:800;text-align:center}.day-cell{color:white!important;font-size:18px;line-height:1.25;width:96px}.day-cell small{display:block;font-size:13px;margin-top:4px}.day-purple{background:linear-gradient(180deg,#8e39d7,#bd56e7)!important}.day-green{background:linear-gradient(180deg,#35ac12,#47c717)!important}.outlook{text-align:left!important;font-size:13px}.emoji{font-size:28px;margin-right:8px;vertical-align:middle}.bar-cell{padding:0!important;background:linear-gradient(90deg,#fff,#fbfdff)!important}.bar-track{height:36px;position:relative;background-image:repeating-linear-gradient(to right,transparent 0,transparent calc(12.5% - 1px),#d8dde6 calc(12.5% - 1px),#d8dde6 12.5%)}.bar{height:100%;border-radius:0 3px 3px 0;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;color:white;font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.25);min-width:10px}.c-purple{background:linear-gradient(90deg,#7b39d2,#b05be8)}.c-green{background:linear-gradient(90deg,#76c83d,#a3dd52)}.c-yellow{background:linear-gradient(90deg,#ffd326,#ffdc3d);color:#ad6a00;text-shadow:none}.c-orange{background:linear-gradient(90deg,#ff940a,#ff6d00)}.c-cyan{background:linear-gradient(90deg,#6fd6df,#3bbbd4)}.estimate{font-size:17px}.loading{padding:30px!important}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.summary{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;min-height:135px}.summary h3{margin:0;padding:10px 13px;color:white;font-size:17px;text-transform:uppercase}.summary p,.summary ul{padding:12px 14px;font-weight:800;line-height:1.45}.summary p+p{padding-top:0}.summary b{float:right;font-size:20px}.blue h3{background:#0a73dc}.purple h3{background:#8229cc}.orange h3{background:#ff7900}.green h3{background:#079128}.green li{margin:4px 0}footer{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.note{font-size:13px;color:#4b5b73;margin-top:12px;font-weight:700}
.mobile-note{display:none}.mobile-cards{display:none}
.mobile-day{font-weight:900;background:linear-gradient(135deg,#0b6ff0,#02befe);color:white;padding:10px 14px;border-radius:14px;margin:14px 0 8px;font-size:18px}
.rain-card{background:#fff;border:1px solid var(--line);border-radius:16px;margin:10px 0;padding:12px;box-shadow:0 6px 18px rgba(4,31,69,.08)}
.rain-card-top{display:flex;justify-content:space-between;gap:8px;align-items:center;font-weight:900;font-size:16px}.rain-card-time{color:var(--navy)}.rain-card-mm{font-size:20px;color:#083f9e}.rain-card-outlook{margin:8px 0 10px;font-weight:800;color:#31415d}.rain-card-bar{height:18px;background:#eef4fb;border-radius:999px;overflow:hidden}.rain-card-fill{height:100%;border-radius:999px}.rain-card-fill.c-purple{background:linear-gradient(90deg,#7b39d2,#b05be8)}.rain-card-fill.c-green{background:linear-gradient(90deg,#76c83d,#a3dd52)}.rain-card-fill.c-yellow{background:linear-gradient(90deg,#ffd326,#ffdc3d)}.rain-card-fill.c-orange{background:linear-gradient(90deg,#ff940a,#ff6d00)}.rain-card-fill.c-cyan{background:linear-gradient(90deg,#6fd6df,#3bbbd4)}
@media(max-width:760px){.forecast-card{padding:14px;border-radius:0}.page{padding:0}.hero{display:block}.title-wrap{gap:8px}.rain-icon{font-size:46px}h1{font-size:28px;letter-spacing:1px}.hero p{font-size:18px}.total-box{margin-top:12px;width:100%;min-width:0}.controls{display:block}.controls input,.controls button{width:100%;margin-bottom:10px}.summary-grid{grid-template-columns:1fr}.mobile-note{display:block;background:#eaf5ff;border:1px solid #cfe6ff;border-radius:12px;padding:10px;margin:10px 0;font-weight:800;color:#113257}.mobile-cards{display:block}.table-wrap{display:none}footer button{flex:1 1 45%}.summary{min-height:auto}.summary h3{font-size:16px}.total-box strong{font-size:32px}}