:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--matrix-shell-max-height:calc(100vh - 118px);--bg:#f6f7f9;--surface:#fff;--surface-muted:#f0f3f6;--text:#18202a;--text-muted:#66717f;--border:#d8dee6;--accent:#006b5f;--accent-muted:#d9f1eb;--available:#127a4b;--future:#1f6fb2;--historical:#f2c94c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(180deg, #006b5f0d, transparent 170px), var(--bg);min-width:320px;color:var(--text);margin:0}a{color:inherit}main{width:min(1760px,100vw - 16px);margin:0 auto;padding:10px 0 28px}.page-header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}h1{color:var(--text);letter-spacing:0;margin:0;font-size:1.28rem;line-height:1.1}.intro{color:var(--text-muted);margin:2px 0 0;font-size:.82rem;line-height:1.25}.controls{z-index:8;border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f6f7f9eb;border-radius:7px;grid-template-columns:minmax(120px,1fr) 94px 136px 132px 34px;align-items:center;gap:5px;margin-bottom:6px;padding:4px;display:grid;position:sticky;top:0}.control-block{min-width:0;margin:0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}input[type=search],select{border:1px solid var(--border);background:var(--surface);width:100%;height:28px;color:var(--text);font:inherit;border-radius:5px;padding:0 8px;font-size:.78rem}.status-toggle,.axis-toggle{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text);cursor:pointer;font:inherit;text-align:left;border-radius:5px;align-items:center;gap:4px;margin:0;padding:3px 6px;font-size:.7rem;font-weight:650;line-height:1.15;display:flex}.axis-option{width:100%}.status-toggle.available{border-color:color-mix(in srgb, var(--available) 55%, var(--border));background:color-mix(in srgb, var(--available) 12%, var(--surface));box-shadow:inset 3px 0 0 var(--available)}.status-toggle.future{border-color:color-mix(in srgb, var(--future) 55%, var(--border));background:color-mix(in srgb, var(--future) 13%, var(--surface));box-shadow:inset 3px 0 0 var(--future)}.status-toggle.discontinued{border-color:color-mix(in srgb, var(--historical) 55%, var(--border));background:color-mix(in srgb, var(--historical) 13%, var(--surface));box-shadow:inset 3px 0 0 var(--historical)}.check-mark{border:1px solid var(--border);background:var(--surface);width:12px;height:12px;color:var(--accent);border-radius:3px;flex:none;place-items:center;font-size:.62rem;font-weight:900;line-height:1;display:inline-grid}.axis-option[aria-checked=true] .check-mark{border-color:var(--accent);background:var(--accent-muted)}.axis-dropdown{width:100%;position:relative}.axis-dropdown summary{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);width:100%;height:28px;color:var(--text);cursor:pointer;border-radius:5px;justify-content:space-between;align-items:center;padding:0 8px;font-size:.76rem;font-weight:750;list-style:none;display:flex}.axis-dropdown summary:after{content:"▾";color:var(--text-muted);font-size:.68rem}.axis-dropdown[open] summary:after{transform:rotate(180deg)}.axis-dropdown summary::-webkit-details-marker{display:none}.axis-menu{z-index:20;border:1px solid var(--border);background:var(--surface);border-radius:7px;gap:4px;width:210px;max-height:min(420px,70vh);padding:6px;display:grid;position:absolute;top:calc(100% + 4px);right:0;overflow:auto;box-shadow:0 16px 36px #18202a24}.segment-dropdown .axis-menu{width:260px}.status-dropdown .axis-menu{width:170px}.settings-dropdown .axis-menu{width:236px}.settings-dropdown summary{justify-content:center;width:34px;padding:0}.settings-dropdown summary:after{display:none}.settings-icon{font-size:1.18rem;line-height:1}.axis-menu-row{cursor:pointer;border-radius:5px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px;padding:2px;display:grid}.status-menu-row{grid-template-columns:minmax(0,1fr)}.settings-section{gap:5px;display:grid}.settings-section+.settings-section{border-top:1px solid var(--border);margin-top:4px;padding-top:7px}.settings-section-label{color:var(--text-muted);letter-spacing:0;font-size:.66rem;font-weight:850;line-height:1}.currency-options,.metric-options{gap:3px;display:grid}.currency-options{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-options{grid-template-columns:repeat(3,minmax(0,1fr))}.currency-option,.metric-option{border:1px solid var(--border);background:var(--surface-subtle);min-width:0;height:26px;color:var(--text-muted);cursor:pointer;font:inherit;letter-spacing:0;white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;padding:0 5px;font-size:.64rem;font-weight:800;line-height:1;display:inline-flex}.currency-option{padding-inline:3px}.metric-option{padding-inline:2px;font-size:.59rem}.currency-option.is-active,.metric-option.is-active{border-color:var(--accent);background:var(--accent-muted);color:var(--text)}.axis-toggle span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brand-picker-label{justify-content:space-between;align-items:center;gap:6px;min-width:0;display:inline-flex}.brand-picker-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.brand-picker-flag{letter-spacing:0;flex:none;font-size:.78rem}.drag-handle{width:12px;color:var(--text-muted);cursor:grab;letter-spacing:0;font-size:.6rem}.drag-handle:before{content:"::"}.axis-menu-row:hover,.axis-menu-row.is-drag-over,.brand-axis.is-drag-over,.segment-axis.is-drag-over{background:var(--accent-muted);outline:1px solid var(--accent);outline-offset:-1px}.axis-menu-row.is-dragging,.brand-axis.is-dragging,.segment-axis.is-dragging{opacity:.45}.matrix-shell{max-height:var(--matrix-shell-max-height);overscroll-behavior:contain;border:1px solid var(--border);background:var(--surface);border-radius:8px;overflow:auto;box-shadow:0 12px 32px #18202a12}.matrix-shell:focus-visible{outline:2px solid var(--accent);outline-offset:2px}table{border-collapse:separate;border-spacing:0;width:100%;min-width:760px}th,td{vertical-align:top;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}thead th{z-index:3;text-align:left;background:#eef3f4;min-width:122px;padding:6px;font-size:.72rem;font-weight:800;position:sticky;top:0}thead th:first-child{z-index:4;min-width:156px;left:0}thead th:nth-child(2){min-width:78px}.brand-axis,.segment-axis{cursor:grab}.brand-heading{white-space:nowrap;justify-content:space-between;align-items:center;gap:4px;min-width:0;display:flex}.brand-title{align-items:center;gap:5px;min-width:0;display:inline-flex}.brand-title span:first-child{text-overflow:ellipsis;overflow:hidden}.brand-flag{letter-spacing:0;flex:none;font-size:.84rem}.segment-heading{justify-content:space-between;align-items:flex-start;gap:4px;min-width:0;display:flex}.segment-heading a{text-overflow:ellipsis;min-width:0;overflow:hidden}tbody th{z-index:2;text-align:left;background:#f7faf9;width:156px;min-width:156px;padding:6px;position:sticky;left:0}tbody th a{color:var(--text);font-size:.76rem;font-weight:800;text-decoration:none;display:inline-block}tbody th a:hover{color:var(--accent);text-decoration:underline}tbody th span{display:none}td{background:var(--surface);min-width:128px;padding:4px;position:relative}.length-cell{min-width:78px;color:var(--text-muted);white-space:nowrap;font-size:.68rem;font-weight:750}.empty-cell{color:#a4acb6;text-align:center;background:#fbfcfd}.empty-cell span{padding-top:6px;display:block}.model-card{border:1px solid var(--border);border-left:3px solid var(--available);background:var(--surface);border-radius:5px;gap:3px;min-height:0;margin-bottom:4px;padding:4px;display:grid}.model-card:last-child{margin-bottom:0}.model-card.future{border-left-color:var(--future)}.model-card.discontinued{border-left-color:var(--historical)}.model-main{justify-content:space-between;align-items:center;gap:4px;min-width:0;display:flex}.model-flags{flex:none;align-items:center;gap:3px;display:inline-flex}.model-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:.72rem;font-weight:800;line-height:1.12;overflow:hidden}.model-image{border:1px solid var(--border);background:var(--surface-muted);border-radius:4px;width:100%;height:52px;overflow:hidden}.model-image img{object-fit:cover;width:100%;height:100%;display:block}.model-image.is-loading{background:linear-gradient(90deg,#edf1f4 0%,#f7f9fb 45%,#edf1f4 90%) 0 0/220% 100%;animation:1.4s ease-in-out infinite image-loading}.model-image.is-empty{display:none}@keyframes image-loading{0%{background-position:120% 0}to{background-position:-120% 0}}.model-price{color:var(--accent);font-size:.66rem;font-weight:800;line-height:1.15}.status{color:#fff;text-align:center;white-space:nowrap;border-radius:999px;flex:none;place-items:center;width:15px;height:15px;padding:0;font-size:.48rem;font-weight:800;line-height:1;display:inline-grid}.status.available{background:var(--available)}.status.future{background:var(--future)}.status.discontinued{background:var(--historical);color:#2a2100}.model-links{flex-wrap:nowrap;gap:2px;min-width:0;display:flex}.source-link{border:1px solid var(--border);background:var(--surface-muted);min-width:0;min-height:20px;color:var(--text);white-space:nowrap;border-radius:4px;flex:1 1 0;justify-content:center;align-items:center;padding:2px 3px;font-size:.58rem;font-weight:800;text-decoration:none;display:inline-flex}.source-link:hover{border-color:var(--accent);background:var(--accent-muted)}.model-metric{border:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;place-items:center;min-width:19px;max-width:34px;height:15px;padding:0 3px;font-size:.48rem;font-weight:850;line-height:1;display:inline-grid;overflow:hidden}.model-metric.rank-top{color:#225f9f;background:#e5f0fb;border-color:#7aa8d8}.model-metric.rank-high{color:#0f6f42;background:#e1f5e8;border-color:#64b889}.model-metric.rank-medium{color:#785710;background:#f6ecd3;border-color:#d6b66a}.model-metric.rank-low{color:#5d6876;background:#eef1f5;border-color:#c9d0da}footer{color:var(--text-muted);margin-top:16px;font-size:.76rem}.more-button{border:1px solid var(--border);background:var(--surface-muted);width:100%;min-height:22px;color:var(--text-muted);cursor:pointer;font:inherit;border-radius:4px;justify-content:center;align-items:center;padding:2px 5px;font-size:.62rem;font-weight:800;line-height:1.1;display:flex}.more-button:hover{background:var(--accent-muted);border-color:var(--accent);color:var(--accent)}@media (width<=900px){:root{--matrix-shell-max-height:calc(100vh - 118px)}main{width:min(100vw - 12px,1760px);padding-top:8px}.controls{grid-template-columns:minmax(110px,1fr) 90px 132px 126px 34px}.page-header{align-items:flex-start}h1{font-size:1.12rem}}@media (width<=520px){:root{--matrix-shell-max-height:calc(100vh - 180px)}.controls{grid-template-columns:minmax(0,1fr) 90px 34px}.controls .control-block:first-child{grid-column:1/-1}.controls .control-block:nth-child(2){grid-column:1}.controls .control-block:nth-child(3){grid-column:2}.controls .control-block:nth-child(4){grid-column:1/-1}.controls .control-block:nth-child(5){grid-column:3}}