:root{color-scheme:dark;--canvas: oklch(15% .012 28);--surface: oklch(19% .014 28);--surface-raised: oklch(23% .016 28);--surface-active: oklch(27% .02 28);--border: oklch(38% .02 28);--border-strong: oklch(52% .03 28);--text: oklch(95% .012 80);--text-muted: oklch(72% .018 60);--red: oklch(55% .22 28);--red-hover: oklch(61% .23 28);--red-active: oklch(48% .2 28);--amber: oklch(82% .17 82);--amber-soft: oklch(72% .13 82);--amber-ink: oklch(19% .035 70);--green: oklch(77% .16 145);--green-dim: oklch(48% .09 145);--error-bg: oklch(25% .065 25);--error-border: oklch(58% .16 25);--focus: oklch(88% .18 88);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--radius-sm: 4px;--radius-md: 8px;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-condensed: "Avenir Next Condensed", "Roboto Condensed", "Segoe UI", sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body,#root{min-height:100vh}body{margin:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:linear-gradient(90deg,var(--red) 0 68%,var(--amber) 68% 100%) top / 100% 5px no-repeat,var(--canvas);color:var(--text);font-family:var(--font-ui);font-size:1rem;font-kerning:normal;line-height:1.5;letter-spacing:.01em;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance}.skip-link{position:fixed;top:var(--space-md);left:var(--space-md);z-index:100;transform:translateY(-180%);padding:var(--space-md) var(--space-lg);background:var(--amber);color:var(--amber-ink);font-weight:800;text-decoration:none}.skip-link:focus{transform:translateY(0)}.app-header{width:min(1240px,calc(100% - 24px));min-height:78px;margin:5px auto 0;padding:var(--space-md) var(--space-lg);border-right:1px solid var(--border);border-bottom:1px solid var(--border);border-left:1px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl)}.brand,.system-status,.vehicle-heading,.new-lookup-actions,.match-state,.connection-state{display:flex;align-items:center}.brand{gap:var(--space-md);min-width:0}.brand-mark{width:42px;height:46px;flex:0 0 auto}.brand-mark svg{width:100%;height:100%}.brand-mark path:first-child{fill:none;stroke:var(--amber);stroke-width:2.5}.brand-mark path:last-child{fill:var(--red)}.brand strong,.brand small{display:block}.brand strong{font-family:var(--font-condensed);font-size:1.35rem;font-weight:850;line-height:1.05;letter-spacing:.055em;text-transform:uppercase}.brand small{margin-top:var(--space-xs);color:var(--text-muted);font-size:.78rem;letter-spacing:.04em}.system-status{min-height:40px;gap:var(--space-sm);color:var(--text-muted);font-size:.82rem;font-weight:750;letter-spacing:.055em;text-transform:uppercase;white-space:nowrap}.status-dot{width:10px;height:10px;border-radius:50%;border:2px solid currentColor}.status-dot.is-online{color:var(--green);background:var(--green)}.status-dot.is-offline{color:var(--amber);background:transparent}.status-divider{width:1px;height:18px;margin:0 var(--space-xs);background:var(--border)}.shell{width:min(1240px,calc(100% - 24px));margin:0 auto;padding:var(--space-xl) 0 var(--space-3xl)}.identify-panel,.operation-panel,.vehicle-confirmation,.empty-guide{border:1px solid var(--border);background:var(--surface)}.identify-panel{padding:var(--space-2xl)}.section-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-sm);margin-bottom:var(--space-xl)}.step-label,.eyebrow{color:var(--amber);font-size:.75rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.step-label{margin-bottom:var(--space-xs)}.step-label span{display:inline-grid;min-width:30px;height:28px;margin-right:var(--space-sm);place-items:center;background:var(--red);color:var(--text);letter-spacing:0}.section-heading h1{margin-bottom:0;font-family:var(--font-condensed);font-size:3.5rem;font-weight:850;line-height:1;letter-spacing:.035em;text-transform:uppercase}.section-heading>p:last-child{margin-bottom:0;color:var(--text-muted);font-size:1.05rem}.cta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}.action-card{min-height:164px;padding:var(--space-xl);border:2px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--text);display:grid;grid-template-columns:68px 1fr auto;align-items:center;gap:var(--space-xl);text-align:left;transition:background-color .18s cubic-bezier(.22,1,.36,1),border-color .18s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1)}.action-icon{display:grid;width:68px;height:68px;place-items:center;color:var(--amber)}.action-icon svg{width:64px;height:64px;fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:2.6}.action-copy{min-width:0}.action-copy strong,.action-copy>span{display:block}.action-copy strong{font-family:var(--font-condensed);font-size:2.25rem;font-weight:850;line-height:1;letter-spacing:.045em;text-transform:uppercase}.action-copy>span{margin-top:var(--space-sm);color:var(--text-muted);font-size:.95rem}.action-arrow{color:var(--amber);font-size:2rem;font-weight:700}.action-card.is-active{border-color:var(--amber);background:var(--surface-active)}.status-line{min-height:52px;margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);color:var(--text-muted);font-size:.9rem}.text-button{min-height:44px;padding:0 var(--space-md);border:0;background:transparent;color:var(--amber);font-weight:750;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.activity-anchor{scroll-margin-top:var(--space-xl)}.operation-panel{padding:var(--space-2xl)}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--border)}.panel-header .eyebrow{margin-bottom:var(--space-sm)}.panel-header h2,.guide-toolbar h2,.empty-guide h2{margin-bottom:0;font-family:var(--font-condensed);font-size:2rem;font-weight:850;line-height:1.1;letter-spacing:.035em;text-transform:uppercase}.vin-form,.scanner-actions{display:grid;gap:var(--space-md);margin-top:var(--space-xl)}.field{display:grid;gap:var(--space-sm)}.field>span{color:var(--text-muted);font-size:.85rem;font-weight:750;letter-spacing:.07em;text-transform:uppercase}input{width:100%;min-height:86px;padding:0 var(--space-xl);border:2px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--canvas);color:var(--text);font-family:var(--font-mono);font-size:2rem;font-variant-ligatures:none;font-variant-numeric:tabular-nums;font-weight:750;letter-spacing:.1em;text-transform:uppercase}input::placeholder{color:#877a75}.hint{margin-bottom:0;color:var(--text-muted);font-size:.9rem}.primary-button,.secondary-button,.open-guide-button{min-height:54px;border-radius:var(--radius-sm);font-weight:850;letter-spacing:.055em;text-transform:uppercase;text-decoration:none;transition:background-color .16s cubic-bezier(.22,1,.36,1),border-color .16s cubic-bezier(.22,1,.36,1),transform .16s cubic-bezier(.22,1,.36,1)}.primary-button{padding:0 var(--space-xl);border:1px solid var(--amber);background:var(--amber);color:var(--amber-ink)}.secondary-button{min-height:46px;padding:0 var(--space-lg);border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--text)}.primary-button:disabled,.secondary-button:disabled,.action-card:disabled,.text-button:disabled{cursor:not-allowed;opacity:.48}.camera-frame{position:relative;margin-top:var(--space-xl);aspect-ratio:4 / 3;overflow:hidden;border:2px solid var(--border-strong);background:var(--canvas)}.camera-frame video,.guide-frame{width:100%;height:100%;display:block}.camera-frame video{object-fit:cover}.camera-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:end center;padding:var(--space-xl);background:linear-gradient(to bottom,transparent 60%,oklch(15% .012 28 / 82%))}.scan-box{position:absolute;border:3px solid var(--amber);box-shadow:0 0 0 200vmax #10090873}.camera-overlay span{padding:var(--space-sm) var(--space-md);background:var(--canvas);color:var(--text);font-weight:750}.banner{margin-bottom:var(--space-lg);padding:var(--space-lg);border:1px solid var(--error-border);background:var(--error-bg);color:var(--text)}.error{margin-bottom:0;padding:var(--space-md);border:1px solid var(--error-border);background:var(--error-bg)}.vehicle-confirmation{padding:var(--space-2xl)}.match-state{gap:var(--space-sm);color:var(--green);font-size:.78rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.match-icon{display:inline-grid;width:24px;height:24px;place-items:center;border-radius:50%;background:var(--green);color:var(--canvas);font-size:.9rem}.vehicle-heading{align-items:flex-end;justify-content:space-between;gap:var(--space-xl);margin-top:var(--space-lg)}.vehicle-heading h1{margin-bottom:var(--space-md);font-family:var(--font-condensed);font-size:3rem;font-weight:850;line-height:1;letter-spacing:.025em;text-transform:uppercase}.vin-readout{margin-bottom:0;color:var(--text-muted);font-family:var(--font-mono);font-size:1.05rem;font-variant-ligatures:none;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.08em}.vin-readout span{margin-right:var(--space-sm);color:var(--amber);font-family:var(--font-ui);font-size:.72rem;letter-spacing:.12em}.new-lookup-actions{flex-wrap:wrap;justify-content:flex-end;gap:var(--space-sm)}.guide-block{margin-top:var(--space-lg)}.open-guide-button{min-height:82px;padding:0 var(--space-xl);border:1px solid var(--red-hover);background:var(--red);color:var(--text);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-lg);font-family:var(--font-condensed);font-size:1.85rem;text-align:center}.pdf-icon{display:inline-grid;min-width:46px;height:38px;place-items:center;border:2px solid currentColor;font-family:var(--font-ui);font-size:.65rem;letter-spacing:.08em}.guide-toolbar{min-height:76px;margin-top:var(--space-lg);padding:var(--space-lg) var(--space-xl);border:1px solid var(--border);border-bottom:0;background:var(--surface);display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl)}.guide-toolbar .eyebrow{margin-bottom:var(--space-xs)}.guide-toolbar h2{font-size:1.25rem}.connection-state{gap:var(--space-sm);color:var(--text-muted);font-size:.78rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.connection-state:before{content:"";width:9px;height:9px;border-radius:50%}.connection-state.is-online:before{background:var(--green)}.connection-state.is-offline:before{border:2px solid var(--amber)}.guide-frame{min-height:76vh;border:1px solid var(--border);background:var(--canvas)}.empty-guide{margin-top:var(--space-lg);padding:var(--space-2xl)}.empty-guide p:not(.eyebrow){max-width:62ch;margin-bottom:var(--space-xl);color:var(--text-muted)}button:focus{outline:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}input:focus-visible{border-color:var(--amber)}@media (hover: hover){.action-card:hover:not(:disabled){border-color:var(--amber);background:var(--surface-active);transform:translateY(-2px)}.primary-button:hover:not(:disabled){background:var(--focus)}.secondary-button:hover:not(:disabled){border-color:var(--amber-soft);background:var(--surface-active)}.open-guide-button:hover{background:var(--red-hover)}.text-button:hover:not(:disabled){color:var(--focus)}}.action-card:active:not(:disabled),.primary-button:active:not(:disabled),.secondary-button:active:not(:disabled),.open-guide-button:active{transform:translateY(1px)}.open-guide-button:active{background:var(--red-active)}@media (pointer: coarse){.secondary-button,.text-button{min-height:52px}}@media (max-width: 900px){.vehicle-heading{align-items:stretch;flex-direction:column}.new-lookup-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.app-header,.shell{width:min(100% - 16px,1240px)}.app-header{min-height:70px;padding:var(--space-md)}.brand-mark{width:34px;height:38px}.brand strong{font-size:1.05rem}.brand small,.status-divider,.system-status span:last-child{display:none}.system-status{font-size:.72rem}.shell{padding-top:var(--space-lg)}.identify-panel,.operation-panel,.vehicle-confirmation,.empty-guide{padding:var(--space-lg)}.section-heading h1{font-size:2.35rem}.cta-grid{grid-template-columns:1fr;gap:var(--space-md)}.action-card{min-height:116px;padding:var(--space-lg);grid-template-columns:52px 1fr auto;gap:var(--space-lg)}.action-icon,.action-icon svg{width:52px;height:52px}.action-copy strong{font-size:1.6rem}.panel-header,.vehicle-heading,.guide-toolbar{align-items:stretch;flex-direction:column}.panel-header{gap:var(--space-lg)}.panel-header .secondary-button{width:100%}input{min-height:74px;padding:0 var(--space-md);font-size:1.25rem;letter-spacing:.06em}.vehicle-heading{gap:var(--space-xl)}.vehicle-heading h1{font-size:2.2rem}.vin-readout{font-size:.88rem;letter-spacing:.04em;overflow-wrap:anywhere}.new-lookup-actions{display:grid;grid-template-columns:1fr 1fr}.open-guide-button{min-height:72px;padding:0 var(--space-lg);font-size:1.35rem}.guide-frame{min-height:62vh}.status-line{align-items:flex-start;flex-direction:column}}@media (max-width: 420px){.action-copy>span{display:none}.new-lookup-actions{grid-template-columns:1fr}.open-guide-button{grid-template-columns:auto 1fr}.open-guide-button>span:last-child{display:none}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}