:root{color-scheme:dark;--bg:#05070b;--surface:#10151c;--blue:#073554;--accent:#7bd8ff;--lime:#e0ed4d;--line:#303b49;--muted:#9caebd;--header-height:58px;--date-row-height:40px;--tide-chart-height:310px;--weather-row-height:26px;--bottom-nav-height:62px;--font-xs:11px;--font-sm:12px;--font-md:14px;--border-thin:1px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:#edf1f5;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,Meiryo,sans-serif;font-variant-numeric:tabular-nums}body{overscroll-behavior-x:none}button,a,input,select{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0;padding:0}a{color:var(--accent);text-underline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}button:disabled{opacity:.4;cursor:default}.shell{max-width:520px;margin:auto;min-height:100dvh;position:relative;border-left:1px solid #19222d;border-right:1px solid #19222d}#main{padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + 10px)}.header{height:calc(var(--header-height) + env(safe-area-inset-top));padding:calc(6px + env(safe-area-inset-top)) 10px 6px;display:grid;grid-template-columns:43px 1fr 38px;align-items:center;border-bottom:1px solid #252d37}.fi-badge{background:var(--lime);color:#101820;font-size:12px;font-weight:700;text-align:center;border:1px solid #f4fc95;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.fi-badge strong{font-size:20px;border-top:1px solid #485218}.point-name{font-size:18px;font-weight:700;line-height:1.2;text-align:center;white-space:normal;display:block}.point-name small{display:block;font-size:10px;letter-spacing:1.5px;color:var(--muted);font-weight:400;margin-top:4px}.favorite{display:grid;place-content:center;width:38px;height:44px;color:#9babbc}.favorite.active{color:#ff675d}.favorite.active svg{fill:currentColor}.date-row{display:flex;align-items:center;height:var(--date-row-height);gap:4px;border-bottom:1px solid #376980;background:#0b121c;padding:0 7px}.date-row button{height:36px;min-width:34px}.date-chip{flex:1;text-align:center;background:#246ea2;height:30px;line-height:30px;font-size:14px;font-weight:700}.tide-name{padding:3px 5px;color:#064c7a;background:#d6f0ff;font-size:12px;margin-left:7px}.tiny{font-size:11px;color:var(--accent)}.prev svg{transform:rotate(180deg)}.status-bar{min-height:23px;display:flex;gap:6px;align-items:center;justify-content:space-between;padding:3px 8px;font-size:10px;color:#a9c1cd;background:#0c1925}.status-bar.demo{color:#fff1a5;background:#554511;position:sticky;top:0;z-index:900}.status-bar.offline{background:#4b2833;color:#fff}.current-strip{display:flex;justify-content:space-between;gap:6px;align-items:center;height:38px;padding:3px 9px;background:#102a40}.current-strip strong{font-size:21px;color:var(--lime)}.current-strip .current-label{font-size:10px;display:inline-block;margin-right:6px;line-height:1.2}.current-strip .phase-progress{font-size:13px}.chart-wrap{position:relative;touch-action:pan-y;user-select:none}.tide-svg{display:block;width:100%;height:auto;min-height:0;touch-action:none}.chart-caption{height:25px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;background:#0b1521;font-size:11px;color:#bed5e6}.switch-mini{display:flex;align-items:center;gap:4px;color:var(--lime);min-width:55px;height:25px}.selected-readout{background:#101e2d;border-bottom:1px solid #2a4c64;padding:5px 8px;min-height:29px;font-size:11px;display:flex;gap:8px;flex-wrap:wrap}.selected-readout time{color:#8ae5ff;font-weight:700}.weather-table{background:#0b0e14}.weather-row{position:relative;height:var(--weather-row-height);border-bottom:1px solid #2a333f;font-size:11px;overflow:hidden}.weather-row.icon-row{height:29px}.row-label{position:absolute;left:3px;top:50%;transform:translateY(-50%);font-size:10px;color:#b8c2cd;width:34px;line-height:1.1}.weather-cell{position:absolute;top:0;height:100%;width:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:1px solid #26313c;transform:translate(-50%);font-size:11px;white-space:nowrap;line-height:1.1}.weather-cell.selected{background:#173a51;color:#8ee8ff}.weather-cell svg{color:#d6e4f1}.weather-cell svg:has(circle){color:#ffbd55}.weather-cell small{font-size:8px;line-height:1.2}.wind-arrow{display:inline-block;color:#b1d6df;font-size:16px;line-height:15px}.metrics{display:grid;grid-template-columns:1fr 1.35fr .6fr;min-height:40px;align-items:center;background:#0c2338;border-bottom:1px solid #37516b;font-size:12px;text-align:center}.metrics>span,.metrics>button{padding:7px 3px;border-right:1px solid #405063}.metrics button{color:var(--accent);font-weight:700}.section-title{font-size:12px;letter-spacing:.5px;background:#142133;border-top:1px solid #344457;border-bottom:1px solid #344457;margin:0;padding:7px 10px;display:flex;justify-content:space-between;align-items:center}.section-title small{font-size:10px;color:#9eafbf;font-weight:400}.moon-info{display:flex;align-items:center;gap:11px;padding:10px;background:#0d141f;font-size:12px;line-height:1.65;min-height:98px}.moon-info strong{font-size:17px;color:#e6e6c7}.moon-info .moon-times{margin-left:auto;font-size:11px;text-align:right}.moon-disc{flex-shrink:0;display:block}.pressure-head{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;font-size:12px;background:#0a1a2a}.pressure-head strong{font-size:17px;color:#91d5ff}.pressure-svg{width:100%;display:block}.daily-grid{display:grid;grid-template-columns:repeat(4,1fr)}.daily-day{min-height:139px;border-right:1px solid #3b4b5c;border-bottom:1px solid #3b4b5c;background:#101d2b;text-align:center;font-size:11px;padding:6px 2px;line-height:1.7}.daily-day.selected{background:#12354e}.daily-day strong{color:var(--accent);font-size:13px}.daily-day .fi-value{color:var(--lime);font-size:14px}.daily-day small{display:block;font-size:10px;color:#b7c6d3}.source-info{font-size:11px;color:#9eb0be;line-height:1.75;padding:10px}.source-info summary{cursor:pointer;color:var(--accent)}.source-info p{margin:5px 0}.error-note{padding:6px 9px;font-size:11px;color:#f3baa7;border-bottom:1px solid #443228}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(100%,520px);height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));padding:5px 2px calc(3px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(6,1fr);background:#171a20;border-top:1px solid #474d55;z-index:1000}.bottom-nav button{position:relative;display:flex;flex-direction:column;gap:4px;justify-content:center;align-items:center;font-size:9px;white-space:nowrap;color:#939fa9}.bottom-nav button.active{color:#65c7ff}.bottom-nav button svg{width:24px;height:24px}.nav-dot{position:absolute;background:#fa5a59;color:#fff;border-radius:50%;right:12px;top:1px;padding:1px 4px;font-size:9px}.view-title{height:48px;background:#152539;border-bottom:1px solid #435164;display:flex;align-items:center;justify-content:space-between;padding:0 10px;margin:0;font-size:17px}.view-title button{height:44px;min-width:40px;color:var(--accent);font-size:12px}.calendar-toolbar{height:49px;display:flex;align-items:center;justify-content:space-around;border-bottom:1px solid #355367;background:#0b1e31}.calendar-toolbar button{min-width:44px;height:44px;color:var(--accent)}.calendar-toolbar strong{font-size:19px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));touch-action:pan-y}.weekday{padding:9px 0;text-align:center;border-bottom:1px solid #435368;color:#b8c8d7;font-size:12px;background:#111c2a}.weekday:first-child{color:#ff918d}.weekday:last-child{color:#7fb7ff}.calendar-day{height:100px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;border-right:1px solid #2c3b4d;border-bottom:1px solid #2c3b4d;position:relative;background:#0c1420;font-size:11px}.calendar-day .day-number{font-size:14px;font-weight:700}.calendar-day:nth-child(7n+1) .day-number{color:#ff918d}.calendar-day:nth-child(7n) .day-number{color:#7fb7ff}.calendar-day.outside{opacity:.42}.calendar-day.today .day-number{background:#165d82;border-radius:50%;padding:1px 6px}.calendar-day.selected{box-shadow:inset 0 0 0 2px #72d7ff;background:#14384f}.calendar-day .calendar-fi{font-size:10px;color:var(--lime)}.calendar-key{display:flex;justify-content:space-around;padding:10px;color:#acbac7;font-size:11px;line-height:1.8}.point-list{margin:0;padding:0;list-style:none}.point-row{display:grid;grid-template-columns:1fr 35px 38px;align-items:center;gap:0;border-bottom:1px solid #334251;padding:8px;background:#0d1724;min-height:89px}.point-content{text-align:left;min-height:65px}.point-content strong{font-size:15px;display:block;margin-bottom:6px}.point-content .point-weather{display:flex;align-items:center;gap:8px;color:#b8c8d4;font-size:11px}.point-content .point-weather svg{width:19px}.point-order{display:flex;flex-direction:column}.point-order button{height:32px;color:#71caff}.empty-message{padding:18px 12px;font-size:14px;color:#aebdcb;line-height:1.8}.list-subtitle{font-size:12px;color:#a9b9c9;padding:10px;margin:0;border-bottom:1px solid #304151}.settings-group{padding:0 11px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:53px;border-bottom:1px solid #2c3846;font-size:14px}.setting-row small{display:block;font-size:11px;color:#9daebd;line-height:1.5}.setting-row select{max-width:125px;background:#16273a;border:1px solid #42546b;padding:6px;color:#aadeff}.toggle{width:42px;height:25px;border-radius:15px;appearance:none;background:#42505e;cursor:pointer;position:relative;flex-shrink:0}.toggle:before{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:#cad4dd;transition:left .1s}.toggle:checked{background:#167baf}.toggle:checked:before{left:20px;background:#fff}.action-button{border:1px solid #456276;background:#122d44;min-height:43px;padding:8px 12px;color:#9fdfff;font-size:13px}.settings-actions{display:flex;gap:8px;padding:14px 10px}.app-about{font-size:12px;padding:12px;line-height:1.8;color:#b3c2d0}.app-about h3{font-size:15px;color:#edf1f5}.warning-source{padding:10px;font-size:12px;line-height:1.7;color:#bdcedc}.hazards{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#304053}.hazards a{display:flex;justify-content:center;align-items:center;background:#172330;min-height:49px;font-size:13px;text-decoration:none}.hazards a.major{color:#ffd68a;background:#39261f}.warning-entry{padding:10px;border-bottom:1px solid #394858;background:#131d2a}.warning-entry summary{font-size:13px;cursor:pointer;line-height:1.6}.warning-entry time{display:block;font-size:11px;color:#adbdca}.warning-entry p{font-size:12px;line-height:1.7;color:#b8cad7}.warning-entry a{font-size:12px}.map-view{position:relative;height:calc(100dvh - var(--bottom-nav-height) - 48px - env(safe-area-inset-bottom));min-height:400px;background:#102538}.map-view.radar-view{height:calc(100dvh - var(--bottom-nav-height) - 48px - env(safe-area-inset-bottom))}.map{position:absolute;inset:0;z-index:0;background:#183744}.leaflet-container{font-family:inherit!important}.leaflet-tile-pane{filter:none}.leaflet-baseMap-pane{filter:saturate(.72) brightness(.95)}.leaflet-overlay-pane{filter:none}.leaflet-control-attribution{font-size:9px!important}.leaflet-control-zoom{display:none}.map-buttons{position:absolute;right:10px;bottom:150px;display:flex;flex-direction:column;gap:8px;z-index:600}.map-buttons button{width:40px;height:40px;border-radius:50%;background:#f5fbff;color:#1877b4;display:grid;place-content:center;box-shadow:0 1px 5px #0006;font-size:25px}.map-top{position:absolute;left:8px;right:8px;top:10px;z-index:500}.legend{background:#111b29e8;padding:6px 8px;font-size:10px;border-radius:3px}.legend-scale{display:flex;gap:1px;margin-top:4px}.legend-scale span{height:8px;flex:1}.legend-labels{display:flex;justify-content:space-between;margin-top:3px;color:#d1e2ea}.map-alert{padding:6px 8px;background:#23374bee;font-size:11px;color:#e2eaf1;margin-top:7px;line-height:1.6}.radar-footer{position:absolute;bottom:0;left:0;right:0;z-index:600;background:#0c1620e8;padding:8px 7px 10px}.radar-time{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:12px}.radar-time strong{color:#afe8ff;font-size:15px}.timeline{display:flex;gap:4px;align-items:center}.timeline button{height:37px;min-width:32px;flex:1;border:1px solid #719db8;background:#ecf6fc;color:#156f9d;font-size:10px;border-radius:50%;line-height:1.2;padding:2px}.timeline button.active{background:#1679b4;color:#fff}.timeline button.play{flex:0 0 37px}.timeline button svg{width:17px;height:17px}.timeline-track{width:100%;margin:10px 0 2px;accent-color:#64cbff;height:15px}.radar-meta{font-size:9px;color:#a9becb;line-height:1.5;margin:5px 0 0}.radar-tabs{display:flex;gap:7px;justify-content:center;padding:7px 4px;background:#0b1420;border-bottom:1px solid #3f5567;height:48px}.radar-tabs button{flex:1;border:1px solid #54758c;background:#071018;font-size:13px;display:flex;align-items:center;justify-content:center;gap:7px}.radar-tabs button.active{background:#306b9e;border-color:#6ab5ed}.point-pin{background:#e15049;border:2px solid #fff;border-radius:50%;width:16px!important;height:16px!important;box-shadow:0 1px 4px #333}.point-pin.active{background:#06a1bd;width:20px!important;height:20px!important}.map-point-panel{position:absolute;bottom:21px;left:8px;right:8px;background:#0b1c2eee;border:1px solid #6a9abb;padding:9px;z-index:600;font-size:12px;line-height:1.6}.map-point-panel strong{display:block;font-size:16px}.map-point-panel button{margin-top:5px;min-height:36px;color:#8fdaff;border:1px solid #4c8aae;padding:5px 10px}.map-point-panel small{display:block;font-size:10px;color:#b3c6d4}.wind-canvas{position:absolute;inset:0;pointer-events:none;z-index:410}.toast{position:fixed;bottom:85px;left:50%;transform:translate(-50%);max-width:90%;padding:8px 13px;background:#1a405b;color:#dff5ff;font-size:12px;border:1px solid #68a9c7;z-index:1500;line-height:1.5}.skeleton{animation:pulse 1s ease-in-out infinite;background:#193245;color:#adc7d9}@keyframes pulse{50%{opacity:.55}}@media(min-width:650px){body{background:#09111b}.shell{box-shadow:0 0 70px #0009}.shell:before{content:"SADO TIDE PRO";position:fixed;right:calc(50% + 292px);top:50%;writing-mode:vertical-rl;letter-spacing:4px;font-size:12px;color:#4c697e}}@media(max-width:374px){.point-name{font-size:16px}.weather-cell{font-size:10px;width:31px}.daily-day{font-size:10px}.calendar-day{height:96px}.current-strip strong{font-size:19px}.setting-row{font-size:13px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.map-view .leaflet-bottom{bottom:160px}.map-view .leaflet-control-attribution{background:#edf6f0df;color:#24414e}.map-view .leaflet-control-attribution a{color:#145978}.map-view .leaflet-control-scale-line{background:#edf6f0bb;color:#26424d;border-color:#365665}