@font-face{font-family:Denim;src:url(/static/fonts/denim.woff2) format("woff2-variations");font-weight:300 600;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}:root{--bg: #262626;--surface: #313131;--ink: #f1f1eb;--muted: rgba(214, 220, 223, .66);--accent: #6f41e1;--accent-soft: #c5aeff;--line: rgba(214, 220, 223, .28);--ok: #4cd07d;--warn: #ffd24a;--bad: #ff5d5d;--radius: .375rem;--radius-card: .3125rem}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:Denim,ui-sans-serif,system-ui,sans-serif;font-weight:400;-webkit-text-size-adjust:100%}#app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}section[data-screen]{flex:1;display:flex;flex-direction:column}section[hidden]{display:none}h1{font-size:1.4rem;font-weight:600}h2,strong{font-weight:600}p{line-height:1.45}a{color:var(--accent-soft)}:focus-visible{outline:2px solid var(--accent-soft);outline-offset:2px}.center{justify-content:center;align-items:center;text-align:center;gap:1rem;padding:2rem 1.5rem}.center p{color:var(--muted);max-width:26rem}.center strong{color:var(--ink)}.wordmark{font-weight:600;letter-spacing:-.01em}h1.wordmark{font-size:2rem}.phone{font-size:1.5rem;font-weight:600;color:var(--ink)}.page-top{padding:1.25rem 1rem .5rem}.page-top p{color:var(--muted);margin-top:.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 1.5rem;border:none;border-radius:var(--radius);font:inherit;font-size:1.05rem;font-weight:580;cursor:pointer}.btn.primary{background:var(--accent-soft);color:#262626}.btn.primary:disabled{background:#3a3a3a;color:var(--muted)}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn.slim{min-height:36px;padding:0 1rem;font-size:.9rem;margin-top:.4rem}.login-form{display:flex;flex-direction:column;gap:12px;width:100%;max-width:20rem}.login-form input{min-height:48px;padding:0 1rem;border:2px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:inherit}.login-form input::placeholder{color:var(--muted)}.login-form input:focus{outline:none;border-color:var(--accent-soft)}.center .login-error{min-height:1.4rem;color:var(--bad)}#new-session-btn{margin:.75rem 1rem 0}.session-list{display:flex;flex-direction:column;gap:8px;padding:.75rem 1rem calc(1.5rem + env(safe-area-inset-bottom))}.session-row{min-height:48px;padding:0 1rem;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer}.screen-actions{display:flex;gap:10px;padding:.75rem 1rem calc(1rem + env(safe-area-inset-bottom))}.screen-actions .btn{flex:1}.screen-actions .btn.ghost{flex:0 0 auto;min-width:6rem}.form-body{flex:1;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:.5rem 1rem}.vin-label-art{width:10rem;color:var(--ink);opacity:.85}.vin-label-art svg{display:block;width:100%;height:auto}#vin-input{width:100%;max-width:22rem;min-height:52px;padding:0 1rem;border:2px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:inherit;font-size:1.15rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-align:center}#vin-input::placeholder{color:var(--muted);font-weight:400;letter-spacing:0;text-transform:none}#vin-input:focus{outline:none;border-color:var(--accent-soft)}.field-error{min-height:1.4rem;color:var(--bad);text-align:center}.field-error.ok{color:var(--muted)}.vehicle-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem;text-align:center}.vehicle-found{font-size:1.75rem;font-weight:600;line-height:1.2}.vehicle-vin{font-size:1rem;font-weight:600;letter-spacing:.12em;color:var(--muted);word-break:break-all}.vehicle-vin.lead{font-size:1.3rem;color:var(--ink)}.screen-actions.stack{flex-direction:column}.screen-actions.stack .btn,.screen-actions.stack .btn.ghost{flex:none;width:100%}.screen-actions.stack.swap{flex-direction:column-reverse}#vin-scan-btn{align-self:stretch}.vin-scan-wrap{position:relative;align-self:stretch;aspect-ratio:4 / 3;background:#000;border:1px solid var(--line);border-radius:.3125rem;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#vin-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.vin-aim{position:absolute;inset:34% 8%;border:2px solid var(--accent-soft);border-radius:.25rem}.vin-scan-hint{position:absolute;left:0;right:0;top:.6rem;margin:0;padding:0 .5rem;text-align:center;font-size:.85rem;color:var(--ink);text-shadow:0 1px 3px rgba(0,0,0,.9)}.vin-scan-bar{position:absolute;left:0;right:0;bottom:.6rem;display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem .75rem;padding:0 .5rem}.btn.slim{padding:.4rem .9rem;font-size:.9rem;min-height:44px}.vin-ocr{align-self:stretch;aspect-ratio:4 / 3;background:#000;border:1px solid var(--line);border-radius:.3125rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1rem}.vin-ocr-status{margin:0;color:var(--ink);font-size:1rem;text-align:center}.vin-ocr-note{margin:0;color:var(--muted);font-size:.85rem;text-align:center}.vin-ocr-track{width:min(100%,16rem);height:4px;border-radius:2px;background:var(--line);overflow:hidden}.vin-ocr-fill{height:100%;width:0;background:var(--accent-soft);transition:width .2s linear}.zones-body{flex:1;display:flex;flex-direction:column;align-items:center;padding:0 1rem}.zone-ring{position:relative;width:min(100%,22rem,44vh);width:min(100%,22rem,44dvh);aspect-ratio:400 / 440;margin:.25rem auto 0;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--ink)}.zone-ring svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.zone-ring svg .ring{stroke:var(--line);stroke-width:2}.zone-ring svg .car{stroke:var(--ink);stroke-width:3}.zone-ring.busy{pointer-events:none}.zone-dot{position:absolute;width:48px;height:48px;transform:translate(-50%,-50%);padding:0;border:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}.zone-dot:before{content:"";width:26px;height:26px;border-radius:50%;background:var(--surface);border:2px solid var(--line)}.zone-dot.on:before{background:var(--accent-soft);border-color:var(--accent-soft)}.zone-dot .n{position:absolute;font-size:.8rem;font-weight:600;color:#262626}.zone-dot:disabled{cursor:default}.zone-dot:disabled:not(.on):before{opacity:.45}.zone-list{display:flex;flex-direction:column;gap:6px;width:100%;max-width:22rem;margin-top:.5rem}.zone-chip{display:flex;align-items:center;gap:.6rem;min-height:48px;padding-left:.75rem;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface)}.zone-chip .num{flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:var(--accent-soft);color:#262626;font-size:.8rem;font-weight:600;display:flex;align-items:center;justify-content:center}.zone-chip .lbl{flex:1}.zone-chip .x{flex:0 0 auto;width:48px;height:48px;border:0;background:transparent;color:var(--muted);font:inherit;font-size:1.4rem;cursor:pointer}.zone-chip .x:disabled{cursor:default;opacity:.45}.note.bad{color:var(--bad)}.zone-chip .rank{color:var(--muted);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;margin-right:.5rem}.zone-ring.locked{pointer-events:none;opacity:.75}.hub-body{flex:1;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:.25rem 1rem 0}.hub-map{position:relative;width:min(100%,22rem,52vh);width:min(100%,22rem,52dvh);aspect-ratio:352 / 330;margin:.25rem auto 0;color:var(--ink);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.hub-map svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hub-map svg .route{stroke:var(--line);stroke-width:2;stroke-dasharray:6 9;stroke-linecap:round}.hub-map svg .car{stroke:var(--ink);stroke-width:4.06}.hub-map svg .arrow{fill:var(--line);stroke:none}.hub-map svg .front{fill:var(--muted)}.hub-map.busy{pointer-events:none}.hub-stop{position:absolute;width:56px;height:56px;transform:translate(-50%,-50%);padding:0;border:2px solid var(--line);border-radius:var(--radius-card);background:#000 center / cover no-repeat;color:var(--muted);font:inherit;font-size:.65rem;cursor:pointer}.hub-stop.done{border-color:var(--ok)}.hub-stop.sending{border-color:var(--accent-soft)}.hub-stop.error{border-color:var(--bad);color:var(--bad);font-size:1.2rem;font-weight:600}.hub-badge{position:absolute;left:-7px;top:-7px;width:20px;height:20px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:.65rem;font-weight:600;display:flex;align-items:center;justify-content:center;pointer-events:none}.hub-badge.poi{background:var(--accent-soft);border-color:var(--accent-soft);color:#262626}.hub-chip{position:absolute;right:-9px;bottom:-9px;width:26px;height:26px;border-radius:var(--radius-card);border:2px solid var(--line);background:#000 center / cover no-repeat;pointer-events:none}.hub-chip.done{border-color:var(--ok)}.hub-legend{display:flex;flex-direction:column;gap:6px;width:100%;max-width:22rem}.hub-legend-row{display:flex;align-items:center;gap:.5rem}.hub-legend-row .num{flex:0 0 auto;width:20px;height:20px;border-radius:50%;background:var(--accent-soft);color:#262626;font-size:.65rem;font-weight:600;display:flex;align-items:center;justify-content:center}.hub-legend-row .lbl{font-size:.8rem;color:var(--muted)}section[data-screen=capture]{position:relative}.capture-top{padding:.5rem 1rem .75rem;text-align:center}.capture-top p{color:var(--muted);font-size:.9rem;margin-top:.15rem}.shot-counter{font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.capture-top .shot-zone{color:var(--accent-soft);font-weight:600}.top-actions{display:flex;justify-content:center;gap:8px}.viewfinder-wrap{position:relative;flex:1;min-height:0;background:#000;overflow:hidden;touch-action:none}#viewfinder{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;color:#fff;opacity:.85}.overlay svg{width:88%;max-height:80%;filter:drop-shadow(0 0 3px rgba(0,0,0,.7))}.plan-group{flex:0 0 auto;display:flex;flex-direction:column;gap:4px}.add-photo{flex:0 0 auto;min-height:56px;padding:0 .9rem;border:1px dashed var(--line);border-radius:var(--radius-card);background:transparent;color:var(--accent-soft);font:inherit;font-size:.85rem;font-weight:600;white-space:nowrap;cursor:pointer}.add-photo.wide{margin:0 1rem;min-height:48px}.capture-bar{position:relative;display:flex;align-items:center;justify-content:space-between;padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:var(--surface)}.bar-side{width:84px;display:flex;justify-content:center}.shutter{width:72px;height:72px;border-radius:50%;border:5px solid #fff;background:#ffffff40;cursor:pointer}.shutter:active{background:#fff}#file-btn{flex:1;margin:0 8px}.coach{background:var(--surface);padding:12px 16px}.coach p{color:var(--ink);font-size:.9rem;text-align:center}.guide-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.guide-chip{position:absolute;top:10px;right:10px;padding:4px 10px;border-radius:999px;background:#0000008c;color:var(--muted);font-size:.75rem;font-weight:600;pointer-events:none}.guide-chip.live{background:var(--accent-soft);color:#262626}.zoom-indicator{position:absolute;top:10px;left:50%;transform:translate(-50%);padding:4px 10px;border-radius:999px;background:#0000008c;color:var(--ink);font-size:.85rem;font-weight:600;pointer-events:none;opacity:0;transition:opacity .3s}.zoom-indicator.show{opacity:1}.walk-hint{position:absolute;left:12px;top:10px;padding:6px 14px;border-radius:999px;background:#0000008c;color:#fff;font-size:.85rem;font-weight:600;white-space:nowrap;pointer-events:none}.guide-hint{position:absolute;left:50%;bottom:14px;transform:translate(-50%);padding:6px 14px;border-radius:999px;background:#0000008c;color:#fff;font-size:.95rem;font-weight:600;white-space:nowrap;pointer-events:none}.interstitial{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#262626e0}.interstitial-card{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:22rem;padding:1.25rem;border-radius:var(--radius);background:var(--surface);text-align:center}.interstitial-title{font-size:1.25rem;font-weight:600}.interstitial-copy{color:var(--muted)}.submit-groups{padding:.25rem 0 0}.submit-group h2{padding:.5rem 1rem 0;font-size:.95rem;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:.5rem 1rem .75rem}.tile{position:relative;aspect-ratio:4 / 3;border-radius:var(--radius-card);border:2px solid var(--line);background:#000 center / cover no-repeat;color:var(--muted);font:inherit;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;padding:0}.tile.done{border-color:var(--ok)}.tile.error{border-color:var(--bad)}.tile .tag{position:absolute;left:0;right:0;bottom:0;padding:4px 8px;font-size:.8rem;color:#fff;background:#0009;text-align:left}.note{min-height:1.4rem;padding:0 1rem;color:var(--muted);text-align:center}#submit-btn{margin:.75rem 1rem calc(1rem + env(safe-area-inset-bottom))}#banner{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));padding:12px 16px;border-radius:var(--radius);background:var(--bad);color:#262626;font-weight:600;text-align:center;z-index:10}