:root{--bg:#0a0d12;--panel:#0d1118bd;--panel-solid:#0f141c;--line:#96afd221;--line-strong:#96afd242;--text:#e7edf5;--muted:#8593a6;--faint:#56627300;--accent:#ffb547;--display:"Chakra Petch", ui-sans-serif, sans-serif;--sans:"IBM Plex Sans", ui-sans-serif, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--ease:cubic-bezier(.22, 1, .36, 1);--radius:14px;--gutter:16px;--sidebar-w:336px;--detail-w:380px}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--text);font:14px/1.5 var(--sans);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}kbd{font:500 10.5px/1 var(--mono);border:1px solid var(--line-strong);color:var(--text);background:#ffffff08;border-bottom-width:2px;border-radius:4px;padding:3px 5px}#viewport{position:fixed;inset:0}#viewport canvas{touch-action:none;width:100%;height:100%;display:block}#ui:before{content:"";pointer-events:none;background:radial-gradient(120% 90% at 55% 45%,#0000 55%,#0000008c 100%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.05 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}.reveal{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transition-delay:calc(.35s + var(--d) * 90ms);transform:translateY(10px)}#ui.ready .reveal{opacity:1;transform:none}.sidebar,.detail{top:var(--gutter);bottom:var(--gutter);background:var(--panel);-webkit-backdrop-filter:blur(18px)saturate(1.3);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;display:flex;position:fixed;box-shadow:0 30px 80px -30px #000000b3,inset 0 1px #ffffff0a}.sidebar{left:var(--gutter);width:var(--sidebar-w);padding:22px 0 0;overflow:hidden}.sidebar:after{content:"";pointer-events:none;background:linear-gradient(var(--line-strong), var(--line-strong)) left top / 10px 1px no-repeat, linear-gradient(var(--line-strong), var(--line-strong)) left top / 1px 10px no-repeat, linear-gradient(var(--line-strong), var(--line-strong)) right top / 10px 1px no-repeat, linear-gradient(var(--line-strong), var(--line-strong)) right top / 1px 10px no-repeat;position:absolute;inset:8px}.drawer-handle{display:none}.brand{padding:0 22px 18px}.eyebrow{font:500 10.5px/1 var(--mono);letter-spacing:.14em;color:var(--muted);align-items:center;gap:8px;display:flex}.blink{background:var(--accent);width:6px;height:6px;box-shadow:0 0 10px var(--accent);border-radius:50%;animation:2.4s ease-in-out infinite blink}@keyframes blink{50%{opacity:.25}}.brand h1{font:700 40px/.92 var(--display);letter-spacing:-.01em;text-transform:uppercase;background:linear-gradient(#fff 30%,#9fb4d4);color:#0000;-webkit-background-clip:text;background-clip:text;margin:14px 0 10px}.lede{color:var(--muted);max-width:32ch;margin:12px 0 0;font-size:12.5px}.vehicle{margin-top:2px}.vehicle-name{font:600 16px/1.2 var(--display);letter-spacing:.01em;color:var(--text)}.vehicle-name em{color:var(--accent);font-style:normal}.vehicle-sub{font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:3px}.spec-sheet summary{cursor:pointer;font:500 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);align-items:center;gap:6px;margin-top:10px;list-style:none;transition:color .2s;display:inline-flex}.spec-sheet summary::-webkit-details-marker{display:none}.spec-sheet summary:hover{color:var(--text)}.spec-sheet summary svg{transition:transform .3s var(--ease)}.spec-sheet[open] summary svg{transform:rotate(90deg)}.spec-sheet[open] .specs{animation:rise .4s var(--ease) both}.specs{border:1px solid var(--line);background:#00000038;border-radius:10px;grid-template-columns:1fr 1fr;gap:8px 14px;margin:12px 0 0;padding:10px 12px;display:grid}.specs div{min-width:0}.specs dt{font:500 9.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.specs dd{color:#d3dbe6;margin:4px 0 0;font-size:12px;line-height:1.25}.paints{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.paint-label{color:var(--text);font-size:12.5px}.paint-label em{font-style:normal;font:500 11px/1 var(--mono);color:var(--muted);margin-left:6px}.swatches{gap:6px;display:flex}.swatches button{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--sw) 55%, #fff), var(--sw) 60%, color-mix(in srgb, var(--sw) 70%, #000));width:18px;height:18px;transition:transform .25s var(--ease), box-shadow .25s;border-radius:50%;box-shadow:0 0 0 1px #ffffff2e}.swatches button:hover{transform:scale(1.15)}.swatches button.on{box-shadow:0 0 0 2px var(--bg), 0 0 0 3.5px var(--accent)}.block{border-top:1px solid var(--line);padding:16px 22px}.label-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.label{font:500 10.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.label em{color:var(--text);margin-left:6px;font-style:normal}.ghost-btn{font:500 11px/1 var(--mono);color:var(--muted);border-radius:6px;align-items:center;gap:6px;padding:5px 8px;transition:color .2s,background .2s;display:inline-flex}.ghost-btn:hover{color:var(--text);background:#ffffff0d}.segmented{border:1px solid var(--line);background:#00000059;border-radius:10px;grid-template-columns:1fr 1fr;padding:3px;display:grid;position:relative}.segmented button{z-index:1;font:600 12.5px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:8px 0;transition:color .3s;position:relative}.segmented button.on{color:#10141b}.segmented .thumb{background:linear-gradient(180deg, #ffd08a, var(--accent));width:calc(50% - 3px);transition:transform .45s var(--ease);border-radius:7px;position:absolute;top:3px;bottom:3px;left:3px;box-shadow:0 4px 18px -4px #ffb54799}.segmented[data-mode=solid] .thumb{transform:translate(100%)}.slider{margin-top:16px;display:block}.slider-top{color:var(--text);justify-content:space-between;margin-bottom:8px;font-size:12.5px;display:flex}.slider output{font:500 11.5px/1.5 var(--mono);color:var(--accent)}.slider input{--p:0%;appearance:none;cursor:pointer;background:0 0;width:100%;height:18px}.slider input::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) var(--p), #ffffff1f var(--p));border-radius:2px;height:3px}.slider input::-moz-range-track{background:#ffffff1f;border-radius:2px;height:3px}.slider input::-moz-range-progress{background:var(--accent);height:3px}.slider input::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--accent);width:16px;height:16px;transition:transform .2s var(--ease);background:#fff;border-radius:50%;margin-top:-6.5px;box-shadow:0 0 0 4px #ffb54726}.slider input:active::-webkit-slider-thumb{transform:scale(1.2)}.slider input::-moz-range-thumb{border:3px solid var(--accent);background:#fff;border-radius:50%;width:12px;height:12px}.toggles{gap:18px;margin-top:14px;display:flex}.check{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:12.5px;display:inline-flex}.check input{display:none}.check i{border:1px solid var(--line-strong);border-radius:4px;width:14px;height:14px;transition:background .2s,border-color .2s;position:relative}.check input:checked+i{background:var(--accent);border-color:var(--accent)}.check input:checked+i:after{content:"";border:2px solid #10141b;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.check input:checked~span{color:var(--text)}.systems{flex-direction:column;flex:1;min-height:0;padding-bottom:0;display:flex}.search{border:1px solid var(--line);color:var(--muted);background:#0000004d;border-radius:9px;align-items:center;gap:8px;margin-bottom:16px;padding:0 10px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.search:focus-within{border-color:#ffb54780;box-shadow:0 0 0 3px #ffb54714}.search input{min-width:0;color:var(--text);font:13px var(--sans);background:0 0;border:0;outline:0;flex:1;padding:9px 0}.search input::placeholder{color:var(--muted)}.search input::-webkit-search-cancel-button{display:none}.mini-actions{gap:4px;display:flex}.mini-actions button{font:500 11px/1 var(--mono);color:var(--muted);border-radius:6px;padding:5px 8px;transition:color .2s,background .2s}.mini-actions button:hover{color:var(--text);background:#ffffff0f}.cats,.results{scrollbar-width:thin;scrollbar-color:#ffffff1f transparent;flex:1;min-height:0;margin:0 -22px;padding:0 14px 22px;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 10px calc(100% - 26px),#0000);mask-image:linear-gradient(#0000,#000 10px calc(100% - 26px),#0000)}.cat{border-radius:10px;transition:background .25s,opacity .3s}.cat:hover{background:#ffffff08}.cat.off{opacity:.45}.cat-row{align-items:center;gap:4px;padding:0 8px 0 0;display:flex}.cat-expand{text-align:left;flex:1;align-items:center;gap:10px;min-width:0;padding:9px 4px 9px 8px;display:flex}.chev{color:var(--muted);transition:transform .35s var(--ease);display:grid}.cat.open .chev{transform:rotate(90deg)}.dot{background:var(--c);width:9px;height:9px;box-shadow:0 0 12px -1px var(--c);border-radius:3px;flex:none}.cat-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13.5px;font-weight:500;overflow:hidden}.count{font:500 11px/1 var(--mono);color:var(--muted)}.solo{width:26px;height:26px;color:var(--muted);opacity:0;border-radius:6px;place-items:center;transition:opacity .2s,color .2s,background .2s;display:grid}.cat:hover .solo{opacity:1}.solo:hover{color:var(--text);background:#ffffff12}.switch{cursor:pointer;flex:none;position:relative}.switch input{opacity:0;pointer-events:none;position:absolute}.switch i{background:#ffffff1a;border-radius:9px;width:30px;height:17px;transition:background .3s;display:block;position:relative}.switch i:after{content:"";width:13px;height:13px;transition:transform .35s var(--ease), background .3s;background:#c9d2de;border-radius:50%;position:absolute;top:2px;left:2px}.switch input:checked+i{background:color-mix(in srgb, var(--c) 55%, transparent)}.switch input:checked+i:after{background:#fff;transform:translate(13px)}.cat-body{transition:grid-template-rows .4s var(--ease);grid-template-rows:0fr;display:grid}.cat.open .cat-body{grid-template-rows:1fr}.cat-body>ul{margin:0;padding:0 0 0 30px;list-style:none;overflow:hidden}.cat.open .cat-body>ul{padding-bottom:8px}.cat li,.results li{color:#c6d0dc;cursor:pointer;border-radius:7px;align-items:center;gap:10px;padding:6px 10px;font-size:13px;transition:background .18s,color .18s;display:flex}.cat li:hover,.results li:hover{color:#fff;background:#ffffff0f}.cat li.active{background:color-mix(in srgb, var(--c) 18%, transparent);color:#fff}.code{font:500 10.5px/1 var(--mono);letter-spacing:.04em;color:var(--muted)}.results ul{margin:0;padding:0;list-style:none}.results li .code{margin-left:auto}.empty{color:var(--muted);padding:10px;font-size:13px}.detail{right:var(--gutter);width:var(--detail-w);transform:translateX(calc(100% + var(--gutter) + 20px));opacity:0;transition:transform .6s var(--ease), opacity .4s var(--ease);overflow:hidden}.detail.open{opacity:1;transform:none}.detail:before{content:"";background:linear-gradient(90deg, var(--c), transparent 80%);opacity:.9;height:3px;position:absolute;top:0;left:0;right:0}.detail-inner{scrollbar-width:thin;scrollbar-color:#ffffff1f transparent;flex:1;padding:22px 24px 20px;overflow-y:auto}.detail-inner.swap>*{animation:rise .55s var(--ease) both}.detail-inner.swap>:nth-child(2){animation-delay:40ms}.detail-inner.swap>:nth-child(3){animation-delay:80ms}.detail-inner.swap>:nth-child(4){animation-delay:.12s}.detail-inner.swap>:nth-child(5){animation-delay:.16s}.detail-inner.swap>:nth-child(6){animation-delay:.2s}.detail-inner.swap>:nth-child(7){animation-delay:.24s}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.d-head{align-items:center;gap:10px;display:flex}.d-head .icon-btn{margin-left:auto}.chip{font:500 11px/1 var(--mono);letter-spacing:.04em;color:var(--c);background:color-mix(in srgb, var(--c) 12%, transparent);border:1px solid color-mix(in srgb, var(--c) 30%, transparent);border-radius:20px;align-items:center;gap:7px;padding:4px 9px 4px 7px;display:inline-flex}.chip .dot{border-radius:2px;width:7px;height:7px}.icon-btn{width:30px;height:30px;color:var(--muted);border-radius:8px;place-items:center;transition:color .2s,background .2s;display:grid}.icon-btn:hover{color:var(--text);background:#ffffff12}.detail h2{font:600 28px/1.05 var(--display);letter-spacing:-.005em;margin:18px 0 10px}.d-purpose{color:#d3dbe6;margin:0;font-size:15px;line-height:1.55}.d-actions{gap:8px;margin:18px 0 6px;display:flex}.btn{font:600 12px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:#10141b;background:var(--c);transition:filter .2s, transform .2s var(--ease);border-radius:8px;align-items:center;gap:7px;padding:8px 13px;display:inline-flex}.btn:hover{filter:brightness(1.1)}.btn:active{transform:scale(.97)}.btn.on{background:#fff}.btn.subtle{color:var(--text);background:#ffffff12}.d-section{margin-top:22px}.d-section h3{font:500 10.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;margin:0 0 8px;display:flex}.d-section h3 span{color:var(--c)}.d-section h3:after{content:"";background:var(--line);flex:1;height:1px}.d-section p{color:#c2ccd8;margin:0;font-size:13.5px;line-height:1.6}.tip-box p{background:color-mix(in srgb, var(--c) 7%, #00000040);border-left:2px solid var(--c);border-radius:10px;padding:12px 14px}.sibs{flex-wrap:wrap;gap:6px;display:flex}.sibs button{color:#c6d0dc;border:1px solid var(--line-strong);border-radius:16px;padding:5px 10px;font-size:12px;transition:border-color .2s,color .2s,background .2s}.sibs button:hover{color:#fff;border-color:var(--c);background:color-mix(in srgb, var(--c) 12%, transparent)}.d-foot{color:var(--muted);margin:22px 0 0;font-size:12px}.tooltip{z-index:20;pointer-events:none;-webkit-backdrop-filter:blur(12px);border:1px solid color-mix(in srgb, var(--c,#fff) 35%, transparent);opacity:0;width:270px;transition:opacity .2s ease, scale .25s var(--ease), border-color .25s;background:#0a0d13e0;border-radius:12px;padding:12px 14px;position:fixed;top:0;left:0;scale:.96;box-shadow:0 18px 50px -12px #000c,0 0 0 1px #0000004d}.tooltip.show{opacity:1;scale:1}.tip-top{justify-content:space-between;align-items:center;display:flex}.tip-top .chip{padding:3px 8px 3px 6px;font-size:10px}.tip-name{font:600 17px/1.15 var(--display);margin-top:9px}.tip-purpose{color:#aeb9c7;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:5px;font-size:12.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.tip-cta{font:500 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--c);margin-top:9px}.hints{bottom:calc(var(--gutter) + 4px);left:calc(var(--sidebar-w) + var(--gutter));right:var(--gutter);pointer-events:none;color:var(--muted);transition:right .6s var(--ease), opacity .8s var(--ease), transform .8s var(--ease);flex-wrap:wrap;justify-content:center;gap:18px;font-size:12px;display:flex;position:fixed}.detail.open~.hints{right:calc(var(--detail-w) + var(--gutter))}@media (width<=1280px){#ui .detail.open~.hints{opacity:0}}.hints span{align-items:center;gap:6px;display:inline-flex}.loader{background:var(--bg);z-index:50;transition:opacity .9s var(--ease) .1s, visibility 0s 1s;place-items:center;display:grid;position:fixed;inset:0}.loader div{font:500 11px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);justify-items:center;gap:12px;display:grid}.loader i{background:#ffffff14;width:140px;height:2px;display:block;position:relative;overflow:hidden}.loader i:after{content:"";background:var(--accent);width:40%;animation:1s ease-in-out infinite load;position:absolute;inset:0}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(250%)}}#ui.ready .loader{opacity:0;visibility:hidden}@media (width<=820px){:root{--gutter:10px}.sidebar{top:auto;left:var(--gutter);right:var(--gutter);width:auto;height:min(72vh,620px);transition:transform .55s var(--ease);padding-top:10px;transform:translateY(calc(100% - 132px))}.sidebar.expanded{transform:none}.drawer-handle{place-items:center;width:100%;height:20px;margin-bottom:4px;display:grid}.drawer-handle span{background:#ffffff40;border-radius:2px;width:40px;height:4px}.brand{padding:0 16px 12px}.brand h1{margin:10px 0 6px;font-size:26px}.brand h1 br,.lede,.spec-sheet{display:none}.block{padding:14px 16px}.cats,.results{margin:0 -16px;padding:0 8px 16px}.solo{opacity:1}.detail{top:auto;left:var(--gutter);right:var(--gutter);z-index:30;width:auto;max-height:62vh;transform:translateY(calc(100% + 30px))}.hints,.tooltip{display:none}}