:root{--surface:#fff;--surface-alt:#f0f3f8;--text-secondary:#65748b}
.category-bar{display:flex;gap:8px;overflow-x:auto;padding:3px 2px 13px;scrollbar-width:thin}.category-bar button{display:flex;align-items:center;gap:7px;white-space:nowrap;background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:11px 14px;color:var(--text-secondary);font-size:11px;font-weight:700;transition:background .18s,border-color .18s}.category-bar svg{width:17px;height:17px}.category-bar button.active{background:#eaf1ff;border-color:#9cb9f4;color:#245cdb}.search-tools{display:flex;gap:18px;flex-wrap:wrap;margin:0 0 20px}.search-tools .text-button{font-size:11px;padding:4px 0;color:#5274ab}.collection-toolbar{display:grid;grid-template-columns:2fr repeat(3,1fr) auto auto;align-items:end;gap:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:20px}.collection-toolbar .btn{font-size:11px}.collection-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0 26px}.card-tags{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}.card-tags:empty{display:none}.card-tags .pill{font-size:9px;white-space:normal}.card-note{display:flex;gap:7px;padding:10px 12px;margin-bottom:12px;background:var(--surface-alt);border-radius:8px;color:var(--text-secondary);font-size:11px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.card-note svg{width:15px;height:15px;margin-top:2px}.card-personal-actions{display:flex;gap:14px;margin:10px 0}.card-personal-actions button{font-size:10px;background:none;color:var(--text-secondary);padding:4px 0}.card-personal-actions button.active{color:var(--blue)}.collection-cards .car-desc{height:auto;display:block;overflow:visible;-webkit-line-clamp:unset}.car{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.car-content{min-width:0}.car-title button{overflow-wrap:anywhere}.appearance{margin-bottom:24px}.appearance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.appearance .check{margin-top:22px}.appearance-grid select{min-height:44px}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.preset{padding:20px;text-align:left;background:var(--surface-alt);border:1px solid var(--line);border-radius:12px;color:var(--ink)}.preset strong,.preset span{display:block}.preset strong{font-size:13px}.preset span{font-size:11px;color:var(--text-secondary);margin-top:10px}.recent-search{padding:16px;text-align:left;background:var(--surface-alt);border:1px solid var(--line);border-radius:10px;color:var(--ink)}.recent-search small{display:block;font-size:10px;margin-top:8px;color:var(--text-secondary)}.inspection-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.version{font-size:11px;border-bottom:1px solid var(--line);padding:12px 0}.version summary{cursor:pointer;color:var(--text-secondary);line-height:1.7}.version p{padding:12px;background:var(--surface-alt);border-radius:8px;margin:12px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;max-height:300px;overflow:auto}.shortcuts{display:grid;grid-template-columns:auto 1fr;gap:16px 24px;font-size:12px}.shortcuts dt{font-family:Consolas,monospace;color:var(--blue)}.shortcuts dd{margin:0;color:var(--text-secondary)}.connection-indicator{display:inline-flex;align-items:center;justify-content:center;padding:7px;background:transparent;color:#26926c;border:1px solid transparent;border-radius:7px}.connection-indicator.offline{color:#df8f44;border-color:#f0bb76}.car-actions .btn{min-width:0}.nav{overflow-y:auto;scrollbar-width:thin}.sidebar-bottom{flex-shrink:0}.car-content{display:flex;flex-direction:column}.car-actions{margin-top:auto}.car-location{margin-top:12px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){:root:not([data-motion=off]) .car:hover{transform:translateY(-4px);box-shadow:0 13px 32px #18325216;border-color:#b0c6ed}:root:not([data-motion=off]) .car:hover .car-image img{transform:scale(1.025)}.car-image img{transition:transform .35s ease}}
:root[data-motion=off] *{transition:none!important;animation:none!important;scroll-behavior:auto!important}
:root[data-density=compact] .car-content{padding:14px}:root[data-density=compact] .car-image{height:165px}:root[data-density=compact] .car-price strong{font-size:21px}:root[data-density=compact] .cars{gap:15px}
:root[data-scale=large] .content{font-size:16px}:root[data-scale=large] .field>span,:root[data-scale=large] .filter-grid .field>span{font-size:12px}:root[data-scale=large] .field input,:root[data-scale=large] .field select{font-size:14px}:root[data-scale=large] .car-desc,:root[data-scale=large] .car-note,:root[data-scale=large] .spec-grid{font-size:13px}:root[data-scale=large] .nav button{font-size:13px}:root[data-scale=large] .car-title button{font-size:18px}
:root[data-theme=dark]{color-scheme:dark;--ink:#e5ecf6;--muted:#a0adc2;--line:#303c50;--bg:#111823;--surface:#1a2332;--surface-alt:#242f41;--text-secondary:#acb9cf;--blue:#709fff;--blue-dark:#578cf5;--green:#70d0a6}
[data-theme=dark] .sidebar,[data-theme=dark] .topbar,[data-theme=dark] .filters-wide,[data-theme=dark] .car,[data-theme=dark] .section-card,[data-theme=dark] .search-card,[data-theme=dark] .notification,[data-theme=dark] .comparison,[data-theme=dark] dialog,[data-theme=dark] .modal-head,[data-theme=dark] .icon-btn,[data-theme=dark] .btn.secondary,[data-theme=dark] .login-form-side{background:var(--surface);color:var(--ink);border-color:var(--line)}
[data-theme=dark] .field input,[data-theme=dark] .field select,[data-theme=dark] .field textarea,[data-theme=dark] .header-search,[data-theme=dark] .condition-tabs,[data-theme=dark] .view-switch,[data-theme=dark] .callout,[data-theme=dark] .chip,[data-theme=dark] .notice-item{background:var(--surface-alt);color:var(--ink);border-color:var(--line)}
[data-theme=dark] .header-search input,[data-theme=dark] .location-button,[data-theme=dark] .car-title button,[data-theme=dark] .car-price,[data-theme=dark] .car-price strong,[data-theme=dark] .result-title,[data-theme=dark] .result-bar select{color:var(--ink)}
[data-theme=dark] .status-mini{background:var(--surface);border-color:var(--line);color:var(--text-secondary)}[data-theme=dark] .status-mini.error{color:#e8c78e}[data-theme=dark] .spec-grid,[data-theme=dark] .car-desc,[data-theme=dark] .history-row{border-color:var(--line)}[data-theme=dark] .skeleton{background:linear-gradient(110deg,#1c293b 8%,#28364c 18%,#1c293b 33%);background-size:200% 100%}
[data-theme=dark] .nav button,[data-theme=dark] .field>span,[data-theme=dark] .check,[data-theme=dark] .car-desc,[data-theme=dark] .car-subtitle,[data-theme=dark] .spec-grid,[data-theme=dark] .modal-body p,[data-theme=dark] .car-location,[data-theme=dark] .page-heading p,[data-theme=dark] .inline-note{color:var(--text-secondary)}
[data-theme=dark] .nav button.active,[data-theme=dark] .category-bar button.active,[data-theme=dark] .view-switch button.active,[data-theme=dark] .condition-tabs button.active,[data-theme=dark] .icon-btn.active,[data-theme=dark] .icon-btn:hover,[data-theme=dark] .pill.blue,[data-theme=dark] .source-check input:checked+span{background:#243b60;color:#a7c4ff;border-color:#466795}
[data-theme=dark] .btn:not(.secondary):not(.ghost):not(.danger){background:#346ddd;color:#fff}[data-theme=dark] .btn.ghost,[data-theme=dark] .text-button{color:#a6bee4}[data-theme=dark] .btn.secondary:hover,[data-theme=dark] .nav button:hover{background:#25344d}
[data-theme=dark] .scan-note.amber,[data-theme=dark] .geo-warning,[data-theme=dark] .mode-banner,[data-theme=dark] .pill.amber{background:#3a3020;color:#e8c78e;border-color:#5f4d30}[data-theme=dark] .pill.green,[data-theme=dark] .saved-stamp,[data-theme=dark] .comparison .best{background:#203b33;color:#93d5b5;border-color:#3e6254}[data-theme=dark] .pill.gray{background:#2d394c;color:#b3c0d4}[data-theme=dark] .pill.red,[data-theme=dark] .btn.danger{background:#452b33;color:#f4a7b2}[data-theme=dark] .notification.unread{background:#202e43}[data-theme=dark] .heart.active{color:#ef91a8;background:#462c39;border-color:#704354}[data-theme=dark] .source-word{background:#273448}[data-theme=dark] .source-word.autoru{color:#ff9b95}[data-theme=dark] .source-word.drom{color:#ff9b95}[data-theme=dark] .socials button{background:#242f41;color:var(--ink);border-color:var(--line)}[data-theme=dark] .empty{background:var(--surface);border-color:var(--line)}[data-theme=dark] .result-bar select{background:var(--surface)}
@media(max-width:1100px){.collection-toolbar{grid-template-columns:1fr 1fr}.collection-toolbar>.field:first-child{grid-column:span 2}.search-card .search-actions{flex-wrap:wrap;max-width:280px}.top-actions{gap:8px}.connection-indicator{padding:3px}}
@media(max-width:760px){.collection-toolbar{padding:16px;gap:14px}.category-bar{margin-right:-18px}.category-bar button{padding:10px 12px}.search-tools{gap:12px}.top-actions>.icon-btn{width:31px;height:31px}.appearance-grid,.inspection-grid,.preset-grid{grid-template-columns:1fr}.shortcuts{gap:13px}.search-actions{max-width:none!important}.car-location{flex-wrap:wrap}}
body:has(.compare-dock) .content{padding-bottom:120px}.editing-search{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;padding:12px 15px;background:var(--surface-alt);border-radius:9px;font-size:12px;color:var(--text-secondary)}.editing-search button{background:none;color:var(--blue);font-size:11px}.nav .count{min-width:20px}[data-theme=dark] .nav .count{background:#2d3a51;color:#bbcbe2}
@media(max-width:470px){.connection-indicator{display:none}.collection-toolbar{grid-template-columns:1fr 1fr}.collection-toolbar>.field:first-child{grid-column:span 2}.collection-toolbar .field>span{font-size:10px}.collection-toolbar select{font-size:11px}.search-tools .text-button{font-size:10px}.editing-search{align-items:flex-start;flex-direction:column}}