:root{--bg-mainprimary:#eeebe9;--bg-primary:#ffffff;--bg-main-heading:#7c7c7c;--bg-big-border:#ffffff;--bg-bg-rumorcard:#ffffff;--bg-layer2:#eee;--bg-sidebar-section-bg-layer:#f2f2f2;--hover-text-color:#000000;--bg-maincontent:#cfcfcf;--com-border-color:#ddd;--text-secondary:#262626;--text-primary:#000000;--bg-index-rumor:#eeeeee;--text-rumor-paragraph:#212121;--color-card-borderbottom:#cfcfcf;--bg-color-bglist:#fafafa;--bg-color-listborder:#f2f2f2;--card-background:#f5f5f7;--bg-mainlistgap:#ededed;--bg-secondary:#f8f9fa;--bg-tertiary:#f8f9fa;--bg-color-button:#bbbbbb;--overview-text-color:#2b2b2b;--text-primary2:#ffffff;--text-color-brandlist:#444;--border-color:#717171;--accent-color:#1991ff;--hover-color:#d50000;--rumor-card-text:#555;--color-card-shadow:#cfcfcf;--color-maincontent-shadow:#cfcfcf;--bg-color-main:#efebe9;--bg-color-secondary:#f8f9fa;--bg-color-brandlist:#f2f2f2;--text-color-mainlist:#545454;--button-bg:#f8f9fa;--button-text:#495057;--button-border:#dee2e6;--button-hover-bg:#e9ecef;--button-hover-text:#212529;--button-hover-border:#adb5bd;--bench-score-bg:#43a047;--bench-current-bg:#d00;--bench-sub-container-bg:#e0e0e0;--bench-bar-fill:#43a047;--bench-bar-base:#ffffff;--battery-row-orange:#ffe6cc;--battery-row-green:#e6f4ea;--battery-row-current:#ff0000}[data-theme="dark"]{--bg-mainprimary:#000000;--bg-primary:#1a1a1a;--bg-big-border:#878585;--bg-bg-rumorcard:#1b1b1b;--bg-layer2:#303030;--bg-sidebar-section-bg-layer:#000000;--hover-text-color:#ff0404;--bg-maincontent:#555555;--com-border-color:#4d4d4d;--text-secondary:#dcdcdc;--text-primary:#ffffff;--bg-index-rumor:#171717;--bg-color-button:#3e3e3e;--color-card-borderbottom:#1a1a1a;--text-rumor-paragraph:#f4f4f4;--bg-color-bglist:#252525;--bg-color-listborder:#4d4d4d;--bg-mainlistgap:#000000;--color-card-shadow:#ffffff;--color-maincontent-shadow:#555555;--overview-text-color:#f3f3f3;--card-background:#2a2a2a;--bg-secondary:#2d2d2d;--text-primary2:#000000;--bg-color-brandlist:#505050;--text-color-brandlist:#ffffff;--border-color:#ececec;--accent-color:#4da6ff;--hover-color:#ff6666;--bg-color-main:#1a1a1a;--bg-color-secondary:#2d2d2d;--text-color-mainlist:#fcfcfc;--button-bg:#2a2a2a;--button-text:#e6e6e6;--button-border:#3a3a3a;--button-hover-bg:#3a3a3a;--button-hover-text:#ffffff;--button-hover-border:#4a4a4a;--bench-score-bg:#1a1a1a;--bench-current-bg:#d00;--bench-sub-container-bg:#1a1a1a;--bench-bar-fill:#43a047;--bench-bar-base:#2a2a2a;--battery-row-orange:#4a3a1f;--battery-row-green:#203a29;--battery-row-current:#ff0000}*{transition:background-color 0.3s ease,color 0.3s ease,border-color 0.3s ease}body{padding:0;width:clamp(70%,calc(-10.7692308% + 1163.0769231px),100%);margin:0 auto;font-family:Arial,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--bg-mainprimary);transition:all 0.3s ease}body,body *{color:var(--text-primary);font-family:Arial,sans-serif}html{scrollbar-color:var(--border-color) var(--bg-color-button);scrollbar-width:thin}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color-button)}::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:8px;border:2px solid var(--bg-color-button)}.horizontal-scroll-container{scrollbar-color:var(--border-color) var(--bg-color-button)}.horizontal-scroll-container::-webkit-scrollbar-track{background:var(--bg-color-button) !important}.horizontal-scroll-container::-webkit-scrollbar-thumb{background:var(--border-color) !important}.brand-grid{overflow:hidden;background:linear-gradient(180deg,hsla(180,3%,92%,.9) 16%,hsla(180,4%,89%,.9) 87%)}[data-theme="dark"] .brand-grid{background:#000000}.brand-list{margin:0;padding:0;list-style:none;column-count:4;column-gap:0;column-rule:1px solid var(--com-border-color)}rand-list{column-count:3}.favorite-list{background-color:var(--bg-color-brandlist);width:100%;box-sizing:border-box}.favorite-item{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-color-button);transition:all 0.2s ease;text-decoration:none;cursor:pointer}.favorite-item:nth-child(odd){background-color:#ffffff}.favorite-item:nth-child(even){background-color:#e8f5e8}.sidebar-section:nth-of-type(4) .favorite-item:nth-child(odd){background-color:#ffffff}.sidebar-section:nth-of-type(4) .favorite-item:nth-child(even){background-color:#e3f2fd}.favorite-item:hover{background-color:var(--bg-color-button-hover);transform:translateY(-1px);text-decoration:none}[data-theme="dark"] .favorite-item{background-color:#2a2a2a !important}[data-theme="dark"] .favorite-item:nth-child(even){background-color:#232323 !important}[data-theme="dark"] .favorite-item:hover,[data-theme="dark"] .comparison-item:hover{background-color:#3a3a3a !important}.favorite-model{font-size:14px;font-weight:500;color:var(--text-primary);flex:1;text-align:left}.favorite-number{font-size:14px;font-weight:600;padding:4px 8px;border-radius:4px;min-width:40px;text-align:center}.sidebar-action-buttons{display:flex;gap:0}.compare-button{display:flex;height:40px;align-items:center;background:var(--bg-main-heading);justify-content:center;gap:10px;text-decoration:none;flex:1;border-right:1px solid rgba(255,255,255,0.2);transition:background 0.3s ease}.compare-button-text{font-weight:500;font-size:17px}.compare-button:hover{background:#1991ff;color:#fff}.compare-button:hover .compare-button-text{color:#fff}.all-brands-link{display:flex;height:40px;align-items:center;background:var(--bg-main-heading);justify-content:center;gap:10px;text-decoration:none;flex:1;transition:background 0.3s ease}.all-brands-link-text{font-weight:500;font-size:17px}.section-title-text{border-left:10px solid #7c7c7c;padding-left:10px;font-weight:600;align-content:center;height:30px}.sidebar .section-title{margin-top:10px;letter-spacing:.02em;text-align:center;text-transform:uppercase;padding:5px 0px 5px 10px;display:flex;gap:8px}.sidebar .section-title svg{width:18px;height:18px}.all-brands-link:hover{background:#d80000;color:#fff}[data-theme="dark"] .compare-button{background:#2a2a2a !important;color:var(--text-primary) !important}[data-theme="dark"] .compare-button:hover{background:#d80000 !important;color:#ffffff !important}[data-theme="dark"] .all-brands-link{background:#2a2a2a !important;color:var(--text-primary) !important}[data-theme="dark"] .all-brands-link:hover{background:#d80000 !important;color:#ffffff !important}.brand-item{letter-spacing:.35px;line-height:140%;text-align:center;cursor:pointer;text-decoration:none;transition:color .2s;display:block;margin:0;break-inside:avoid;-webkit-column-break-inside:avoid;min-width:0;overflow-wrap:anywhere;word-break:break-word;hyphens:auto;border:none !important}.brand-item a{display:block;letter-spacing:.65px;line-height:150%;font-size:13px;font-weight:bold;font-family:'Times New Roman',Times,serif;padding:5px 0px;text-align:center;cursor:pointer;text-decoration:none;transition:background-color .2s ease,color .2s ease;text-transform:capitalize;opacity:.953;color:var(--text-color-brandlist)}.brand-item a:hover{background:#ea0000;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.4)}.brand-item a:focus-visible{outline:2px solid var(--hover-color);outline-offset:2px}.brand-list .brand-item:nth-child(n+41){display:none}