:root{--bg:#f2f2f7;--surface:#ffffff;--text:#1d1d1f;--muted:#6e6e73;--border:#e5e5ea;--accent:#0071e3;--accent-hover:#0077ed;--accent-soft:#eef5fc;--danger:#e30000;--danger-bg:#fff5f5;--danger-border:#ffd0d0;--focus:#0071e3;--info:#0b4f2a;--info-bg:#eaf7ef;--info-border:#b7e0c5;--radius:18px;--radius-sm:12px;--max-width:820px;--font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue",Helvetica,Arial,sans-serif;--mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Monaco,Consolas,monospace}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%}body{font-family:var(--font);font-size:17px;font-weight:400;color:var(--text);background:var(--bg);line-height:1.47059;letter-spacing:-.022em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:.12em}img,svg{max-width:100%;height:auto}.container{width:min(100% - 2.5rem,var(--max-width));margin-inline:auto}.site-header{border-bottom:1px solid rgba(255,255,255,.08);background:rgba(22,22,23,.8);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);position:-webkit-sticky;position:sticky;top:0;z-index:10}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:44px}.brand{font-weight:600;font-size:15px;color:#f5f5f7;letter-spacing:-.015em}.brand:hover{text-decoration:none;color:#ffffff}.nav-list{display:flex;align-items:center;gap:1.5rem;list-style:none;margin:0;padding:0}.nav-list a{color:rgba(245,245,247,.82);font-weight:400;font-size:13px;letter-spacing:-.01em;transition:color .2s ease}.nav-list a:hover{text-decoration:none;color:#ffffff}.site-main{padding:3.5rem 0 5rem}.stack{display:grid;grid-gap:1.5rem;gap:1.5rem}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.15rem 1.25rem}.panel-header{margin-bottom:1.15rem}.panel-header.row{display:flex;align-items:center;justify-content:space-between;gap:1rem}h1,h2,h3{margin:0 0 .4rem;line-height:1.1;font-weight:600;letter-spacing:-.025em;color:var(--text)}h1{font-size:clamp(32px,5vw,48px)}h2{font-size:21px;letter-spacing:.011em}.lead{margin:0 0 1.75rem;max-width:36rem;font-size:19px;line-height:1.42;font-weight:400}.lead,.muted{color:var(--muted)}.muted{margin:0;font-size:15px}.field{display:grid;grid-gap:.55rem;gap:.55rem;margin-bottom:0}label{font-weight:600;font-size:14px;letter-spacing:-.01em;color:var(--text)}input[type=search],input[type=text]{width:100%;min-height:3rem;padding:.8rem 1rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;color:var(--text);font:inherit;font-family:var(--mono);font-size:15px;font-weight:400;letter-spacing:.04em;transition:border-color .2s ease}.input-with-clear{position:relative}.input-with-clear input{padding-right:2.75rem}.clear-input{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:0;border-radius:999px;background:#e8e8ed;color:#6e6e73;font:inherit;font-size:1.15rem;line-height:1;cursor:pointer}.clear-input:hover:not(:disabled){background:#d2d2d7;color:var(--text)}.clear-input:disabled{opacity:.5;cursor:not-allowed}input:focus,input:focus-visible{outline:none;border-color:var(--focus)}input:disabled{opacity:.65;cursor:not-allowed;background:#fbfbfd}.button,.button-text{font:inherit;cursor:pointer}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.8rem 1.5rem;border:0;border-radius:980px;background:var(--accent);color:#fff;font-weight:400;font-size:16px;letter-spacing:-.01em;transition:background-color .2s ease}.button:hover:not(:disabled){background:var(--accent-hover)}.button:disabled{opacity:.55;cursor:not-allowed}.button-text{border:0;background:transparent;color:var(--accent);padding:.25rem .35rem;font-weight:400;font-size:14px}.button-text:hover{text-decoration:underline;text-underline-offset:.12em}.vin-form{display:grid;grid-gap:.25rem;gap:.25rem}.vin-form-row{display:grid;grid-gap:.85rem;gap:.85rem}.error-message{margin:.75rem 0 0;padding:.85rem 1rem;border-radius:var(--radius-sm);background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border);font-size:14px;font-weight:400}.api-message{margin:0 0 1.25rem;padding:.9rem 1rem;border-radius:var(--radius-sm);background:var(--info-bg);color:var(--info);border:1px solid var(--info-border);font-size:14px;line-height:1.45}.history-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:.65rem;gap:.65rem}.history-item{width:100%;text-align:left;border:1px solid var(--border);background:#ffffff;border-radius:var(--radius-sm);padding:.9rem 1.05rem;font-family:var(--mono);font-size:14px;font-weight:400;letter-spacing:.04em;color:var(--text);cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.history-item:hover{background:#f5f5f7;border-color:var(--border)}.history-item.is-active,.history-item.is-active:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.table-wrap{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:320px}.data-table td,.data-table th{padding:.95rem .4rem;border-bottom:1px solid rgba(0,0,0,.08);text-align:left;vertical-align:top;font-size:15px}.data-table thead th{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.data-table tbody th{font-weight:600;width:42%;color:var(--text)}.data-table tbody td{color:#424245;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.empty-state{padding:1.5rem .25rem;text-align:center}.empty-title{margin:0 0 .4rem;font-weight:600;font-size:21px;letter-spacing:.011em}.empty-description{margin:0}.empty-description,.loading{color:var(--muted);font-size:15px}.loading{display:inline-flex;align-items:center;gap:.7rem}.spinner{width:1rem;height:1rem;border:2px solid #d2d2d7;border-top:2px solid var(--accent);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.variables-section{display:grid;grid-gap:1.15rem;gap:1.15rem}.results-count{margin-top:-.1rem;font-size:14px}.variable-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:.85rem;gap:.85rem}.variable-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1rem}.variable-card-header{margin-bottom:.45rem}.variable-id{margin:0 0 .2rem;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.02em}.variable-name{margin:0;font-size:21px;font-weight:600;letter-spacing:.011em}.variable-name a{color:var(--text)}.variable-name a:hover{color:var(--accent);text-decoration:none}.variable-description{margin:0;color:var(--muted);font-size:15px;line-height:1.45;overflow-wrap:anywhere}.detail-grid{display:grid;grid-gap:0;gap:0;margin-top:1.5rem}.detail-item{display:grid;grid-gap:.35rem;gap:.35rem;padding:1.15rem 0;border-top:1px solid rgba(0,0,0,.08)}.detail-label{margin:0;font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--muted)}.detail-value{margin:0;font-size:17px;line-height:1.45;overflow-wrap:anywhere}.back-link{display:inline-block;margin-bottom:1.15rem;font-weight:400;font-size:15px}.page-error,.page-loading{padding:2.5rem 0}@media (min-width:720px){.vin-form-row{grid-template-columns:1fr auto;align-items:center}.data-table tbody th{width:36%}.panel{padding:1.25rem 1.35rem}}@media (max-width:419px){.container{width:min(100% - 1.5rem,var(--max-width))}.site-main{padding:2.25rem 0 3.5rem}.panel{padding:1rem;border-radius:16px}h1{font-size:28px}.lead{font-size:17px}}