:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172d29;background:#f3f6f4;font-synthesis:none;font-size:16px;--green:#146b58;--muted:#61736d;--border:#dce5e0;--red:#a42f30}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;border-radius:12px;font-weight:650;min-height:48px;padding:12px 20px}button:disabled{opacity:.48;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #279d86;outline-offset:3px}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:clamp(1.7rem,4vw,2.25rem);line-height:1.15;letter-spacing:-.045em;margin:8px 0 12px}h2{font-size:1rem;margin:0 0 24px}.muted{color:var(--muted)}.small{font-size:.85rem}.eyebrow{font-size:.7rem;letter-spacing:.15em;font-weight:750;color:var(--green);margin:0}.brand{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:750;letter-spacing:-.025em;color:#172d29;white-space:nowrap}.brand-mark{display:grid;place-items:center;background:var(--green);color:white;width:32px;height:32px;border-radius:10px;font-size:23px}.topbar{min-height:72px;padding:12px max(24px,env(safe-area-inset-right)) 12px max(24px,env(safe-area-inset-left));border-bottom:1px solid var(--border);background:white;display:flex;justify-content:space-between;align-items:center;gap:12px}.topbar nav{display:flex;align-items:center;gap:20px;font-size:.9rem}.text-button{padding:8px 0;background:none;color:var(--muted);min-height:44px}.gps-layout{max-width:640px;margin:auto;padding:40px 24px max(32px,env(safe-area-inset-bottom))}.intro{line-height:1.55;margin-bottom:28px}.card{padding:26px;border:1px solid var(--border);border-radius:18px;background:white;margin-top:18px}.status-line{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:8px;border-radius:30px;padding:7px 12px;font-size:.78rem;font-weight:700;white-space:nowrap}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.neutral{background:#edf1ee;color:#61736d}.good{background:#e3f4ec;color:#146b58}.bad{background:#fde9e7;color:var(--red)}.warning{background:#fff1d6;color:#815c12}.actions{display:grid;gap:10px;margin-top:24px}.primary{background:var(--green);color:white;min-height:56px}.primary:hover:not(:disabled){background:#105646}.secondary{background:#f0f4f1;color:#38584c;min-height:54px}.message{font-size:.9rem;line-height:1.5;min-height:1.5em;margin:16px 0 0}.message.error{color:var(--red)}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0}.metrics dt,.metric-label{font-size:.75rem;color:var(--muted);margin-bottom:6px}.metrics dd{margin:0;font-size:1.25rem;font-variant-numeric:tabular-nums;letter-spacing:-.025em}.metrics .full{grid-column:1/-1}.metrics .time-value{font-size:1rem}.login-page{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px}.login-card{max-width:420px;width:100%;background:white;padding:36px;border-radius:20px;border:1px solid var(--border);box-shadow:0 16px 50px #1b50360a}.login-card .brand{margin-bottom:44px}.login-card label{display:block;font-size:.85rem;font-weight:600;margin:28px 0 8px}.login-card input{width:100%;border:1px solid #b9cbc1;border-radius:10px;min-height:52px;padding:12px;font-size:16px}.login-card .primary{width:100%;margin-top:14px}.quiet-link{display:inline-block;margin-top:22px;font-size:.85rem}.map-page{height:100vh;height:100dvh;display:flex;flex-direction:column}.map-layout{display:flex;flex-direction:column;flex:1;min-height:0}.map-summary{background:white;padding:22px 28px 16px;flex:none}.map-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.map-heading h1{font-size:1.65rem;margin:5px 0 16px}.map-metrics{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px;max-width:780px}.metric-label{display:block}.map-metrics strong{font-size:.95rem;font-weight:600;font-variant-numeric:tabular-nums}.map-status{margin-top:16px;display:flex;justify-content:space-between;gap:10px;font-size:.75rem;color:var(--muted)}.map-shell{position:relative;flex:1;min-height:280px;border-top:1px solid var(--border)}#map{position:absolute;inset:0;background:#e9eee9}.map-recenter{position:absolute;z-index:500;right:14px;top:14px;background:white;color:var(--green);box-shadow:0 2px 12px #102d2524;border:1px solid var(--border);font-size:.8rem}.map-notice,.tile-notice{position:absolute;z-index:500;left:50%;transform:translateX(-50%);max-width:calc(100% - 36px);width:max-content;text-align:center;background:white;border:1px solid var(--border);border-radius:12px;padding:12px 18px;font-size:.85rem;box-shadow:0 3px 20px #18281b15;margin:0}.map-notice{bottom:45px}.tile-notice{top:80px;color:var(--red)}[hidden]{display:none!important}.vehicle-icon{background:transparent;border:0}.vehicle-dot{width:36px;height:36px;border:3px solid white;box-shadow:0 2px 12px #15362e55;background:var(--green);border-radius:50%;display:grid;place-items:center;color:white;font-size:21px;font-weight:bold}.vehicle-icon.stale .vehicle-dot{background:#a42f30}.leaflet-container{font-family:inherit}.leaflet-control-attribution{font-size:10px}
@media(min-width:1000px){.map-summary{padding-left:36px;padding-right:36px}.map-metrics{gap:70px}.map-status{margin-top:18px}}
@media(max-width:480px){.topbar{padding:10px 16px;min-height:64px}.topbar nav{gap:14px;font-size:.8rem}.brand{font-size:.9rem}.gps-layout{padding:28px 16px}.card{padding:22px}.login-card{padding:28px}.map-summary{padding:18px 16px 14px}.map-metrics{grid-template-columns:1.4fr 1fr 1fr;gap:10px}.map-metrics strong{font-size:.8rem}.map-heading h1{font-size:1.45rem}.map-status{align-items:flex-start;font-size:.7rem}.map-status span:last-child{text-align:right}.map-recenter{right:10px;top:10px;padding:10px 14px}.metrics dd{font-size:1.15rem}}