:root{--trail-orange:#ef9701;--cream:#f9f5eb;--light-cream:#f5f0e6;--dark-earth:#3f2e1e;--forest-green:#2d5a27;--warm-brown:#5c4033;--soft-shadow:#3c2d1e26;--route-blue:#1f7ad6}*,:before,:after{box-sizing:border-box}html,body{background:var(--cream);color:var(--dark-earth);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Kalam,Comic Sans MS,cursive,system-ui,-apple-system,sans-serif;font-size:1.05rem;line-height:1.5}body{min-height:100vh}h1,h2,h3{color:var(--dark-earth);font-family:Kalam,cursive;font-weight:700;line-height:1.1}h1{margin:0 0 .6rem;font-size:3.2rem}h2{margin:0 0 .4rem;font-size:2.1rem}h3{font-size:1.55rem}p,li{font-family:Kalam,cursive;font-weight:400}.container{max-width:1080px;margin:0 auto;padding:0 1.25rem}.site-header{background:var(--light-cream);border-bottom:4px solid var(--trail-orange);z-index:100;padding:.85rem 0;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:1rem;display:flex}.logo{color:var(--trail-orange);letter-spacing:1px;margin:0;font-family:Kalam,cursive;font-size:2.4rem;font-weight:700;line-height:1}.logo a{color:inherit;text-decoration:none}.nav{align-items:center;gap:.75rem;font-size:1.05rem;display:flex}.hero{background:linear-gradient(180deg, #f5f0e6 0%, var(--cream) 100%);text-align:center;border-bottom:5px solid var(--trail-orange);padding:3rem 1rem 2.5rem;position:relative;overflow:hidden}.hero img,.hero-img{border:5px solid var(--dark-earth);width:100%;max-width:820px;height:auto;box-shadow:0 15px 40px var(--soft-shadow);border-radius:4px;margin:0 auto 1.25rem;display:block}.section{padding:2.25rem 0}.section-divider{border:none;border-top:2px dashed var(--warm-brown);max-width:1080px;margin:2rem auto}.lead{text-align:center;max-width:620px;margin:0 auto 1.5rem;font-size:1.25rem}.demo-toggle{justify-content:center;gap:.5rem;margin:1rem 0 1.25rem;display:flex}.demo-large-img{border:5px solid var(--dark-earth);width:100%;height:auto;box-shadow:0 12px 35px var(--soft-shadow);border-radius:4px;margin:0 auto .75rem;display:block}.btn{border:3px solid var(--dark-earth);cursor:pointer;box-shadow:0 4px 0 var(--dark-earth);border-radius:6px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.65rem;font-family:Kalam,cursive;font-size:1.05rem;font-weight:700;text-decoration:none;transition:transform .1s,box-shadow .1s,background .15s;display:inline-flex}.btn:active{box-shadow:0 2px 0 var(--dark-earth);transform:translateY(2px)}.btn-primary{background:var(--trail-orange);color:#fff;border-color:var(--dark-earth)}.btn-primary:hover{background:#d17f00}.btn-secondary{color:var(--dark-earth);background:#fff}.btn-secondary:hover{background:var(--light-cream)}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.how-it-works-title{text-align:center;margin-bottom:2rem;font-size:2.1rem}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.75rem;max-width:1000px;margin:0 auto;display:grid}.step,.local-discovery{border:3px solid var(--dark-earth);box-shadow:0 3px 0 var(--dark-earth);background:#fff;border-radius:8px;transition:transform .1s}.step{text-align:center;padding:1.25rem 1rem 1.5rem}.step:hover,.local-discovery:hover{transform:translateY(-2px)}.step-number{color:var(--trail-orange);margin-bottom:.15rem;font-family:Kalam,cursive;font-size:3.2rem;font-weight:700;line-height:1}.step-icon{margin-bottom:.5rem;font-size:1.6rem;line-height:1}.step-title{color:var(--dark-earth);margin:.35rem 0 .4rem;font-family:Kalam,cursive;font-size:1.35rem}.step-desc{color:var(--dark-earth);margin:0;font-size:.95rem;line-height:1.35}.notify{z-index:9999;border:3px solid var(--dark-earth);opacity:0;pointer-events:none;border-radius:8px;min-width:260px;max-width:92vw;padding:.85rem 1.25rem;font-family:Kalam,cursive;font-size:1rem;transition:transform .35s cubic-bezier(.23,1,.32,1),opacity .25s;position:fixed;bottom:22px;left:50%;transform:translate(-50%)translateY(120%);box-shadow:0 10px 30px #00000040}.notify.visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.notify.success{border-color:var(--forest-green);color:#1b3a1f;background:#e8f5e9}.notify.error{color:#5c2a1f;background:#fff0e6;border-color:#b8502e}.notify.info{background:var(--light-cream);border-color:var(--trail-orange)}.site-footer{background:var(--light-cream);border-top:3px solid var(--trail-orange);text-align:center;color:var(--warm-brown);padding:1.25rem 0;font-size:.9rem}@media (width<=640px){h1{font-size:2.6rem}.logo{font-size:2.1rem}.hero{padding:2rem 1.5rem 1.75rem}.section.container{padding-left:1.5rem;padding-right:1.5rem}.cta-row .btn{justify-content:center;width:100%}.nav{gap:.5rem}.site-header .btn{width:auto;padding:.35rem .9rem;font-size:.95rem}}a{color:var(--trail-orange);text-decoration:underline;text-decoration-thickness:2px}a:hover{color:#d17f00}.cta-row{flex-wrap:wrap;justify-content:center;gap:.85rem;margin-top:1.25rem;display:flex}.value-prop{text-align:center;max-width:680px;margin:1.5rem auto;font-size:1.15rem}.local-discovery{padding:1.25rem 1.5rem 1.5rem}.local-discovery h2{text-align:center;color:var(--dark-earth);margin-bottom:.5rem}html,body{overflow-x:hidden}.btn-sm{padding:.4rem .9rem;font-size:.9rem}.btn-icon{justify-content:center;align-items:center;min-width:1rem;font-weight:700;display:inline-flex}.btn-icon-svg{width:1.05rem;height:1.05rem;display:block}.btn-icon-button{border:2px solid var(--dark-earth);width:1.85rem;height:1.85rem;color:var(--dark-earth);cursor:pointer;box-shadow:0 2px 0 var(--dark-earth);background:#fff;border-radius:4px;justify-content:center;align-items:center;padding:0;font-family:Kalam,cursive;font-size:.95rem;font-weight:700;line-height:1;transition:transform .1s,box-shadow .1s,background .15s;display:inline-flex}.btn-icon-button:active{box-shadow:0 1px 0 var(--dark-earth);transform:translateY(1px)}.btn-icon-button:hover{background:var(--light-cream)}.btn-icon-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn-icon-success{color:var(--forest-green)}.btn-icon-success:hover{background:#e8f5e9}.btn-icon-danger{color:#b8502e}.btn-icon-danger:hover{background:#fff0e6}.map-page{background:var(--light-cream);min-height:calc(100vh - 84px);position:relative}.route-map{width:100%;min-height:calc(100vh - 84px)}.map-toolbar{z-index:20;pointer-events:none;justify-content:center;align-items:center;gap:.65rem;width:min(960px,100% - 1.5rem);display:flex;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.map-toolbar>*{pointer-events:auto}.map-toolbar .btn,.map-toolbar .btn:active{box-shadow:none}.map-info-box{border:3px solid var(--dark-earth);background:var(--forest-green);color:#fff;text-align:center;min-width:min(360px,100%);max-width:420px;box-shadow:0 4px 0 var(--dark-earth);border-radius:6px;padding:.55rem 1rem;font-family:Kalam,cursive;font-weight:700}.map-info-box .elevation-line{opacity:.92;letter-spacing:.5px;margin-top:2px;font-size:.9em}.elevation-profile-shell{z-index:20;pointer-events:none;width:min(860px,100% - 2rem);position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.elevation-profile-panel{pointer-events:auto;border:3px solid var(--dark-earth);background:var(--light-cream);box-shadow:0 5px 0 var(--dark-earth), 0 12px 28px var(--soft-shadow);border-radius:8px;overflow:hidden}.elevation-profile-header{border-bottom:3px solid var(--dark-earth);background:var(--trail-orange);color:var(--dark-earth);justify-content:space-between;align-items:center;gap:1rem;padding:.45rem .75rem .35rem;font-family:Kalam,cursive;font-weight:700;display:flex}.elevation-profile-title,.elevation-profile-meta{line-height:1.15}.elevation-profile-meta{text-align:right;font-size:.92rem}.elevation-profile-empty{min-height:150px;color:var(--warm-brown);justify-content:center;align-items:center;padding:1rem;font-weight:700;display:flex}.elevation-profile-chart{height:150px;padding:.2rem .35rem .35rem}.elevation-profile-svg{width:100%;height:100%;display:block}.elevation-profile-plot-bg{fill:var(--cream);stroke:#5c403347;stroke-width:2px}.elevation-profile-grid{stroke:#5c403338;stroke-width:1.5px;stroke-dasharray:5 5}.elevation-profile-area{fill:#ef97013d}.elevation-profile-line{fill:none;stroke:var(--trail-orange);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.elevation-profile-axis-label,.elevation-profile-x-label,.elevation-profile-tooltip{fill:var(--dark-earth);font-family:Kalam,cursive;font-size:12px;font-weight:700}.elevation-profile-x-label{text-anchor:middle}.elevation-profile-tooltip{paint-order:stroke;stroke:var(--cream);stroke-width:4px}.elevation-profile-hover-line{stroke:var(--dark-earth);stroke-width:2px;stroke-dasharray:4 4}.elevation-profile-hover-dot{fill:var(--cream);stroke:var(--dark-earth);stroke-width:3px}.elevation-profile-hit{fill:#0000;cursor:crosshair}.mapboxgl-ctrl-top-left,.mapboxgl-ctrl-top-right{top:4.5rem}@media (width<=900px){.elevation-profile-shell{display:none}}@media (width>=901px) and (width<=1080px){.elevation-profile-shell{width:min(680px,100% - 9rem)}}.modal-backdrop{z-index:9000;background:#2c252273;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card{border:4px solid var(--dark-earth);background:var(--cream);width:min(460px,100%);box-shadow:0 10px 0 var(--dark-earth);border-radius:8px;padding:1.5rem}.modal-card h2{margin-bottom:1rem}.field-label{gap:.45rem;font-weight:700;display:grid}.text-input{border:3px solid var(--dark-earth);width:100%;color:var(--dark-earth);font:inherit;background:#fff;border-radius:6px;padding:.65rem .8rem}.text-input:focus{outline:3px solid var(--trail-orange);outline-offset:2px}.modal-actions{justify-content:flex-end;gap:.75rem;margin-top:1.25rem;display:flex}.gpx-tip{border:2px solid var(--warm-brown);background:var(--light-cream);border-radius:6px;margin:1rem 0 .25rem;padding:.75rem .9rem;font-size:.92rem;line-height:1.35}.gpx-tip p{color:var(--dark-earth);margin:0 0 .5rem}.gpx-tip-links{flex-wrap:wrap;gap:.35rem .6rem;font-size:.88rem;display:flex}.gpx-tip-link{color:var(--trail-orange);text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1.5px}.gpx-tip-link:hover{color:#d17f00}.gpx-tip-sep{color:var(--warm-brown);opacity:.6}.account-page{background:var(--cream);min-height:calc(100vh - 84px);padding:2.25rem 0 3rem}.account-feed{max-width:860px}.account-title{margin-bottom:.25rem}.account-intro{color:var(--warm-brown);margin:0 0 1.4rem;font-size:1.1rem}.account-filter{border:3px solid var(--dark-earth);background:var(--light-cream);box-shadow:0 4px 0 var(--dark-earth);border-radius:8px;margin-bottom:1rem;padding:.9rem}.account-filter-input{background:#fff}.track-feed{gap:1rem;display:grid}.track-card,.account-state-card{background:var(--light-cream);border:3px solid var(--dark-earth);box-shadow:0 4px 0 var(--dark-earth);border-radius:8px}.track-card{transition:transform .14s,box-shadow .14s;position:relative;overflow:hidden}.track-card:hover{box-shadow:0 7px 0 var(--dark-earth), 0 10px 22px var(--soft-shadow);transform:translateY(-3px)}.track-card-header{background:var(--trail-orange);border-bottom:3px solid var(--dark-earth);padding:.75rem .95rem .65rem}.track-card-header .track-name-row{margin:0}.track-card-content{grid-template-columns:180px minmax(0,1fr);align-items:center;gap:1rem;padding:.9rem;display:grid}.track-thumb-wrap{width:100%}.track-thumb{aspect-ratio:8/5;border:3px solid var(--dark-earth);background:var(--cream);border-radius:8px;width:100%;display:block}.track-card-body{min-width:0}.track-name{overflow-wrap:anywhere;margin:0;font-size:1.45rem}.track-stats{flex-wrap:wrap;gap:.55rem;display:flex}.track-actions{flex-wrap:wrap;gap:.55rem;margin-top:.85rem;padding-right:2.75rem;display:flex}.track-card-share{z-index:1;position:absolute;bottom:.85rem;right:.85rem}.track-card-share .btn-icon-button{background:var(--cream);box-shadow:0 2px 0 var(--dark-earth)}.track-card-share .btn-icon-button:hover{color:var(--trail-orange);background:#fff}.track-stat{border:2px solid var(--warm-brown);background:var(--cream);border-radius:6px;min-width:112px;padding:.45rem .65rem}.track-stat-label,.track-stat-value{line-height:1.2;display:block}.track-stat-label{color:var(--warm-brown);font-size:.85rem}.track-stat-value{color:var(--dark-earth);font-weight:700}.track-cities{color:var(--warm-brown);margin:.55rem 0 0;font-size:.9rem;line-height:1.25}.track-cities-label{font-weight:700}.account-state-card{padding:1.25rem}.account-state-card p{margin-top:0}.track-detail-page{background:var(--cream);min-height:calc(100vh - 84px);padding:2rem 0 3rem}.track-detail-header{max-width:980px;margin-bottom:1rem}.track-detail-title{overflow-wrap:anywhere;margin-bottom:.3rem}.track-detail-intro{max-width:780px;color:var(--warm-brown);margin:0;font-size:1.1rem}.track-detail-map-wrap{border:4px solid var(--dark-earth);background:var(--light-cream);width:min(1100px,100% - 2.5rem);box-shadow:0 5px 0 var(--dark-earth);border-radius:8px;margin:0 auto 1.25rem;overflow:hidden}.track-detail-elevation-wrap{margin-bottom:1.2rem}.track-detail-elevation{margin:0}.track-detail-map{width:100%;min-height:560px}.track-detail-content{gap:1rem;max-width:980px;display:grid}.track-detail-stats{flex-wrap:wrap;gap:.65rem;display:flex}.track-detail-cities{color:var(--warm-brown);margin:0}.track-keywords{flex-wrap:wrap;gap:.45rem;display:flex}.track-keyword{border:2px solid var(--warm-brown);background:var(--light-cream);color:var(--dark-earth);border-radius:999px;padding:.22rem .55rem;font-size:.9rem;font-weight:700}.track-detail-comments{border-top:3px solid var(--dark-earth);margin-top:1.75rem;padding-top:1.25rem}.track-comments-title{margin:0 0 1rem;font-size:1.55rem}.track-comment-form{flex-direction:column;gap:.75rem;margin-bottom:1.25rem;display:flex}.track-comment-anonymous-notice{color:var(--warm-brown);margin:0;font-size:.95rem}.track-comment-input{border:3px solid var(--dark-earth);background:var(--cream);width:100%;min-height:6rem;color:var(--dark-earth);resize:vertical;border-radius:8px;padding:.65rem .75rem;font-family:Kalam,cursive;font-size:1rem;line-height:1.4}.track-comment-input:focus{outline:3px solid var(--trail-orange);outline-offset:1px}.track-comment-login-hint{border:3px solid var(--dark-earth);background:var(--light-cream);border-radius:10px;flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;padding:1rem 1.1rem;display:flex}.track-comment-login-hint p{margin:0}.track-comments-status{color:var(--warm-brown);margin:0;font-size:.98rem}.track-comment-list{flex-direction:column;gap:.85rem;display:flex}.track-comment{border:3px solid var(--dark-earth);background:var(--light-cream);box-shadow:3px 3px 0 var(--soft-shadow);border-radius:10px;padding:1rem 1.1rem}.track-comment-body{white-space:pre-wrap;word-break:break-word;margin:0 0 .5rem}.track-comment-date{color:var(--warm-brown);font-size:.88rem;font-weight:700}.track-name-row{align-items:center;gap:.6rem;margin:0 0 .55rem;display:flex}.track-name-input{border:3px solid var(--dark-earth);background:var(--cream);min-width:80px;color:var(--dark-earth);border-radius:4px;flex:auto;padding:.15rem .4rem;font-family:Kalam,cursive;font-size:1.3rem;line-height:1.2}.track-name-input:focus{outline:3px solid var(--trail-orange);outline-offset:1px}.track-name-actions{align-items:center;gap:.2rem;margin-left:auto;display:flex}@media (width<=760px){.map-toolbar{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid;top:.75rem}.map-toolbar .btn{width:100%;min-height:42px;padding:.35rem .45rem;font-size:.85rem}.map-info-box{order:-1;grid-column:1/-1;min-width:0;max-width:none;padding:.45rem .65rem;font-size:.92rem}.map-info-box .elevation-line{font-size:.82em}.modal-actions{flex-direction:column-reverse}.track-card-content{grid-template-columns:1fr}.track-thumb-wrap{max-width:320px}.track-detail-page{padding-top:1.25rem}.track-detail-map-wrap{width:calc(100% - 1rem)}.track-detail-map{min-height:360px}}@media (width<=420px){.map-toolbar .btn{font-size:.78rem}}