@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg:#1a1612;--bg-card:#241f1a;--bg-card-hover:#2d2620;--bg-input:#1e1915;--border:#3a322a;--border-focus:#b8895a;--text:#e8ddd0;--text-muted:#9a8b7a;--text-dim:#6b5d4d;--text-heading:#f2ece4;--accent:#c9943e;--accent-soft:#c9943e22;--highlight:#c9943e40;--mono:"JetBrains Mono", ui-monospace, "SF Mono", monospace;--sans:"DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--radius:8px;--radius-lg:12px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100dvh;margin:0}#app{max-width:720px;margin:0 auto;padding:1.5rem 1rem 3rem}header{text-align:center;padding:1.5rem 0 1rem}header h1{color:var(--text-heading);letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700}.subtitle{color:var(--text-muted);font-size:.85rem;font-family:var(--mono);margin:.25rem 0 0;font-weight:400}.search-wrap{z-index:10;background:var(--bg);padding:.75rem 0 .5rem;position:sticky;top:0}#search{width:100%;font-size:1rem;font-family:var(--sans);background:var(--bg-input);color:var(--text);border:1.5px solid var(--border);border-radius:var(--radius-lg);outline:none;padding:.85rem 1rem;transition:border-color .15s,box-shadow .15s}#search::placeholder{color:var(--text-dim)}#search:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-soft)}#search::-webkit-search-cancel-button{-webkit-appearance:none;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a8b7a' stroke-width='2'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E") 50%/contain no-repeat;width:1rem;height:1rem}.search-meta{color:var(--text-muted);font-size:.8rem;font-family:var(--mono);justify-content:space-between;align-items:center;padding:.5rem .25rem 0;display:flex}.filters{gap:.25rem;display:flex}.filter-btn{border:1px solid var(--border);color:var(--text-muted);font-family:var(--mono);cursor:pointer;background:0 0;border-radius:4px;padding:.25rem .5rem;font-size:.72rem;font-weight:500;transition:all .15s}.filter-btn:hover{border-color:var(--text-muted);color:var(--text)}.filter-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}#results{flex-direction:column;gap:.75rem;padding-top:.75rem;display:flex}.kit-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;transition:background .15s,border-color .15s}.kit-card:hover{background:var(--bg-card-hover);border-color:var(--border-focus)}.kit-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.kit-name{color:var(--text-heading);margin:0;font-size:1rem;font-weight:600;line-height:1.3}.kit-id{font-family:var(--mono);color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:.78rem}.kit-bushing{margin-top:.5rem;font-size:.85rem}.kit-bushing .label{color:var(--text-muted);margin-right:.35rem}.bushing-id{font-family:var(--mono);color:var(--accent);font-weight:500}.diameters{border-top:1px solid var(--border);margin-top:.75rem;padding-top:.65rem}.dia-toggle{color:var(--text-muted);font-size:.75rem;font-family:var(--mono);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;list-style:none;display:flex}.dia-toggle::-webkit-details-marker{display:none}.dia-toggle:before{content:"▸";font-size:.7rem;transition:transform .15s}.diameters[open] .dia-toggle:before{transform:rotate(90deg)}.dia-count{background:var(--accent-soft);color:var(--accent);border-radius:3px;padding:.1rem .4rem;font-size:.65rem;font-weight:600}.dia-toggle:hover{color:var(--text)}.dia-list{flex-direction:column;gap:.2rem;margin-top:.5rem;display:flex}.dia-row{align-items:baseline;gap:.75rem;font-size:.82rem;line-height:1.5;display:flex}.dia-val{font-family:var(--mono);color:var(--text-heading);flex-shrink:0;min-width:3.5rem;font-weight:600}.dia-section{color:var(--text-muted);font-size:.78rem}mark{background:var(--highlight);color:var(--accent);border-radius:2px;padding:0 1px}.empty-state{text-align:center;color:var(--text-muted);padding:3rem 1rem}.empty-state p{margin:.25rem 0}.empty-state .detail{color:var(--text-dim);font-size:.85rem}.empty-state.error .detail{font-family:var(--mono);color:#c45;font-size:.8rem}footer{border-top:1px solid var(--border);text-align:center;margin-top:3rem;padding-top:1rem}footer p{color:var(--text-dim);font-size:.75rem;font-family:var(--mono);margin:0}@media (width<=480px){#app{padding:1rem .75rem 2rem}header h1{font-size:1.25rem}.kit-header{flex-direction:column;gap:.2rem}.search-meta{flex-direction:column;align-items:flex-start;gap:.4rem}}