@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#183c39;--muted:#788581;--green:#254e45;--line:#e4e8e0;--cream:#f7f8f3;--accent:#e7eecc;--orange:#cd754b;--shadow:0 5px 22px #173a3720;--font:'DM Sans',sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:var(--font);font-size:14px;background:var(--cream)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #d49355;outline-offset:3px}a{color:var(--green)}button svg,span[data-icon] svg{width:20px;height:20px;display:block;flex-shrink:0}button{display:inline-flex;align-items:center;justify-content:center;gap:8px}button small{font-size:10px}.topbar{height:86px;background:#fff;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 28px;gap:24px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:'Manrope',sans-serif;font-size:24px;font-weight:800;letter-spacing:-1px;min-width:235px}.brand-mark{background:var(--ink);color:var(--accent);font-size:50px;font-family:Georgia,serif;line-height:37px;width:44px;height:44px;text-align:center;border-radius:13px;padding-bottom:8px}.brand small{display:block;font-size:8px;letter-spacing:4.5px;font-weight:650;margin-top:1px}.header-place{font-size:10px;letter-spacing:1.5px;display:flex;align-items:center;gap:11px;font-weight:600}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6f9775;flex-shrink:0}.divider{color:#bbc3bd;margin:0 4px}.header-motto{color:var(--muted);font-weight:400;letter-spacing:.2px;font-size:12px}.header-actions{display:flex;align-items:center;gap:23px}.weather-top{background:none;border:0;font-size:12px}.button{border:1px solid var(--line);border-radius:9px;background:white;padding:12px 17px;font-size:12px;font-weight:600;white-space:nowrap;transition:background .15s,transform .15s}.button:hover{background:#edf1e6;transform:translateY(-1px)}.button.dark{background:var(--ink);border-color:var(--ink);color:white}.button.dark:hover{background:#2d5750}.button.small{padding:11px 16px;font-size:11px}.button.accent{background:var(--accent);border-color:var(--accent)}.button.full{width:100%}.button.ghost{background:transparent;border-color:transparent}.app-shell{display:flex;height:calc(100dvh - 86px);min-height:460px}.rail{width:84px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:25px 8px 15px;flex-shrink:0}.nav-group{display:flex;flex-direction:column;align-items:center;gap:13px;width:100%}.nav-button{width:64px;height:64px;flex-direction:column;gap:7px;background:none;border:0;color:#87918a;border-radius:12px}.nav-button svg{width:21px;height:21px}.nav-button.active{background:#edf2e5;color:var(--ink)}.nav-button:hover{background:#f1f4ec;color:var(--ink)}.nav-button small{font-size:9px;font-weight:550}.rail-avatar{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#f0e7d6;color:#6e6859;font-size:10px;margin-top:10px;border:3px solid white;outline:1px solid var(--line)}.sidebar{width:375px;flex-shrink:0;display:flex;flex-direction:column;background:#fafbf7;z-index:500;border-right:1px solid #dce2d8}.panel{flex:1;overflow:auto;padding:28px 25px 24px;scrollbar-width:thin;scrollbar-color:#d5dcd0 transparent}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:650;color:#869180;text-transform:uppercase}.greeting{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.season-tag{font-size:9px;background:#edf0df;padding:5px 8px;border-radius:4px;letter-spacing:.4px;color:#6d7a52}.panel h1{font-family:'Manrope',sans-serif;font-size:29px;line-height:1.32;letter-spacing:-1.25px;margin:0 0 10px;font-weight:750}.panel h1 em{font-style:normal;color:#788d63}.subtext{font-size:12px;color:var(--muted);line-height:1.7;margin:0 0 22px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:24px 0 13px}.section-heading h2{font-size:14px;font-weight:650;letter-spacing:-.3px;margin:0}.text-button{border:0;background:none;padding:2px;color:#839173;font-size:10px;font-weight:550}.feature-card{padding:21px;border-radius:12px;color:white;background:linear-gradient(135deg,#1c4b46,#648471);position:relative;overflow:hidden;min-height:170px;cursor:pointer}.feature-card .eyebrow{color:#d5dfc3;font-size:8px;letter-spacing:2px}.feature-card h2{font-family:Georgia,serif;font-weight:400;font-size:24px;line-height:1.2;margin:12px 0 10px;position:relative;z-index:1;max-width:180px}.feature-card p{font-size:10px;color:#e0e6d7;max-width:170px;line-height:1.6;position:relative;z-index:1}.feature-card .round-arrow{position:absolute;right:17px;bottom:17px;border:1px solid #ffffff55;color:white;border-radius:50%;width:28px;height:28px;display:grid;place-items:center}.feature-art{position:absolute;right:-25px;top:15px;opacity:.32;width:195px;height:175px}.spot-list{display:flex;flex-direction:column;gap:2px}.spot-row{border:0;background:transparent;text-align:left;padding:13px 0;width:100%;display:flex;justify-content:flex-start;border-bottom:1px solid #e9ece4;gap:13px}.spot-row:hover .spot-title{color:#85905e}.spot-thumb{width:54px;height:56px;border-radius:9px;display:grid;place-items:center;flex-shrink:0;position:relative;overflow:hidden;background:#e4eadf;color:#688269}.spot-thumb:after{content:'';position:absolute;width:90px;height:30px;bottom:-11px;left:-15px;background:#ffffff40;border-radius:50%;transform:rotate(-10deg)}.spot-thumb svg{width:25px;height:25px;z-index:1}.spot-thumb.waterfall{background:#dfeced;color:#518c95}.spot-thumb.anchor{background:#e6e9d7;color:#86905b}.spot-thumb.marina{background:#e1e9e0;color:#6b8276}.spot-thumb.hazard{background:#f4e3da;color:#b57251}.spot-info{flex:1;min-width:0}.spot-title{font-size:12px;font-weight:650;display:block;margin-bottom:5px;letter-spacing:-.15px}.spot-meta{font-size:10px;color:var(--muted);display:block;font-weight:400;line-height:1.5}.spot-arrow{font-size:15px;color:#a1ad9b}.home-base{height:77px;display:flex;align-items:center;gap:12px;padding:15px 21px;background:#f0f3e9;border-top:1px solid #e1e6d9;flex-shrink:0}.home-icon{background:#e0e8d5;padding:10px;border-radius:9px}.home-base small{font-size:8px;letter-spacing:1.1px;color:#87927b;display:block;margin-bottom:6px}.home-base strong{font-size:11px;font-weight:600}.home-base .icon-button{margin-left:auto;background:transparent;box-shadow:none;width:26px}.map-area{position:relative;flex:1;min-width:0;overflow:hidden;background:#e5ede4}#map{position:absolute;inset:0;z-index:1;background:#e9f0e4}.leaflet-container{font-family:var(--font);background:#e9f0e4}.map-top{position:absolute;top:25px;left:26px;right:26px;z-index:450;display:flex;gap:12px;align-items:center;justify-content:space-between}.search-box{height:47px;background:white;border:1px solid #edf0e5;border-radius:10px;display:flex;align-items:center;padding:0 15px;box-shadow:0 3px 16px #263d3710;gap:10px;width:min(470px,70%);color:#718278}.search-box svg{width:18px;height:18px}.search-box input{flex:1;min-width:0;border:0;outline:none;font-size:11px;background:transparent;color:var(--ink)}.search-box input::placeholder{color:#909a92}.search-box kbd{font-size:11px;border:1px solid var(--line);padding:1px 5px;color:#a0a899;border-radius:3px}.filter-bar{position:absolute;top:87px;left:26px;right:26px;display:flex;gap:7px;z-index:450;overflow:auto;scrollbar-width:none}.filter-pill{border:1px solid #dce4d5;background:#fffffff5;border-radius:7px;padding:8px 12px;font-size:10px;white-space:nowrap;box-shadow:0 2px 5px #26452d05}.filter-pill svg{width:14px;height:14px}.filter-pill.active{background:var(--ink);border-color:var(--ink);color:white}.map-controls{position:absolute;right:25px;top:153px;z-index:450;display:flex;flex-direction:column;gap:9px}.icon-button{width:38px;height:38px;border:1px solid #e2e8dc;background:#fff;border-radius:8px;box-shadow:0 2px 8px #2841310c;font-size:20px}.icon-button:hover{background:#f1f5ec}.icon-button svg{width:18px;height:18px}.zoom-controls{display:flex;flex-direction:column;background:white;border-radius:8px;border:1px solid #dfe5d9;overflow:hidden}.zoom-controls .icon-button{border:0;border-radius:0;box-shadow:none}.zoom-controls .icon-button+button{border-top:1px solid var(--line)}.map-bottom{position:absolute;bottom:29px;left:26px;right:25px;z-index:450;display:flex;align-items:center;justify-content:space-between;gap:14px}.layer-button{background:white;border:1px solid #dce3d7;padding:11px 13px;border-radius:9px;font-size:10px;box-shadow:var(--shadow)}.map-caption{display:flex;gap:8px;font-size:10px;align-items:center;background:#ffffffed;border:1px solid #e4eadc;padding:10px 13px;border-radius:20px;color:#748371}.leaflet-control-attribution{font-size:9px!important;background:#ffffffb0!important}.lake-marker{background:none;border:0}.marker-core{width:34px;height:34px;border:3px solid white;border-radius:50%;background:#fff;color:#506e64;box-shadow:0 2px 9px #1b433449;display:flex;align-items:center;justify-content:center;transition:transform .2s}.marker-core svg{width:17px;height:17px}.marker-core.marina{background:#427669;color:#fff}.marker-core.waterfall{background:#6598a9;color:white}.marker-core.anchor{background:#b29b61;color:white}.marker-core.landmark{background:#8c947b;color:white}.marker-core.hazard{background:#c4744e;color:white}.marker-core.food{background:#b98772;color:white}.marker-core.home{width:43px;height:43px;background:var(--ink);border:4px solid #fff;box-shadow:0 0 0 5px #234d4520,0 3px 12px #234d4530}.marker-core.selected{transform:scale(1.22);outline:3px solid #e5bb7b}.leaflet-tooltip.spot-label{font-family:var(--font);font-size:10px;border:0;box-shadow:0 2px 8px #374d3c15;color:#29493e;background:#ffffffed;border-radius:5px;padding:5px 8px}.leaflet-tooltip.spot-label:before{display:none}.leaflet-tooltip.home-label{font-size:10px;font-weight:650}.event-teaser{background:#fff;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:12px;padding:14px;cursor:pointer}.date-chip{background:#f1e9dc;border-radius:7px;min-width:42px;height:47px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#977655;font-weight:650;font-size:19px;gap:1px}.date-chip small{font-size:8px;letter-spacing:.8px}.event-teaser strong{font-size:11px;display:block;margin-bottom:4px}.event-teaser p{font-size:10px;color:var(--muted);margin:0}.event-teaser .spot-arrow{margin-left:auto}.panel-footer{margin-top:22px;font-size:9px;line-height:1.6;color:#9aa38f;display:flex;gap:7px;align-items:center}.panel-footer svg{width:13px;height:13px}.back-button{border:0;background:none;padding:0;color:#798775;font-size:11px;margin-bottom:24px}.detail-icon{width:70px;height:70px;border-radius:15px;margin-bottom:22px}.detail-icon svg{width:34px;height:34px}.detail-title{font-size:26px!important}.tag-row{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.tag{font-size:9px;background:#edf1e6;color:#738465;border:1px solid #e3e9d9;padding:5px 8px;border-radius:5px}.detail-actions{display:flex;gap:8px;margin:20px 0}.detail-actions .button{flex:1;padding:11px 9px}.detail-description{font-size:12px;line-height:1.85;color:#748175}.info-line{display:flex;justify-content:space-between;gap:15px;font-size:11px;border-bottom:1px solid var(--line);padding:12px 0;line-height:1.5}.info-line span:first-child{color:var(--muted)}.detail-link{font-size:11px;display:inline-flex;align-items:center;gap:5px;margin-top:16px;text-decoration:none}.note{font-size:10px;line-height:1.7;background:#f1efdf;border:1px solid #e7e4cd;padding:12px;border-radius:8px;color:#867650;margin:15px 0}.note.blue{color:#5c7b7d;background:#ebf2f0;border-color:#dce8e3}.empty-state{padding:30px 10px;text-align:center}.empty-state svg{width:33px;height:33px;color:#a2ad96;margin:auto}.empty-state h3{font-size:16px;font-weight:550;margin:16px 0 8px}.empty-state p{font-size:12px;color:var(--muted);line-height:1.7}.panel label,dialog label{display:block;font-size:11px;font-weight:550;margin:15px 0 7px}.field,select,textarea{width:100%;background:white;border:1px solid #dfe5d8;border-radius:7px;padding:11px 12px;color:var(--ink);font-size:12px;outline-color:#809b75}textarea{resize:vertical;min-height:95px}.field-row{display:flex;gap:12px}.field-row>div{flex:1;min-width:0}.form-help{font-size:10px;color:var(--muted);line-height:1.6;margin-top:7px}.error-message{font-size:12px;color:#a64636;margin:12px 0;line-height:1.6}.trip-start{display:flex;align-items:center;gap:12px;background:#edf2e5;border:1px solid #e0e7d7;padding:14px;border-radius:8px;margin:20px 0}.trip-start strong{font-size:12px}.trip-start small{display:block;font-size:9px;color:#849276;margin-bottom:5px}.trip-start svg{width:20px}.trip-stop{display:flex;align-items:center;gap:9px;margin:10px 0}.stop-number{border-radius:50%;background:var(--ink);color:white;width:22px;height:22px;display:grid;place-items:center;flex-shrink:0;font-size:10px}.trip-stop .icon-button{width:28px;height:32px;box-shadow:none;background:transparent;border:0;font-size:17px}.route-summary{border:1px solid #dce5d4;background:#edf2e6;border-radius:10px;padding:16px;margin:18px 0}.route-stats{display:flex;gap:23px;margin-bottom:12px}.route-stat strong{font-family:'Manrope',sans-serif;font-size:24px;letter-spacing:-1px;font-weight:650}.route-stat small{display:block;color:#85917b;font-size:9px;margin-top:4px}.route-leg{font-size:10px;color:#73826a;border-top:1px solid #dbe4d0;padding-top:10px;margin-top:10px;line-height:1.7}.event-card{background:white;border:1px solid var(--line);border-radius:11px;margin:14px 0;padding:17px}.event-card-top{display:flex;gap:12px;align-items:center}.event-card h3{font-size:13px;margin:0 0 5px}.event-card .event-meta{font-size:10px;color:var(--muted)}.event-card p{font-size:11px;line-height:1.7;color:var(--muted)}.event-card .button{padding:9px 12px;font-size:10px}.event-badges{display:flex;gap:6px;align-items:center;justify-content:space-between;margin:13px 0}.event-badges .tag{font-size:8px}.event-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.segmented{display:flex;border:1px solid var(--line);background:#edf0e7;border-radius:7px;padding:3px;margin:20px 0 14px}.segmented button{background:transparent;border:0;font-size:10px;padding:8px;flex:1;border-radius:5px}.segmented button.active{background:white;box-shadow:0 1px 3px #153f3d10}.review{padding:14px 0;border-bottom:1px solid var(--line)}.review strong{font-size:11px}.review .stars{float:right;color:#b09252;font-size:11px}.review p{font-size:11px;line-height:1.7;color:var(--muted);margin:7px 0}.review small{font-size:9px;color:#9da695}.guide-card{background:white;border:1px solid var(--line);border-radius:9px;padding:17px;margin:14px 0}.guide-card h3{font-size:13px;margin:0 0 9px}.guide-card p,.guide-card a{font-size:11px;line-height:1.8;color:#7d8878}.guide-card a{color:var(--green)}.guide-card ul{padding-left:17px;color:var(--muted);font-size:11px;line-height:1.9}.condition-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.condition{background:#f1f4ea;border-radius:7px;padding:14px}.condition strong{font-size:21px;font-weight:550}.condition small{display:block;font-size:9px;color:var(--muted);margin-top:5px}dialog{border:1px solid #dce3d6;border-radius:16px;padding:0;width:460px;max-width:calc(100vw - 28px);max-height:90dvh;color:var(--ink);box-shadow:0 30px 100px #13352c40}dialog::backdrop{background:#16332e70;backdrop-filter:blur(4px)}.modal-inner{padding:30px}.modal-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.modal-heading h2{font-family:'Manrope',sans-serif;font-size:22px;letter-spacing:-.8px;margin:0}.modal-heading .icon-button{border:0;box-shadow:none;font-size:23px;width:27px;height:27px}.modal-inner>p{font-size:12px;color:var(--muted);line-height:1.7}.modal-inner .button.full{margin-top:19px}.auth-switch{margin-top:18px!important;text-align:center;font-size:11px!important}.auth-switch button{border:0;background:none;text-decoration:underline;font-size:11px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);z-index:2000;background:var(--ink);color:#fff;border:1px solid #547166;padding:14px 22px;border-radius:10px;box-shadow:var(--shadow);font-size:12px;max-width:90vw;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.map-status{position:absolute;top:144px;left:26px;z-index:450;background:#fff8e8;border:1px solid #e1cb9e;color:#836b38;padding:11px 15px;font-size:11px;border-radius:8px;max-width:calc(100% - 110px);line-height:1.6}.map-status[hidden],.gps-panel[hidden]{display:none}.gps-panel{position:absolute;bottom:83px;right:25px;z-index:450;background:white;padding:13px 16px;border:1px solid #dae3d4;border-radius:10px;box-shadow:var(--shadow);font-size:11px;max-width:310px}.gps-panel p{font-size:10px;color:var(--muted);line-height:1.6;margin:5px 0 8px}.gps-panel .button{font-size:9px;padding:6px 9px}.gps-dot{width:16px;height:16px;background:#3b89cc;border:3px solid white;border-radius:50%;box-shadow:0 0 0 6px #3b89cc25}.spinner{display:inline-block;width:15px;height:15px;border:2px solid #b5c6a8;border-top-color:#2c5448;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#mobile-panel{display:none}.offline-banner{background:#f1e2c4}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1600px){.sidebar{width:405px}.panel{padding:32px}.topbar{padding:0 32px}.map-top,.filter-bar{left:32px;right:32px}}
@media(max-width:1150px){.header-motto,.divider{display:none}.sidebar{width:330px}.panel{padding:25px 20px}.rail{width:72px}.nav-button{width:58px}.map-top{left:18px;right:18px}.filter-bar{left:18px;right:18px}.filter-pill{padding:8px 10px}.header-place{font-size:9px;letter-spacing:1px}.brand{min-width:220px}.header-actions{gap:12px}.search-box{width:65%}.map-caption{display:none}}
@media(max-width:800px){.topbar{height:70px;padding:0 17px}.brand{font-size:21px;min-width:0}.brand-mark{width:36px;height:36px;font-size:43px;line-height:29px;border-radius:10px}.brand small{font-size:6px;letter-spacing:3.8px}.header-place{display:none}.header-actions{gap:8px}.weather-top{display:none}.button.small{padding:10px 12px;font-size:10px}.app-shell{height:calc(100dvh - 70px);min-height:0;padding-bottom:64px}.rail{position:fixed;left:0;right:0;bottom:0;width:100%;height:64px;z-index:800;flex-direction:row;border-top:1px solid var(--line);padding:3px 14px;box-shadow:0 -3px 15px #173a3709}.nav-group{flex-direction:row;justify-content:space-around;gap:3px}.rail-bottom{display:none}.nav-button{height:55px;width:70px;gap:4px}.nav-button small{font-size:9px}.nav-button svg{width:19px;height:19px}.sidebar{position:absolute;left:0;bottom:64px;top:70px;width:345px;max-width:90vw;z-index:600;box-shadow:8px 0 35px #254c3720;transition:transform .25s}.sidebar.mobile-hidden{transform:translateX(-105%)}.panel{padding:23px}.map-area{width:100%}.map-top{left:12px;right:12px;top:15px;gap:8px}.map-top>.button{font-size:10px;padding:12px 10px}.map-top>.button svg{width:15px}.search-box{width:auto;flex:1;min-width:0;height:43px;padding:0 12px}.search-box input{font-size:10px}.search-box kbd{display:none}.filter-bar{left:12px;right:12px;top:70px}.filter-pill{padding:8px 10px;font-size:9px}.map-controls{right:13px;top:123px}.map-bottom{left:13px;right:13px;bottom:27px}#mobile-panel{display:inline-flex;font-size:11px;padding:12px 15px}.gps-panel{right:13px;bottom:82px}.map-status{left:12px;top:119px}.home-base{height:70px}.leaflet-tooltip.spot-label{font-size:9px}.modal-inner{padding:24px}.panel h1{font-size:27px}}
.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.optional{color:var(--muted);font-weight:400}.feedback-success{text-align:center;padding:48px 4px 20px}.feedback-success>svg{width:48px;height:48px;margin:0 auto 22px;color:#6d8c67}.feedback-success h1{font-size:26px}.feedback-success p{color:var(--muted);font-size:12px;line-height:1.75;margin:0 0 25px}.feedback-privacy{margin-top:14px}
.spot-thumb img{width:100%;height:100%;object-fit:cover;position:relative;z-index:2}.spot-hero{display:block;width:100%;height:220px;object-fit:cover;border-radius:14px;margin-bottom:20px;background:#dce7df}.event-photo{display:block;width:calc(100% + 34px);height:150px;object-fit:cover;margin:-17px -17px 16px;border-radius:11px 11px 0 0}.share-cta{margin:18px 0 25px;padding:15px}.file-input{width:100%;padding:11px;border:1px dashed #b8c5b4;border-radius:9px;background:#f3f6ee;font-size:12px}.file-input::file-selector-button{border:0;border-radius:6px;padding:8px 11px;margin-right:10px;background:var(--green);color:#fff;font-weight:600}.file-ready{font-size:11px;color:#6e8069;margin:7px 0}.person-card{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;margin:8px 0}.person-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:#dfe9d5;color:var(--green);font-weight:700;font-size:12px}.person-avatar.small{display:inline-grid;width:27px;height:27px;font-size:10px}.person-card>div{flex:1;min-width:0}.person-card strong{display:block;font-size:13px}.person-card small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.person-card .button{padding:8px 10px;font-size:10px}.friend-picker{border:1px solid var(--line);border-radius:10px;margin:18px 0;padding:12px}.friend-picker legend{font-size:11px;font-weight:650;padding:0 5px}.friend-picker label{display:flex;align-items:center;gap:9px;margin:7px 0;padding:6px;border-radius:7px;background:#f5f7f1}.friend-picker input{width:17px;height:17px}.invited-friends{margin:14px 0;font-size:11px}.invited-friends strong{display:block;margin-bottom:8px}.friend-chip{display:inline-block;padding:5px 8px;margin:0 5px 5px 0;border-radius:15px;background:#e8efdf;font-size:10px}
/* Keep frequently used controls legible outdoors and on smaller boat displays. */
.panel-close{display:none}
@media(max-width:800px){.panel-close{display:flex;justify-content:flex-start;gap:7px;border:0;border-bottom:1px solid var(--line);background:#eef3e8;min-height:42px;padding:10px 23px;font-size:12px;flex-shrink:0}.panel-close svg{width:16px;height:16px}}
.spot-title,.section-heading h2,.home-base strong,.event-card h3{font-size:14px}
.subtext,.detail-description,.field,select,textarea,.panel label,dialog label,.button,.search-box input{font-size:13px}
.filter-pill,.spot-meta,.info-line,.note,.guide-card p,.guide-card a,.event-card p,.review p,.form-help,.detail-link{font-size:12px}
.nav-button small{font-size:11px}.panel-footer,.eyebrow,.tag,.event-meta,.home-base small{font-size:10px}
.route-leg,.route-stat small{font-size:11px}.leaflet-control-attribution{max-width:100%;line-height:1.4}
@media(max-width:800px){.search-box input,.map-top>.button,.filter-pill{font-size:11px}.spot-title{font-size:14px}.nav-button small{font-size:10px}.leaflet-control-attribution{font-size:8px!important}.map-bottom{bottom:42px}.gps-panel{bottom:96px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Filled circles are official guide locations; outlined squares are community posts. */
.marker-core.community{width:38px;height:38px;border-radius:11px;background:#fff;border:3px solid currentColor;color:#426c63;position:relative}
.marker-core.community.marina{color:#376f76}.marker-core.community.waterfall{color:#4a8fa5}.marker-core.community.anchor{color:#9a7b33}.marker-core.community.landmark{color:#697252}.marker-core.community.food{color:#a36650}.marker-core.community.hazard{color:#b95636}
.community-dot{position:absolute;right:-5px;top:-5px;width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:#e27542;box-shadow:0 1px 4px #1b433449}
.marker-core.home{width:43px;height:43px;border-radius:50%;background:var(--ink);color:#fff;border:4px solid #fff}
.leaflet-tooltip.spot-label small{display:block;margin-top:2px;font-size:8px;color:#748177;font-weight:500}.leaflet-tooltip.community-label{border:1px solid #d78961}.leaflet-tooltip.official-label{border:1px solid #dce4d8}
.source-badge{display:inline-flex;vertical-align:middle;align-items:center;border-radius:4px;padding:3px 5px;font-size:7px;line-height:1;font-weight:800;letter-spacing:.6px;margin-left:4px}.source-badge.official{background:#dceae5;color:#285d55}.source-badge.community{background:#f5e1d4;color:#a55230}
.spot-row.community-spot{border-left:3px solid #dc875e;padding-left:10px}.spot-row.official-spot{border-left:3px solid transparent}
.map-caption{gap:6px;font-weight:650}.map-caption span:nth-of-type(2){margin-right:7px}.legend-key{width:12px;height:12px;display:inline-block;flex:none}.official-key{border-radius:50%;background:#427669;border:2px solid #fff;box-shadow:0 0 0 1px #427669}.community-key{border-radius:4px;background:#fff;border:2px solid #d6784d;position:relative}.community-key:after{content:'';position:absolute;width:4px;height:4px;border-radius:50%;background:#e27542;right:-4px;top:-4px;border:1px solid #fff}.map-caption.offline{opacity:.55}.map-caption.offline:after{content:'OFFLINE';color:#a34e38;margin-left:6px;font-size:8px;letter-spacing:.7px}
@media(max-width:800px){.map-caption{display:flex;position:absolute;right:0;bottom:49px;padding:8px 10px;font-size:9px}}
.owner-controls{margin-top:28px;padding-top:18px;border-top:1px solid var(--line)}.owner-controls .button{margin-top:10px}.button.danger{background:#a84f3c;border-color:#a84f3c;color:#fff}.button.danger:hover{background:#8f3f30}