:root{--ink:#1c1a15;--ivory:#f3eedf;--needle:#db4a2a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--ivory);min-height:100vh;color:var(--ink);margin:0;font:1rem/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{min-height:100vh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex}.app__main{flex:1;width:100%;max-width:40rem;margin:0 auto;padding:1.5rem 1.25rem}h1{margin:0 0 .5rem;font-size:1.5rem;line-height:1.2}h2{margin:1.5rem 0 .75rem;font-size:1.125rem}a{color:inherit}:focus-visible{outline:3px solid var(--needle);outline-offset:2px}.banner{background:var(--ink);color:var(--ivory);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.75rem 1.25rem;display:flex}.banner--hint{color:var(--ink);background:#e7e0cb}.banner__note{flex-basis:100%;font-size:.875rem}.button{border:1px solid var(--ink);min-height:2.75rem;color:inherit;font:inherit;background:0 0;border-radius:.375rem;padding:.5rem 1rem;font-weight:600}.button--accent{border-color:var(--needle);background:var(--needle);color:#fff}.button--quiet{border-color:#0000;text-decoration:underline}.button:disabled{opacity:.5}.form{flex-direction:column;align-items:flex-start;gap:1rem;display:flex}.form__more{flex-wrap:wrap;gap:.5rem;display:flex}.field{flex-direction:column;gap:.25rem;width:100%;font-weight:600;display:flex}.field input{border:1px solid var(--ink);min-height:2.75rem;color:var(--ink);font:inherit;background:#fff;border-radius:.375rem;padding:.5rem .75rem;font-weight:400}.check{align-items:flex-start;gap:.5rem;display:flex}.check input{width:1.5rem;height:1.5rem;margin:0}.notice{border-left:4px solid var(--ink);background:#e7e0cb;padding:.75rem 1rem}.notice--error{border-left-color:var(--needle)}.notice p{margin:0 0 .75rem}.signin__tagline{margin:0}.signin__email{margin:0;font-weight:600}.signin__version{opacity:.7;margin-top:2rem;font-size:.75rem}.sync{border-bottom:1px solid #1c1a1533;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:.875rem;display:flex}.sync__line,.sync__refused{flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;display:flex}.sync__offline{border:1px solid var(--ink);border-radius:999px;padding:0 .5rem;font-size:.75rem;font-weight:600}.sync__refused{color:var(--needle);font-weight:600}.facts{grid-template-columns:max-content 1fr;gap:.25rem 1rem;margin:1rem 0 1.5rem;display:grid}.facts dt{font-weight:600}.facts dd{overflow-wrap:anywhere;margin:0}.signout{margin-top:2rem}.account-section{border-top:1px solid var(--ink);margin-top:2.5rem;padding-top:1.5rem}.list{padding-left:1.25rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.field select{border:1px solid var(--ink);min-height:2.75rem;color:var(--ink);font:inherit;background:#fff;border-radius:.375rem;padding:.5rem .75rem;font-weight:400}.field input[aria-invalid=true]{border-color:var(--needle);border-width:2px}.notice ul{margin:0 0 .75rem;padding-left:1.25rem}.garage__name{margin:0;font-weight:600}.vehicles{flex-direction:column;gap:.5rem;margin:1rem 0;padding:0;list-style:none;display:flex}.vehicles__link{border:1px solid var(--ink);background:#fff;border-radius:.375rem;align-items:center;gap:.75rem;min-height:3rem;padding:.5rem .75rem;text-decoration:none;display:flex}.vehicles__name{overflow-wrap:anywhere;flex:1;font-weight:600}.vehicles__year{font-variant-numeric:tabular-nums}.icon{flex:none}.vehicle__title{overflow-wrap:anywhere;align-items:center;gap:.5rem;display:flex}.picker{cursor:pointer;align-items:center;display:inline-flex;position:relative}.picker:focus-within{outline:3px solid var(--needle);outline-offset:2px}.photos{grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;margin:1rem 0;padding:0;list-style:none;display:grid}.photos__box{aspect-ratio:1;cursor:pointer;background:#d9d1b8;border:0;width:100%;padding:0;display:block;overflow:hidden}.photos__box img{object-fit:cover;width:100%;height:100%;display:block}.viewer{background:var(--ink);width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;color:var(--ivory);border:0;margin:0;padding:1rem}.viewer[open]{flex-direction:column;align-items:center;gap:1rem;display:flex}.viewer__photo{object-fit:contain;flex:1;max-width:100%;min-height:0}.viewer__missing{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;display:flex}.viewer .button{border-color:var(--ivory);color:var(--ivory)}.viewer::backdrop{background:var(--ink)}.tabs{background:var(--ivory);border-top:1px solid #1c1a1533;display:flex;position:sticky;bottom:0}.tabs a{text-align:center;flex:1;padding:.875rem 1rem;text-decoration:none}.tabs a[aria-current=page]{box-shadow:inset 0 -3px 0 var(--needle);font-weight:700}
