:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{min-width:100%;min-height:100%;margin:0}body{min-width:320px;min-height:100svh}button,select{font:inherit}:root{--ev-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ev-bg:#0b1012;--ev-surface:#11181b;--ev-surface-raised:#172125;--ev-surface-deep:#0f1518;--ev-text:#f4fbfa;--ev-muted:#9aa9ad;--ev-faint:#65757a;--ev-accent:#18d8c5;--ev-accent-strong:#00bfae;--ev-accent-dim:#0b786f;--ev-positive:#18d8c5;--ev-attention:#d49a34;--ev-line:#dbf3f021;--ev-line-strong:#dbf3f040;--ev-focus:#7bf8ec;--ev-text-on-accent:#061614;--ev-accent-hover:#5ae4d6;--ev-background-accent-glow:#18d8c51a;--ev-background-depth-glow:#36505821;--ev-background-grid-line:#dbf3f008;--ev-surface-interactive:#11181b8f;--ev-surface-interactive-hover:#172125eb;--ev-surface-disabled:#ffffff05;--ev-surface-visual:#172125c2;--ev-surface-accent-subtle:#18d8c50d;--ev-visual-line:#dbf3f03d;--ev-visual-line-muted:#dbf3f02e;--ev-visual-accent-ring:#18d8c557;--ev-visual-accent-core:#18d8c514;--ev-visual-accent-core-line:#18d8c529;--ev-border-accent:#18d8c547;--ev-overlay:#020607c2;--ev-surface-bay-start:#172125fa;--ev-surface-bay-end:#0f1518fa;--ev-shadow-accent:0 .65rem 1.6rem #00bfae29;--ev-shadow-status:0 0 .8rem #18d8c58c;--ev-shadow-scan:0 0 .35rem #18d8c599;--ev-shadow-sheet:0 -1.5rem 4rem #00000073;--ev-shadow-inset-highlight:inset 0 1px 0 #ffffff08;--ev-spinner-track:#18d8c538;--ev-border-accent-active:#18d8c5a6;--ev-radius:1.5rem;--ev-radius-small:1rem;--ev-space-1:.5rem;--ev-space-2:.75rem;--ev-space-3:1rem;--ev-space-4:1.5rem;--ev-space-5:2.25rem;--ev-space-6:3.5rem;font-family:var(--ev-font-sans);color:var(--ev-text);background:var(--ev-bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--ev-bg)}button:focus-visible,select:focus-visible{outline:3px solid var(--ev-focus);outline-offset:3px}#root{text-align:left;width:100%;min-height:100svh;margin:0;display:block}.app-shell{isolation:isolate;min-height:100svh;padding:max(1.5rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));background:radial-gradient(circle at 72% 5%, var(--ev-background-accent-glow), transparent 28rem), radial-gradient(circle at 0% 100%, var(--ev-background-depth-glow), transparent 34rem), var(--ev-bg);place-items:center;display:grid;position:relative;overflow:hidden}.app-shell:before{z-index:-1;content:"";opacity:.28;background-image:linear-gradient(90deg, transparent 49.9%, var(--ev-background-grid-line) 50%, transparent 50.1%);pointer-events:none;background-size:8rem 100%;position:absolute;inset:0}.app-shell--phone{max-width:42rem;margin:0 auto}.app-shell--kiosk{max-width:82rem;margin:0 auto}.customer-flow,.kiosk-overview{flex-direction:column;width:min(100%,34rem);display:flex}.customer-flow{gap:var(--ev-space-4);min-height:min(48rem,100svh - 3rem)}.app-shell--kiosk .customer-flow{width:min(100%,48rem)}.app-shell--kiosk .kiosk-overview{width:min(100%,74rem)}.product-topbar{justify-content:space-between;align-items:center;min-height:2rem;display:flex}.brand,.eyebrow{color:var(--ev-accent);letter-spacing:.1em;text-transform:uppercase;margin:0;font-weight:730}.brand{font-size:.82rem}.eyebrow{color:var(--ev-muted);font-size:.69rem}.bay-label{color:var(--ev-muted);font-variant-numeric:tabular-nums;margin:0;font-size:.85rem}.screen-content{align-items:flex-start;gap:var(--ev-space-4);flex-direction:column;flex:1;display:flex}.screen-content--waiting,.screen-content--preflight,.screen-content--complete,.screen-content--neutral{justify-content:center}.screen-content--waiting{gap:clamp(1rem,3vh,1.75rem)}.step-header{gap:var(--ev-space-2);flex-direction:column;max-width:33rem;display:flex}.step-header h1,.kiosk-hero h1,.alert h1{color:var(--ev-text);letter-spacing:-.058em;margin:0;font-size:clamp(2.3rem,10vw,3.45rem);font-weight:610;line-height:.98}.step-header p:not(.eyebrow),.quiet-copy,.kiosk-hero>p,.alert p,.port-help__content>p{color:var(--ev-muted);margin:0;font-size:1.03rem;line-height:1.55}.vehicle-connection-visual{fill:none;width:min(100%,23rem);height:auto;stroke:var(--ev-muted);stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;margin:0 auto;overflow:visible}.vehicle-connection-visual__vehicle{stroke:var(--ev-text)}.vehicle-connection-visual__cable,.vehicle-connection-visual__plug,.vehicle-connection-visual__charge{stroke:var(--ev-accent)}.vehicle-connection-visual__point{fill:var(--ev-accent);stroke:none}.vehicle-connection-visual--waiting .vehicle-connection-visual__point{animation:1.8s ease-in-out infinite evproof-connection-pulse}.vehicle-connection-visual--detected .vehicle-connection-visual__check{stroke:var(--ev-accent);animation:.64s ease-out both evproof-confirm}.vehicle-connection-visual--neutral .vehicle-connection-visual__neutral{stroke:var(--ev-attention)}.status-indicator{color:var(--ev-text);align-items:center;gap:.65rem;margin:0;font-size:.96rem;font-weight:590;display:inline-flex}.status-indicator__dot{background:var(--ev-faint);border-radius:50%;width:.55rem;height:.55rem}.status-indicator--positive .status-indicator__dot{background:var(--ev-positive);box-shadow:var(--ev-shadow-status)}.status-indicator--attention .status-indicator__dot{background:var(--ev-attention)}.bottom-action{width:100%;padding-top:var(--ev-space-3);margin-top:auto}.inline-action{width:auto;min-width:10rem}.button{border-radius:var(--ev-radius-small);cursor:pointer;letter-spacing:-.01em;border:1px solid #0000;width:100%;min-height:3.25rem;padding:.75rem 1rem;font-weight:650;transition:transform .14s,border-color .14s,background-color .14s,color .14s}.button:active:not(:disabled){transform:scale(.985)}.button--primary{color:var(--ev-text-on-accent);background:var(--ev-accent);box-shadow:var(--ev-shadow-accent)}.button--primary:hover{background:var(--ev-accent-hover)}.button--secondary{color:var(--ev-text);border-color:var(--ev-line-strong);background:var(--ev-surface-interactive)}.button--secondary:hover{border-color:var(--ev-border-accent-active);background:var(--ev-surface-interactive-hover)}.button:disabled{cursor:not-allowed;color:var(--ev-faint);border-color:var(--ev-line);background:var(--ev-surface-disabled);opacity:1}.back-button{align-self:flex-start;width:auto;min-height:2.75rem}.progress-indicator{align-items:center;gap:var(--ev-space-3);color:var(--ev-text);flex-direction:column;font-weight:620;display:inline-flex}.progress-indicator__orb{border:.22rem solid var(--ev-spinner-track);border-top-color:var(--ev-accent);border-radius:50%;width:3rem;height:3rem;animation:.9s linear infinite evproof-spin}.diagnostic-scan-visual{fill:none;width:min(100%,22rem);height:auto;stroke:var(--ev-muted);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;margin:0 auto;overflow:visible}.diagnostic-scan-visual__battery{fill:var(--ev-surface-visual);stroke:var(--ev-visual-line)}.diagnostic-scan-visual__cells{stroke:var(--ev-visual-line-muted)}.diagnostic-scan-visual__pulse{stroke:var(--ev-accent)}.diagnostic-scan-visual__scan{stroke:var(--ev-accent);stroke-width:3px;filter:drop-shadow(var(--ev-shadow-scan));animation:1.65s ease-in-out infinite evproof-scan}.compatibility-visual{fill:none;stroke-linecap:round;stroke-linejoin:round;width:8.5rem;height:8.5rem;margin:0 auto}.compatibility-visual__ring{stroke:var(--ev-visual-accent-ring);stroke-width:2px}.compatibility-visual__core{fill:var(--ev-visual-accent-core);stroke:var(--ev-visual-accent-core-line)}.compatibility-visual__check{stroke:var(--ev-accent);stroke-width:5px}.compatibility-identity{gap:var(--ev-space-1);width:100%;max-width:26rem;padding-top:var(--ev-space-3);border-top:1px solid var(--ev-line);display:grid}.compatibility-identity>p:last-child{color:var(--ev-text);margin:0;font-size:1.08rem}.example-data{color:var(--ev-muted);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:700}.card,.alert{border:1px solid var(--ev-line);border-radius:var(--ev-radius);background:var(--ev-surface);padding:var(--ev-space-4)}.alert{width:min(100%,34rem)}.development-controls{width:100%;margin-top:var(--ev-space-4);padding-top:var(--ev-space-3);border-top:1px dashed var(--ev-line-strong);gap:var(--ev-space-2);color:var(--ev-muted);display:grid}.development-controls>p{letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:700}.development-controls label,.select-stack label{color:var(--ev-text);gap:.45rem;font-size:.89rem;font-weight:600;display:grid}.development-controls select,.select-stack select{border:1px solid var(--ev-line-strong);min-height:3.2rem;color:var(--ev-text);background:var(--ev-surface-deep);border-radius:.8rem;padding:0 .85rem}.dialog-backdrop{z-index:5;background:var(--ev-overlay);-webkit-backdrop-filter:blur(.45rem);backdrop-filter:blur(.45rem);place-items:end center;padding:0;display:grid;position:fixed;inset:0}.port-help{border:1px solid var(--ev-line-strong);background:var(--ev-surface);width:min(100%,38rem);min-height:min(42rem,96svh);max-height:min(48rem,96svh);box-shadow:var(--ev-shadow-sheet);border-radius:1.6rem 1.6rem 0 0;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}.port-help__header{border-bottom:1px solid var(--ev-line);padding:2rem 4.75rem 1.25rem 1.5rem;position:relative}.port-help__header h2{margin:var(--ev-space-2) 0 0;color:var(--ev-text);letter-spacing:-.045em;font-size:clamp(1.8rem,7vw,2.35rem);font-weight:610;line-height:1.04}.dialog-close{border:1px solid var(--ev-line);width:2.8rem;height:2.8rem;color:var(--ev-text);background:var(--ev-surface-raised);cursor:pointer;border-radius:50%;font-size:1.8rem;line-height:1;position:absolute;top:1.25rem;right:1.25rem}.port-help__content{align-content:start;gap:var(--ev-space-4);padding:1.5rem;display:grid;overflow-y:auto}.select-stack{gap:var(--ev-space-3);display:grid}.port-example{gap:var(--ev-space-2);padding:var(--ev-space-3);border-left:2px solid var(--ev-accent);background:var(--ev-surface-accent-subtle);display:grid}.port-example p:last-child{color:var(--ev-muted);margin:0;line-height:1.5}.dialog-actions{gap:var(--ev-space-2);padding:1rem 1.5rem max(1rem, env(safe-area-inset-bottom));border-top:1px solid var(--ev-line);background:var(--ev-surface-raised);grid-template-columns:1fr 1.2fr;display:grid}.kiosk-overview{gap:clamp(2rem,5vh,3.8rem)}.kiosk-hero{gap:var(--ev-space-3);max-width:48rem;display:grid}.kiosk-hero h1{max-width:44rem;font-size:clamp(3.25rem,6vw,5.4rem)}.kiosk-hero>p{max-width:38rem;font-size:1.2rem}.bay-grid{gap:var(--ev-space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.bay-card{border:1px solid var(--ev-line);border-radius:var(--ev-radius);background:linear-gradient(150deg, var(--ev-surface-bay-start), var(--ev-surface-bay-end)), var(--ev-surface);min-height:18rem;box-shadow:var(--ev-shadow-inset-highlight);flex-direction:column;align-items:flex-start;padding:1.6rem;display:flex}.bay-card--available{border-color:var(--ev-border-accent)}.bay-card__label{color:var(--ev-muted);letter-spacing:.09em;text-transform:uppercase;align-items:baseline;gap:.45rem;margin:0;font-size:.82rem;font-weight:650;display:flex}.bay-card__code{color:var(--ev-text);letter-spacing:-.09em;font-size:clamp(3.6rem,8vw,5.6rem);font-weight:520;line-height:.8}.bay-card .status-indicator{margin-top:auto}.bay-card .button{margin-top:var(--ev-space-3)}.live-customer-flow{justify-content:flex-start}.live-handoff{justify-items:center;gap:var(--ev-space-2);width:fit-content;padding:var(--ev-space-3);border:1px solid var(--ev-line-strong);border-radius:var(--ev-radius-small);background:var(--ev-surface-raised);display:grid}.live-handoff svg{padding:var(--ev-space-2);border-radius:var(--ev-space-1);background:var(--ev-surface)}.live-handoff p,.live-technical dd,.live-technical dt{margin:0}.live-handoff>p{max-width:20rem;color:var(--ev-muted);text-align:center;line-height:1.45}.live-handoff__warning{color:var(--ev-attention)!important}.live-technical{width:100%;margin-top:var(--ev-space-2);color:var(--ev-muted)}.live-technical summary{cursor:pointer;color:var(--ev-text)}.live-technical dl{gap:var(--ev-space-2);margin:var(--ev-space-3) 0 0;display:grid}.live-technical dl>div{gap:var(--ev-space-1);display:grid}@keyframes evproof-connection-pulse{0%,to{opacity:.75;transform:scale(1)}50%{opacity:.18;transform:scale(1.65)}}@keyframes evproof-confirm{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes evproof-scan{0%,to{opacity:.45;transform:translateY(0)}50%{opacity:1;transform:translateY(67px)}}@keyframes evproof-spin{to{transform:rotate(360deg)}}@media (width>=48rem){.app-shell{padding:max(3rem, env(safe-area-inset-top)) max(2.25rem, env(safe-area-inset-right)) max(3rem, env(safe-area-inset-bottom)) max(2.25rem, env(safe-area-inset-left))}.port-help{border-radius:1.6rem;min-height:min(40rem,92svh)}.dialog-backdrop{place-items:center;padding:1.5rem}}@media (width<=47.99rem){.app-shell--kiosk{align-items:start}.bay-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
