@import url("https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500&family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap");*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{color-scheme:dark}html.light{color-scheme:light}:root{--bg-0:#0C0C0E;--bg-1:#111114;--bg-2:#18181C;--bg-3:#1F1F24;--bg-4:#26262C;--border-0:#222228;--border-1:#2E2E36;--border-2:#3A3A44;--text-0:#ECECEF;--text-1:#B0B0BA;--text-2:#7C7C88;--text-3:#56565F;--accent:#7C6BFF;--accent-soft:rgba(124,107,255,0.1);--accent-mid:rgba(124,107,255,0.18);--red:#F87171;--red-soft:rgba(248,113,113,0.1);--red-border:rgba(248,113,113,0.2);--orange:#FB923C;--orange-soft:rgba(251,146,60,0.1);--orange-border:rgba(251,146,60,0.2);--blue:#60A5FA;--blue-soft:rgba(96,165,250,0.1);--blue-border:rgba(96,165,250,0.2);--green:#4ADE80;--green-soft:rgba(74,222,128,0.1);--green-mid:rgba(74,222,128,0.15);--shadow-lg:0 12px 40px rgba(0,0,0,0.5);--font:"Plus Jakarta Sans",system-ui,sans-serif;--mono:"Geist Mono",ui-monospace,monospace;--radius:10px;--radius-sm:7px}html.light{--bg-0:#FAFAFA;--bg-1:#FFFFFF;--bg-2:#F4F4F5;--bg-3:#E8E8EC;--bg-4:#DCDCE2;--border-0:#E4E4E8;--border-1:#D4D4DA;--border-2:#C0C0C8;--text-0:#18181B;--text-1:#3F3F46;--text-2:#71717A;--text-3:#A1A1AA;--accent:#6D5CFF;--accent-soft:rgba(109,92,255,0.08);--accent-mid:rgba(109,92,255,0.14);--red:#DC2626;--red-soft:rgba(220,38,38,0.07);--red-border:rgba(220,38,38,0.15);--orange:#EA580C;--orange-soft:rgba(234,88,12,0.07);--orange-border:rgba(234,88,12,0.15);--blue:#2563EB;--blue-soft:rgba(37,99,235,0.07);--blue-border:rgba(37,99,235,0.15);--green:#16A34A;--green-soft:rgba(22,163,74,0.07);--green-mid:rgba(22,163,74,0.12);--shadow-lg:0 12px 40px rgba(0,0,0,0.12)}body{font-family:var(--font);background:var(--bg-0);color:var(--text-0);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.nav{height:54px;padding:0 20px;justify-content:space-between;background:var(--bg-1);border-bottom:1px solid var(--border-0);position:relative;z-index:50}.nav,.nav-left{display:flex;align-items:center}.nav-left{gap:20px}.logo{font-size:15px;color:var(--text-0);text-decoration:none;gap:8px;letter-spacing:-.02em}.logo,.logo-icon{font-weight:700;display:flex;align-items:center}.logo-icon{width:26px;height:26px;background:var(--accent);border-radius:7px;justify-content:center;color:#fff;font-size:13px;box-shadow:0 2px 8px rgba(124,107,255,.3)}.nav-divider{width:1px;height:22px;background:var(--border-1)}.nav-tabs{display:flex;gap:2px}.nav-tab{padding:6px 12px;font-size:13px;font-weight:500;color:var(--text-2);text-decoration:none;border-radius:var(--radius-sm);transition:all .15s;cursor:pointer;border:none;background:none;font-family:var(--font)}.nav-tab:hover{color:var(--text-1);background:var(--bg-2)}.nav-tab.active{color:var(--text-0);background:var(--bg-3)}.nav-right{display:flex;gap:8px}.btn,.nav-right{align-items:center}.btn{display:inline-flex;gap:6px;padding:7px 14px;font-family:var(--font);font-size:13px;font-weight:500;border-radius:var(--radius-sm);border:1px solid var(--border-1);background:var(--bg-2);color:var(--text-1);cursor:pointer;transition:all .15s;text-decoration:none;white-space:nowrap}.btn:hover{background:var(--bg-3);border-color:var(--border-2);color:var(--text-0)}.btn-accent{background:var(--accent);color:#fff;border-color:transparent;box-shadow:0 2px 8px rgba(124,107,255,.25)}.btn-accent:hover{filter:brightness(1.1)}.btn-green{background:var(--green);color:#0C0C0E;border-color:transparent;font-weight:600}html.light .btn-green{color:#fff}.btn-green:hover{filter:brightness(1.08)}.theme-toggle{width:34px;height:34px;border-radius:var(--radius-sm);border:1px solid var(--border-1);background:var(--bg-2);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-2);transition:all .15s}.theme-toggle:hover{background:var(--bg-3);color:var(--text-0)}.layout{display:grid;grid-template-columns:240px 1fr;height:calc(100vh - 54px)}.sidebar{border-right:1px solid var(--border-0);padding:14px 10px;background:var(--bg-1);overflow-y:auto;display:flex;flex-direction:column;gap:4px}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:var(--border-1);border-radius:4px}.sb-section{margin-bottom:8px}.sb-label{font-size:10.5px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;padding:4px 10px 6px}.sb-item{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;font-size:13px;font-weight:450;color:var(--text-2);border-radius:var(--radius-sm);cursor:pointer;transition:all .12s;border:1px solid transparent;background:none;width:100%;text-align:left;font-family:var(--font)}.sb-item:hover{background:var(--bg-2);color:var(--text-1)}.sb-item.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-mid);font-weight:550}.sb-count{font-size:11px;font-family:var(--mono);color:var(--text-3);min-width:32px;text-align:right}.sb-item.active .sb-count{color:var(--accent)}.sb-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.sb-dot-label{gap:8px}.sb-dot-label,.sb-model-item{display:flex;align-items:center}.sb-model-item{padding:5px 10px 5px 24px;font-size:12px;color:var(--text-3);border-radius:var(--radius-sm);cursor:pointer;transition:all .12s;border:1px solid transparent;background:none;width:100%;text-align:left;font-family:var(--mono);justify-content:space-between}.sb-model-item:hover{background:var(--bg-2);color:var(--text-1)}.sb-model-item.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-mid)}.sb-model-item .model-year{font-family:var(--font);font-size:10px;color:var(--text-3);opacity:.7}.sb-expand-btn{padding:4px 10px 4px 24px;font-size:11px;color:var(--accent);cursor:pointer;background:none;border:none;font-family:var(--font);text-align:left;width:100%;transition:color .12s}.sb-expand-btn:hover{color:var(--text-0)}.main{display:flex;flex-direction:column;overflow:hidden;background:var(--bg-0)}.toolbar{padding:10px 16px;display:flex;align-items:center;gap:10px;background:var(--bg-1);border-bottom:1px solid var(--border-0);flex-wrap:wrap}.search-box{flex:1 1;min-width:220px;position:relative}.search-box svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-3);pointer-events:none}.search-box input{width:100%;padding:8px 12px 8px 36px;font-family:var(--font);font-size:13px;border:1px solid var(--border-0);border-radius:var(--radius-sm);outline:none;background:var(--bg-0);color:var(--text-0);transition:all .15s}.search-box input::placeholder{color:var(--text-3)}.search-box input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.chip-group{display:flex;gap:4px}.chip{padding:5px 12px;font-size:12px;font-weight:500;font-family:var(--font);border:1px solid var(--border-0);border-radius:20px;background:var(--bg-1);color:var(--text-2);cursor:pointer;transition:all .12s}.chip:hover{background:var(--bg-2);border-color:var(--border-1);color:var(--text-1)}.chip.active{background:var(--accent-soft);border-color:var(--accent-mid);color:var(--accent);font-weight:600}.result-meta{font-size:12px;color:var(--text-3);font-family:var(--mono);white-space:nowrap;margin-left:auto}.table-wrap{flex:1 1;overflow-y:auto;padding:0 6px 6px}.table-wrap::-webkit-scrollbar{width:6px}.table-wrap::-webkit-scrollbar-thumb{background:var(--border-1);border-radius:6px}.table{width:100%;border-collapse:separate;border-spacing:0 3px}.table thead th{position:-webkit-sticky;position:sticky;top:0;background:var(--bg-0);padding:10px 16px 8px;text-align:left;font-size:11px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;z-index:10;box-shadow:0 1px 0 var(--border-0)}.table thead th:first-child{padding-left:16px}.table tbody tr{cursor:pointer;transition:all .12s}.table tbody tr td{padding:14px 16px;background:var(--bg-1);border-top:1px solid var(--border-0);border-bottom:1px solid var(--border-0);font-size:13px;vertical-align:middle}.table tbody tr td:first-child{border-left:1px solid var(--border-0);border-radius:var(--radius-sm) 0 0 var(--radius-sm);padding-left:16px}.table tbody tr td:last-child{border-right:1px solid var(--border-0);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.table tbody tr:hover td{background:var(--bg-2);border-color:var(--border-1)}.table tbody tr.selected td{background:var(--accent-soft);border-color:var(--accent-mid)}.code-badge{font-family:var(--mono);font-weight:500;font-size:12px;display:inline-flex;align-items:center;padding:3px 10px;border-radius:5px;letter-spacing:.01em}.sev-critical{background:var(--red-soft);color:var(--red);border:1px solid var(--red-border)}.sev-warning{background:var(--orange-soft);color:var(--orange);border:1px solid var(--orange-border)}.sev-info{background:var(--blue-soft);color:var(--blue);border:1px solid var(--blue-border)}.brand-cell{font-weight:550;color:var(--text-0)}.title-cell{color:var(--text-0);font-weight:500}.title-cell .sub{font-size:12px;font-weight:400;margin-top:2px}.appliance-cell,.title-cell .sub{color:var(--text-2)}.appliance-icon{width:22px;height:22px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.model-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.model-tag{font-family:var(--mono);font-size:10px;padding:2px 6px;border-radius:4px;background:var(--bg-3);color:var(--text-2);border:1px solid var(--border-0)}.diff-bar{display:flex;gap:3px;align-items:center}.diff-bar span{width:18px;height:4px;border-radius:2px;background:var(--border-0)}.diff-bar span.on{background:var(--accent)}.cost-cell{font-family:var(--mono);font-size:13px;font-weight:500;color:var(--green);white-space:nowrap}.arrow-cell{width:28px;text-align:center;color:var(--text-3);transition:color .12s}.table tbody tr:hover .arrow-cell{color:var(--accent)}.panel-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:55;opacity:0;transition:opacity .2s}.panel-overlay.open{display:block;opacity:1}html.light .panel-overlay.open{background:rgba(0,0,0,.15)}.detail-panel{position:fixed;right:-520px;top:0;bottom:0;width:500px;background:var(--bg-1);border-left:1px solid var(--border-0);box-shadow:var(--shadow-lg);z-index:60;overflow-y:auto;transition:right .28s cubic-bezier(.16,1,.3,1)}.detail-panel.open{right:0}.detail-panel::-webkit-scrollbar{width:4px}.detail-panel::-webkit-scrollbar-thumb{background:var(--border-1);border-radius:4px}.panel-top{padding:20px 24px;border-bottom:1px solid var(--border-0);display:flex;justify-content:space-between;align-items:flex-start;gap:16px;position:-webkit-sticky;position:sticky;top:0;background:var(--bg-1);z-index:2}.panel-title-area h2{font-size:17px;font-weight:650;color:var(--text-0);display:flex;align-items:center;gap:10px;line-height:1.3}.panel-subtitle{font-size:13px;color:var(--text-2);margin-top:4px}.close-btn{width:30px;height:30px;border-radius:var(--radius-sm);border:1px solid var(--border-0);background:var(--bg-2);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-2);flex-shrink:0}.close-btn:hover{background:var(--bg-3);color:var(--text-0)}.panel-body{padding:20px 24px}.meta-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-bottom:24px}.meta-card{padding:14px;background:var(--bg-2);border:1px solid var(--border-0);border-radius:var(--radius)}.meta-card .mc-label{font-size:10.5px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.meta-card .mc-value{font-size:14px;font-weight:550;color:var(--text-0);line-height:1.3}.meta-card .mc-value.mono{font-family:var(--mono);font-size:13px;color:var(--accent)}.meta-card .mc-value.green{color:var(--green)}.panel-section{margin-bottom:22px}.panel-section-title{font-size:12px;font-weight:650;color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px;display:flex;align-items:center;gap:8px}.panel-section-title:after{content:"";flex:1 1;height:1px;background:var(--border-0)}.panel-section p{font-size:13.5px;color:var(--text-1);line-height:1.7}.panel-models{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.panel-model-chip{display:flex;flex-direction:column;padding:8px 12px;background:var(--bg-2);border:1px solid var(--border-0);border-radius:var(--radius-sm);font-size:12px;transition:all .12s;cursor:default}.panel-model-chip:hover{border-color:var(--border-2);background:var(--bg-3)}.panel-model-chip .pm-num{font-family:var(--mono);font-weight:500;color:var(--text-0);font-size:12px}.panel-model-chip .pm-name{margin-top:2px}.panel-model-chip .pm-name,.panel-model-chip .pm-year{font-size:10px;color:var(--text-3)}.panel-actions{display:flex;flex-direction:column;gap:8px;padding-top:18px;margin-top:10px;border-top:1px solid var(--border-0)}.panel-actions .btn{justify-content:center;padding:10px 16px}.empty{padding:80px 20px;text-align:center}.empty-icon{width:48px;height:48px;border-radius:12px;background:var(--bg-2);border:1px solid var(--border-0);display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px;color:var(--text-3)}.empty h3{font-size:15px;font-weight:600;color:var(--text-1);margin-bottom:4px}.empty p{font-size:13px;color:var(--text-3)}.guide-grid{display:flex;flex-direction:column;gap:8px;padding:6px}.guide-card{background:var(--bg-1);border:1px solid var(--border-0);border-radius:var(--radius);padding:20px 24px;cursor:pointer;transition:all .15s}.guide-card:hover{background:var(--bg-2);border-color:var(--border-1);transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,0,0,.2)}.guide-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:10px}.guide-card h3{font-size:15px;font-weight:600;color:var(--text-0);line-height:1.4}.guide-card-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.guide-tag{font-size:11px;font-weight:500;padding:3px 10px;border-radius:20px;background:var(--bg-3);color:var(--text-2);border:1px solid var(--border-0);white-space:nowrap}.guide-tag.brand{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-mid)}.guide-tag.time{color:var(--text-3)}.guide-card p{font-size:13px;color:var(--text-2);line-height:1.6}.guide-card-codes{display:flex;gap:4px;margin-top:12px;flex-wrap:wrap}.guide-card-codes .code-badge{font-size:11px;padding:2px 8px}.guide-article{padding:0 6px}.guide-article-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-2);cursor:pointer;padding:12px 0;transition:color .12s;background:none;border:none;font-family:var(--font)}.guide-article-back:hover{color:var(--accent)}.guide-article-layout{display:grid;grid-template-columns:1fr 280px;grid-gap:32px;gap:32px;align-items:start}.guide-article-header{padding:8px 0 20px;border-bottom:1px solid var(--border-0);margin-bottom:24px}.guide-article-header h1{font-size:24px;font-weight:700;color:var(--text-0);letter-spacing:-.02em;line-height:1.3;margin-bottom:10px}.guide-article-header .guide-card-meta{margin-bottom:0}.guide-article-body h2{font-size:17px;font-weight:650;color:var(--text-0);margin:32px 0 12px;padding-top:8px;scroll-margin-top:70px}.guide-article-body h2:first-child{margin-top:0;padding-top:0}.guide-article-body p{font-size:14.5px;color:var(--text-1);line-height:1.8;margin-bottom:16px}.guide-sidebar{position:-webkit-sticky;position:sticky;top:70px;display:flex;flex-direction:column;gap:12px}.guide-sidebar-card{background:var(--bg-1);border:1px solid var(--border-0);border-radius:var(--radius);padding:16px}.guide-sidebar-card h4{font-size:11px;font-weight:650;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.guide-toc{list-style:none}.guide-toc li{margin-bottom:2px}.guide-toc a{display:block;padding:6px 10px;font-size:12.5px;color:var(--text-2);border-radius:var(--radius-sm);transition:all .12s;text-decoration:none;border-left:2px solid transparent}.guide-toc a:hover{color:var(--text-0);background:var(--bg-2);border-left-color:var(--border-2)}.guide-sidebar-info{display:flex;flex-direction:column;gap:8px}.guide-sidebar-info-row{display:flex;justify-content:space-between;align-items:center;font-size:12px}.guide-sidebar-info-row .label{color:var(--text-3)}.guide-sidebar-info-row .value{color:var(--text-0);font-weight:550}.guide-sidebar-codes{display:flex;flex-direction:column;gap:6px}.guide-sidebar-code{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--bg-2);border:1px solid var(--border-0);border-radius:var(--radius-sm);cursor:pointer;transition:all .12s;text-decoration:none}.guide-sidebar-code:hover{border-color:var(--border-1);background:var(--bg-3)}.guide-sidebar-code-info{flex:1 1;min-width:0}.guide-sidebar-code-info .name{font-size:12px;font-weight:500;color:var(--text-0)}.guide-sidebar-code-info .desc{font-size:11px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guide-sidebar-code-cost{font-family:var(--mono);font-size:11px;color:var(--green);white-space:nowrap}.guide-related{margin-top:32px;padding-top:24px;border-top:1px solid var(--border-0)}.guide-related h3{font-size:13px;font-weight:650;color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px;display:flex;align-items:center;gap:8px}.guide-related h3:after{content:"";flex:1 1;height:1px;background:var(--border-0)}.guide-related-codes{display:flex;flex-direction:column;gap:6px}.guide-related-code{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-2);border:1px solid var(--border-0);border-radius:var(--radius-sm);cursor:pointer;transition:all .12s}.guide-related-code:hover{border-color:var(--border-1);background:var(--bg-3)}.guide-related-code-left{display:flex;align-items:center;gap:10px}.guide-related-code-info{font-size:13px;font-weight:500;color:var(--text-0)}.guide-related-code-info span{font-size:12px;color:var(--text-2);font-weight:400}@media(max-width:900px){.guide-article-layout{grid-template-columns:1fr;gap:0}.guide-sidebar{position:static;order:-1;margin-bottom:20px}.guide-sidebar-card:first-child{display:none}}@media(max-width:640px){.guide-article-header h1{font-size:19px}.guide-article-body p{font-size:13.5px}}.replace-suggestion{margin-top:16px;padding:14px;background:var(--bg-2);border:1px solid var(--border-0);border-radius:var(--radius);position:relative;overflow:hidden}.replace-suggestion:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--green))}.replace-suggestion-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:8px}.replace-suggestion-models{display:flex;flex-direction:column;gap:6px}.replace-model-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-1);border:1px solid var(--border-0);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.replace-model-row:hover{border-color:var(--border-2);background:var(--bg-3);transform:translateY(-1px)}.replace-model-info{flex:1 1;min-width:0}.replace-model-num{font-family:var(--mono);font-size:12px;font-weight:500;color:var(--text-0)}.replace-model-name{font-size:11px;color:var(--text-3);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.replace-model-price{font-family:var(--mono);font-size:14px;font-weight:600;color:var(--green);white-space:nowrap}.replace-model-from{font-size:10px;color:var(--text-3)}.model-buy-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-0)}.model-buy-section h4{font-size:11px;font-weight:650;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.model-buy-retailers{display:flex;flex-direction:column;gap:6px}.model-buy-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-2);border:1px solid var(--border-0);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;text-decoration:none}.model-buy-row:hover{border-color:var(--border-2);background:var(--bg-3);transform:translateY(-1px)}.model-buy-row.best{border-color:var(--green-mid);background:var(--green-soft)}.model-buy-row.best:hover{border-color:var(--green)}.model-buy-icon{width:32px;height:32px;border-radius:7px;background:var(--bg-3);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--text-2);flex-shrink:0}.model-buy-row.best .model-buy-icon{background:var(--green-mid);color:var(--green)}.model-buy-info{flex:1 1}.model-buy-name{font-size:13px;font-weight:550;color:var(--text-0)}.model-buy-badge{font-size:11px;color:var(--text-3)}.model-buy-row.best .model-buy-badge{color:var(--green)}.model-buy-price{font-family:var(--mono);font-size:15px;font-weight:600;color:var(--text-0);white-space:nowrap}.model-buy-row.best .model-buy-price{color:var(--green)}.model-buy-disclosure{font-size:10px;color:var(--text-3);text-align:center;margin-top:8px;line-height:1.4}.buy-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:100;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.buy-overlay.open{display:flex}html.light .buy-overlay{background:rgba(0,0,0,.25)}.buy-modal{background:var(--bg-1);border:1px solid var(--border-0);border-radius:14px;width:440px;max-width:92vw;box-shadow:var(--shadow-lg);overflow:hidden;animation:modalIn .25s ease-out}.buy-modal-header{padding:20px 24px 16px}.buy-modal-header h2{font-size:16px;font-weight:700;color:var(--text-0);letter-spacing:-.01em;margin-bottom:2px}.buy-modal-pn{font-family:var(--mono);font-size:13px;color:var(--accent);margin-bottom:4px}.buy-modal-part{font-size:13px;color:var(--text-2)}.buy-modal-close{position:absolute;top:16px;right:16px}.buy-retailers{padding:0 16px 16px;display:flex;flex-direction:column;gap:6px}.buy-retailer{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg-2);border:1px solid var(--border-0);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;text-decoration:none;position:relative}.buy-retailer:hover{border-color:var(--border-2);background:var(--bg-3);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.2)}.buy-retailer.best{border-color:var(--green-mid);background:var(--green-soft)}.buy-retailer.best:hover{border-color:var(--green);background:var(--green-soft)}.buy-retailer-icon{width:36px;height:36px;border-radius:8px;background:var(--bg-3);border:1px solid var(--border-0);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;font-weight:700;color:var(--text-2)}.buy-retailer.best .buy-retailer-icon{background:var(--green-mid);color:var(--green);border-color:var(--green-mid)}.buy-retailer-info{flex:1 1;min-width:0}.buy-retailer-name{font-size:13px;font-weight:600;color:var(--text-0)}.buy-retailer-badge{font-size:11px;color:var(--text-3);margin-top:1px}.buy-retailer.best .buy-retailer-badge{color:var(--green)}.buy-retailer-right{text-align:right;flex-shrink:0}.buy-retailer-price{font-family:var(--mono);font-size:15px;font-weight:600;color:var(--text-0)}.buy-retailer.best .buy-retailer-price{color:var(--green)}.buy-retailer-cta{font-size:11px;color:var(--accent);margin-top:1px}.buy-best-tag{position:absolute;top:-1px;right:12px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;background:var(--green);color:#0C0C0E;border-radius:0 0 5px 5px}html.light .buy-best-tag{color:#fff}.buy-modal-footer{padding:12px 16px 16px;border-top:1px solid var(--border-0);text-align:center}.buy-modal-footer p{font-size:11px;color:var(--text-3);line-height:1.4}.buy-modal-video{padding:0 16px 12px}.buy-modal-video .btn{width:100%;justify-content:center}.submit-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:100;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.submit-overlay.open{display:flex}html.light .submit-overlay{background:rgba(0,0,0,.25)}.submit-modal{background:var(--bg-1);border:1px solid var(--border-0);border-radius:14px;width:520px;max-width:92vw;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:modalIn .25s ease-out}.submit-modal::-webkit-scrollbar{width:4px}.submit-modal::-webkit-scrollbar-thumb{background:var(--border-1);border-radius:4px}.submit-modal-header{padding:24px 24px 16px;display:flex;justify-content:space-between;align-items:flex-start;position:-webkit-sticky;position:sticky;top:0;background:var(--bg-1);z-index:2;border-bottom:1px solid var(--border-0)}.submit-modal-header h2{font-size:17px;font-weight:700;color:var(--text-0);letter-spacing:-.02em}.submit-modal-header p{font-size:13px;color:var(--text-2);margin-top:4px;line-height:1.5}.submit-form{padding:20px 24px;gap:16px}.form-group,.submit-form{display:flex;flex-direction:column}.form-group{gap:5px}.form-group label{font-size:12px;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.04em}.form-group .form-hint{font-size:11px;color:var(--text-3);margin-top:2px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.form-input{padding:9px 12px;font-family:var(--font);font-size:13px;border:1px solid var(--border-0);border-radius:var(--radius-sm);background:var(--bg-0);color:var(--text-0);outline:none;transition:all .15s;width:100%}.form-input::placeholder{color:var(--text-3)}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.form-select{font-family:var(--font);font-size:13px;border:1px solid var(--border-0);border-radius:var(--radius-sm);background:var(--bg-0);color:var(--text-0);outline:none;transition:all .15s;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237C7C88' stroke-width='2.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding:9px 32px 9px 12px}.form-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.form-textarea{padding:9px 12px;font-family:var(--font);font-size:13px;border:1px solid var(--border-0);border-radius:var(--radius-sm);background:var(--bg-0);color:var(--text-0);outline:none;transition:all .15s;width:100%;resize:vertical;min-height:80px;line-height:1.6}.form-textarea::placeholder{color:var(--text-3)}.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.form-divider{height:1px;background:var(--border-0);margin:4px 0}.form-section-label{font-size:11px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:8px}.form-section-label:after{content:"";flex:1 1;height:1px;background:var(--border-0)}.submit-modal-footer{padding:16px 24px 24px;display:flex;gap:8px;justify-content:flex-end;border-top:1px solid var(--border-0)}.submit-modal-footer .btn{padding:10px 20px}.submit-success{display:none;padding:40px 24px;text-align:center}.submit-success.show{display:block}.submit-success-icon{width:56px;height:56px;border-radius:50%;background:var(--green-soft);border:1px solid var(--green-mid);display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px;color:var(--green);font-size:24px}.submit-success h3{font-size:17px;font-weight:650;color:var(--text-0);margin-bottom:6px}.submit-success p{font-size:13px;color:var(--text-2);line-height:1.6;max-width:340px;margin:0 auto}.submit-success .btn{margin-top:20px}@media(max-width:640px){.form-row{grid-template-columns:1fr}}.pro-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:100;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pro-overlay.open{display:flex}html.light .pro-overlay{background:rgba(0,0,0,.25)}.pro-modal{background:var(--bg-1);border:1px solid var(--border-0);border-radius:14px;width:460px;max-width:92vw;box-shadow:var(--shadow-lg);overflow:hidden;animation:modalIn .25s ease-out}@keyframes modalIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.pro-modal-header{padding:24px 24px 0;display:flex;justify-content:space-between;align-items:flex-start}.pro-modal-header h2{font-size:18px;font-weight:700;color:var(--text-0);letter-spacing:-.02em}.pro-modal-header .pro-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:3px 8px;border-radius:4px;background:var(--accent);color:#fff;margin-left:8px;vertical-align:middle}.pro-modal-header p{font-size:13px;color:var(--text-2);margin-top:6px;line-height:1.5}.pro-features{padding:20px 24px;display:flex;flex-direction:column;gap:10px}.pro-feature{display:flex;gap:12px;align-items:flex-start;padding:12px;background:var(--bg-2);border:1px solid var(--border-0);border-radius:var(--radius-sm)}.pro-feature-icon{width:32px;height:32px;border-radius:8px;background:var(--accent-soft);border:1px solid var(--accent-mid);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent);font-size:14px}.pro-feature-text h4{font-size:13px;font-weight:600;color:var(--text-0);margin-bottom:2px}.pro-feature-text p{font-size:12px;color:var(--text-2);line-height:1.4}.pro-pricing{padding:0 24px 8px;text-align:center}.pro-price{font-size:32px;font-weight:700;color:var(--text-0);letter-spacing:-.03em}.pro-price span{font-size:14px;font-weight:400;color:var(--text-3)}.pro-price-sub{font-size:12px;color:var(--text-3);margin-top:2px}.pro-modal-footer{padding:16px 24px 24px;display:flex;flex-direction:column;gap:8px}.pro-modal-footer .btn{justify-content:center;padding:12px 16px;font-size:14px}.pro-or{text-align:center;font-size:12px;color:var(--text-3);padding:2px 0}.pro-email-row{display:flex;gap:8px}.pro-email-row input{flex:1 1;padding:9px 12px;font-family:var(--font);font-size:13px;border:1px solid var(--border-0);border-radius:var(--radius-sm);background:var(--bg-0);color:var(--text-0);outline:none}.pro-email-row input::placeholder{color:var(--text-3)}.pro-email-row input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.pro-success{display:none;text-align:center;padding:20px 24px 24px}.pro-success.show{display:block}.pro-success-icon{width:48px;height:48px;border-radius:50%;background:var(--green-soft);border:1px solid var(--green-mid);display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px;color:var(--green);font-size:22px}.pro-success h3{font-size:16px;font-weight:650;color:var(--text-0);margin-bottom:4px}.pro-success p{font-size:13px;color:var(--text-2);line-height:1.5}.hamburger{display:none;width:34px;height:34px;border-radius:var(--radius-sm);border:1px solid var(--border-1);background:var(--bg-2);cursor:pointer;align-items:center;justify-content:center;color:var(--text-2);transition:all .15s;padding:0}.hamburger:hover{background:var(--bg-3);color:var(--text-0)}.hamburger svg{display:block}.mobile-drawer-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:80;opacity:0;transition:opacity .2s}.mobile-drawer-overlay.open{display:block;opacity:1}html.light .mobile-drawer-overlay{background:rgba(0,0,0,.2)}.mobile-drawer{position:fixed;left:-300px;top:0;bottom:0;width:280px;background:var(--bg-1);border-right:1px solid var(--border-0);z-index:85;overflow-y:auto;transition:left .28s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.mobile-drawer.open{left:0}.mobile-drawer-header{padding:16px 16px 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-0)}.mobile-drawer-header .logo{font-size:15px}.mobile-drawer-nav{padding:12px;display:flex;flex-direction:column;gap:2px}.mobile-drawer-item{display:flex;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:500;color:var(--text-1);border-radius:var(--radius-sm);cursor:pointer;border:none;background:none;width:100%;text-align:left;font-family:var(--font);transition:all .12s}.mobile-drawer-item:hover{background:var(--bg-2);color:var(--text-0)}.mobile-drawer-item.active{background:var(--accent-soft);color:var(--accent)}.mobile-drawer-item svg{flex-shrink:0;color:var(--text-3)}.mobile-drawer-item.active svg{color:var(--accent)}.mobile-drawer-divider{height:1px;background:var(--border-0);margin:8px 12px}.mobile-drawer-section{padding:4px 12px 8px}.mobile-drawer-section-label{font-size:10px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;padding:8px 0 6px}.mobile-drawer-footer{margin-top:auto;padding:16px;border-top:1px solid var(--border-0);display:flex;flex-direction:column;gap:8px}.mobile-drawer-footer .btn{justify-content:center;padding:10px 14px;width:100%}@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{display:none}.detail-panel{width:100%;right:-100%}.nav-divider,.nav-tabs{display:none}.hamburger{display:flex}}@media(max-width:640px){.toolbar{padding:8px 10px;gap:8px}.table tbody tr td{padding:10px;font-size:12px}.table tbody tr td:first-child{padding-left:10px}.table thead th{padding:6px 10px}.table thead th:first-child{padding-left:10px}.hide-sm{display:none!important}.nav{padding:0 12px}}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}.logo:hover{color:var(--text-0)}.page-content{max-width:860px;padding:24px 32px 80px}.breadcrumb{font-size:13px;color:var(--text-3);padding:12px 0;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.breadcrumb a{color:var(--text-2);text-decoration:none;transition:color .12s}.breadcrumb a:hover{color:var(--accent)}.breadcrumb .sep{color:var(--text-3)}.page-header{padding:20px 0 24px;border-bottom:1px solid var(--border-0);margin-bottom:24px}.page-header h1{font-size:22px;font-weight:700;color:var(--text-0);letter-spacing:-.02em;line-height:1.3;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.page-header .subtitle{font-size:14px;color:var(--text-2);margin-top:6px}.quick-info{display:flex;gap:16px;margin-top:16px;flex-wrap:wrap}.quick-info-item{padding:10px 16px;background:var(--bg-2);border:1px solid var(--border-0);border-radius:var(--radius-sm)}.quick-info-item .qi-label{font-size:10px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.quick-info-item .qi-value{font-size:14px;font-weight:600;color:var(--text-0)}.quick-info-item .qi-value.green{color:var(--green)}.quick-info-item .qi-value.mono{font-family:var(--mono);color:var(--accent)}.section{margin-bottom:24px}.section-title{font-size:12px;font-weight:650;color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px;display:flex;align-items:center;gap:8px}.section-title:after{content:"";flex:1 1;height:1px;background:var(--border-0)}.section p{font-size:13.5px;color:var(--text-1);line-height:1.7}.model-chip-grid{display:flex;flex-wrap:wrap;gap:6px}.model-chip{display:flex;flex-direction:column;padding:8px 12px;background:var(--bg-2);border:1px solid var(--border-0);border-radius:var(--radius-sm);font-size:12px;transition:all .12s;text-decoration:none}.model-chip:hover{border-color:var(--border-2);background:var(--bg-3);color:var(--text-0)}.model-chip .model-num{font-family:var(--mono);font-weight:500;color:var(--text-0);font-size:12px}.model-chip .model-name{margin-top:2px}.model-chip .model-name,.model-chip .model-year{font-size:10px;color:var(--text-3)}.faq-item{border:1px solid var(--border-0);border-radius:var(--radius-sm);margin-bottom:6px;overflow:hidden}.faq-item summary{padding:12px 16px;font-size:14px;font-weight:550;color:var(--text-0);cursor:pointer;background:var(--bg-1);list-style:none;transition:background .12s}.faq-item summary:hover{background:var(--bg-2)}.faq-item summary::-webkit-details-marker{display:none}.faq-item[open] summary{border-bottom:1px solid var(--border-0)}.faq-item .faq-answer{padding:12px 16px;font-size:13px;color:var(--text-1);line-height:1.7;background:var(--bg-2)}.part-card{padding:20px;background:var(--bg-2);border:1px solid var(--border-0);border-radius:var(--radius);margin:24px 0}.part-card .part-name{font-size:15px;font-weight:600;color:var(--text-0);margin-bottom:4px}.part-card .part-number{font-family:var(--mono);font-size:14px;color:var(--accent);margin-bottom:8px}.part-card .part-price{font-family:var(--mono);font-size:16px;font-weight:600;color:var(--green)}.video-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--radius);margin:12px 0}.video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:var(--radius)}.page-layout{display:grid;grid-template-columns:1fr 320px;grid-gap:36px;gap:36px;align-items:start}.page-main{min-width:0}.page-sidebar{position:-webkit-sticky;position:sticky;top:70px;display:flex;flex-direction:column;gap:12px}.sidebar-card{background:var(--bg-1);border:1px solid var(--border-0);border-radius:var(--radius);padding:16px;overflow:hidden}.sidebar-card h4{font-size:11px;font-weight:650;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.sidebar-info-grid{display:flex;flex-direction:column;gap:8px}.sidebar-info-row{display:flex;justify-content:space-between;align-items:center}.sidebar-info-row .s-label{font-size:12px;color:var(--text-3)}.sidebar-info-row .s-value{font-size:13px;font-weight:550;color:var(--text-0)}.sidebar-info-row .s-value.red{color:var(--red)}.sidebar-info-row .s-value.green{color:var(--green)}.sidebar-info-row .s-value.mono{font-family:var(--mono);color:var(--accent)}.sidebar-buy-btn{width:100%;justify-content:center;padding:11px 16px;margin-top:4px}.sidebar-disclosure{font-size:10px;color:var(--text-3);text-align:center;margin-top:6px;line-height:1.4}.sidebar-models{display:flex;flex-direction:column;gap:6px}.sidebar-model{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--bg-2);border:1px solid var(--border-0);border-radius:var(--radius-sm);transition:all .12s;text-decoration:none;width:100%}.sidebar-model:hover{border-color:var(--border-2);background:var(--bg-3)}.sidebar-model .sm-info{flex:1 1;min-width:0;overflow:hidden}.sidebar-model .sm-num{font-family:var(--mono);font-size:11px;font-weight:500;color:var(--text-0)}.sidebar-model .sm-name{overflow:hidden;text-overflow:ellipsis}.sidebar-model .sm-name,.sidebar-model .sm-year{font-size:10px;color:var(--text-3);white-space:nowrap}.sidebar-model .sm-price,.sidebar-model .sm-year{flex-shrink:0;text-align:right}.sidebar-model .sm-price{font-family:var(--mono);font-size:13px;font-weight:600;color:var(--green);white-space:nowrap}@media (max-width:900px){.page-layout{grid-template-columns:1fr;gap:0}.page-sidebar{position:static;order:-1;margin-bottom:24px}}@media (max-width:640px){.page-content{padding:16px 16px 60px}.quick-info{flex-direction:column}}