.chr-bl.height-waves .chr-item:not(.chr-item-date){border-top:2px solid #3875be;background-color:#6caaea;margin-top:10px}.chr-bl.height-waves .chr-item-data{top:-22px}.tide-chart-container{width:100%;position:relative}.tide-chart-svg{width:100%;height:310px;display:block;background-color:#fff;border-radius:4px;padding-top:15px}@media (max-width:768px){.tide-chart-container{padding:10px;margin-top:15px}.tide-chart-svg{height:240px}}.tide-chart-svg:hover{box-shadow:0 4px 12px rgba(0,0,0,0.15)}@media (max-width:768px){.tide-chart-svg:hover{box-shadow:none}}.tide-chart-hours{display:flex;justify-content:space-around;margin-top:5px;font-size:11px;color:#666}.tide-hour-item{text-align:center}@media (max-width:768px){.tide-chart-hours{font-size:9px;margin-top:5px}}.tide-stats{display:flex;justify-content:space-around;margin-bottom:2px;padding:15px;background:#f5f9fd;border-radius:6px;flex-wrap:wrap;gap:15px;align-items:flex-end}.tide-stat-item{text-align:center;flex:1;min-width:120px}.tide-stat-value{font-size:20px;font-weight:bold;color:#2196F3;margin-bottom:5px}.tide-stat-label{font-size:12px;color:#666;margin-top:5px}.tide-stat-time{font-size:11px;color:#999;margin-bottom:5px}@media (max-width:768px){.tide-stats{padding:10px;gap:10px}.tide-stat-item{min-width:80px;flex:1 1 calc(50% - 5px)}.tide-stat-value-mobile{font-size:16px;margin-bottom:3px}.tide-stat-label-mobile{font-size:10px;margin-top:3px}.tide-stat-time-mobile{font-size:9px;margin-bottom:3px}}.tide-legend{display:flex;justify-content:center;gap:25px;margin-top:15px;font-size:13px;flex-wrap:wrap}.tide-legend-item{display:flex;align-items:center;gap:8px;color:#616161}.tide-legend-color{width:30px;height:4px;border-radius:2px;flex-shrink:0}.tide-legend-line{background-image:linear-gradient(to right,#2196F3,#9C27B0,#F44336)}.tide-legend-avg{height:2px;border-radius:0;background-image:repeating-linear-gradient(90deg,#616161 0 5px,transparent 5px 10px)}.tide-legend-dot{width:11px;height:11px;border-radius:50%}.tide-legend-high{background-color:#2196F3}.tide-legend-low{background-color:#F44336}@media (max-width:768px){.tide-legend{gap:15px;margin-top:10px;font-size:10px}.tide-legend-color{width:20px;height:3px}.tide-legend-item{gap:5px}}.marine-tides{background-color:#f5f9fd;border-radius:2px;padding:20px 30px 20px 30px;display:flex;padding:20px}.chr-bl.height-waves .chr-item.wave-point-0:not(.chr-item-date){background-color:#9fb9bf;border-top-color:#7c9095}.chr-bl.height-waves .chr-item.wave-point-1:not(.chr-item-date){background-color:#94b6be;border-top-color:#738e94}.chr-bl.height-waves .chr-item.wave-point-2:not(.chr-item-date){background-color:#5ca8bb;border-top-color:#488392}.chr-bl.height-waves .chr-item.wave-point-3:not(.chr-item-date){background-color:#3675be;border-top-color:#2a5b94}.chr-bl.height-waves .chr-item.wave-point-4:not(.chr-item-date){background-color:#326290;border-top-color:#274c70}.chr-bl.height-waves .chr-item.wave-point-5:not(.chr-item-date){background-color:#009b78;border-top-color:#00795e}.chr-bl.height-waves .chr-item.wave-point-6:not(.chr-item-date){background-color:#a8c944;border-top-color:#839d35}.chr-bl.height-waves .chr-item.wave-point-7:not(.chr-item-date){background-color:#c8420d;border-top-color:#9c330a}.chr-bl.height-waves .chr-item.wave-point-8:not(.chr-item-date){background-color:#c72054;border-top-color:#9b1942}.chr-bl.height-waves .chr-item.wave-point-9:not(.chr-item-date){background-color:#a44090;border-top-color:#803270}.wave-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin:5px 0 0;padding:0;list-style:none;font-size:13px}.wave-legend-item{display:flex;align-items:center;gap:6px}.wave-legend-color{width:12px;height:12px;border-radius:2px;flex-shrink:0}.wave-legend-item b{font-weight:700}.wave-legend-item span{color:#616161}.wave-scale{margin-top:6px;text-align:center;font-size:13px}.wave-scale>summary{display:inline-flex;align-items:center;gap:9px;min-height:20px;padding:0px 13px;color:#0172a8;background-color:#eaf4fd;border:1px solid #cfe4f7;border-radius:2px;cursor:pointer;list-style:none;user-select:none;transition:background-color 0.2s ease;margin-top:6px}.wave-scale>summary::-webkit-details-marker{display:none}.wave-scale>summary::after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform 0.25s ease}.wave-scale[open]>summary::after{transform:translateY(2px) rotate(-135deg)}.wave-scale>summary:hover{background-color:#dceefc}.wave-scale-body{display:inline-block;max-width:520px;margin-top:10px;overflow:hidden;text-align:left;transition:height 0.25s ease}@media (prefers-reduced-motion:reduce){.wave-scale-body{transition:none}.wave-scale>summary::after{transition:none}}.wave-scale-table td[rowspan]{vertical-align:middle}.wave-scale-table{width:100%;border-collapse:collapse}.wave-scale-table th,.wave-scale-table td{padding:4px 8px;border-bottom:1px solid #e0e0e0;text-align:left;white-space:nowrap}.wave-scale-table th{font-weight:700;color:#616161}.wave-scale-table td:first-child{white-space:nowrap}.wave-scale-table .wave-legend-color{display:inline-block;margin-right:6px;vertical-align:-1px}.wave-scale-current{background-color:#eaf4fd;font-weight:700}.wave-scale-note{margin:8px 0 0;font-size:12px;line-height:1.45;color:#616161}.wave-legend-color.wave-point-0{background-color:#9fb9bf}.wave-legend-color.wave-point-1{background-color:#94b6be}.wave-legend-color.wave-point-2{background-color:#5ca8bb}.wave-legend-color.wave-point-3{background-color:#3675be}.wave-legend-color.wave-point-4{background-color:#326290}.wave-legend-color.wave-point-5{background-color:#009b78}.wave-legend-color.wave-point-6{background-color:#a8c944}.wave-legend-color.wave-point-7{background-color:#c8420d}.wave-legend-color.wave-point-8{background-color:#c72054}.wave-legend-color.wave-point-9{background-color:#a44090}.marine-now{margin:10px 0 0;text-align:center}.tide-chart-body{display:flex;align-items:flex-start}.tide-chart-axis{flex:none}.tide-chart-axis-svg{display:block}.tide-chart-wrapper{position:relative;flex:1 1 auto;min-width:0;overflow:hidden}.tide-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background-color:rgba(33,150,243,0.9);color:white;border-radius:50%;display:none;align-items:center;justify-content:center;font-size:36px;font-weight:bold;cursor:pointer;z-index:100;transition:all 0.3s ease;user-select:none;box-shadow:0 2px 8px rgba(0,0,0,0.2);pointer-events:auto}.tide-nav-arrow:hover{background-color:rgba(33,150,243,1);transform:translateY(-50%) scale(1.1)}.tide-nav-arrow:active{transform:translateY(-50%) scale(0.95)}.tide-nav-arrow-left{left:10px}.tide-nav-arrow-right{right:10px}@media (max-width:768px){.tide-nav-arrow{width:35px;height:35px;font-size:20px}.tide-nav-arrow-left{left:5px}.tide-nav-arrow-right{right:5px}}.wave-chart-wrapper{position:relative;min-width:0;overflow:hidden}.wave-chart-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.wave-chart-scroll::-webkit-scrollbar{display:none}#wave-chart .chr,#wave-chart .chr-hours{width:-webkit-max-content;width:max-content;min-width:100%;overflow-y:hidden}.marine-temp-box{width:145px;border-right:1px solid #ACD2F1;margin-right:25px;margin-left:25px;font-size:15px;-webkit-box-flex:0;-ms-flex:0 0 145px;flex:0 0 145px;padding-right:7px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.marine-ln{font-size:14px}.marine-value{font-size:26px;font-weight:700}.marine-value>span{font-size:13px;font-weight:400;color:#616161;position:relative;top:-9px;left:2px}.marine-value-box{display:-webkit-box;display:-ms-flexbox;display:flex}.marine-icon{width:31px;height:24px;margin-right:8px}.marine-icon>svg{width:100%}.info-str.marine-now{margin-top:-5px}.info-str.marine-now{margin-bottom:0}#wave-chart-hours .chr-h-item.chr-item-date>span{font-weight:400}.tide-chart-scroll{width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tide-chart-scroll::-webkit-scrollbar{display:none}.server-rendered-tide{flex:none}.is-draggable{cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;user-select:none}.is-dragging,.is-dragging *{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-user-select:none;user-select:none}.tide-nav-arrow{padding:0;border:0;font-family:inherit}.tide-point{cursor:help}.tide-tooltip{position:fixed;z-index:200;padding:6px 9px;color:#fff;font-size:12px;line-height:1.3;white-space:nowrap;pointer-events:none;background:rgba(33,33,33,0.92);border-radius:3px;box-shadow:0 2px 8px rgba(0,0,0,0.25)}.tide-tooltip[hidden]{display:none}