*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--black: #000;--surface: #111;--surf2: #0C0C0C;--border: #2A2A2A;--muted: #444;--muted-light: #9FB0BF;--dim: #555;--white: #F0F0F0;--amber: #FF9500;--teal: #00B8D4;--red: #FF3B30;--green: #30D158;--wind: #C084FC}html,body,#root{background:var(--black);color:var(--white);font-family:Barlow Condensed,sans-serif;height:100%;width:100%;overflow:hidden;-webkit-font-smoothing:antialiased}.frame{width:100%;height:100vh;display:flex;flex-direction:column;background:var(--black);overflow:hidden}.hdr{display:flex;gap:1px;background:var(--border);border-bottom:2px solid var(--border);flex-shrink:0}.hdr-cell{background:var(--black);padding:8px 14px;display:flex;align-items:baseline;gap:4px;flex:1}.hdr-btn{border:none;cursor:pointer;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}.hdr-btn:active{background:#161616}.hdr-btn:disabled{cursor:default;opacity:.6}.hdr-cell.sync{flex:0 0 44px;width:44px;min-width:44px;padding:8px 6px;align-items:center;justify-content:center;color:var(--amber)}.hdr-cell.sync .material-icons{font-size:22px}.hdr-sync-lbl{display:none}.hdr-cell.sync.syncing .material-icons{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hdr-cell.wind-hdr{display:none;flex:2;border-left:1px solid var(--border)}.landscape .hdr-cell.wind-hdr{display:flex}.hdr-val{font-family:Roboto Mono,monospace;font-size:24px;font-weight:600;line-height:1}.hdr-cell.sog{flex:1 1 0;min-width:0;gap:6px;font-family:Roboto Mono,monospace;font-size:20px;font-weight:600;line-height:1;padding:8px 12px}.sog-lbl{color:#9a9a9a;font-size:11px;font-weight:700;letter-spacing:1px;flex-shrink:0}.sog-measured{color:var(--green);flex-shrink:0}.sog-measured.unavailable{color:var(--dim)}.sog-manual{color:var(--white);flex-shrink:0}.sog-bearing{color:var(--white);margin-left:auto;flex-shrink:0;padding-left:8px}.sog-bearing.unavailable{color:var(--dim)}.hdr-cell.wind-hdr .hdr-val{color:var(--wind);font-size:16px}.hdr-unit{font-family:Roboto Mono,monospace;font-size:11px;color:var(--muted)}.nav-menu{position:relative;flex:0 0 auto}.hdr-cell.menu{flex:0 0 auto;width:44px;min-width:44px;padding:8px 6px;align-items:center;justify-content:center;color:var(--white)}.hdr-cell.menu .material-icons{font-size:24px}.nav-dropdown{position:absolute;top:calc(100% + 1px);left:0;z-index:120;min-width:220px;background:#141414;border:1px solid var(--border);border-radius:0 0 6px 6px;box-shadow:0 8px 24px #00000080;padding:4px 0}.nav-dropdown-right{left:auto;right:0;border-radius:0 0 6px 6px}.nav-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;border:none;background:transparent;color:var(--white);font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:600;letter-spacing:.3px;text-align:left;padding:12px 16px;cursor:pointer}.nav-dropdown-item:hover,.nav-dropdown-item:active{background:#1a1a1a}.nav-dummy-tag{font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--dim)}.nav-locked{color:var(--muted)}.nav-locked:hover,.nav-locked:active{background:transparent}.nav-lock-tag{display:inline-flex;align-items:center;gap:4px;margin-left:10px;font-size:11px;color:var(--muted)}.nav-lock-tag .material-icons,.nav-lock-tag .icon{font-size:13px}.page-shell{display:flex;flex-direction:column;height:100vh;width:100%;background:var(--black);overflow:hidden}.page-shell-hdr{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:2px solid var(--border);flex-shrink:0;background:var(--black)}.page-back-btn{border:none;background:transparent;color:var(--white);cursor:pointer;padding:4px;display:flex;align-items:center;-webkit-tap-highlight-color:transparent}.page-back-btn .material-icons{font-size:24px}.page-shell-title{font-size:16px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--white)}.page-shell-body{flex:1;overflow-y:auto;padding:16px 18px 32px;-webkit-overflow-scrolling:touch}.page-section{margin-bottom:24px}.page-section-title{font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--amber);margin-bottom:10px}.page-muted{color:var(--dim);font-size:15px;line-height:1.5}.page-error{color:var(--red);font-size:15px}.page-list{margin-top:12px;padding-left:20px;color:var(--white);font-size:15px;line-height:1.6}.page-btn{margin-top:16px;margin-right:8px;border:none;border-radius:4px;padding:12px 20px;font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;background:var(--amber);color:var(--black)}.page-btn-disabled{background:#1e1e1e;color:var(--muted);cursor:not-allowed}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.setting-row:last-child{border-bottom:none}.setting-label{color:var(--white);font-size:15px;font-weight:600}.seg-group{display:inline-flex;border:1px solid var(--border);border-radius:6px;overflow:hidden;flex-shrink:0}.seg-btn{border:none;background:var(--surface);color:var(--dim);font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:700;letter-spacing:.5px;padding:8px 14px;cursor:pointer;border-right:1px solid var(--border);-webkit-tap-highlight-color:transparent}.seg-btn:last-child{border-right:none}.number-setting{display:inline-flex;align-items:center;gap:6px}.number-setting input{width:5.5em;background:#1a1a1a;color:var(--white);border:1px solid var(--border);border-radius:6px;padding:8px 10px;font-size:15px;font-family:Roboto Mono,monospace;text-align:right}.number-setting input:focus{outline:none;border-color:var(--amber)}.number-setting-unit{color:var(--muted-light);font-size:13px}.seg-btn.active{background:var(--amber);color:var(--black)}.lang-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:4px}.lang-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--dim);cursor:pointer;font-family:Barlow Condensed,sans-serif;-webkit-tap-highlight-color:transparent}.lang-btn.active{border-color:var(--amber);color:var(--white)}.lang-flag{width:34px;height:24px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px var(--border)}.lang-label{font-size:14px;font-weight:600;line-height:1}.lang-code{font-size:11px;font-weight:700;letter-spacing:1px;color:var(--muted)}.lang-btn.active .lang-code{color:var(--amber)}.path-row{flex-direction:column;align-items:stretch;gap:6px}.path-input-group{display:flex;align-items:center;gap:8px}.path-input{flex:1;min-width:0;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--white);font-family:Roboto Mono,monospace;font-size:13px;padding:8px 10px}.path-input:focus{outline:none;border-color:var(--amber)}.path-reset-btn{flex-shrink:0;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--white);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.path-reset-btn .material-icons{font-size:18px}.path-reset-btn:disabled{color:var(--muted);cursor:not-allowed}.save-marina-box{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.save-marina-label{color:var(--white);font-size:16px;font-weight:700}.save-marina-actions{display:flex;align-items:center;gap:8px;flex:none}.data-gate-msg{padding:24px 18px}.data-gate-actions{margin-top:4px}.static-html{color:var(--white);font-size:15px;line-height:1.55}.static-html h2{font-size:20px;font-weight:800;margin-bottom:12px;color:var(--white)}.static-html h3{font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--amber);margin:20px 0 8px}.static-html p{margin-bottom:12px;color:#ccc}.static-html p.lead{font-size:17px;color:var(--white)}.static-html ul{margin:8px 0 12px 20px;color:#ccc}.static-html li{margin-bottom:6px}.static-html em{color:var(--dim);font-size:13px}.static-html code{font-family:Roboto Mono,monospace;font-size:13px;color:var(--teal)}.static-html strong{color:var(--white)}.sog-overlay{z-index:110;align-items:center;justify-content:center}.sog-popup{width:min(300px,calc(100% - 32px));background:#141414;border:1px solid var(--border);border-radius:8px;padding:16px 18px 14px;animation:none}.sog-popup-title{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.sog-popup-measured{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border)}.sog-popup-measured-lbl,.sog-popup-manual-lbl{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}.sog-popup-measured-val{font-family:Roboto Mono,monospace;font-size:18px;font-weight:600;color:var(--green)}.sog-popup-measured-val.unavailable{color:var(--dim)}.sog-popup-row{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}.sog-draft{flex:1;text-align:right;font-family:Roboto Mono,monospace;font-size:28px;font-weight:600;color:var(--white)}.sog-measure-hint{font-size:11px;color:var(--dim);margin-bottom:8px}.sog-numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px}.sog-key{min-height:44px;border:1px solid var(--border);border-radius:4px;background:var(--surf2);color:var(--white);font-family:Roboto Mono,monospace;font-size:18px;font-weight:600;cursor:pointer}.sog-key:active{background:#1e1e1e}.sog-key.backspace{font-size:20px;color:var(--muted)}.sog-unit{font-family:Roboto Mono,monospace;font-size:14px;color:var(--muted)}.sog-popup-actions{display:flex;gap:8px}.sog-btn{flex:1;border:none;border-radius:4px;padding:10px;font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px}.sog-btn.cancel{background:#1e1e1e;color:var(--muted)}.sog-btn.measure{background:transparent;border:1px solid var(--green);color:var(--green)}.sog-btn.ok{background:var(--green);color:var(--black)}.sog-btn.ok .material-icons{font-size:16px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border-bottom:2px solid var(--border);flex-shrink:0}.tab{background:var(--black);padding:9px 8px;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;border:none;color:var(--muted);font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;position:relative}.tab.active{color:var(--amber)}.tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--amber)}.tab .material-icons{font-size:15px}.status-bar{display:flex;align-items:center;gap:6px;background:var(--surf2);border-bottom:1px solid var(--border);padding:5px 12px;flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}.status-bar .material-icons{font-size:13px}.status-bar.live{color:var(--green)}.status-bar.error{color:var(--red)}.status-bar.wait{color:var(--amber)}.portrait-settings{display:flex;align-items:center;gap:1px;background:var(--border);border-bottom:1px solid var(--border);flex-shrink:0}.landscape .portrait-settings{display:none}.ps-label{font-size:9px;font-weight:700;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;padding:6px 10px;flex-shrink:0}.ps-options{display:flex;gap:1px;flex:1;background:var(--border)}.ps-btn{flex:1;background:var(--black);border:none;cursor:pointer;padding:6px 4px;font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.ps-btn.active{color:var(--white);background:#181818}.ps-btn.active.c-eta{color:var(--amber)}.ps-btn.active.c-tide{color:var(--green)}.ps-btn.active.c-m{color:var(--teal)}.ps-btn.active.c-wind{color:var(--wind)}.scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll::-webkit-scrollbar{display:none}.t{width:100%;border-collapse:collapse;table-layout:fixed}.t thead{position:sticky;top:0;z-index:10}.t thead th{background:#0a0a0a;border-bottom:2px solid var(--border);padding:5px 8px;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden}.t thead th:first-child{text-align:left}.t thead th:not(:first-child){text-align:right;border-left:1px solid var(--border)}.t thead th.u-m{color:var(--teal)}.t thead th.u-nm{color:var(--white)}.t thead th.u-eta{color:var(--amber)}.t thead th.u-tide{color:var(--muted)}.t thead th.u-wdir,.t thead th.u-wspd{color:var(--wind)}.t thead th.u-gust{color:var(--wind);opacity:.7}.t-head-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;max-width:100%;white-space:nowrap}.t-head-toggle.active{color:var(--amber)}.t-head-toggle:active{color:var(--white)}.t .col-m,.t .col-eta,.t .col-tide,.t .col-wdir,.t .col-wspd,.t .col-gust{display:none}.show-m .col-m,.show-eta .col-eta,.show-tide .col-tide,.show-wdir .col-wdir,.show-wspd .col-wspd,.show-gust .col-gust,.col-nm,.col-name{display:table-cell}col.col-name{width:33.33%}.t tbody td.col-name{max-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(to right,black 70%,transparent 100%);mask-image:linear-gradient(to right,black 70%,transparent 100%);padding-top:10px;padding-bottom:10px}.t tbody td.col-name::-webkit-scrollbar{display:none}.t tbody td.col-name:has(.v-name:focus){-webkit-mask-image:none;mask-image:none}.v-name{font-size:19px;font-weight:800;color:var(--white);line-height:1;display:inline-block;white-space:nowrap;-webkit-user-select:none;user-select:none}.landscape col.col-name{width:38%}.landscape .t tbody td.col-name{max-width:none;overflow:visible;-webkit-mask-image:none;mask-image:none}.landscape .col-m,.landscape .col-eta,.landscape .col-tide,.landscape .col-wdir,.landscape .col-wspd,.landscape .col-gust{display:table-cell}.t tbody tr{border-top:1px solid var(--border);cursor:pointer}.t tbody tr:active td{background:#161616}.t tbody td{padding:9px 8px;vertical-align:middle;background:var(--surface);white-space:nowrap;overflow:hidden}.t tbody td:not(:first-child){border-left:1px solid var(--border);text-align:right}.t tbody td.col-m,.t tbody td.col-tide,.t tbody td.col-gust{background:var(--surf2)}.row-current .v-name,.row-dest .v-name{color:var(--amber)}.v-pegel{font-family:Roboto Mono,monospace;font-size:19px;line-height:1}.v-pegel.measured{font-weight:600;color:var(--teal)}.v-pegel.interpolated{font-weight:400;color:var(--dim)}.v-dist{font-family:Roboto Mono,monospace;font-size:19px;font-weight:600;line-height:1;color:var(--white)}.v-dist.zero{color:var(--muted)}.v-eta{font-family:Roboto Mono,monospace;font-size:19px;font-weight:600;line-height:1;color:var(--amber)}.v-eta.zero{color:var(--muted)}.v-tide{font-family:Roboto Mono,monospace;font-size:15px;font-weight:600;line-height:1}.v-tide.hw{color:var(--green)}.v-tide.nw{color:var(--red)}.v-tide.zero{color:var(--muted);font-size:19px}.v-wdir{font-size:18px;font-weight:700;line-height:1;color:var(--wind)}.v-wspd{font-family:Roboto Mono,monospace;font-size:19px;font-weight:600;line-height:1;color:var(--wind)}.v-gust{font-family:Roboto Mono,monospace;font-size:19px;font-weight:400;line-height:1;color:var(--wind);opacity:.7}.v-none{color:var(--muted);opacity:1}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000c;z-index:100;display:none;align-items:flex-end}.overlay.open{display:flex}.modal{width:100%;background:#141414;border-top:2px solid var(--teal);border-radius:12px 12px 0 0;animation:up .2s ease-out;max-height:78vh;overflow-y:auto}.modal.dest{border-top-color:var(--amber)}@keyframes up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-handle{width:32px;height:3px;background:var(--border);border-radius:2px;margin:10px auto 12px}.modal-title{font-size:22px;font-weight:800;padding:0 18px 12px;border-bottom:1px solid var(--border);color:var(--white)}.modal-title.dest{color:var(--amber)}.m-section{padding:10px 18px 0}.m-section-lbl{font-size:9px;font-weight:700;letter-spacing:2px;color:var(--muted);text-transform:uppercase;padding-bottom:6px;border-bottom:1px solid #1E1E1E;margin-bottom:2px}.m-section-lbl-action{display:flex;align-items:center;justify-content:space-between;gap:10px}.m-section-icon-btn{width:28px;height:24px;border:1px solid var(--border);border-radius:6px;background:var(--surf2);color:var(--amber);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.m-section-icon-btn.active{color:var(--white);border-color:var(--amber)}.m-section-icon-btn .material-icons{font-size:15px}.m-row{display:flex;align-items:center;gap:12px;padding:7px 0;border-bottom:1px solid #161616}.m-row:last-child{border-bottom:none}.m-icon{font-size:17px!important;color:var(--teal);flex-shrink:0;width:20px}.m-lbl{font-size:11px;font-weight:700;letter-spacing:.8px;color:var(--muted);text-transform:uppercase;min-width:82px}.m-val{font-family:Roboto Mono,monospace;font-size:14px;font-weight:600;color:var(--white);flex:1}.m-val.ok{color:var(--green)}.m-val.some{color:var(--amber)}.m-val.full{color:var(--red)}.m-val.muted{color:var(--muted)}.svc-row{display:flex;gap:6px;flex-wrap:wrap;padding:8px 0 2px}.svc-chip{display:flex;align-items:center;gap:4px;border:1px solid var(--border);border-radius:2px;padding:4px 8px;font-size:11px;font-weight:700;letter-spacing:.5px;color:var(--white);text-transform:uppercase}.svc-chip .material-icons{font-size:13px!important;color:var(--teal)}.svc-chip.off{opacity:.25}.svc-chip.unknown{opacity:.45;border-style:dashed}.svc-chip.gastro{text-decoration:none;text-transform:none;letter-spacing:0;font-weight:600}.svc-chip.gastro .gastro-type{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.m-section-last{padding-bottom:12px}.marina-empty{font-size:13px;color:var(--muted);padding:4px 0 8px}.marina-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-bottom:4px}.marina-card{display:flex;align-items:flex-start;gap:8px;padding:10px;border:1px solid var(--border);border-radius:6px;background:var(--surf2);min-height:52px}.marina-card.available{border-color:#30d15873}.marina-card.unavailable{opacity:.5;border-color:#ff3b3040}.marina-card.unknown{border-style:dashed;opacity:.75}.marina-card-icon{flex-shrink:0;margin-top:1px}.marina-card-fallback{width:22px;text-align:center;color:var(--muted)}.marina-card-body{display:flex;flex-direction:column;gap:3px;min-width:0}.marina-card-name{font-size:12px;font-weight:700;line-height:1.2;color:var(--white);text-transform:none;letter-spacing:0}.marina-badge{font-size:9px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--dim)}.marina-card.available .marina-badge{color:var(--green)}.marina-card.unavailable .marina-badge{color:var(--red)}.marina-edit-list{display:flex;flex-direction:column;gap:8px;padding-bottom:4px}.marina-edit-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #161616}.marina-edit-row:last-child{border-bottom:none}.marina-edit-name{color:var(--white);font-size:14px;font-weight:700}.marina-edit-toggle{display:inline-flex;border:1px solid var(--border);border-radius:6px;overflow:hidden;flex:none}.marina-edit-btn{border:none;border-right:1px solid var(--border);background:var(--surf2);color:var(--muted-light);font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:8px 12px;cursor:pointer}.marina-edit-btn:last-child{border-right:none}.marina-edit-btn.yes.active{background:var(--green);color:var(--black)}.marina-edit-btn.no.active{background:var(--red);color:var(--white)}.facility-list{list-style:none;display:flex;flex-direction:column;gap:6px;padding:0 0 4px}.facility-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:6px;background:var(--surf2)}.facility-icon{flex-shrink:0}.facility-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.facility-name{font-size:13px;font-weight:700;color:var(--white);line-height:1.2}.facility-meta{font-size:10px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--teal)}.facility-link{flex:none;width:34px;height:34px;border:1px solid var(--border);border-radius:8px;background:#1a1a1a;color:var(--amber);display:flex;align-items:center;justify-content:center;text-decoration:none;-webkit-tap-highlight-color:transparent}.facility-link:active{background:#222}.facility-link .material-icons{font-size:18px}.m-desc{margin:0;padding:0 18px 8px;font-size:13px;line-height:1.45;color:var(--muted)}.m-close{margin:12px 18px 20px;background:#1e1e1e;border:none;color:var(--white);font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:12px;border-radius:4px;width:calc(100% - 36px);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.m-close .material-icons{font-size:15px}.empty-row td{text-align:center!important;color:var(--muted);padding:28px 8px;font-size:13px;letter-spacing:1px;text-transform:uppercase}.map-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--black)}.map-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.map-ctrl{position:absolute;z-index:1001;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;background:#111111e6;color:var(--white);cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:0 2px 8px #00000080}.map-ctrl:active{background:#1a1a1a}.map-ctrl .material-icons{font-size:26px}.map-close{top:calc(12px + env(safe-area-inset-top,0px));right:12px}.map-home{bottom:calc(84px + env(safe-area-inset-bottom,0px));right:12px;color:var(--amber)}.map-home:disabled{color:var(--muted);cursor:not-allowed}.map-layers{top:calc(70px + env(safe-area-inset-top,0px));right:12px}.map-layers-panel{position:absolute;z-index:1001;top:calc(124px + env(safe-area-inset-top,0px));right:12px;min-width:180px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:#111111f0;color:var(--white);box-shadow:0 2px 8px #00000080;display:flex;flex-direction:column;gap:8px}.map-layers-row{display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer;-webkit-tap-highlight-color:transparent}.map-layers-row input{accent-color:var(--amber)}.map-layers-row:has(input:disabled){color:var(--muted)}.map-depth-note{font-size:11px;color:var(--amber);border-top:1px solid var(--border);padding-top:8px}.map-depth-pending,.map-aoi-names{font-size:11px;color:var(--muted);margin-left:4px}.home-frame{height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;padding:env(safe-area-inset-top,0px) 12px calc(16px + env(safe-area-inset-bottom,0px));max-width:560px;margin:0 auto}@media(orientation:landscape){.home-frame{max-width:980px}.home-cards{flex:1 0 auto;display:flex;flex-flow:row wrap;align-items:stretch;align-content:stretch}.home-card{flex:1 1 calc(50% - 6px);min-width:300px;display:flex;flex-direction:column;justify-content:flex-start}.home-card>.home-tide,.home-card>.home-weather-row,.home-card>.home-select-row{margin-top:auto}.home-card .home-weather-tiles,.home-route .home-start-btn{margin-top:auto}}.home-header{display:flex;align-items:center;justify-content:space-between;padding:12px 2px}.home-brand{display:flex;align-items:center;gap:10px;min-width:0}.home-logo{width:32px;height:32px;border-radius:8px;display:block;flex:none}.home-title{font-size:20px;font-weight:700;color:var(--amber)}.home-title-mvp{color:var(--muted);font-weight:300}.home-cards{display:flex;flex-direction:column;gap:12px}.home-card{border:1px solid var(--border);border-radius:10px;background:#111111d9;padding:12px 14px}.home-card h3{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-light)}.home-card h3 .material-icons{font-size:18px}.home-coords{font-size:18px;font-variant-numeric:tabular-nums;margin:0 0 6px}.home-muted{color:var(--muted-light);font-size:14px}.home-marina-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--amber);margin-bottom:5px}.home-marina-name{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--amber);font-family:Barlow Condensed,sans-serif;min-width:0;padding:0;font-size:18px;font-weight:800;line-height:1.15;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.home-marina-name:active{color:var(--white)}.home-marina-picker-btn{flex:none;width:34px;height:34px;border:1px solid var(--border);border-radius:8px;background:#1a1a1a;color:var(--amber);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.home-marina-picker-btn:active{background:#222}.home-marina-picker-btn .material-icons{flex:none;font-size:20px}.home-marina-distance{margin:0 0 7px;color:var(--white);font-family:Roboto Mono,monospace;font-size:14px;font-weight:600}.home-marina-description{margin:0;color:var(--muted-light);font-size:14px;line-height:1.35}.home-marina-menu{margin-top:12px;max-height:260px;overflow-y:auto;border:1px solid var(--border);border-radius:8px;background:#141414}.home-marina-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:none;border-bottom:1px solid var(--border);background:transparent;color:var(--amber);font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:700;line-height:1.15;text-align:left;padding:11px 12px;cursor:pointer;-webkit-tap-highlight-color:transparent}.home-marina-option:last-child{border-bottom:none}.home-marina-option:active{background:#1e1e1e}.home-marina-option.active{background:#ff95001f;color:var(--white)}.home-marina-option .material-icons{flex:none;color:var(--green);font-size:17px}.home-position-data{display:grid;gap:6px;margin-top:8px}.home-position-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:14px}.home-position-row span{color:var(--muted-light);text-transform:uppercase;letter-spacing:.05em}.home-position-row strong{color:var(--white);font-family:Roboto Mono,monospace;font-size:16px;font-weight:600}.home-track-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.home-track-status{margin:10px 0 0;color:var(--muted-light);font-size:13px;line-height:1.3}.home-track-status.waiting{color:var(--amber)}.home-track-status.error{color:var(--red)}.home-track-btn{width:100%;border:none;border-radius:8px;padding:12px;font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent}.home-track-btn:disabled{opacity:.55;cursor:wait}.home-track-btn.start{margin-top:12px;background:var(--green);color:var(--black)}.home-track-btn.pause{background:var(--amber);color:var(--black)}.home-track-btn.stop{background:var(--red);color:var(--white)}.home-track-export{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-top:8px}.home-track-export select{grid-column:1 / -1;width:100%;background:#1a1a1a;color:var(--white);border:1px solid var(--border);border-radius:8px;padding:10px;font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:700}.home-track-btn.download,.home-track-btn.share{margin-top:8px;background:#1e1e1e;color:var(--white);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;gap:6px}.home-track-btn.share{color:var(--amber)}.home-track-btn.download .material-icons,.home-track-btn.share .material-icons{font-size:17px}.home-track-reset-btn{align-self:end;width:42px;min-width:42px;height:42px;margin-top:8px;border:1px solid rgba(255,59,48,.45);border-radius:8px;background:#1e1e1e;color:var(--red);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.home-track-reset-btn:disabled{opacity:.55;cursor:wait}.home-track-reset-btn .material-icons{font-size:19px}.home-track-btn:active{filter:brightness(.9)}.home-tide{display:flex;align-items:baseline;gap:10px;padding:2px 0;font-size:16px}.home-tide-label{width:4.5em;font-size:13px;letter-spacing:.03em;color:var(--muted-light)}.home-tide.past .v-tide,.v-tide.past{color:var(--muted-light);opacity:.8}.tide-chart{display:block;width:100%;height:auto;margin-top:10px;font-family:Roboto Mono,monospace}.home-weather-row{display:flex;align-items:center;gap:8px;padding:3px 0;font-size:16px}.home-weather-row .material-icons{font-size:20px;vertical-align:-4px}.home-wind{border-bottom:1px solid var(--border);padding-bottom:8px;margin-bottom:8px}.home-wind .material-icons{color:var(--amber)}.home-wind-main{font-weight:700;font-variant-numeric:tabular-nums}.home-weather-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.home-weather-tile{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px;border:1px solid var(--border);border-radius:8px;background:#ffffff08;text-align:center}.home-tile-label{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-light)}.home-weather-tile .material-icons{font-size:28px;color:var(--amber)}.home-tile-temp{font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}.home-tile-precip{font-size:12px;color:var(--muted-light)}.home-tile-precip.wet{color:#6baed6}.home-tile-wind{font-size:12px;color:var(--muted-light);font-variant-numeric:tabular-nums}.home-select-row{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:14px}.home-select-row>span{width:5.5em;color:var(--muted-light)}.home-select-row select{flex:1;background:#1a1a1a;color:var(--white);border:1px solid var(--border);border-radius:8px;padding:10px;font-size:15px}.home-start-btn{margin-top:10px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--amber);color:#111;border:none;border-radius:10px;padding:13px;font-size:17px;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent}.home-start-btn:active{filter:brightness(.9)}.route-tab{min-width:0}.route-tab-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route-tab:disabled{cursor:default;opacity:1}.t-head-toggle.past{color:var(--muted)}.auth-card{max-width:420px;display:flex;flex-direction:column;gap:14px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field>span{font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted-light)}.auth-field input{background:#1a1a1a;color:var(--white);border:1px solid var(--border);border-radius:8px;padding:12px;font-size:16px;font-family:inherit}.auth-field input:focus{outline:none;border-color:var(--amber)}.auth-tos{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--muted-light)}.auth-tos input{accent-color:var(--amber);margin-top:3px}.auth-primary{margin-top:4px;width:100%}.auth-secondary{background:transparent;color:var(--amber);border:1px solid var(--amber)}.auth-alt{font-size:14px;color:var(--muted-light)}.auth-link{background:none;border:none;padding:0;color:var(--amber);font:inherit;cursor:pointer;text-decoration:underline}.auth-mock-note{font-size:12px;color:var(--muted-light);border-top:1px solid var(--border);padding-top:10px}.auth-signed-in{display:flex;align-items:center;gap:8px;font-size:17px}.auth-signed-in .material-icons{color:var(--amber);font-size:24px}.nav-auth{border-top:1px solid var(--border)}.nav-auth-user{font-size:11px;color:var(--muted-light)}.svg-icon{display:inline-block;vertical-align:middle;flex-shrink:0;object-fit:contain}.svg-icon--gmi,.map-ctrl .svg-icon--gmi{filter:brightness(0) invert(.94)}.map-vessel{width:16px;height:16px;border-radius:50%;background:var(--amber);border:2px solid #fff;box-shadow:0 0 0 2px #ff950066,0 0 8px #0009}.map-poi-marker{width:14px;height:14px;border-radius:50%;background:var(--teal);border:2px solid #fff;box-shadow:0 0 0 2px #00b8d466,0 0 8px #0009}.map-search{position:absolute;z-index:1001;top:calc(12px + env(safe-area-inset-top,0px));left:12px;right:66px}.map-search-box{display:flex;align-items:center;gap:8px;height:46px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:#111111e6;box-shadow:0 2px 8px #00000080}.map-search-icon.material-icons{font-size:20px;color:var(--dim)}.map-search-input{flex:1;min-width:0;border:none;background:transparent;color:var(--white);font-family:Barlow Condensed,sans-serif;font-size:15px;outline:none}.map-search-input::placeholder{color:var(--muted)}.map-search-clear{border:none;background:transparent;color:var(--dim);cursor:pointer;display:flex;align-items:center;-webkit-tap-highlight-color:transparent}.map-search-clear .material-icons{font-size:18px}.map-search-dropdown{margin-top:6px;max-height:60vh;overflow-y:auto;background:#141414;border:1px solid var(--border);border-radius:6px;box-shadow:0 8px 24px #00000080;padding:4px 0}.map-search-item{display:flex;align-items:baseline;justify-content:space-between;gap:10px;width:100%;border:none;background:transparent;color:var(--white);font-family:Barlow Condensed,sans-serif;text-align:left;padding:10px 14px;cursor:pointer}.map-search-item:hover,.map-search-item.active{background:#1a1a1a}.map-search-item-name{font-size:15px;font-weight:600}.map-search-item-cat{flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--dim)}.map-search-empty,.map-search-loading,.map-search-error{padding:12px 14px;color:var(--muted);font-size:13px}.map-search-error{color:var(--red)}.map-search-attribution{padding:6px 14px 4px;color:var(--muted);font-size:10px;border-top:1px solid var(--border)}.maplibregl-popup-content{background:#141414;color:var(--white);border:1px solid var(--border);border-radius:6px;font-family:Barlow Condensed,sans-serif;font-size:13px;padding:8px 10px;box-shadow:0 4px 16px #00000080}.maplibregl-popup-tip{border-top-color:#141414!important;border-bottom-color:#141414!important}.maplibregl-popup-anchor-bottom .maplibregl-popup-tip{border-top-color:#141414!important}.maplibregl-popup-anchor-top .maplibregl-popup-tip{border-bottom-color:#141414!important}