:root{--teal: #0F6B6B;--cream: #F7F4EF;--mint: #A8E6CF;--slate: #1A2B2B;--white: #FFFFFF;--muted: rgba(26, 43, 43, .68);--line: rgba(26, 43, 43, .14);--teal-wash: rgba(15, 107, 107, .07);--font: "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-sm: .875rem;--fs-base: 1.0625rem;--fs-h2: 1.1875rem;--fs-h1: 1.625rem;--r-sm: 8px;--r-md: 14px;--tap: 48px;--tabbar-h: 64px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:var(--font);font-size:var(--fs-base);line-height:1.45;color:var(--slate);background:var(--white);-webkit-text-size-adjust:100%;font-variant-numeric:tabular-nums}h1,h2{margin:0;line-height:1.2}h1{font-size:var(--fs-h1);font-weight:700;letter-spacing:-.01em}h2{font-size:var(--fs-h2);font-weight:700}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--teal);outline-offset:2px;border-radius:4px}.muted{color:var(--muted)}.boot{min-height:100vh;background:var(--cream)}.shell{max-width:560px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.appbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top,0px) + 10px) 16px 10px;background:var(--cream);border-bottom:1px solid var(--line)}.appbar-logo{height:48px;width:auto;display:block}.env-tag{font-size:var(--fs-sm);font-weight:700;color:var(--teal);border:1.5px solid var(--teal);border-radius:999px;padding:2px 10px}.screen{flex:1;padding:20px 16px calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + 28px);display:flex;flex-direction:column;gap:20px}.loading{color:var(--muted);padding:24px 0}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:560px;z-index:10;display:grid;grid-template-columns:repeat(4,1fr);background:var(--white);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px)}.tab{height:var(--tabbar-h);border:0;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:var(--fs-sm);color:var(--muted)}.tab[aria-current=page]{color:var(--teal);font-weight:700;box-shadow:inset 0 3px 0 var(--teal)}.toast{position:fixed;left:0;right:0;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + 12px);z-index:20;pointer-events:none}.toast p{max-width:528px;margin:0 auto;padding:12px 16px;border-radius:var(--r-sm);background:var(--slate);color:var(--white);pointer-events:auto}.intro{display:flex;flex-direction:column;gap:4px}.section-title{margin-bottom:8px}.callout{background:var(--cream);border-left:4px solid var(--teal);padding:12px 14px;border-radius:0 var(--r-sm) var(--r-sm) 0}.callout-error{font-weight:700}.fineprint{font-size:var(--fs-sm);color:var(--muted)}.empty{display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding:8px 0}.btn{min-height:var(--tap);padding:0 18px;border-radius:var(--r-sm);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;text-decoration:none;cursor:pointer;border:2px solid transparent;transition:background-color .12s ease}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--teal);color:var(--white)}.btn-primary:not(:disabled):active{background:var(--slate)}.btn-secondary{background:var(--white);color:var(--teal);border-color:var(--teal)}.btn-secondary:not(:disabled):active{background:var(--teal-wash)}.btn-quiet{background:none;color:var(--teal)}.btn-block{width:100%}.btn-big{min-height:60px;font-size:1.1875rem}.icon-btn{width:var(--tap);height:var(--tap);flex:none;border:0;background:none;color:var(--muted);border-radius:var(--r-sm);display:grid;place-items:center;cursor:pointer}.back{align-self:flex-start;display:inline-flex;align-items:center;gap:2px;min-height:40px;border:0;background:none;color:var(--teal);font-weight:700;padding:0;cursor:pointer}.actions-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:var(--fs-sm);font-weight:700}.field input,.field select,.field textarea,.inline-add input{min-height:var(--tap);width:100%;padding:10px 12px;border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--white)}.field textarea{resize:vertical;line-height:1.5}.field input:focus,.field select:focus,.field textarea:focus,.inline-add input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-wash)}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.inline-add{display:flex;gap:8px}.inline-add input{flex:1}.panel{display:flex;flex-direction:column;gap:14px;border:1.5px solid var(--line);border-radius:var(--r-md);padding:16px}.login{min-height:100vh;background:var(--cream);display:flex;flex-direction:column;align-items:center;padding:calc(env(safe-area-inset-top,0px) + 48px) 20px 32px;gap:28px}.login-logo{width:min(240px,64vw);height:auto}.login-form{width:100%;max-width:400px;background:var(--white);border-radius:var(--r-md);padding:24px 20px;display:flex;flex-direction:column;gap:16px}.spine{list-style:none;margin:0;padding:0;position:relative}.spine:before{content:"";position:absolute;left:19px;top:22px;bottom:22px;width:4px;border-radius:2px;background:var(--teal)}.stop{position:relative;display:grid;grid-template-columns:42px 1fr;column-gap:12px;padding-bottom:14px}.stop-marker{grid-row:1;z-index:1;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:var(--white);border:3px solid var(--teal);color:var(--teal)}.stop-done .stop-marker{background:var(--teal);color:var(--white)}.stop-now .stop-marker{background:var(--mint);color:var(--slate);box-shadow:0 0 0 5px var(--white),0 0 0 7px var(--mint)}.stop-aux .stop-marker{width:26px;height:26px;margin:8px;font-size:var(--fs-sm);border-width:2px;background:var(--cream);color:var(--slate)}.stop-head{grid-column:2;min-height:42px;width:100%;text-align:left;cursor:pointer;border:0;background:none;padding:0 0 0 2px;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"time time chip" "title title title" "sub sub sub";row-gap:1px;column-gap:8px;align-items:center}.stop-time{grid-area:time;font-size:var(--fs-sm);font-weight:700;color:var(--teal)}.stop-title{grid-area:title;font-size:var(--fs-h2);font-weight:700}.stop-sub{grid-area:sub;font-size:var(--fs-sm);color:var(--muted)}.stop-head .chip{grid-area:chip}.stop-aux .stop-title{font-size:var(--fs-base);font-weight:400;color:var(--muted)}.stop-done .stop-title{color:var(--muted)}.stop-body{grid-column:2;margin-top:12px;display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:var(--r-md);border:1.5px solid var(--line)}.stop-now .stop-body{border:2px solid var(--teal)}.address{font-weight:700}.access{font-size:var(--fs-sm);color:var(--muted)}.visit-status:empty{display:none}.chip{font-size:.8125rem;font-weight:700;white-space:nowrap;padding:2px 10px;border-radius:999px;border:1.5px solid var(--line);color:var(--slate)}.chip-locked{border-color:var(--teal);color:var(--teal)}.chip-in_progress{background:var(--teal);border-color:var(--teal);color:var(--white)}.chip-completed,.chip-note-signed{background:var(--mint);border-color:var(--mint)}.chip-note-draft{border-color:var(--teal);color:var(--teal)}.chip-note-none{color:var(--muted)}.supplies{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.supplies-head{width:100%;min-height:var(--tap);border:0;background:none;cursor:pointer;padding:0;display:flex;align-items:center;gap:8px;font-weight:700;color:var(--slate)}.supplies-count{margin-left:auto;font-weight:400;color:var(--muted);font-size:var(--fs-sm)}.supplies-body{padding-bottom:12px;display:flex;flex-direction:column;gap:10px}.checklist{list-style:none;margin:0;padding:0}.checklist label{display:flex;align-items:center;gap:12px;min-height:44px;cursor:pointer}.checklist input{width:24px;height:24px;accent-color:var(--teal);flex:none}.checklist input:checked+span{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--teal)}.list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.list>li{border-bottom:1px solid var(--line)}.list-row{width:100%;min-height:64px;border:0;background:none;text-align:left;cursor:pointer;display:flex;align-items:center;gap:12px;padding:8px 2px}.list-row-static{cursor:default}.list-main{flex:1;display:flex;flex-direction:column;min-width:0}.list-title{font-weight:700}.trip-miles{font-weight:700;color:var(--teal);min-width:72px}.thread{display:flex;flex-direction:column;gap:16px}.note{display:flex;flex-direction:column;gap:10px}.note-signed{padding:16px;border-radius:var(--r-md);background:var(--cream)}.note-body{white-space:pre-wrap}.note-edit .actions-row .btn{width:100%}.facts,.odo{margin:0;display:flex;flex-direction:column;gap:10px}.facts div,.odo div{display:flex;justify-content:space-between;gap:12px}.facts dt,.odo dt{color:var(--muted)}.facts dd,.odo dd{margin:0;font-weight:700;text-align:right;overflow-wrap:anywhere}.odo{flex-direction:row}.odo div{flex:1;flex-direction:column;justify-content:flex-start}.odo dd{text-align:left;font-size:var(--fs-h2)}@media (prefers-reduced-motion: reduce){*{transition:none!important}}