:root{color-scheme:light;--ink:#19374a;--sub:#506979;--line:#dbe5ec;--blue:#00678c;--pale:#e6f2f8;--row:#f3f7fa}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;min-height:0;height:auto}body{font:14px/1.4 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:#f2f5f8;padding:14px}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #2585ac;outline-offset:2px}button:disabled{cursor:default;opacity:.45}#panel{width:100%;min-width:0}header{padding:8px 4px 12px}.brand{font-size:25px;font-weight:750;letter-spacing:-1px}.brand span{color:var(--blue)}.brand small{display:inline-block;margin-left:13px;font-size:11px;letter-spacing:.5px;font-weight:500;color:var(--sub);border:1px solid var(--line);padding:3px 7px;border-radius:4px}h1{font-size:23px;line-height:1.2;margin:10px 0}.update{display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap;color:var(--sub);font-size:12px}#refresh{background:white;border:1px solid var(--line);padding:5px 9px;border-radius:4px;color:var(--blue)}#zones{display:flex;flex-wrap:wrap;gap:6px;margin:5px 0 15px}#zones button{border:1px solid var(--line);border-radius:5px;padding:7px 11px;background:white;color:var(--sub);font-size:12px}#zones small{margin-left:7px}#zones button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:white}.table-panel{background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden}.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:12px 14px}.toolbar label{display:flex;align-items:center;gap:7px;color:var(--sub);font-size:12px}input,select{padding:7px 9px;border:1px solid var(--line);border-radius:5px;color:var(--ink);background:white}input{width:205px;max-width:100%}#rain-first{background:white;color:var(--sub);border:1px solid var(--line);border-radius:5px;padding:7px 10px;font-size:12px}#rain-first[aria-pressed=true]{background:var(--pale);color:var(--blue)}#views{display:flex;gap:5px;flex-wrap:wrap;padding:0 14px 12px}#views button{background:transparent;border:1px solid var(--line);color:var(--sub);padding:5px 9px;border-radius:4px;font-size:12px}#views button[aria-pressed=true]{background:var(--pale);color:var(--blue);border-color:#91bdd0}#notice{padding:0 14px;color:#96531c;font-size:12px}#notice:not(:empty){padding-bottom:10px}.scroll{overflow-x:auto;overscroll-behavior-x:contain;max-width:100%}table{border-spacing:0;border-collapse:separate;width:100%;font-variant-numeric:tabular-nums;font-size:13px}table.full{min-width:1890px}th,td{text-align:right;white-space:nowrap;padding:9px 8px;border-bottom:1px solid var(--line)}thead th{background:#edf3f7;color:var(--sub);font-weight:500}.groups th{text-align:center;border-bottom:0;font-size:12px;padding:10px 7px 6px}.group-label{display:inline-flex;align-items:center;gap:6px}.icon{width:15px;height:15px;display:inline-block;vertical-align:middle;flex:none}th:first-child,td:first-child{position:sticky;left:0;z-index:2;text-align:left;background:white;min-width:190px;max-width:250px;padding-left:14px}thead th:first-child{background:#edf3f7;z-index:3}tbody tr:nth-child(even) td{background:var(--row)}tbody tr:hover td{background:#e7f1f7}.sort{display:flex;gap:4px;align-items:center;justify-content:flex-end;border:0;background:none;padding:3px 0;color:inherit;font-size:12px;width:100%;white-space:normal;text-align:right}th:first-child .sort{justify-content:flex-start}th[aria-sort=ascending],th[aria-sort=descending]{background:#dcecf5;color:var(--blue)}.sort small{font-size:10px;opacity:.7}.sep{border-left:1px solid var(--line)}.name-line{display:flex;align-items:center;gap:7px}.station{color:var(--blue);text-decoration:none;font-weight:650;white-space:normal;line-height:1.3}.station:hover{text-decoration:underline}.station-meta{color:var(--sub);font-size:11px;white-space:normal;line-height:1.25;margin-top:3px}.lamp{display:inline-block;flex:none;width:11px;height:11px;border-radius:50%;border:1px solid rgba(0,0,0,.25);box-shadow:inset 0 1px 2px #ffffff80}.vivo{background:#289447}.dormido{background:#f1c232}.muerto{background:#d74640}.unknown{background:#b0bac1}.status-cell{text-align:center}.current{font-weight:650}.max{color:#ad483a}.min{color:#126b9b}.missing{color:#87949c}.old-value{color:#6a7983}.rain-mark{color:#007399}.pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;color:var(--sub);font-size:12px}#pages{display:flex;gap:4px;flex-wrap:wrap}#pages button{border:1px solid var(--line);background:white;color:var(--sub);padding:5px 9px;border-radius:4px;min-width:30px}#pages button[aria-current=page]{background:var(--blue);color:white}footer{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;padding:12px 4px 3px;font-size:11px;color:var(--sub)}#legend{display:flex;gap:10px;align-items:center;flex-wrap:wrap}#legend span{display:inline-flex;align-items:center;gap:5px}.empty{text-align:center!important;padding:24px!important}.unit{display:block;font-size:10px;font-weight:400}.mobile-time{display:none}
@media(max-width:700px){body{padding:7px}header{padding:5px 2px 10px}h1{font-size:20px}.brand{font-size:23px}#zones{gap:5px}#zones button{padding:7px 8px;font-size:11px}.toolbar{padding:10px;gap:10px}.toolbar label:last-child{flex:1;min-width:200px}.toolbar input{width:100%;min-width:0}.update{gap:7px;font-size:11px}#refresh-info{flex-basis:100%}#views{padding:0 10px 10px}table.compact{table-layout:fixed;min-width:0}table.compact th,table.compact td{padding:8px 3px;font-size:12px}table.compact th:first-child,table.compact td:first-child{width:37%;min-width:0;max-width:none;padding-left:7px}table.compact .sort{font-size:11px;justify-content:center;gap:1px}table.compact th:first-child .sort{justify-content:flex-start}table.compact .station{font-size:12px;overflow-wrap:anywhere}table.compact .station-meta{font-size:10px}table.compact .name-line{gap:5px}table.compact .lamp{width:9px;height:9px}table.compact .mobile-time{display:block}table.compact .groups th{font-size:11px;white-space:normal}table.compact .unit{font-size:10px}table.compact .group-label{gap:4px}table.compact .icon{width:13px;height:13px}.pagination{padding:10px}footer{font-size:11px}table.compact .station-meta.zone-meta{display:none}}
@media(max-width:420px){table.compact.view-rain th:first-child,table.compact.view-rain td:first-child{width:29%}table.compact.view-rain td{font-size:11px;padding-left:1px;padding-right:1px}table.compact.view-rain .sort{font-size:10px}table.compact.view-rain .sort small{display:none}}
@media(pointer:coarse){button,select,input{min-height:44px}input,select{font-size:16px}.station{display:inline-flex;align-items:center;min-height:36px}}

.brand small[hidden]{display:none}
.rain-level{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;min-height:28px;padding:4px;border:1px solid currentColor;border-radius:5px;vertical-align:middle;cursor:pointer}
.rain-level .icon{width:17px;height:17px}
.rain-level-0{color:#32758e;background:#edf7fb}
.rain-level-1{color:#0069b0;background:#e0f0ff}
.rain-level-2{color:#765500;background:#ffed99}
.rain-level-3{color:#963900;background:#ffce9d}
.rain-level-4{color:#fff;background:#c21f30;border-color:#a31324}
@media(pointer:coarse){.rain-level{width:44px;height:44px;min-height:44px}}