.tide-chart{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a99;border:1px solid #ffffff14;border-radius:16px;padding:20px;position:relative;overflow:hidden}.tide-chart svg{width:100%;height:auto;display:block}.chart-tooltip{pointer-events:none;z-index:10;background:#0f172af2;border:1px solid #06b6d480;border-radius:8px;padding:10px 14px;font-size:13px;transition:opacity .15s;position:absolute;box-shadow:0 4px 20px #0000004d}.tooltip-time{color:#fff9;margin-bottom:4px;font-size:11px}.tooltip-value{color:#22d3ee;font-family:JetBrains Mono,monospace;font-size:16px;font-weight:700}.marker text{text-shadow:0 2px 4px #00000080}@media (max-width:600px){.tide-chart{padding:12px}.marker text{font-size:10px!important}}
.tide-bar-chart{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172a99;border:1px solid #ffffff1a;border-radius:16px;width:100%;padding:1.5rem;box-shadow:0 8px 32px #0000004d}.tide-bar-chart svg{display:block;overflow:visible}.tide-bar-chart .bar{cursor:pointer;transition:filter .2s}.tide-bar-chart .bar:hover{filter:brightness(1.2)}.tide-bar-chart .bar.high{filter:drop-shadow(0 0 8px #22d3ee33)}.tide-bar-chart .bar.low{filter:drop-shadow(0 0 8px #60a5fa33)}.tide-bar-chart .value-label{pointer-events:none;text-shadow:0 1px 3px #00000080}.tide-bar-chart .time-label,.tide-bar-chart .day-label{pointer-events:none}.tide-bar-chart .type-indicator{pointer-events:none;text-shadow:0 1px 2px #0000004d}@media (max-width:600px){.tide-bar-chart{padding:1rem}.tide-bar-chart .value-label{font-size:10px!important}.tide-bar-chart .time-label{font-size:9px!important}.tide-bar-chart .day-label{font-size:8px!important}}
.tide-level-chart{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172a99;border:1px solid #ffffff1a;border-radius:16px;width:100%;padding:1.5rem;box-shadow:0 8px 32px #0000004d}.tide-level-chart svg{display:block;overflow:visible}.tide-level-chart .level-line{transition:stroke-width .2s}.tide-level-chart .level-line:hover{stroke-width:5px}.tide-level-chart .level-line.high{filter:drop-shadow(0 0 10px #22d3ee80)}.tide-level-chart .level-line.low{filter:drop-shadow(0 0 10px #60a5fa80)}.tide-level-chart .tide-marker{transition:r .2s}.tide-level-chart .tide-marker:hover{r:8}.tide-level-chart .tide-marker.high{filter:drop-shadow(0 0 6px #22d3ee33)}.tide-level-chart .tide-marker.low{filter:drop-shadow(0 0 6px #60a5fa33)}.tide-level-chart .level-label{pointer-events:none;text-shadow:0 1px 3px #00000080}.tide-level-chart .time-label,.tide-level-chart .type-label,.tide-level-chart .connector{pointer-events:none}@media (max-width:600px){.tide-level-chart{padding:1rem}.tide-level-chart .level-label{font-size:10px!important}.tide-level-chart .time-label,.tide-level-chart .type-label{font-size:9px!important}}