.cc-comparateur{--cc-sram:#e63a1e;--cc-shim:#1a5fa8;--cc-campa:#2c7a3f;--cc-bg:#0f172a;--cc-bg2:#1e293b;--cc-border:#334155;--cc-text:#e2e8f0;--cc-muted:#94a3b8;--cc-accent:#38bdf8;--cc-green:#4ade80;--cc-yellow:#facc15;--cc-red:#f87171;--cc-purple:#a78bfa;background:var(--cc-bg);color:var(--cc-text);border-radius:12px;overflow:hidden;font-family:'Georgia',serif;margin:24px 0}.cc-header{background:linear-gradient(90deg,#1e293b,#0f172a);border-bottom:2px solid var(--cc-border);padding:24px 28px;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px}.cc-header-label{display:block;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--cc-muted);margin-bottom:4px}.cc-header-h2{margin:0;font-size:22px;font-weight:700;color:#f1f5f9;letter-spacing:-.02em}.cc-header-sub{display:block;font-size:12px;color:var(--cc-muted);margin-top:4px}.cc-stats{display:flex;gap:16px;flex-wrap:wrap}.cc-stat{background:var(--cc-bg2);border:1px solid var(--cc-border);border-radius:8px;padding:8px 16px;text-align:center;min-width:80px}.cc-stat-value{display:block;font-size:18px;font-weight:700;color:var(--cc-accent)}.cc-stat-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--cc-muted)}.cc-filters{background:var(--cc-bg);border-bottom:1px solid var(--cc-bg2);padding:12px 28px;display:flex;flex-wrap:wrap;gap:16px;align-items:center}.cc-filter-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cc-filter-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--cc-muted);min-width:45px}.cc-filter-btns{display:flex;gap:4px;flex-wrap:wrap}.cc-filter-btn{padding:4px 10px;border-radius:4px;border:1px solid var(--cc-border);background:0 0;color:var(--cc-muted);font-size:11px;cursor:pointer;transition:all .15s;font-family:inherit}.cc-filter-btn:hover{border-color:var(--cc-accent);color:var(--cc-accent)}.cc-filter-btn.active{background:#0ea5e9;border-color:var(--cc-accent);color:#fff}.cc-brand-btn-sram.active{background:var(--cc-sram);border-color:var(--cc-sram)}.cc-brand-btn-shimano.active{background:var(--cc-shim);border-color:var(--cc-shim)}.cc-brand-btn-campagnolo.active{background:var(--cc-campa);border-color:var(--cc-campa)}.cc-sort-select{padding:4px 8px;border-radius:4px;border:1px solid var(--cc-border);background:var(--cc-bg2);color:var(--cc-muted);font-size:11px;cursor:pointer;font-family:inherit}.cc-table-wrapper{overflow-x:auto;padding:0 28px 16px}.cc-front-table{width:100%;border-collapse:collapse;font-size:12px}.cc-front-table th{text-align:left;padding:8px 10px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--cc-muted);border-bottom:2px solid var(--cc-border);white-space:nowrap}.cc-front-table td{padding:7px 10px;border-bottom:1px solid var(--cc-bg2);vertical-align:middle}.cc-row:hover td{background:rgba(56,189,248,.06)}.cc-row-hidden{display:none !important}.cc-brand-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;color:#fff;white-space:nowrap}.cc-brand-sram{background:var(--cc-sram)}.cc-brand-shimano{background:var(--cc-shim)}.cc-brand-campagnolo{background:var(--cc-campa)}.cc-group-link{color:#93c5fd;text-decoration:none}.cc-group-link:hover{text-decoration:underline}.cc-ext{opacity:.6}.cc-speeds-badge{display:inline-block;padding:2px 7px;border-radius:4px;font-size:10px;font-weight:700;color:#fff}.cc-speeds-blue{background:#1d4ed8}.cc-speeds-purple{background:#7c3aed}.cc-td-range strong{font-family:monospace;font-size:13px;color:#f0abfc}.cc-td-sprockets{font-family:monospace;font-size:10px;color:var(--cc-muted);max-width:180px;line-height:1.4}.cc-ratio-val{font-weight:700;font-family:monospace;font-size:13px}.cc-ratio-high{color:var(--cc-green)}.cc-ratio-mid{color:var(--cc-yellow)}.cc-ratio-low{color:var(--cc-red)}.cc-td-jump{font-family:monospace;color:var(--cc-muted);font-size:11px}.cc-bar-wrap{display:flex;gap:2px;align-items:flex-end;height:28px}.cc-bar-tooth{width:8px;border-radius:2px 2px 0 0;flex-shrink:0;transition:opacity .15s}.cc-bar-tooth:nth-child(1){background:#39c}.cc-bar-tooth:nth-child(2){background:#3380cc}.cc-bar-tooth:nth-child(3){background:#36c}.cc-bar-tooth:nth-child(4){background:#334dcc}.cc-bar-tooth:nth-child(5){background:#4747d1}.cc-bar-tooth:nth-child(6){background:#5e47d1}.cc-bar-tooth:nth-child(7){background:#774dcb}.cc-bar-tooth:nth-child(8){background:#8c4dcb}.cc-bar-tooth:nth-child(9){background:#a14dcb}.cc-bar-tooth:nth-child(10){background:#b64dcb}.cc-bar-tooth:nth-child(11){background:#cb4dcb}.cc-bar-tooth:nth-child(12){background:#cb4db6}.cc-bar-tooth:nth-child(13){background:#cb4da1}.cc-price{font-weight:700;color:#34d399}.cc-price-na{color:#475569}.cc-legend{padding:12px 28px;border-top:1px solid var(--cc-bg2);font-size:11px;color:var(--cc-muted);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.cc-legend-source{color:#475569;font-style:italic}.cc-ratio-high,.cc-ratio-mid,.cc-ratio-low{font-weight:700}@media (max-width:768px){.cc-header{padding:16px}.cc-filters{padding:10px 16px}.cc-table-wrapper{padding:0 8px 12px}.cc-front-table{font-size:11px}.cc-td-sprockets{display:none}.cc-td-viz{display:none}}