:root{--border-color: #cccccc;--border-radius: 8px;--shadow-main: 0 3px 10px rgb(0 0 0 / .4);--text-dark: #333333;--text-light: #777777;--text-subtle: rgba(153, 153, 153, .5);--brand-dark: rgb(88, 61, 27);--brand-darker: rgb(55, 38, 17);--brand-medium: rgb(149, 104, 45);--brand-light: rgb(160, 144, 123);--brand-light-bg: rgb(224, 224, 224);--brand-green-dark: #314c3b;--brand-green-darker: #253b2e;--color-white: white;--surface-bg: rgba(255, 255, 255, .8);--surface-bg-dim: rgba(255, 255, 255, .8);--surface-bg-dim-light: rgba(255, 255, 255, .4);--color-background: #9f9a84;--color-marker-bg: rgb(184, 164, 138, .8);--color-marker-start-border: #314c3b;--color-marker-finish-border: #2f2f51;--color-black: #000;--color-panel-h2: #555;--color-panel-h2-border: #f0f0f0;--color-list-item-hover-bg: rgba(0, 0, 0, .08);--color-list-item-current-bg: rgba(149, 104, 45, .2);--color-modal-error-text: #800000;--color-delete: #bb0000;--color-delete-hover: #cc0000;--color-form-warning-border: #cc0000;--color-form-warning-bg: rgba(255, 0, 0, .1);--color-form-select-arrow: #6b7280;--font-primary: "Raleway", sans-serif;--font-secondary: "Lato", sans-serif;--font-handwriting: "Sue Ellen Francisco", cursive;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-xxl: 2rem;--color-background-page: var(--color-background);--color-background-card: var(--surface-bg);--color-background-header: var(--surface-bg);--color-text-header: var(--brand-dark);--color-text-body: var(--text-dark);--color-text-muted: var(--text-subtle);--color-border: var(--border-color);--color-danger: var(--color-delete);--color-on-danger: var(--color-white);--color-danger-dark: var(--color-delete-hover)}html,body{padding:0;margin:0;background-color:var(--color-background);overflow-x:hidden;width:100%;height:100%}.logo{width:300px}.material-symbols-outlined{color:var(--text-dark);vertical-align:middle;font-size:1.875em}#map{position:absolute;top:0;bottom:0;width:100%;height:100%;z-index:1}.mobile-hidden{display:none}.marker span{font-family:var(--font-handwriting);display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:45px;height:45px;background:var(--color-marker-bg);color:var(--color-marker-start-border);border:solid 2px var(--color-marker-start-border);border-radius:0 70% 70%;box-shadow:0 0 2px var(--color-black);cursor:pointer;transform-origin:0 0;transform:translate(22px) translateY(22px) rotate(-225deg)}.finish span{background:var(--color-marker-bg);color:var(--color-marker-finish-border);border:solid 2px var(--color-marker-finish-border);transform:translate(22px) translateY(22px) rotate(-45deg)}.marker b{transform:rotate(225deg)}.finish b{transform:rotate(45deg)}.mapboxgl-popup{max-width:200px;z-index:10}.mapboxgl-popup-content{font-family:var(--font-secondary);background-color:var(--surface-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--text-dark);padding:10px 15px;border-radius:var(--border-radius);box-shadow:var(--shadow-main);border:1px solid var(--border-color);text-align:left}.popup-close-btn{position:absolute;top:5px;right:5px;border:none;background:transparent;cursor:pointer;padding:0}.popup-close-btn .material-symbols-outlined{font-size:1.2em}.mapboxgl-popup-content h3{font-family:var(--font-primary);text-align:center;margin:0}.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{border-top-color:var(--border-color)}header{border:3px solid var(--border-color);border-radius:var(--border-radius);padding:5px 20px;box-shadow:var(--shadow-main);position:absolute;z-index:2;bottom:30px;right:50px;background-color:var(--surface-bg);max-width:760px;cursor:move;transition:opacity .4s ease-out,bottom .4s ease-out}header.hidden{bottom:0}.title-container{display:flex;align-items:center;gap:10px}.saving-indicator{position:absolute;top:8px;right:35px;font-family:var(--font-secondary);font-size:.75em;color:var(--text-light);background-color:var(--surface-bg);padding:2px 8px;border-radius:4px;transition:opacity .2s,visibility .2s}.tracks-panel{position:absolute;z-index:3;top:10px;left:10px;width:500px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-main);display:flex;flex-direction:column;height:500px;transition:opacity .3s ease-in-out,visibility .3s ease-in-out,top .5s ease-in-out,left .5s ease-in-out,transform .5s ease-in-out,width .5s ease-in-out}.tracks-panel.centered{top:50%;left:50%;transform:translate(-50%,-50%)}.tracks-panel.collapsed{width:auto;height:auto}.tracks-panel.collapsed .tracks-list,.tracks-panel.collapsed .trips-list,.tracks-panel.collapsed .boats-list,.tracks-panel.collapsed .tabs,.tracks-panel.collapsed h2,.tracks-panel.collapsed .dynamic-actions{display:none}.tracks-panel.collapsed .track-actions{border-bottom:none;padding:5px}.tracks-panel.collapsed .toggle-tracks-btn{background-color:#fff;border:1px solid var(--brand-dark)}.tracks-panel.collapsed .toggle-tracks-btn .material-symbols-outlined{color:var(--brand-dark)}.tracks-panel h2{font-family:Raleway,sans-serif;font-size:1.1em;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:var(--color-panel-h2);margin:25px 0 10px;padding-bottom:5px;border-bottom:2px solid var(--color-panel-h2-border)}.track-actions{padding:10px;display:flex;flex-direction:row;gap:10px;border-bottom:2px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center}.dynamic-actions{display:flex;gap:10px;flex-grow:1}.tabs{display:flex;border-bottom:2px solid var(--border-color)}.tab-content{display:none}.tab-content.active{display:block;overflow-y:scroll;display:flex;flex-direction:column;height:100%}.tracks-list,.trips-list,.boats-list{list-style:none;margin:0;padding:10px;overflow-y:auto;overflow-x:hidden}.tracks-list li,.trips-list li,.boats-list li{background-color:var(--surface-bg-dim-light);display:block;height:45px;border-radius:var(--border-radius);margin-bottom:5px;border:1px solid grey;box-shadow:0 2px 8px #0003;cursor:pointer;box-sizing:border-box;transition:background-color .2s ease-in-out,border-color .2s ease-in-out;position:relative}.tracks-list li:last-child,.trips-list li:last-child,.boats-list li:last-child{margin-bottom:0}.tracks-list li.current,.trips-list li.current,.boats-list li.current{background-color:var(--color-list-item-current-bg);border-color:var(--brand-dark);border-width:2px}.tracks-list li.current .track-label-group .label,.trips-list li.current .track-label-group .label,.boats-list li.current .track-label-group .label{color:var(--brand-dark)}.current .track-label-group .date{color:var(--brand-medium)}.trips-list li:hover,.tracks-list li:hover,.boats-list li:hover{background-color:var(--color-list-item-hover-bg);border-color:var(--brand-medium)}.trips-list li:hover .trip-label-group .label,.tracks-list li:hover .track-label-group .label,.boats-list li:hover .track-label-group .label{color:var(--brand-dark)}.trips-list li:hover .trip-label-group .date,.tracks-list li:hover .track-label-group .date,.boats-list li:hover .track-label-group .date{color:var(--brand-medium)}.trips-list li .trip-icon,.boats-list li .boat-icon{color:var(--text-subtle);margin-left:10px}.track-item-container,.trip-item-container,.boat-item-container{display:flex;align-items:center;height:100%;padding-right:35px;position:relative}.list-item-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--brand-medium);font-size:1.375em}.trip-list-item .track-label-group,.boat-list-item .track-label-group{cursor:default}.trip-list-item .track-label-group:before,.trip-list-item .track-label-group:after,.boat-list-item .track-label-group:before,.boat-list-item .track-label-group:after{display:none}.track-label-group,.trip-label-group,.boat-label-group{flex-grow:1;cursor:pointer;padding:5px 0 5px 35px;position:relative}.trip-label-group{padding:5px 0 5px 8px}.track-label-group:hover:before,.trip-label-group:hover:before{border-color:var(--brand-dark)}.track-label-group:before{content:"";position:absolute;left:10px;top:50%;transform:translateY(-50%);height:18px;width:18px;background-color:var(--surface-bg-dim-light);border:1px solid grey;border-radius:4px;transition:background-color .2s ease-in-out,border-color .2s ease-in-out}.track-label-group span,.trip-label-group span{display:inline-block}.track-label-group span.label,.trip-label-group span.label{font-family:var(--font-primary);font-size:.75em;text-transform:uppercase;font-weight:900;color:var(--text-dark);text-shadow:0 0 4px white;display:inline-block;transition:color .2s ease-in-out}.track-label-group span.date,.trip-label-group span.date{font-family:var(--font-secondary);font-size:.625em;text-transform:uppercase;font-weight:900;color:var(--text-light);text-shadow:0 0 4px white;transition:color .2s ease-in-out}.empty-list-item{border-style:dashed;border-color:var(--text-subtle);background-color:transparent;box-shadow:none}.empty-list-item a{display:flex;justify-content:center;align-items:center;height:100%;padding:0;cursor:default}.empty-list-item a span.label.empty-list-label{color:var(--brand-medium);font-style:italic}.track-list-icon{color:var(--text-subtle);display:inline-block;position:absolute;top:9px}.track-list-icon:hover{color:#9e9985}.list-weather{right:90px}.list-wind{right:60px}.has-boat{right:30px}.auth-controls{position:absolute;top:10px;right:50px;z-index:3;display:flex;align-items:center;gap:10px}.auth-logo{height:32px}.user-info{display:flex;align-items:center;gap:10px;background-color:var(--surface-bg);padding:5px 10px;border-radius:var(--border-radius);box-shadow:var(--shadow-main);border:1px solid var(--border-color)}.user-avatar{width:32px;height:32px;border-radius:50%;border:1px solid var(--border-color);cursor:pointer}#show-legend-mobile-btn{display:none;z-index:100}.trip-name-row{display:flex;align-items:center;gap:5px}.shared-icon{font-size:1.1em;color:var(--brand-medium);vertical-align:middle}.trip-crew-summary{font-family:var(--font-primary)}@media (max-width: 768px),(-webkit-min-device-pixel-ratio: 2) and (max-width: 768px),(min-resolution: 192dpi) and (max-width: 768px){.app-content{display:flex;flex-direction:column;height:100vh}.tracks-panel{flex-shrink:0;position:relative;width:100%;max-width:100%;height:40vh;top:0;left:0;transform:none;border-radius:0;border-width:0 0 2px 0;transition:height .5s ease-in-out}.tracks-panel.centered{height:100vh}.tracks-panel.collapsed{position:absolute;top:10px;left:10px;z-index:5;height:auto;width:auto;background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}#map{flex-grow:1}#map.hidden{display:none}header{width:100%;max-width:100%;left:0;right:0;bottom:0;flex-direction:column;border-radius:0;border-width:2px 0 0 0;box-sizing:border-box}header.collapsed .title-container{display:none}header.collapsed .toggle-legend-btn{display:block}.auth-controls{right:10px}#show-legend-mobile-btn.visible{display:block;position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:100;padding:10px 20px;background-color:var(--brand-medium);color:#fff;border:none;border-radius:20px;box-shadow:var(--shadow-main);cursor:pointer}#show-stats-mobile-btn.visible{display:block;position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:100;padding:10px 20px;background-color:var(--brand-dark);color:#fff;border:none;border-radius:20px;box-shadow:var(--shadow-main);cursor:pointer}header.legend.mobile-fullscreen{display:flex;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;background-color:var(--color-white);overflow-y:auto;border:none;border-radius:0;bottom:auto;right:auto;padding:20px;box-sizing:border-box}header.legend.mobile-fullscreen .toggle-legend-btn{position:absolute;top:10px;right:10px}header.legend.mobile-fullscreen .title{text-align:center;width:100%}header.legend.mobile-fullscreen .stat-value{font-size:1.2em}header.legend.mobile-fullscreen .stat-label{font-size:.6em}header.legend.mobile-fullscreen .legend-content{gap:15px}#export-png-btn{display:none}}@media (max-width: 650px),(-webkit-min-device-pixel-ratio: 2) and (max-width: 650px),(min-resolution: 192dpi) and (max-width: 650px){.tracks-panel,.tracks-panel.centered{height:100vh;width:100%;top:0;left:0;border-radius:0;transform:none}#map{flex-grow:1}header{right:0;bottom:0;border-radius:0}.auth-controls{display:none}}@media (max-width: 1500px) or (max-height: 1150px),(-webkit-min-device-pixel-ratio: 2) and (max-width: 1500px),(min-resolution: 192dpi) and (max-width: 1500px){.tracks-panel.centered,.boat-form-modal{top:10%;left:50%;transform:translate(-50%,-10%)}}@media (max-width: 768px),(-webkit-min-device-pixel-ratio: 2) and (max-width: 768px),(min-resolution: 192dpi) and (max-width: 768px){.mapbox-gl-draw_ctrl-draw-btn.mapbox-gl-draw_trash{display:none!important}}@media (min-width: 769px){#show-stats-mobile-btn{display:none}}@media (max-height: 900px){#stats-container{z-index:1;width:100%;left:0;right:0;max-width:none}}