*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#f8f9fa;--color-surface:#fff;--color-border:#dee2e6;--color-text:#212529;--color-text-muted:#6c757d;--color-primary:#1a56db;--color-primary-hover:#1141a8;--color-error:#dc2626;--color-error-bg:#fef2f2;--color-accent:#e8f0fe;--radius:6px;--shadow:0 1px 3px #0000001a;--max-width:860px;--spacing:1rem}html{-webkit-text-size-adjust:100%;font-size:16px}body{background:var(--color-bg);color:var(--color-text);min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}.app{flex-direction:column;min-height:100vh;display:flex}.page-content{width:100%;max-width:var(--max-width);padding:2rem var(--spacing);flex:1;margin:0 auto}.header{background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow);z-index:100;position:sticky;top:0}.header__inner{max-width:var(--max-width);padding:0 var(--spacing);align-items:center;gap:2rem;height:56px;margin:0 auto;display:flex}.header__logo{color:var(--color-primary);letter-spacing:-.02em;flex-shrink:0;font-size:1.125rem;font-weight:700;text-decoration:none}.header__nav{gap:.25rem;display:flex}.header__nav-link{border-radius:var(--radius);color:var(--color-text-muted);padding:.375rem .75rem;font-size:.9rem;text-decoration:none;transition:color .15s,background .15s}.header__nav-link:hover{color:var(--color-text);background:var(--color-bg)}.header__nav-link--active{color:var(--color-primary);background:var(--color-accent);font-weight:500}.decoder-section{margin-bottom:2rem}.decoder-section__title{margin-bottom:.375rem;font-size:1.75rem;font-weight:700}.decoder-section__description{color:var(--color-text-muted);margin-bottom:1.5rem}.vin-form{max-width:560px}.vin-form__label{margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.vin-form__input-row{gap:.5rem;display:flex}.vin-form__input{border:1.5px solid var(--color-border);border-radius:var(--radius);letter-spacing:.05em;min-width:0;color:var(--color-text);background:var(--color-surface);outline:none;flex:1;padding:.625rem .875rem;font-family:Courier New,Courier,monospace;font-size:1rem;transition:border-color .15s,box-shadow .15s}.vin-form__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1a56db26}.vin-form__input--error{border-color:var(--color-error)}.vin-form__input--error:focus{box-shadow:0 0 0 3px #dc262626}.vin-form__button{background:var(--color-primary);color:#fff;border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600;transition:background .15s}.vin-form__button:hover:not(:disabled){background:var(--color-primary-hover)}.vin-form__button:disabled{opacity:.6;cursor:not-allowed}.vin-form__error{color:var(--color-error);margin-top:.4rem;font-size:.8125rem}@media (width<=560px){.vin-form__input-row{flex-direction:column}.vin-form__button{width:100%}}.vin-history{max-width:560px;margin-top:1.25rem}.vin-history__title{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:.5rem;font-size:.75rem;font-weight:600}.vin-history__list{flex-wrap:wrap;gap:.5rem;list-style:none;display:flex}.vin-history__item{border:1.5px solid var(--color-border);background:var(--color-surface);letter-spacing:.04em;color:var(--color-primary);cursor:pointer;border-radius:20px;padding:.3rem .75rem;font-family:Courier New,Courier,monospace;font-size:.8125rem;transition:border-color .15s,background .15s}.vin-history__item:hover{border-color:var(--color-primary);background:var(--color-accent)}.decode-results{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.decode-results__title{border-bottom:1px solid var(--color-border);background:var(--color-bg);padding:1rem 1.25rem;font-size:1.125rem;font-weight:700}.decode-results__vin{color:var(--color-primary);font-family:Courier New,Courier,monospace}.decode-results__message{color:var(--color-text-muted);border-bottom:1px solid var(--color-border);background:#fffbf0;padding:.75rem 1.25rem;font-size:.875rem}.decode-results__empty{color:var(--color-text-muted);padding:1.5rem 1.25rem;font-style:italic}.decode-results__table{border-collapse:collapse;width:100%;font-size:.9rem}.decode-results__table thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:.625rem 1.25rem;font-size:.75rem;font-weight:600}.decode-results__table tbody tr{border-bottom:1px solid var(--color-border);transition:background .1s}.decode-results__table tbody tr:last-child{border-bottom:none}.decode-results__table tbody tr:hover{background:var(--color-bg)}.decode-results__table td{vertical-align:top;padding:.625rem 1.25rem}.decode-results__table td:first-child{width:45%;color:var(--color-text-muted)}.decode-results__link{color:inherit;text-decoration:none;transition:color .15s}.decode-results__link:hover{color:var(--color-primary);text-decoration:underline}.loader{color:var(--color-text-muted);align-items:center;gap:.75rem;padding:2rem 0;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.loader__spinner{border:2.5px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;flex-shrink:0;width:1.25rem;height:1.25rem;animation:.7s linear infinite spin;display:inline-block}.error-message{background:var(--color-error-bg);color:var(--color-error);border-radius:var(--radius);border:1px solid #fecaca;padding:.875rem 1rem;font-size:.9rem}.page-title{margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.page-description{color:var(--color-text-muted);margin-bottom:1.5rem}.variable-list{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow);list-style:none;overflow:hidden}.variable-list__item{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;transition:background .1s;display:flex}.variable-list__item:last-child{border-bottom:none}.variable-list__item:hover{background:var(--color-bg)}.variable-list__link{color:var(--color-primary);font-size:.9375rem;text-decoration:none}.variable-list__link:hover{text-decoration:underline}.variable-list__group{color:var(--color-text-muted);white-space:nowrap;flex-shrink:0;font-size:.75rem}@media (width<=560px){.variable-list__item{flex-direction:column;align-items:flex-start;gap:.25rem}}.back-link{color:var(--color-primary);margin-bottom:1.5rem;font-size:.9rem;text-decoration:none;display:inline-block}.back-link:hover{text-decoration:underline}.variable-detail{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;overflow:hidden}.variable-detail__name{margin-bottom:1.25rem;font-size:1.5rem;font-weight:700}.variable-detail__meta{border:1px solid var(--color-border);border-radius:var(--radius);grid-template-columns:auto 1fr;gap:0;margin-bottom:1.5rem;font-size:.9rem;display:grid;overflow:hidden}.variable-detail__meta-row{display:contents}.variable-detail__meta-row dt,.variable-detail__meta-row dd{border-bottom:1px solid var(--color-border);padding:.625rem 1rem}.variable-detail__meta-row:last-child dt,.variable-detail__meta-row:last-child dd{border-bottom:none}.variable-detail__meta-row dt{background:var(--color-bg);color:var(--color-text-muted);white-space:nowrap;font-weight:600}.variable-detail__description h2{margin-bottom:.5rem;font-size:1rem;font-weight:600}.variable-detail__description p{color:var(--color-text-muted);line-height:1.7}@media (width<=560px){.variable-detail__meta{grid-template-columns:1fr}.variable-detail__meta-row{display:block}.variable-detail__meta-row dt{border-bottom:none;padding-bottom:.25rem}}