:root{--green:#243f32;--ink:#23362b;--muted:#758075;--cream:#f6f7f2;--line:#e2e6dc;--lime:#d7e8b0;--orange:#dc8a58}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #8fae64;outline-offset:4px}h1,h2,p{margin-top:0}h1{font-size:clamp(28px,3vw,40px);font-weight:550;letter-spacing:-1.7px;line-height:1.2;margin-bottom:12px}h2{font-size:25px;letter-spacing:-.8px;font-weight:550;margin-bottom:12px}p{line-height:1.65}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:750;display:block;margin-bottom:12px;color:#6d7e65}.topbar{height:86px;padding:0 4%;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:64px;background:#fafbf7}.brand{font-size:34px;letter-spacing:-2px;font-weight:750;display:flex;align-items:center}.brand-mark{background:var(--green);color:var(--lime);font-size:32px;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;margin-right:10px;letter-spacing:0}.brand-period{color:#8aab63}.desktop-nav{display:flex;gap:32px;align-self:stretch;align-items:center;font-size:13px;color:#7a8479}.desktop-nav a{height:100%;display:flex;align-items:center;border-bottom:2px solid transparent}.desktop-nav .active{color:var(--green);border-color:var(--green)}.account{margin-left:auto;display:flex;align-items:center;gap:22px;font-size:12px;color:var(--muted)}.account>span{max-width:180px;overflow:hidden;text-overflow:ellipsis}.text-button{background:none;border:0;color:var(--green);cursor:pointer;padding:8px 0;font-size:12px;text-decoration:underline;text-underline-offset:4px}.tagline{margin-left:auto;font-size:12px;color:var(--muted)}.map-page,.content-page{max-width:1500px;margin:0 auto;padding:36px 4% 24px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.page-heading h1{margin:0}.subtle-pill{background:#edf0e7;border:1px solid #e4e8dc;padding:8px 12px;border-radius:40px;display:inline-flex;align-items:center;gap:8px;color:#6a7863;font-size:11px;white-space:nowrap}.status-dot{width:7px;height:7px;border-radius:50%;background:#a7ada3;display:inline-block;flex-shrink:0}.status-dot.live{background:#749548;box-shadow:0 0 0 3px #74954815}.tracker-tabs{display:flex;align-items:center;gap:12px;margin-bottom:22px}.tracker-tab{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:12px 16px;border-radius:13px;min-width:215px;background:#fafbf7}.tracker-tab.selected{background:#edf1e4;border-color:#9cad85}.tracker-tab strong{font-size:13px}.tracker-tab small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.tracker-tab .status-dot{margin-left:auto}.avatar{background:#e3ebd9;color:#526c3e;border-radius:12px;font-size:23px;width:39px;height:39px;display:grid;place-items:center;flex-shrink:0}.add-tracker{padding:15px;color:var(--muted);font-size:12px}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px}.map-surface{position:relative;background:#e7ecdf;border:1px solid #dce1d4;min-height:570px;border-radius:19px;overflow:hidden;isolation:isolate}.map-canvas{position:absolute;inset:0;z-index:0;background:#e7ecdf}.map-label{position:absolute;z-index:500;top:20px;left:20px;border-radius:9px;background:#fffffff0;box-shadow:0 2px 10px #203e2510;padding:12px 16px;font-size:9px;font-weight:700;letter-spacing:1.7px;display:flex;gap:8px;align-items:center}.map-center{position:absolute;top:20px;right:20px;z-index:500;background:white;border:0;width:42px;height:42px;border-radius:10px;box-shadow:0 2px 10px #203e2510;font-size:26px;cursor:pointer}.position-card{position:absolute;z-index:500;bottom:28px;left:24px;right:24px;background:#fffffff2;border:1px solid white;padding:16px 20px;border-radius:14px;display:flex;align-items:center;gap:12px;box-shadow:0 5px 35px #233e3212}.position-card strong{font-size:14px}.position-card small{display:block;margin-top:5px;font-size:11px;color:var(--muted)}.position-badge{margin-left:auto;font-size:10px;background:#edf1e4;padding:7px 10px;border-radius:20px;max-width:130px;text-align:center}.panel{background:#fdfefb;border:1px solid var(--line);border-radius:18px;padding:26px;margin-bottom:22px}.tracker-detail{padding:25px;margin:0}.detail-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:25px}.detail-heading .eyebrow{font-size:8px;letter-spacing:1px;margin:0}.device-model{font-size:9px;color:#8a9285;border:1px solid var(--line);border-radius:5px;padding:4px}.tracker-detail h2{font-size:30px;margin-bottom:5px}.tracker-detail>p{font-size:12px}.signal-row{display:flex;align-items:center;gap:8px;font-size:12px;margin:18px 0 20px}.telemetry{margin:0 0 20px}.telemetry>div{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}dt{font-size:11px;color:var(--muted)}dd{margin:0;font-size:14px;font-weight:550}dd small{font-size:10px;font-weight:400;color:var(--muted)}.mode-summary{padding:14px;background:#f0f3e9;display:flex;justify-content:space-between;align-items:center;border-radius:10px;font-size:11px;margin-bottom:20px;gap:10px}.mode-summary span{color:var(--muted)}.mode-summary strong{font-weight:550}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 22px;background:var(--green);color:#fff;border:1px solid var(--green);border-radius:10px;font-size:12px;font-weight:550;cursor:pointer;transition:background .2s}.button:hover{background:#355540}.button:disabled{opacity:.5;cursor:not-allowed}.button.full{width:100%}.button.secondary{background:#eef2e7;color:var(--green);border-color:#dde5d1}.button.danger{background:#9e483c;border-color:#9e483c}.secondary-link{display:block;text-align:center;padding:15px 0;font-size:12px;color:#576850}.small-note{font-size:10px!important;line-height:1.7;color:#829078;margin:12px 0 0}.page-caption{display:flex;justify-content:space-between;color:#97a18f;font-size:10px;margin-top:20px}.map-empty{position:absolute;z-index:400;top:38%;left:10%;right:10%;text-align:center;max-width:420px;margin:auto;padding:24px;background:#fdfefbf0;border-radius:16px;border:1px solid var(--line)}.map-empty p{font-size:12px;color:var(--muted);margin:10px 0}.map-empty a{font-size:12px;text-decoration:underline}.map-warning{position:absolute;z-index:600;top:78px;left:20px;right:20px;border-radius:10px;padding:12px;background:#fff2d9;color:#704e20;font-size:12px}.bottom-nav{display:none}.narrow-page{max-width:530px;margin:55px auto;padding:0 20px}.narrow-page>p{margin-bottom:25px}label:not(.mode-option){display:block;font-size:12px;font-weight:550;margin:19px 0 8px}input:not([type=submit]):not([type=radio]):not([type=hidden]){display:block;width:100%;padding:13px;border:1px solid #dbe1d3;border-radius:9px;background:#fff;color:var(--ink);min-height:46px;font-size:15px}input[type=submit]{margin-top:24px}.form-foot{font-size:12px;color:var(--muted);margin:24px 0 0;text-align:center}.form-foot a{text-decoration:underline;color:var(--green)}.form-errors,.flash{background:#f6e8db;color:#7b4a2e;padding:16px 22px;border-radius:10px;font-size:13px;line-height:1.5;margin-bottom:20px}.flash{margin:16px 4%}.flash.notice{background:#e6eed9;color:#405b2b}.auth-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;max-width:1120px;margin:75px auto;padding:0 35px;align-items:center}.auth-story h1{font-size:58px;line-height:1.05;letter-spacing:-3px;margin:24px 0}.auth-story p{max-width:380px;color:var(--muted)}.auth-story small{font-size:9px;letter-spacing:2px;color:#8e9c81}.trail-art{height:180px;position:relative;color:#819b61;overflow:hidden}.trail-art>span{font-size:250px;line-height:.5;display:block;transform:rotate(-12deg)}.trail-art i{position:absolute;right:80px;top:25px;background:var(--green);border:6px solid #edf2e3;border-radius:50%;width:58px;height:58px;display:grid;place-items:center;font-size:30px;color:var(--lime);font-style:normal}.auth-form{padding:36px}.empty-page{max-width:620px;margin:100px auto;text-align:center;padding:20px}.empty-page p{color:var(--muted)}.large-mark{font-size:65px;color:#7c945f;margin-bottom:28px}.tracker-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.tracker-list-card h2{margin-top:20px}.tracker-list-card .secondary-link{text-align:left}.setup-steps{padding-left:20px}.setup-steps li{padding:10px 0;font-size:14px;line-height:1.7}code{background:#edf1e6;border:1px solid #dce4d2;padding:9px 12px;border-radius:6px;display:block;margin:10px 0;font-size:12px;overflow-wrap:anywhere}p code{display:inline;padding:2px 5px}.range-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0 18px}.range-tabs a{padding:10px 20px;border:1px solid var(--line);border-radius:9px;font-size:12px}.range-tabs .selected{background:var(--green);color:white;border-color:var(--green)}.custom-range{font-size:12px;margin-bottom:20px}.range-form{display:flex;gap:14px;align-items:end}.range-form>div{flex:1}.history-stats{display:grid;grid-template-columns:repeat(4,1fr);background:#fdfefb;border:1px solid var(--line);border-radius:16px;margin:20px 0;overflow:hidden}.history-stats>div{padding:20px;border-right:1px solid var(--line)}.history-stats strong{display:block;font-size:23px;letter-spacing:-.5px;font-weight:550}.history-stats strong small{font-size:12px;color:var(--muted)}.history-stats span{display:block;font-size:11px;color:var(--muted);margin-top:6px}.history-map{min-height:480px}.settings-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;max-width:1100px}.mode-options{display:grid;gap:10px}.mode-option{display:flex;gap:14px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:12px;cursor:pointer}.mode-option:has(input:checked){border-color:#8fae64;background:#f1f5e9}.mode-option input{accent-color:var(--green);width:17px;height:17px;flex-shrink:0}.mode-option strong{font-size:14px}.mode-option small{font-size:12px;color:var(--muted);display:block;margin-top:5px;line-height:1.5}.command-item{padding:20px 0;border-bottom:1px solid var(--line)}.command-item>.subtle-pill{float:right}.command-item>strong{font-size:14px}summary{cursor:pointer;line-height:1.8}.leaflet-container{font-family:inherit!important}.leaflet-control-attribution{font-size:9px!important}.trail-marker{width:26px;height:26px;border:4px solid #fff;border-radius:50%;background:var(--green);box-shadow:0 0 0 10px #4d76542b,0 2px 8px #0002}.leaflet-control-zoom{margin-top:80px!important}.leaflet-popup-content{font-size:12px}.route-point{border-radius:50%;border:3px solid white;background:#567545;width:18px;height:18px}.route-point.end{background:var(--orange)}
@media(min-width:1500px){.map-surface{min-height:650px}}@media(max-width:1000px){.map-layout{grid-template-columns:minmax(0,1fr) 275px;gap:16px}.tracker-detail{padding:20px}.topbar{gap:30px}.auth-layout{gap:40px}.auth-story h1{font-size:45px}}@media(max-width:720px){body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}.topbar{height:68px;padding:0 20px;gap:20px}.brand{font-size:29px}.brand-mark{width:32px;height:32px;font-size:26px}.desktop-nav,.account>span,.tagline{display:none}.account{margin-left:auto}.map-page,.content-page{padding:26px 18px 20px}.page-heading{margin-bottom:20px;align-items:flex-start}.page-heading>.subtle-pill{display:none}.page-heading h1{font-size:28px;letter-spacing:-1.1px}.eyebrow{font-size:8px;letter-spacing:1.6px}.tracker-tabs{gap:8px;margin-bottom:16px;overflow:auto}.tracker-tab{min-width:170px;padding:10px 12px;flex:1}.tracker-tab .avatar{width:31px;height:31px;font-size:20px}.add-tracker{font-size:11px;white-space:nowrap}.map-layout{display:flex;flex-direction:column}.map-surface{min-height:55svh;border-radius:15px}.map-label{top:14px;left:14px;padding:10px 12px}.map-center{top:14px;right:14px}.position-card{bottom:25px;left:12px;right:12px;padding:12px;gap:9px}.position-card .avatar{display:none}.position-card small{font-size:10px}.position-badge{font-size:9px}.tracker-detail{padding:20px}.detail-heading{margin-bottom:12px}.tracker-detail h2,.tracker-detail>p.muted,.signal-row{display:none}.telemetry{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.telemetry>div{display:block;padding:12px 0}.telemetry dd{margin-top:8px}.tracker-detail .small-note{font-size:11px!important}.page-caption{display:none}.bottom-nav{position:fixed;z-index:1000;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#fafcf6f5;backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:8px 0 calc(8px + env(safe-area-inset-bottom))}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:64px;min-height:45px;font-size:9px;color:#607356}.bottom-nav span{font-size:24px;line-height:28px}.auth-layout{display:flex;flex-direction:column;margin:35px auto;gap:28px;padding:0 22px}.auth-story h1{font-size:43px;margin:16px 0}.auth-story p{font-size:13px}.trail-art,.auth-story>small{display:none}.auth-form{width:100%;padding:26px}.narrow-page{margin:35px auto}.panel{padding:22px}.tracker-grid,.settings-grid{grid-template-columns:1fr}.history-stats{grid-template-columns:1fr 1fr}.history-stats>div{padding:16px;border-bottom:1px solid var(--line)}.history-stats strong{font-size:20px}.range-tabs a{padding:10px 12px;font-size:11px}.range-form{flex-direction:column;align-items:stretch}.range-form input[type=submit]{margin-top:0}.history-map{min-height:55svh}.map-empty{left:8%;right:8%;top:30%;padding:20px}.empty-page{margin:65px auto}.page-heading>.secondary-link{font-size:10px;white-space:nowrap}.map-warning{font-size:11px}.mode-option small{font-size:11px}}
/* Account email links follow the same truncation and mobile behavior as the previous label. */
.account>a{max-width:180px;overflow:hidden;text-overflow:ellipsis}@media(max-width:720px){.account>a{display:none}}