:root{color-scheme:light;--page:#f5efe4;--surface:#f7f1e8;--elevated:#efe5d6;--text-primary:#23201b;--text-secondary:#605847;--accent:#2d6a4f;--accent-soft:#dceadf;--border:#dacfbf;--danger:#a63f32;--radius:16px;--radius-lg:20px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--nav-height:72px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px);--shadow-soft:0 6px 24px rgba(16,20,16,0.08);--font-stack:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--page);color:var(--text-primary);font-family:var(--font-stack)}a{color:inherit;text-decoration:none}input,select,textarea{font:inherit;background:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-radius:12px;padding:10px 14px;outline:none;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea{resize:vertical;min-height:60px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23605847' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}main{min-height:100dvh;padding-top:var(--safe-top);padding-bottom:calc(var(--nav-height) + var(--safe-bottom))}.screen{padding:var(--space-6) var(--space-4);padding-bottom:var(--space-8);max-width:760px;margin:0 auto;min-height:calc(100dvh - var(--nav-height) - var(--safe-top) - var(--safe-bottom))}.screen>*+*{margin-top:var(--space-6)}.surface-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-soft);transition:box-shadow .2s,transform .15s}.muted{color:var(--text-secondary)}.button-primary{border:1px solid transparent;border-radius:999px;background:var(--accent);color:#f6f5f1;height:40px;padding:0 16px;font:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-align:center;transition:background .15s,transform .1s}.button-primary:hover{background:#245a42}.button-primary:active{transform:scale(.97)}.button-primary:disabled{opacity:.5;cursor:not-allowed}.button-secondary{border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-primary);height:40px;padding:0 16px;font:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-align:center;transition:background .15s,border-color .15s,transform .1s}.button-secondary:hover{background:var(--elevated);border-color:var(--text-secondary)}.button-secondary:active{transform:scale(.97)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:50;border-top:1px solid var(--border);background:rgba(247,241,232,.98);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-3) var(--space-4);min-height:var(--nav-height);align-items:center}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius);font-size:11px;font-weight:500;transition:background .2s,color .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.nav-icon-wrap{position:relative;display:inline-flex}.nav-badge{position:absolute;top:-7px;right:-10px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--danger);color:#fff;font-size:9px;line-height:16px;text-align:center;font-weight:700;border:1px solid var(--surface)}.bottom-nav .active{color:var(--accent);background:var(--accent-soft);font-weight:600}.explore-map .leaflet-container{font-family:var(--font-stack)}.explore-map .bench-pin{background:none!important;border:none!important}.fog-overlay-container{transition:opacity .6s ease}.fog-cloud-layer{position:absolute;inset:-60%;width:220%;height:220%}.fog-layer-1{filter:url(#cloud-turbulence);animation:fog-drift-1 80s linear infinite}.fog-layer-2{filter:url(#cloud-turbulence-2);animation:fog-drift-2 60s linear infinite;opacity:.6}.fog-layer-3{background:radial-gradient(ellipse 40% 35% at 30% 40%,rgba(239,229,214,.5),transparent),radial-gradient(ellipse 35% 40% at 70% 55%,rgba(239,229,214,.4),transparent),radial-gradient(ellipse 50% 30% at 50% 70%,rgba(239,229,214,.35),transparent),radial-gradient(ellipse 30% 25% at 20% 75%,rgba(239,229,214,.3),transparent),radial-gradient(ellipse 45% 30% at 80% 30%,rgba(239,229,214,.3),transparent);animation:fog-drift-3 45s ease-in-out infinite alternate}@keyframes fog-drift-1{0%{transform:translate(0)}25%{transform:translate(2%,1%)}50%{transform:translateY(2%)}75%{transform:translate(-2%,1%)}to{transform:translate(0)}}@keyframes fog-drift-2{0%{transform:translate(0)}33%{transform:translate(-3%,1.5%)}66%{transform:translate(1%,-2%)}to{transform:translate(0)}}@keyframes fog-drift-3{0%{transform:translate(0) scale(1)}50%{transform:translate(3%,-1%) scale(1.03)}to{transform:translate(0) scale(1)}}.vp-coming-soon{position:absolute;pointer-events:none;z-index:3;transition:left .05s,top .05s}.explore-carousel{scrollbar-width:none;-ms-overflow-style:none}.explore-carousel::-webkit-scrollbar{display:none}.onboarding-scroller{scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-x}.onboarding-scroller::-webkit-scrollbar{display:none}@keyframes toast-in{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toast-out{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.toast{position:fixed;bottom:calc(var(--nav-height) + var(--safe-bottom) + 12px);left:16px;right:16px;z-index:200;display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:var(--radius);background:var(--accent);color:#f6f5f1;font-size:14px;font-weight:600;box-shadow:0 8px 32px rgba(0,0,0,.18);animation:toast-in .3s ease forwards;pointer-events:none}.toast.toast-exit{animation:toast-out .3s ease forwards}@keyframes heart-pop{0%{transform:scale(1)}40%{transform:scale(1.3)}to{transform:scale(1)}}.wishlist-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.wishlist-btn.saved{background:var(--accent-soft);border:1.5px solid var(--accent);color:var(--accent)}.wishlist-btn:not(.saved){background:var(--surface);border:1.5px solid var(--border);color:var(--text-primary)}.wishlist-btn .heart-icon{display:inline-block}.wishlist-btn.saved .heart-icon{animation:heart-pop .35s ease}.rating-slider-container{padding:8px 0}.rating-slider-track{position:relative;width:100%;height:48px;display:flex;align-items:center}.rating-slider-track input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;background:linear-gradient(to right,var(--border) 0,var(--border) 100%);outline:none;border:none;padding:0;margin:0;cursor:pointer}.rating-slider-track input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:32px;height:32px;border-radius:50%;background:var(--accent);border:3px solid var(--surface);box-shadow:0 2px 8px rgba(0,0,0,.15);cursor:-webkit-grab;cursor:grab;-webkit-transition:transform .15s;transition:transform .15s}.rating-slider-track input[type=range]::-webkit-slider-thumb:active{cursor:-webkit-grabbing;cursor:grabbing;transform:scale(1.15)}.rating-slider-track input[type=range]::-moz-range-thumb{width:32px;height:32px;border-radius:50%;background:var(--accent);border:3px solid var(--surface);box-shadow:0 2px 8px rgba(0,0,0,.15);cursor:grab}.rating-slider-labels{display:flex;justify-content:space-between;padding:0 2px;margin-top:4px}.rating-slider-labels span{font-size:10px;color:var(--text-secondary)}.trail-progress{display:flex;align-items:center;overflow-x:auto;padding:16px 4px 8px;scrollbar-width:none;-ms-overflow-style:none}.trail-progress::-webkit-scrollbar{display:none}.trail-stop{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0;position:relative}.trail-dot{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:700;border:2.5px solid var(--border);background:var(--surface);color:var(--text-secondary);transition:all .3s ease}.trail-dot.completed{border-color:var(--accent);background:var(--accent);color:#f6f5f1}.trail-connector{width:28px;height:3px;background:var(--border);flex-shrink:0;border-radius:2px;transition:background .3s}.trail-connector.completed{background:var(--accent)}.trail-label{font-size:9px;color:var(--text-secondary);text-align:center;max-width:52px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge-row{display:flex;gap:10px;flex-wrap:wrap}.badge{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 12px;border-radius:var(--radius);background:var(--elevated);border:1.5px solid var(--border);min-width:72px;transition:all .3s}.badge.earned{background:var(--accent-soft);border-color:var(--accent)}.badge-icon{font-size:22px;line-height:1}.badge-label{font-size:9px;font-weight:600;color:var(--text-secondary);text-align:center}.badge.earned .badge-label{color:var(--accent)}.photo-row-shell{position:relative}.photo-row-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none}.photo-row-scroll::-webkit-scrollbar{display:none}.photo-row-fade{pointer-events:none;position:absolute;top:0;right:0;width:42px;height:calc(100% - 4px);background:linear-gradient(to right,rgba(245,239,228,0),var(--page))}.benchmark-carousel{scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none}.benchmark-carousel::-webkit-scrollbar{display:none}