:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f4f6f5;background:#0d1210}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 80% 0,#20372e 0,#0d1210 38%);min-height:100vh}button,input,textarea{font:inherit}header{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;gap:1rem;padding:1rem max(1.2rem,calc((100vw - 1100px)/2));background:#0d1210ee;border-bottom:1px solid #202a26}header nav{display:flex;gap:.25rem;overflow:auto}.brand,nav button{border:0;background:none;color:#aeb9b4;cursor:pointer;white-space:nowrap}.brand{color:#fff;font-weight:900;letter-spacing:.08em}.brand small{color:#c9e86b}nav button{padding:.55rem .7rem;border-radius:999px}nav button:hover{background:#24332c;color:#fff}main{max-width:1100px;margin:auto;padding:4rem 1.5rem 6rem}.eyebrow{color:#a9c8b9;font-weight:850;letter-spacing:.18em;font-size:.72rem}.head{padding:2rem 0 3rem}.head h1{margin:.4rem 0 1rem;font-size:clamp(3rem,8vw,6rem);line-height:.9;letter-spacing:-.055em}.head h1 span{color:#c9e86b}.head>p:last-child{max-width:650px;color:#aeb9b4;font-size:1.1rem;line-height:1.6}.dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.feature,.stat,.form,.history,.progress,.badges article{border:1px solid #2b3933;border-radius:22px;background:#19221ed9}.feature{grid-column:span 2;min-height:210px;padding:1.5rem;display:flex;justify-content:space-between;align-items:end;gap:1rem}.feature h2{font-size:2rem;margin:.35rem 0}.feature p,.hint,.history p{color:#98a49e}.feature button,.form button{border:0;border-radius:999px;padding:.8rem 1rem;background:#c9e86b;color:#101714;font-weight:850;cursor:pointer}.stat{padding:1.5rem;min-height:210px;display:flex;flex-direction:column;justify-content:end}.stat strong{font-size:3rem;color:#c9e86b}.stat span{color:#aeb9b4}.cols{display:grid;grid-template-columns:1.15fr .85fr;gap:1rem}.workout{grid-column:auto;min-height:320px}.workout>div>strong{font-size:1.5rem}.form{padding:1.5rem}.form label{display:grid;gap:.45rem;color:#aeb9b4;margin-bottom:1rem}.form input,.form textarea{width:100%;border:1px solid #394940;border-radius:12px;padding:.8rem;background:#111814;color:#fff}.history{margin-top:1rem;padding:1.5rem}.history>div{display:flex;justify-content:space-between;padding:.8rem 0;border-top:1px solid #28342f}.choices{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.choice{min-height:120px;border:1px solid #2b3933;border-radius:22px;padding:1.3rem;background:#19221e;color:#fff;text-align:left;font-weight:750;cursor:pointer}.choice strong{display:block;color:#c9e86b;font-size:1.8rem}.choice.done{border-color:#8ca641;background:#25321d}.water{grid-column:span 2}.progress{padding:2rem;display:flex;align-items:center;gap:2rem}.ring{--p:0;width:140px;height:140px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#c9e86b calc(var(--p)*1%),#28342f 0);position:relative}.ring:before{content:"";position:absolute;inset:12px;border-radius:50%;background:#19221e}.ring strong{position:relative;font-size:1.7rem}.badges{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1rem}.badges article{padding:1.3rem;opacity:.45}.badges article.earned{opacity:1;border-color:#6f813a}.badges span{display:block;color:#98a49e;font-size:.85rem;margin-top:.4rem}.narrow{max-width:620px}.success{color:#c9e86b}footer{text-align:center;padding:2.5rem;color:#7f8b85;border-top:1px solid #202a26}@media(max-width:800px){header{flex-direction:column}header nav{width:100%}main{padding-top:2rem}.dashboard{grid-template-columns:repeat(2,1fr)}.feature{grid-column:span 2}.stat{min-height:140px}.cols,.choices{grid-template-columns:1fr}.water{grid-column:auto}.badges{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.dashboard{grid-template-columns:1fr}.feature{grid-column:auto;flex-direction:column;align-items:flex-start}.stat{min-height:110px}.progress{flex-direction:column;align-items:flex-start}.badges{grid-template-columns:1fr}}.auth-actions{display:flex;gap:.7rem;flex-wrap:wrap}.form button.secondary{background:#28342f;color:#f4f6f5;border:1px solid #45564e}.exercise-preview{margin:1rem 0;padding:1.5rem;border:1px solid #2b3933;border-radius:22px;background:#19221ed9}.exercise-preview>div{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.exercise-preview span{display:flex;align-items:center;gap:.7rem;padding:.75rem;border-radius:12px;background:#111814;color:#cbd3cf}.exercise-preview b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#2b3933;color:#c9e86b}.timer-screen{max-width:760px;margin:2rem auto;text-align:center;padding:2rem}.timer-progress{height:8px;background:#28342f;border-radius:99px;overflow:hidden;margin:1rem 0 3rem}.timer-progress i{display:block;height:100%;background:#c9e86b}.timer-kind{color:#c9e86b;font-weight:900;letter-spacing:.2em}.timer-screen h1{font-size:clamp(2.8rem,8vw,5.5rem);margin:.5rem 0}.countdown{font-size:clamp(5rem,18vw,10rem);font-weight:900;line-height:1;color:#fff;font-variant-numeric:tabular-nums}.timer-note{color:#aeb9b4;font-size:1.15rem}.timer-actions{display:flex;justify-content:center;gap:.7rem;margin:2rem 0;flex-wrap:wrap}.timer-actions button{border:1px solid #394940;border-radius:999px;padding:.85rem 1.2rem;background:#19221e;color:#fff;font-weight:800;cursor:pointer}.timer-actions #toggle-timer{background:#c9e86b;color:#101714;border-color:#c9e86b;min-width:120px}.quit{border:0;background:transparent;color:#7f8b85;cursor:pointer}.timer-screen+*{display:none}@media(max-width:700px){.exercise-preview>div{grid-template-columns:1fr}.timer-screen{padding:1rem}.countdown{font-size:6rem}}.form hr{border:0;border-top:1px solid #2b3933;margin:1.5rem 0}.walk-live{max-width:820px;margin:1rem auto}.walk-live h1{font-size:clamp(3rem,8vw,6rem);margin:.3rem 0}.privacy-note{color:#aeb9b4;max-width:620px}.walk-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:2rem 0}.walk-stats article{padding:1.25rem;border:1px solid #2b3933;border-radius:18px;background:#19221ed9}.walk-stats strong,.walk-stats span{display:block}.walk-stats strong{font-size:1.8rem;color:#c9e86b}.walk-stats span{color:#98a49e;margin-top:.25rem}.walk-guidance{padding:1.5rem;border:1px solid #2b3933;border-radius:22px;background:#19221ed9}.walk-guidance h2{font-size:2rem;margin:.35rem 0}.walk-guidance p:last-child{color:#aeb9b4;line-height:1.55}.walk-actions{display:flex;gap:.7rem;margin-top:1.2rem}.walk-actions button{border:0;border-radius:999px;padding:.85rem 1.15rem;background:#c9e86b;color:#101714;font-weight:850;cursor:pointer}.walk-actions .secondary{background:#28342f;color:#fff}@media(max-width:700px){.walk-stats{grid-template-columns:repeat(2,1fr)}}.equipment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;max-width:900px}.equipment-item{display:flex;align-items:center;gap:.8rem;min-height:64px;padding:1rem;border:1px solid #2b3933;border-radius:16px;background:#19221e;cursor:pointer}.equipment-item input{width:20px;height:20px;accent-color:#c9e86b}.equipment-item.selected{border-color:#8ca641;background:#25321d}.equipment-note{margin-top:1rem}@media(max-width:800px){.equipment-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.equipment-grid{grid-template-columns:1fr}}.exercise-preview span>span{display:grid;gap:.1rem;flex:1}.exercise-preview small{text-transform:uppercase;letter-spacing:.08em;color:#7f8b85;font-size:.62rem}.swap-exercise{border:1px solid #394940;background:transparent;color:#aeb9b4;border-radius:999px;padding:.35rem .6rem;font-size:.72rem;cursor:pointer}.swap-exercise:hover{color:#fff;border-color:#6f813a}.form select{width:100%;border:1px solid #394940;border-radius:12px;padding:.8rem;background:#111814;color:#fff}.points-total{display:flex;align-items:end;gap:.7rem;margin:1rem 0 1.5rem}.points-total strong{font-size:3.5rem;color:#c9e86b}.points-total span{color:#98a49e;padding-bottom:.6rem}.food-row{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 0;border-top:1px solid #28342f}.food-row span{display:grid}.food-row small{color:#7f8b85;text-transform:capitalize}.food-row>strong{color:#c9e86b}.body-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.body-summary,.weight-chart{border:1px solid #2b3933;border-radius:22px;background:#19221ed9;padding:1.5rem}.body-summary{display:flex;flex-direction:column;justify-content:center}.body-summary>strong{font-size:4rem;color:#c9e86b}.body-summary>span{color:#aeb9b4}.weight-chart{margin-top:1rem}.weight-chart svg{width:100%;height:240px;overflow:visible}.weight-chart polyline{stroke:#c9e86b;stroke-width:3}.weight-chart>div{display:flex;justify-content:space-between;color:#7f8b85;font-size:.8rem}@media(max-width:700px){.body-grid{grid-template-columns:1fr}}.gps-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.gps-buttons button{width:100%}.progress-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem}.progress-summary article,.trend-card{border:1px solid #2b3933;border-radius:22px;background:#19221ed9;padding:1.4rem}.progress-summary span,.progress-summary small{display:block;color:#98a49e}.progress-summary strong{display:block;font-size:2.8rem;color:#c9e86b;margin:.3rem 0}.trend-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.trend-card{min-height:260px}.trend-head{display:flex;justify-content:space-between;align-items:start;gap:1rem}.trend-head h3,.trend-card h3{font-size:1.5rem;margin:.35rem 0}.trend-head>strong{color:#c9e86b}.bar-chart{height:150px;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:.55rem;margin-top:1.5rem}.bar-chart>div{height:100%;display:grid;grid-template-rows:1fr auto auto;justify-items:center;gap:.25rem}.bar-chart i{width:70%;align-self:end;min-height:4px;background:#c9e86b;border-radius:6px 6px 2px 2px}.bar-chart span,.bar-chart small{font-size:.7rem;color:#98a49e}.programme-progress{display:flex;align-items:center;gap:1.5rem;margin-top:1.5rem}.metric-line{display:flex;align-items:end;gap:.8rem;margin:2rem 0 1rem}.metric-line strong{font-size:3.5rem;color:#c9e86b}.metric-line span{max-width:180px;color:#aeb9b4;padding-bottom:.55rem}.text-button{border:0;background:none;color:#c9e86b;font-weight:800;padding:0;cursor:pointer}@media(max-width:800px){.progress-summary{grid-template-columns:repeat(2,1fr)}.trend-grid{grid-template-columns:1fr}}@media(max-width:480px){.progress-summary{grid-template-columns:1fr}.programme-progress{align-items:flex-start;flex-direction:column}}.sync-message{position:sticky;top:73px;z-index:4;max-width:1100px;margin:0 auto;padding:.7rem 1.2rem;border:1px solid #6e5d2d;border-top:0;border-radius:0 0 14px 14px;background:#2b2516;color:#f1d982;font-size:.85rem}@media(max-width:800px){.sync-message{top:119px;margin:0 1rem}}.auth-actions{margin-top:.35rem}.auth-actions #auth-submit{width:100%;min-height:50px;font-size:1rem}.auth-switch{display:flex;justify-content:center;align-items:center;gap:.45rem;flex-wrap:wrap;margin:1.35rem 0 0;color:#98a49e;text-align:center}.form .auth-switch .text-action{border:0;background:none;color:#c9e86b;padding:.3rem .15rem;border-radius:0;font-weight:850;cursor:pointer}.form .auth-switch .text-action:hover{text-decoration:underline}footer{display:flex;justify-content:center;gap:.65rem;flex-wrap:wrap;padding:3.25rem 1.5rem;font-size:clamp(1.15rem,2.4vw,1.8rem);font-weight:900;letter-spacing:.08em;color:#f4f6f5}footer strong:nth-child(2){color:#c9e86b}@media(max-width:480px){footer{gap:.4rem .55rem;font-size:1.05rem;letter-spacing:.055em;padding:2.5rem 1rem}}.setup-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:1rem;align-items:stretch}.setup-grid .form{min-width:0}.setup-grid h2,.setup-section h2{margin:.25rem 0 1rem;font-size:1.45rem}.setup-direction textarea{min-height:130px;resize:vertical}.preference-toggle{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:.8rem!important;margin:1.1rem 0!important;padding:1rem;border:1px solid #394940;border-radius:16px;background:#111814;cursor:pointer}.preference-toggle input{width:22px!important;height:22px;flex:0 0 auto;margin:.1rem 0 0;accent-color:#c9e86b}.preference-toggle span{display:grid;gap:.2rem}.preference-toggle strong{color:#f4f6f5}.preference-toggle small{color:#98a49e;line-height:1.45}.setup-section{margin-top:1rem;padding:1.5rem;border:1px solid #2b3933;border-radius:22px;background:#19221ed9;overflow:hidden}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1rem}.section-heading>p{max-width:430px;color:#98a49e;margin:0}.setup-equipment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;width:100%}.setup-equipment-grid .equipment-item{min-width:0;width:100%;min-height:72px}.setup-equipment-grid .equipment-item span{overflow-wrap:anywhere}.setup-help{margin-top:1rem;padding:1.2rem 1.5rem;border:1px solid #2b3933;border-radius:18px;background:#151d19;display:flex;align-items:center;justify-content:space-between;gap:1rem}.setup-help h3{margin:.2rem 0}.setup-help p{margin:.25rem 0;color:#98a49e}.setup-help .eyebrow{margin:0;color:#a9c8b9}@media(max-width:850px){.setup-grid{grid-template-columns:1fr}.setup-equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{display:block}.section-heading>p{margin-top:.4rem}}@media(max-width:480px){.setup-equipment-grid{grid-template-columns:1fr}.setup-help{align-items:flex-start;flex-direction:column}}.move-together{overflow:hidden}.mate-request{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:1rem 0;padding:1rem;border:1px solid #394940;border-radius:14px;background:#111814}.mate-request>div{display:flex;gap:.5rem}.mate-request button,.member-list button{border:0;border-radius:999px;padding:.55rem .8rem;background:#c9e86b;color:#101714;font-weight:850;cursor:pointer}.mate-request button.secondary{background:#28342f;color:#f4f6f5;border:1px solid #45564e}.member-list{display:grid;gap:.5rem;margin:1rem 0}.member-list>div{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border:1px solid #2b3933;border-radius:12px;background:#111814}@media(max-width:480px){.mate-request,.member-list>div{align-items:flex-start;flex-direction:column}}.route-history{overflow:hidden}.route-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;text-align:left;margin:.55rem 0;padding:.9rem 1rem;border:1px solid #2b3933;border-radius:14px;background:#111814;color:#f4f6f5;cursor:pointer}.route-row span{display:grid;gap:.15rem}.route-row span:last-child{text-align:right}.route-row small{color:#98a49e;font-weight:500}.route-preview{display:block;width:100%;height:auto;max-height:440px;margin-bottom:1rem;padding:.75rem;border:1px solid #2b3933;border-radius:18px;background:#101714;color:#c9e86b}.route-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1rem 0}.route-stats>div{display:grid;padding:1rem;border:1px solid #2b3933;border-radius:14px;background:#111814}.route-stats strong{font-size:1.5rem}.route-stats span{color:#98a49e}@media(max-width:520px){.route-stats{grid-template-columns:1fr}.route-row{align-items:flex-start}.route-row span:last-child{text-align:right}}.route-map{width:100%;height:380px;border:1px solid #2b3933;border-radius:18px;overflow:hidden;background:#101714;z-index:0}.live-map-wrap{margin:1rem 0}.live-route-map{height:300px}.map-empty{display:grid;place-items:center;min-height:180px;padding:1rem;border:1px solid #2b3933;border-radius:18px;color:#98a49e;background:#101714}.leaflet-container{font-family:inherit}@media(max-width:520px){.route-map{height:300px}.live-route-map{height:260px}}.header-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.menu-toggle{display:none;width:44px;height:40px;padding:8px;border:1px solid #2b3933;border-radius:12px;background:#151d19}.menu-toggle span{display:block;height:2px;margin:5px 0;border-radius:2px;background:#f4f6f5}@media(max-width:800px){header{display:block;padding:.85rem 1.2rem}.header-bar{width:100%}.menu-toggle{display:block}header nav{display:none;width:100%;overflow:visible;padding:.7rem 0 .2rem;flex-direction:column;gap:.25rem}header nav.open{display:flex}header nav button{width:100%;padding:.75rem 1rem;text-align:left}main{padding-top:2rem}}.live-map-wrap{width:100%;padding:0;overflow:hidden;border:1px solid #2b3933;border-radius:22px;background:#101714}.live-map-wrap .route-map{width:100%!important;max-width:none;height:min(62vh,520px);min-height:340px;border:0;border-radius:0}.live-map-wrap .leaflet-container,.live-map-wrap .leaflet-map-pane{width:100%}@media(max-width:520px){.live-map-wrap .route-map{height:52vh;min-height:320px}}button:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.sync-message{position:sticky;top:78px;z-index:18;max-width:1180px;margin:0 auto;padding:.7rem 1rem;border:1px solid #665b2d;border-radius:0 0 12px 12px;background:#282313;color:#f1e8b7;font-size:.9rem}@media(max-width:800px){.sync-message{top:72px;margin:0 .75rem}}.route-actions,.share-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1rem}.share-card{max-width:760px;margin:0 auto 1rem;padding:1.6rem;border:1px solid #394940;border-radius:22px;background:#111814;overflow:hidden}.share-card h2{font-size:clamp(1.7rem,5vw,2.6rem);margin:.25rem 0 1rem}.share-stats{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem}.share-stats strong{padding:.65rem .8rem;border:1px solid #394940;border-radius:999px}.share-options,.share-actions{max-width:760px;margin-left:auto;margin-right:auto}.share-options label{display:flex;align-items:flex-start;gap:.7rem;padding:.8rem 0;border-bottom:1px solid #28342f}.share-options input{width:auto;margin-top:.2rem}.share-options small{display:block;color:#98a49e}.share-card>p:last-child{margin:1.2rem 0 0;font-weight:900;letter-spacing:.08em}@media(max-width:520px){.route-actions,.share-actions{flex-direction:column}.route-actions button,.share-actions button{width:100%}}.activity-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0;border-bottom:1px solid #28342f}.activity-row span{display:flex;flex-direction:column;gap:.2rem}.activity-row small{color:#98a49e}.activity-row button{width:auto;flex:0 0 auto}@media(max-width:520px){.activity-row{align-items:flex-start}.activity-row button{padding:.45rem .2rem}}.brand{display:flex;align-items:center;gap:.7rem;text-align:left}.brand-mark{display:inline-block;width:58px;height:42px;flex:0 0 auto}.brand-mark svg{width:100%;height:100%;overflow:visible;fill:#f4f6f5}.brand-mark .lime-person,.brand-mark .brand-arrow{fill:#c9e86b}.brand-mark .brand-swoop{stroke:#c9e86b;stroke-width:5;stroke-linecap:round}.brand-copy{display:grid;gap:.15rem}.brand-copy b{font-size:1.35rem;letter-spacing:.16em;color:#fff}.brand-copy b span{color:#c9e86b}.brand-copy small{font-size:.48rem;letter-spacing:.16em;color:#aeb9b4}.desktop-sidebar{display:none}@media(min-width:801px){body:has(.desktop-sidebar){padding-left:230px}.desktop-sidebar{display:flex;position:fixed;z-index:8;left:0;top:0;bottom:0;width:230px;padding:1.25rem 1rem 2rem;background:linear-gradient(180deg,#0b1718,#0d201d 58%,#101714);border-right:1px solid #2b3933;flex-direction:column}.sidebar-brand{border:0;background:none;cursor:pointer;padding:.25rem 0 1.5rem;text-align:left}.sidebar-brand .brand-mark{width:64px;height:46px}.sidebar-brand .brand-copy b{font-size:1.15rem}.sidebar-brand .brand-copy small{font-size:.42rem}.desktop-sidebar nav{display:grid;gap:.4rem;margin-top:1rem}.desktop-sidebar nav button{width:100%;text-align:left;border-radius:12px;padding:.85rem 1rem;color:#cbd3cf}.desktop-sidebar nav button:hover{background:#173a34;color:#fff}.sidebar-motto{margin-top:auto;display:grid;gap:.55rem;padding:1rem;color:#dce3df;font-size:.72rem;letter-spacing:.2em}.sidebar-motto b:nth-child(2){color:#c9e86b}header.member-header{min-height:76px;padding:.75rem max(1.2rem,calc((100vw - 1100px)/2));background:#101714f5}header.member-header .brand{display:none}header.member-header>nav{display:none}body:has(.desktop-sidebar) main{max-width:1180px}body:has(.desktop-sidebar) footer{margin-left:0}}@media(max-width:800px){.brand-mark{width:48px;height:36px}.brand-copy b{font-size:1rem}.brand-copy small{display:none}}@media(min-width:801px){body:has(.desktop-sidebar){background:#f5f8fa;color:#102033}.desktop-sidebar{width:245px;background:linear-gradient(180deg,#081923,#0b2230 58%,#081923);box-shadow:12px 0 30px #07151d18}body:has(.desktop-sidebar){padding-left:245px}.desktop-sidebar nav button{font-size:1rem;padding:1rem 1.05rem;border-left:4px solid transparent}.desktop-sidebar nav button:hover{background:linear-gradient(90deg,#0d615f,#0c3540);border-left-color:#c9e86b}header.member-header{height:112px;min-height:112px;background:linear-gradient(90deg,#0b202a,#143b38 48%,#0b202a);border:0;box-shadow:0 2px 12px #0a172022}header.member-header:after{content:"A Healthier • Stronger • You";margin-left:auto;color:#e9f3ef;font-size:1.25rem;font-style:italic;letter-spacing:.06em;opacity:.9}body:has(.desktop-sidebar) main{max-width:none;margin:0;padding:2.25rem 2.25rem 5rem;background:linear-gradient(135deg,#f9fbfc,#edf5f5);min-height:calc(100vh - 112px)}body:has(.desktop-sidebar) .head{padding:0 0 2rem;border-bottom:1px solid #dce5e7;margin-bottom:1.25rem}body:has(.desktop-sidebar) .head .eyebrow{color:#087e74}body:has(.desktop-sidebar) .head h1{font-size:clamp(2.7rem,5vw,4.7rem);color:#102033;margin:.25rem 0 .65rem}body:has(.desktop-sidebar) .head h1 span{color:#078b7e}body:has(.desktop-sidebar) .head>p:last-child{color:#60717b;margin-bottom:0}body:has(.desktop-sidebar) .feature,body:has(.desktop-sidebar) .stat,body:has(.desktop-sidebar) .form,body:has(.desktop-sidebar) .history,body:has(.desktop-sidebar) .progress,body:has(.desktop-sidebar) .badges article,body:has(.desktop-sidebar) .exercise-preview,body:has(.desktop-sidebar) .setup-section,body:has(.desktop-sidebar) .body-summary,body:has(.desktop-sidebar) .weight-chart,body:has(.desktop-sidebar) .progress-summary article,body:has(.desktop-sidebar) .trend-card{background:#fff;color:#102033;border:1px solid #dbe5e7;box-shadow:0 8px 25px #18343d0c}body:has(.desktop-sidebar) .feature p,body:has(.desktop-sidebar) .hint,body:has(.desktop-sidebar) .history p,body:has(.desktop-sidebar) .stat span{color:#60717b}body:has(.desktop-sidebar) .stat strong,body:has(.desktop-sidebar) .points-total strong,body:has(.desktop-sidebar) .progress-summary strong{color:#078b7e}body:has(.desktop-sidebar) .feature button,body:has(.desktop-sidebar) .form button{background:linear-gradient(90deg,#078b7e,#0aa58f);color:#fff}body:has(.desktop-sidebar) .dashboard{grid-template-columns:1.8fr repeat(2,.85fr);gap:1rem}body:has(.desktop-sidebar) .dashboard .feature{grid-column:span 1}body:has(.desktop-sidebar) .dashboard .stat{min-height:150px}body:has(.desktop-sidebar) footer{background:#081923;color:#fff;border:0}body:has(.desktop-sidebar) footer strong:nth-child(2){color:#c9e86b}body:has(.desktop-sidebar) .eyebrow{color:#078b7e}body:has(.desktop-sidebar) input,body:has(.desktop-sidebar) textarea,body:has(.desktop-sidebar) select{background:#f7fafb;color:#102033;border-color:#cedbdd}body:has(.desktop-sidebar) .text-button{color:#078b7e}body:has(.desktop-sidebar) .photo-grid article,body:has(.desktop-sidebar) .transformation-photo-picker button{background:#f7fafb;color:#102033;border-color:#dbe5e7}}@media(min-width:801px){.desktop-sidebar{padding:0 0 2rem;overflow:hidden}.sidebar-photo{height:235px;background:linear-gradient(180deg,#04141c0a 45%,#081923),linear-gradient(180deg,#04141c05 42%,#081923),url(/menhelpingeachother.png) center/cover no-repeat}.desktop-sidebar nav{margin:0;padding:.8rem 0}.desktop-sidebar nav button{padding:.95rem 1.55rem}.sidebar-motto{padding:1.3rem 1.55rem}header.member-header{height:158px;min-height:158px;padding:0 2.25rem;align-items:center;overflow:hidden;background:linear-gradient(90deg,#04141ceb,#071f2694 48%,#04141cc7),linear-gradient(90deg,#04141ced,#071f268c 48%,#04141cc7),url(/menhelpingeachother.png) center 38%/cover no-repeat}header.member-header .header-bar{display:flex!important}header.member-header .brand{display:flex!important;gap:1rem}header.member-header .brand-mark{width:90px;height:66px}header.member-header .brand-copy b{font-size:2rem;letter-spacing:.2em}header.member-header .brand-copy small{display:block;font-size:.58rem;letter-spacing:.2em;color:#fff}header.member-header:after{font-size:1.55rem;margin-left:auto;text-shadow:0 2px 6px #001}body:has(.desktop-sidebar) main{min-height:calc(100vh - 158px)}}.brand-assets{display:flex;align-items:center;gap:1rem}.brand-logo-image{width:82px;height:auto;display:block}.brand-wording-image{width:min(360px,28vw);height:auto;display:block}@media(min-width:801px){header.member-header .brand-assets{display:flex}.sidebar-photo{height:300px;background-position:center}.desktop-sidebar nav{background:#081923e8}.sidebar-motto{position:relative;z-index:1;background:#081923}.member-header .brand{padding:0}.member-header .brand-logo-image{width:105px}.member-header .brand-wording-image{width:min(390px,32vw)}}@media(max-width:800px){.brand-logo-image{width:48px}.brand-wording-image{width:190px}}@media(min-width:801px){body:has(.desktop-sidebar){padding-left:230px}.desktop-sidebar{width:230px;padding:0;background:#071b2a}.desktop-sidebar nav{order:1;margin:0;padding:.55rem 0;background:linear-gradient(180deg,#08283a,#071b2a)}.desktop-sidebar nav button{position:relative;padding:.95rem 1.5rem .95rem 4rem;font-size:1rem;color:#fff}.desktop-sidebar nav button:before{position:absolute;left:1.45rem;top:.82rem;width:1.8rem;text-align:center;font-size:1.35rem}.desktop-sidebar nav button:nth-child(1):before{content:"⌂"}.desktop-sidebar nav button:nth-child(2):before{content:"↟"}.desktop-sidebar nav button:nth-child(3):before{content:"♨"}.desktop-sidebar nav button:nth-child(4):before{content:"▥"}.desktop-sidebar nav button:nth-child(5):before{content:"◫"}.desktop-sidebar nav button:nth-child(6):before{content:"↪"}.desktop-sidebar nav button:hover{background:linear-gradient(90deg,#078f86,#0b5260);border-left-color:#42d5c0}.sidebar-photo{order:2;margin-top:auto;height:270px;background:linear-gradient(180deg,#071b2a00 55%,#071b2a),url(/menhelpingeachother.png) center/cover no-repeat}.sidebar-motto{order:3;margin:0;padding:1rem 1.7rem 2rem;background:#071b2a;font-size:.72rem;letter-spacing:.24em}.sidebar-motto b{color:#43d6d0}.sidebar-motto b:nth-child(2){color:#8ce63d}header.member-header{height:198px;min-height:198px;padding:0 2.3rem;background:linear-gradient(90deg,#02141f47,#02141f1a 52%,#02141f6b),url(/transform-nz-mountains.jpg) center/cover no-repeat,linear-gradient(115deg,#143b43,#234f50 48%,#0b2636)}header.member-header .brand{background:transparent}header.member-header .brand-assets{gap:1.15rem}header.member-header .brand-logo-image{width:132px;mix-blend-mode:screen}header.member-header .brand-wording-image{width:min(440px,35vw);mix-blend-mode:screen}header.member-header:after{content:"A Healthier\aStronger You";white-space:pre;text-align:center;line-height:1.05;font-size:1.7rem;font-family:cursive;font-weight:500}body:has(.desktop-sidebar) main{padding:2rem 2rem 5rem;min-height:calc(100vh - 198px)}body:has(.desktop-sidebar) .head h1{font-size:clamp(3rem,5vw,4.6rem)}.overview-dashboard{grid-template-columns:1.5fr .72fr .72fr!important}.overview-dashboard .feature{min-height:180px;background:linear-gradient(90deg,#fff 0% 68%,#edf7f4)}.overview-dashboard .stat{min-height:180px}.overview-dashboard .stat:nth-of-type(4){grid-column:1/2;min-height:145px}.overview-dashboard .stat:nth-of-type(5){grid-column:2/4;min-height:145px}}@media(min-width:801px){header.member-header{background:linear-gradient(90deg,#02141f61,#02141f0d 55%,#02141f61),url(/transform-nz-mountains.jpg) center/cover no-repeat}header.member-header .brand-logo-image{content:url(/transparent_logo_transform.png);width:132px;mix-blend-mode:normal}header.member-header .brand-wording-image{content:url(/transform_full_logo.png);width:min(500px,39vw);mix-blend-mode:normal}}@media(min-width:801px){.desktop-sidebar{display:flex;flex-direction:column}.desktop-sidebar nav{flex:0 0 auto}.sidebar-photo{margin-top:auto;height:330px;background:url(/menhelpingeachother.png) center bottom/contain no-repeat!important}header.member-header{background:linear-gradient(90deg,#02141f2e,#02141f05 55%,#02141f47),url(/transform-nz-mountains.jpg) center/cover no-repeat!important}header.member-header .brand-logo-image{content:normal!important;width:128px;mix-blend-mode:normal}header.member-header .brand-wording-image{content:normal!important;width:min(440px,35vw);mix-blend-mode:normal}}.photo-add{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.photo-button{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.1rem;border-radius:12px;background:#078b7e;color:#fff;font-weight:800;cursor:pointer}.photo-button.secondary{background:transparent;color:#078b7e;border:1px solid #078b7e}.photo-button input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.transformation-preview{max-width:920px;margin:0 auto}.transformation-card{overflow:hidden;border-radius:24px;padding:1.4rem;background:linear-gradient(145deg,#071b2a,#0b3437);color:#fff;box-shadow:0 20px 50px #06192330}.transform-brand{font-size:1.7rem;font-weight:900;letter-spacing:.18em}.transform-brand span{color:#8ce63d}.transform-brand small{display:block;margin-top:.3rem;font-size:.55rem;letter-spacing:.18em}.before-after{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;margin:1.3rem 0}.before-after figure{margin:0}.before-after img{display:block;width:100%;height:360px;object-fit:cover;border-radius:16px}.before-after figcaption{text-align:center;margin-top:.45rem;color:#d6e5e2}.journey-arrow{font-size:2.5rem;color:#8ce63d}.transformation-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.transformation-stats div{padding:.85rem;background:#ffffff12;border:1px solid #ffffff1f;border-radius:12px}.transformation-stats strong,.transformation-stats span{display:block}.transformation-stats strong{color:#8ce63d;font-size:1.25rem}.transformation-stats span{font-size:.8rem;margin-top:.2rem}.share-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}@media(max-width:700px){.photo-add>*{width:100%}.before-after{gap:.45rem}.before-after img{height:230px}.journey-arrow{font-size:1.5rem}.transformation-stats{grid-template-columns:1fr 1fr}.share-actions{display:grid}.share-actions>*{width:100%}}.private-route-canvas{background:radial-gradient(circle at 28% 24%,rgba(123,224,95,.13),transparent 32%),radial-gradient(circle at 72% 76%,rgba(91,143,249,.12),transparent 34%),#101c18!important}.private-route-canvas .leaflet-pane,.private-route-canvas .leaflet-map-pane,.private-route-canvas .leaflet-overlay-pane{background:transparent!important}.private-route-canvas .leaflet-control-container{display:none!important}