/* Quiet loading feedback; the water level is decorative, never a percentage. */
.tide-status-group{display:flex;align-items:flex-start;gap:8px;min-width:0;flex:1}
.tide-status-group #status{min-width:0;overflow-wrap:anywhere}
.tide-loading{display:inline-flex;align-items:center;gap:8px;color:var(--muted);flex:none}
.tide-loading[hidden]{display:none!important}
.tide-loading-inline{margin-top:-4px}
.tide-loading-header{margin-left:12px;font-size:14px;line-height:1.4}
.tide-loading-bucket{display:block;width:32px;height:34px;flex:none;overflow:visible}
.tide-bucket-handle,.tide-bucket-outline,.tide-bucket-rim{fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tide-bucket-handle{stroke:var(--muted)}
.tide-bucket-body{fill:#edf4f4}
.tide-bucket-water{fill:#78afb6;transform:translateY(4px);animation:tide-bucket-fill 2.8s ease-in-out infinite}
.tide-bucket-shine{fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;opacity:.7}
.tide-loading[hidden] .tide-bucket-water{animation:none}
@keyframes tide-bucket-fill{0%,100%{transform:translateY(9px)}70%,82%{transform:translateY(-5px)}}
.tide-loading.is-motion-paused .tide-bucket-water{animation:none;transform:translateY(0)}
@media(max-width:760px){.tide-loading-inline{margin-top:0}.tide-loading-header{gap:6px}}
@media(max-width:520px){.tide-loading-header .tide-loading-label{display:none}}
@media(prefers-reduced-motion:reduce){.tide-bucket-water{animation:none;transform:translateY(0)}}