.toast-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column-reverse;align-items:center;gap:8px;pointer-events:none}.toast{display:flex;flex-direction:row;align-items:center;gap:10px;padding:12px 20px;border-radius:10px;font-size:.88rem;font-weight:500;line-height:1.4;pointer-events:auto;box-shadow:0 4px 16px #00000026,0 1px 4px #0000001a;animation:toast-in .3s cubic-bezier(.22,1,.36,1);max-width:min(420px,100vw - 48px)}.toast--exiting{animation:toast-out .25s ease-in forwards}.toast--success{background:var(--green-color);color:#fff}.toast--error{background:var(--error-color);color:#fff}.toast--info{background:#323232;color:#fff}.toast--warning{background:var(--warning-color);color:#1a1a1a}.toast__icon{flex-shrink:0;width:18px;height:18px}.toast__message{flex:1;min-width:0}.toast__dismiss{flex-shrink:0;background:none;border:none;color:inherit;opacity:.7;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center}.toast__dismiss:hover{opacity:1}.toast__dismiss svg{width:16px;height:16px}@keyframes toast-in{0%{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(16px) scale(.95)}}.full-screen-loader-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0000;display:flex;align-items:center;justify-content:center;pointer-events:auto;opacity:0;transition:opacity .3s ease-out,background-color .3s ease-out}.full-screen-loader-backdrop.open{background-color:#00000080;opacity:1;animation:full-screen-loader-fade-in .3s ease-out}.full-screen-loader-backdrop.closing{background-color:#0000;opacity:0;transition:opacity .3s ease-out,background-color .3s ease-out}.full-screen-loader-backdrop.branded.open,.full-screen-loader-backdrop.branded.closing{background-color:var(--splash-bg)}.full-screen-loader-content{display:flex;align-items:center;justify-content:center;pointer-events:none}.full-screen-loader-content--branded{flex-direction:column;text-align:center}@keyframes full-screen-loader-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-color-scheme: dark){.full-screen-loader-backdrop.open:not(.branded){background-color:#000000b3}}.material-spinner{display:inline-flex;align-items:center;justify-content:center}.material-spinner-svg{width:100%;height:100%;animation:material-spinner-rotate var(--duration, 1.4s) linear infinite}.material-spinner-circle{stroke:var(--text-color);stroke-linecap:round;stroke-dasharray:1px,calc((var(--circumference, 138px)) * 1.45);stroke-dashoffset:0;animation:material-spinner-dash var(--duration, 1.4s) ease-in-out infinite;transform-origin:center}@keyframes material-spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes material-spinner-dash{0%{stroke-dasharray:1px,calc((var(--circumference, 138px)) * 1.45);stroke-dashoffset:0}50%{stroke-dasharray:calc((var(--circumference, 138px)) * .725),calc((var(--circumference, 138px)) * 1.45);stroke-dashoffset:calc((var(--circumference, 138px)) * -.109)}to{stroke-dasharray:calc((var(--circumference, 138px)) * .725),calc((var(--circumference, 138px)) * 1.45);stroke-dashoffset:calc((var(--circumference, 138px)) * -.906)}}.car-animation{width:100%;max-width:520px;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000012,0 2px 8px #0000000d}.car-animation__svg{display:block;width:100%;height:auto}.car-animation__cloud--1{animation:cloud-drift 28s linear infinite}.car-animation__cloud--2{animation:cloud-drift 40s linear 6s infinite}.car-animation__car{animation:car-bounce .45s ease-in-out infinite alternate}.car-animation__wheel{transform-box:fill-box;transform-origin:center;animation:wheel-spin .55s linear infinite}.car-animation__shadow{transform-origin:center;animation:shadow-pulse .45s ease-in-out infinite alternate}.car-animation__road-scroll{animation:road-scroll 1.5s linear infinite}.car-animation__exhaust{fill:#9b9b9b9e}.car-animation__exhaust--1{animation:exhaust-puff 1.3s ease-out infinite}.car-animation__exhaust--2{animation:exhaust-puff 1.3s ease-out .43s infinite}.car-animation__exhaust--3{animation:exhaust-puff 1.3s ease-out .86s infinite}@keyframes car-bounce{0%{transform:translateY(0)}to{transform:translateY(3px)}}@keyframes wheel-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shadow-pulse{0%{transform:scaleX(1);opacity:1}to{transform:scaleX(.96);opacity:.7}}@keyframes road-scroll{0%{transform:translate(0)}to{transform:translate(-80px)}}@keyframes cloud-drift{0%{transform:translate(0)}to{transform:translate(-80px)}}@keyframes exhaust-puff{0%{opacity:.75;transform:translate(0)}20%{opacity:.5}to{opacity:0;transform:translate(-30px,-14px)}}.vdl{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2000;background-color:var(--bg-color);display:flex;flex-direction:column;align-items:center;justify-content:center;animation:vdl-fade-in .35s ease-out;overflow:hidden}.vdl__progress{position:absolute;top:0;left:0;right:0;height:3px;background:#0000000f}.vdl__progress-bar{height:100%;background:var(--accent-color);transition:width 1.6s cubic-bezier(.4,0,.2,1)}.vdl__content{display:flex;flex-direction:column;align-items:center;gap:24px;padding:24px 20px;width:100%;max-width:540px}.vdl__header{display:flex;flex-direction:column;align-items:center;gap:8px}.vdl__title{font-size:1.15rem;font-weight:500;color:var(--text-color);opacity:0;animation:vdl-fade-in .5s ease-out .15s forwards}.vdl__vin{display:flex;flex-direction:row;gap:2px;font-family:Courier New,Courier,monospace;font-size:1rem;font-weight:600;letter-spacing:.06em;color:var(--text-color-secondary)}.vdl__vin-char{opacity:0;animation:vdl-char-in .3s ease-out forwards}.vdl__steps{display:flex;flex-direction:column;gap:14px;width:100%;max-width:280px}.vdl__step{display:flex;align-items:center;gap:12px;font-size:1rem;font-weight:500;color:var(--text-color-secondary);opacity:0;animation:vdl-step-enter .35s ease-out forwards;transition:color .3s ease}.vdl__step--done,.vdl__step--done .vdl__step-icon{color:var(--green-color)}.vdl__step-indicator{display:flex;align-items:center;justify-content:center;flex-shrink:0}.vdl__step-icon{width:22px;height:22px;color:var(--text-color-secondary);flex-shrink:0;transition:color .3s ease}.vdl__check-icon{width:24px;height:24px;flex-shrink:0;animation:vdl-check-pop .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes vdl-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vdl-step-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes vdl-char-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes vdl-check-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@media (max-width: 480px){.vdl__vin{font-size:.85rem;gap:1.5px}.vdl__content{gap:18px;padding:20px 16px}.vdl__steps{max-width:240px;gap:12px}.vdl__step{font-size:.95rem}}:root{--bg-color: #ffffff;--text-color: rgba(0, 0, 0, .87);--text-color-secondary: rgba(0, 0, 0, .54);--accent-color: #3b82f6;--accent-color-hover: #2563eb;--error-color: rgb(204, 4, 28);--green-color: rgb(0, 128, 0);--warning-color: #f59e0b;--error-bg: rgb(255, 235, 238);--border-color: rgb(224, 224, 224);--border-color-dark: rgb(14, 14, 14);--border-equipment: #e0e0e0;--bg-hover: rgba(0, 0, 0, .1);--bg-item: rgba(0, 0, 0, .05);--bg-equipment-hover: #f5f5f5;--grey-medium: #f5f5f5;--grey-bg: rgb(245, 245, 245);--splash-bg: #3c4252;--splash-title-color: #ffffff;--default-border: 2px solid var(--border-color);--bottom-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 2px 1px -1px rgba(0, 0, 0, .12);--spacing-xs: 4px;--spacing-small: 8px;--spacing-medium: 16px;--spacing-large: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--min-height-touch: 48px;--min-height-nav: 56px;--indicator-height: 2px;--font-size-body: 14px;--line-height-body: 20px;--letter-spacing-body: .1px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--text-color);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme: dark){:root{--bg-color: #242424;--accent-color: #60a5fa;--accent-color-hover: #93bbfd;--text-color: rgba(255, 255, 255, .87);--text-color-secondary: rgba(255, 255, 255, .54);--border-color: rgba(255, 255, 255, .1);--border-color-dark: rgba(14, 14, 14, .1);--bg-hover: rgba(255, 255, 255, .1);--bg-item: rgba(255, 255, 255, .05);--grey-medium: #3a3a3a;--bottom-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 2px 1px -1px rgba(0, 0, 0, .12)}}html{scroll-padding-top:var(--min-height-nav)}*{max-width:100vw;margin:0;padding:0;position:relative;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;color:var(--text-color)}*:not(svg *){height:auto}h1,h2,h3,h4,h5,h6{line-height:1.2}*:not(html):not(head):not(meta):not(title):not(link):not(script):not(style):not(hr):not(br):not(input):not(textarea):not(select):not(button):not(img):not(svg):not(canvas):not(video):not(iframe):not(embed):not(object):not(table):not(tbody):not(tr):not(td):not(span):not(b):not(strong):not(i){display:flex;flex-direction:column;align-items:stretch;justify-content:start}.row,[style*="flex-direction: row"],[style*="flex-direction:row"]{flex-direction:row;align-items:center}body{margin:0;min-width:320px;min-height:100dvh;overflow-x:hidden;flex:1;background-color:var(--grey-medium)}#root{width:100%;min-height:100dvh;margin:0;padding:0}.app-container{width:100%;height:100vh;display:flex;flex-direction:column}.flex.grow{flex:1 1 auto}.flex.shrink{flex:0 1 auto}.flex.basis{flex:0 0 auto}.flex.fill{flex:1 1 100%}.sticky-top{position:sticky;position:-webkit-sticky;top:0;z-index:998;background-color:var(--bg-color)}.nav-bar{display:flex;flex-direction:row;padding-left:1rem;min-height:var(--min-height-nav);align-items:center}::view-transition-old(root){animation:fade-out .7s ease-out both}::view-transition-new(root){animation:fade-in .7s ease-in both}@keyframes fade-out{0%{opacity:1}40%{opacity:0}to{opacity:0}}@keyframes fade-in{0%{opacity:0}60%{opacity:0}to{opacity:1}}::view-transition-old(history-icon),::view-transition-new(history-icon),::view-transition-old(specs-icon),::view-transition-new(specs-icon),::view-transition-old(equipment-icon),::view-transition-new(equipment-icon),::view-transition-old(options-icon),::view-transition-new(options-icon),::view-transition-old(safety-icon),::view-transition-new(safety-icon),::view-transition-old(crash-icon),::view-transition-new(crash-icon),::view-transition-old(complaints-icon),::view-transition-new(complaints-icon),::view-transition-old(recall-icon),::view-transition-new(recall-icon),::view-transition-old(comms-icon),::view-transition-new(comms-icon),::view-transition-old(ownership-icon),::view-transition-new(ownership-icon),::view-transition-old(similar-icon),::view-transition-new(similar-icon),::view-transition-old(gas-icon),::view-transition-new(gas-icon),::view-transition-old(maintenance-icon),::view-transition-new(maintenance-icon),::view-transition-old(notes-icon),::view-transition-new(notes-icon){animation-duration:1s}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animated-gradient-bg{background:linear-gradient(135deg,#3b82f6,#8b5cf6,#f59e0b,#10b981,#3b82f6);background-size:200% 200%;animation:gradientShift 15s ease infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary, #f1f1f1);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-color, #888);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #555)}
