:root{--color-primary:#2563eb;--color-primary-dark:#1d4ed8;--color-primary-light:#3b82f6;--color-secondary:#64748b;--color-secondary-dark:#475569;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--color-white:#fff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono",SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--transition-fast:150ms ease;--transition-normal:250ms ease}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:16px}body{background-color:#f9fafb;background-color:var(--color-gray-50);color:#111827;color:var(--color-gray-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans);font-size:1rem;line-height:1.5;margin:0;padding:0}a{color:#2563eb;color:var(--color-primary);text-decoration:none}a:hover{color:#1d4ed8;color:var(--color-primary-dark)}img{height:auto;max-width:100%}button{cursor:pointer;font-family:inherit}.app{display:flex;flex-direction:column;min-height:100vh}.main{flex:1 1;margin:0 auto;max-width:1440px;padding:1rem;padding:var(--spacing-md);width:100%}@media (min-width:768px){.main{padding:1.5rem;padding:var(--spacing-lg)}}.header{background:#fff;background:var(--color-white);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-gray-200);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-container{gap:1rem;gap:var(--spacing-md);justify-content:space-between;margin:0 auto;max-width:1440px;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.header-container,.header-logo{align-items:center;display:flex}.header-logo{color:#111827;color:var(--color-gray-900);font-weight:700;gap:.5rem;gap:var(--spacing-sm)}.logo-icon{background:#2563eb;background:var(--color-primary);border-radius:.5rem;border-radius:var(--radius-md);color:#fff;font-size:.875rem;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.logo-text{display:none}@media (min-width:768px){.logo-text{display:inline}}.header-nav{display:flex;gap:1rem;gap:var(--spacing-md)}.nav-link{border-radius:.5rem;border-radius:var(--radius-md);color:#4b5563;color:var(--color-gray-600);font-weight:500;padding:.5rem;padding:var(--spacing-sm);transition:all .15s ease;transition:all var(--transition-fast)}.nav-link.active,.nav-link:hover{background:#f3f4f6;background:var(--color-gray-100);color:#2563eb;color:var(--color-primary)}.compare-link{position:relative}.compare-badge{align-items:center;background:#2563eb;background:var(--color-primary);border-radius:9999px;border-radius:var(--radius-full);color:#fff;display:flex;font-size:.75rem;height:18px;justify-content:center;min-width:18px;position:absolute;right:-8px;top:-4px}.header-actions,.user-menu{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.user-name{color:#4b5563;color:var(--color-gray-600);display:none;font-size:.875rem}@media (min-width:768px){.user-name{display:inline}}.footer{background:#1f2937;background:var(--color-gray-800);color:#d1d5db;color:var(--color-gray-300);margin-top:auto;padding:1.5rem 1rem;padding:var(--spacing-lg) var(--spacing-md)}.footer-container{align-items:center;display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-md);margin:0 auto;max-width:1440px}@media (min-width:768px){.footer-container{flex-direction:row;justify-content:space-between}}.footer-nav{display:flex;gap:1.5rem;gap:var(--spacing-lg)}.footer-link{color:#9ca3af;color:var(--color-gray-400);font-size:.875rem}.footer-link:hover{color:#fff;color:var(--color-white)}.btn{align-items:center;border:1px solid #0000;border-radius:.5rem;border-radius:var(--radius-md);display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;min-height:44px;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-sm{font-size:.8125rem;min-height:36px;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.btn-primary{background:#2563eb;background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:#1d4ed8;background:var(--color-primary-dark)}.btn-secondary{background:#e5e7eb;background:var(--color-gray-200);color:#374151;color:var(--color-gray-700)}.btn-secondary:hover:not(:disabled){background:#d1d5db;background:var(--color-gray-300)}.btn-danger{background:#ef4444;background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-link{background:none;border:none;color:#2563eb;color:var(--color-primary);font-weight:500;padding:0}.btn-link:hover{text-decoration:underline}.item-list-page{display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-lg)}@media (min-width:1024px){.item-list-page{flex-direction:row}}.filter-sidebar{background:#fff;background:var(--color-white);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1rem;padding:var(--spacing-md)}@media (min-width:1024px){.filter-sidebar{flex-shrink:0;max-height:calc(100vh - 100px);overflow-y:auto;position:-webkit-sticky;position:sticky;top:80px;width:280px}}.filter-title{font-size:1.125rem;font-weight:600;margin:0 0 1rem;margin:0 0 var(--spacing-md)}.filter-group{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-gray-200);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding-bottom:1rem;padding-bottom:var(--spacing-md)}.filter-group:last-of-type{border-bottom:none}.filter-group-title{color:#374151;color:var(--color-gray-700);font-size:.875rem;font-weight:600;margin:0 0 .5rem;margin:0 0 var(--spacing-sm)}.filter-options{display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.filter-options-inline{flex-direction:row;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-sm)}.filter-checkbox{align-items:center;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;gap:var(--spacing-sm)}.filter-checkbox input{cursor:pointer;height:18px;width:18px}.filter-count{color:#9ca3af;color:var(--color-gray-400);font-size:.75rem}.filter-range{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.filter-range input{border:1px solid #d1d5db;border:1px solid var(--color-gray-300);border-radius:.5rem;border-radius:var(--radius-md);flex:1 1;font-size:.875rem;padding:.5rem;padding:var(--spacing-sm)}.filter-clear{margin-top:1rem;margin-top:var(--spacing-md);width:100%}.item-list-content{flex:1 1;min-width:0}.item-list-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-sm);justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.item-list-count{color:#4b5563;color:var(--color-gray-600);font-size:.875rem}.sort-dropdown{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.sort-dropdown label{color:#4b5563;color:var(--color-gray-600);font-size:.875rem}.sort-dropdown select{background:#fff;background:var(--color-white);border:1px solid #d1d5db;border:1px solid var(--color-gray-300);border-radius:.5rem;border-radius:var(--radius-md);font-size:.875rem;padding:.5rem;padding:var(--spacing-sm)}.item-grid{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:1fr}@media (min-width:768px){.item-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.item-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1440px){.item-grid{grid-template-columns:repeat(4,1fr)}}.item-grid.loading{opacity:.6;pointer-events:none}.item-card{background:#fff;background:var(--color-white);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .15s ease,box-shadow .15s ease;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.item-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.item-card-link{color:inherit;display:block}.item-card-image{aspect-ratio:4/3;background:#f3f4f6;background:var(--color-gray-100);overflow:hidden}.item-card-image img{height:100%;object-fit:cover;width:100%}.item-card-placeholder{align-items:center;color:#9ca3af;color:var(--color-gray-400);display:flex;height:100%;justify-content:center;width:100%}.item-card-content{padding:1rem;padding:var(--spacing-md)}.item-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:1rem;font-weight:600;margin:0 0 .25rem;margin:0 0 var(--spacing-xs);overflow:hidden}.item-card-meta{color:#6b7280;color:var(--color-gray-500);display:flex;font-size:.875rem;gap:.5rem;gap:var(--spacing-sm)}.item-card-meta,.item-card-price{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.item-card-price{color:#111827;color:var(--color-gray-900);font-size:1.125rem;font-weight:700}.item-card-badge{background:#f3f4f6;background:var(--color-gray-100);border-radius:9999px;border-radius:var(--radius-full);color:#4b5563;color:var(--color-gray-600);display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.badge-electric{background:#dcfce7;color:#166534}.badge-hybrid{background:#dbeafe;color:#1e40af}.badge-gasoline{background:#fef3c7;color:#92400e}.badge-diesel{background:#f3e8ff;color:#6b21a8}.item-card-compare{background:#f3f4f6;background:var(--color-gray-100);border:none;color:#374151;color:var(--color-gray-700);font-size:.875rem;font-weight:500;padding:.5rem;padding:var(--spacing-sm);transition:all .15s ease;transition:all var(--transition-fast);width:100%}.item-card-compare:hover:not(:disabled){background:#e5e7eb;background:var(--color-gray-200)}.item-card-compare.active{background:#2563eb;background:var(--color-primary);color:#fff}.item-card-compare:disabled{cursor:not-allowed;opacity:.5}.pagination{flex-wrap:wrap;gap:.25rem;gap:var(--spacing-xs);margin-top:2rem;margin-top:var(--spacing-xl)}.pagination,.pagination-btn{align-items:center;display:flex;justify-content:center}.pagination-btn{background:#fff;background:var(--color-white);border:1px solid #d1d5db;border:1px solid var(--color-gray-300);border-radius:.5rem;border-radius:var(--radius-md);color:#374151;color:var(--color-gray-700);font-size:.875rem;height:40px;min-width:40px;transition:all .15s ease;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:#f3f4f6;background:var(--color-gray-100);border-color:#9ca3af;border-color:var(--color-gray-400)}.pagination-btn.active{background:#2563eb;background:var(--color-primary);border-color:#2563eb;border-color:var(--color-primary);color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-ellipsis{color:#9ca3af;color:var(--color-gray-400);padding:0 .5rem;padding:0 var(--spacing-sm)}.item-detail-page{margin:0 auto;max-width:1200px}.breadcrumb{align-items:center;color:#6b7280;color:var(--color-gray-500);display:flex;font-size:.875rem;gap:.5rem;gap:var(--spacing-sm);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.breadcrumb a{color:#2563eb;color:var(--color-primary)}.item-detail-header{grid-gap:2rem;grid-gap:var(--spacing-xl);display:grid;gap:2rem;gap:var(--spacing-xl);margin-bottom:3rem;margin-bottom:var(--spacing-2xl)}@media (min-width:768px){.item-detail-header{grid-template-columns:1fr 1fr}}.item-images{background:#fff;background:var(--color-white);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);overflow:hidden}.item-main-image{aspect-ratio:4/3;object-fit:cover;width:100%}.item-image-placeholder{align-items:center;aspect-ratio:4/3;background:#f3f4f6;background:var(--color-gray-100);color:#9ca3af;color:var(--color-gray-400);display:flex;justify-content:center;width:100%}.item-info{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-md)}.item-title{font-size:1.5rem;font-weight:700;margin:0}@media (min-width:768px){.item-title{font-size:2rem}}.item-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-sm)}.item-brand,.item-year{color:#4b5563;color:var(--color-gray-600);font-size:.875rem}.item-badge{border-radius:9999px;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.item-price{color:#111827;color:var(--color-gray-900);font-size:2rem;font-weight:700}.item-stats{color:#4b5563;color:var(--color-gray-600);display:flex;font-size:.875rem;gap:1.5rem;gap:var(--spacing-lg)}.item-actions{margin-top:1rem;margin-top:var(--spacing-md)}.btn-compare{width:100%}@media (min-width:768px){.btn-compare{width:auto}}.item-specs{background:#fff;background:var(--color-white);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding:1.5rem;padding:var(--spacing-lg)}.item-specs h2{font-size:1.25rem;margin:0 0 1rem;margin:0 0 var(--spacing-md)}.specs-table{border-collapse:collapse;width:100%}.specs-table td,.specs-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-gray-200);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);text-align:left}.specs-table th{color:#4b5563;color:var(--color-gray-600);font-weight:500;width:40%}.specs-table td{color:#111827;color:var(--color-gray-900)}.item-detail-sections{grid-gap:2rem;grid-gap:var(--spacing-xl);display:grid;gap:2rem;gap:var(--spacing-xl)}.discussions-section,.price-history-section,.reviews-section{background:#fff;background:var(--color-white);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1.5rem;padding:var(--spacing-lg)}.discussions-section h2,.price-history-section h2,.reviews-section h2{font-size:1.25rem;margin:0 0 1rem;margin:0 0 var(--spacing-md)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.section-header h2{margin:0}.no-content{color:#6b7280;color:var(--color-gray-500);padding:2rem;padding:var(--spacing-xl);text-align:center}.review-card{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-gray-200);padding:1rem;padding:var(--spacing-md)}.review-card:last-child{border-bottom:none}.review-header{align-items:center;display:flex;gap:1rem;gap:var(--spacing-md);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.review-rating{color:#fbbf24}.review-title{font-size:1rem;font-weight:600;margin:0}.review-content{color:#374151;color:var(--color-gray-700);margin:.5rem 0;margin:var(--spacing-sm) 0}.review-footer{color:#6b7280;color:var(--color-gray-500);display:flex;font-size:.75rem;gap:1.5rem;gap:var(--spacing-lg)}.discussion-card{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-gray-200);padding:1rem;padding:var(--spacing-md)}.discussion-card:last-child{border-bottom:none}.discussion-title{font-size:1rem;font-weight:600;margin:0 0 .25rem;margin:0 0 var(--spacing-xs)}.discussion-preview{color:#4b5563;color:var(--color-gray-600);font-size:.875rem;margin:.5rem 0;margin:var(--spacing-sm) 0}.discussion-footer{color:#6b7280;color:var(--color-gray-500);display:flex;font-size:.75rem;gap:1.5rem;gap:var(--spacing-lg)}.price-stats{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}@media (min-width:768px){.price-stats{grid-template-columns:repeat(4,1fr)}}.price-stat{background:#f9fafb;background:var(--color-gray-50);border-radius:.5rem;border-radius:var(--radius-md);padding:1rem;padding:var(--spacing-md);text-align:center}.stat-label{color:#6b7280;color:var(--color-gray-500);display:block;font-size:.75rem;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.stat-value{color:#111827;color:var(--color-gray-900);font-size:1.25rem;font-weight:700}.comparison-page{max-width:100%;overflow-x:auto}.comparison-header{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-md);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}@media (min-width:768px){.comparison-header{align-items:center;flex-direction:row;justify-content:space-between}}.comparison-header h1{font-size:1.5rem;margin:0}.comparison-actions{display:flex;gap:.5rem;gap:var(--spacing-sm)}.comparison-empty{background:#fff;background:var(--color-white);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:3rem;padding:var(--spacing-2xl);text-align:center}.comparison-empty h2{margin:0 0 1rem;margin:0 0 var(--spacing-md)}.comparison-empty p{color:#4b5563;color:var(--color-gray-600);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.comparison-table-wrapper{background:#fff;background:var(--color-white);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);overflow-x:auto}.comparison-table{border-collapse:collapse;min-width:600px;width:100%}.comparison-table td,.comparison-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-gray-200);padding:1rem;padding:var(--spacing-md);text-align:left;vertical-align:top}.attribute-header{background:#f3f4f6;background:var(--color-gray-100);font-weight:600;left:0;min-width:150px;position:-webkit-sticky;position:sticky;z-index:1}.item-header{background:#f9fafb;background:var(--color-gray-50);min-width:200px}.item-header-content{align-items:flex-start;display:flex;gap:.5rem;gap:var(--spacing-sm);justify-content:space-between}.item-name{color:#111827;color:var(--color-gray-900);font-weight:600}.remove-btn{align-items:center;background:#e5e7eb;background:var(--color-gray-200);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#6b7280;color:var(--color-gray-500);display:flex;font-size:1rem;height:24px;justify-content:center;width:24px}.remove-btn:hover{background:#ef4444;background:var(--color-danger);color:#fff}.item-thumbnail{border-radius:.5rem;border-radius:var(--radius-md);height:auto;margin-top:.5rem;margin-top:var(--spacing-sm);max-width:150px;width:100%}.attribute-name{background:#fff;background:var(--color-white);color:#4b5563;color:var(--color-gray-600);font-weight:500;left:0;position:-webkit-sticky;position:sticky;z-index:1}.attribute-value{color:#111827;color:var(--color-gray-900)}.comparison-tips{background:#f3f4f6;background:var(--color-gray-100);border-radius:.5rem;border-radius:var(--radius-md);margin-top:2rem;margin-top:var(--spacing-xl);padding:1rem;padding:var(--spacing-md)}.comparison-tips h3{font-size:.875rem;margin:0 0 .5rem;margin:0 0 var(--spacing-sm)}.comparison-tips ul{margin:0;padding-left:1.5rem;padding-left:var(--spacing-lg)}.comparison-tips li{color:#4b5563;color:var(--color-gray-600);font-size:.875rem}.loading-container{align-items:center;color:#6b7280;color:var(--color-gray-500);display:flex;flex-direction:column;justify-content:center;padding:3rem;padding:var(--spacing-2xl)}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-top-color:#2563eb;border:4px solid var(--color-gray-200);border-radius:50%;border-top-color:var(--color-primary);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;border-radius:var(--radius-md);color:#dc2626;padding:1rem;padding:var(--spacing-md);text-align:center}.no-results{color:#6b7280;color:var(--color-gray-500)}.no-results,.not-found{padding:3rem;padding:var(--spacing-2xl);text-align:center}.not-found h1{color:#d1d5db;color:var(--color-gray-300);font-size:4rem;margin:0}.not-found-actions{display:flex;gap:1rem;gap:var(--spacing-md);justify-content:center;margin-top:1.5rem;margin-top:var(--spacing-lg)}.login-prompt{background:#f9fafb;background:var(--color-gray-50);border-radius:.5rem;border-radius:var(--radius-md)}.login-prompt,.section-loading{padding:1.5rem;padding:var(--spacing-lg);text-align:center}.section-loading{color:#6b7280;color:var(--color-gray-500)}.filter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.filter-active-count{align-items:center;background:#2563eb;background:var(--color-primary);border-radius:9999px;border-radius:var(--radius-full);color:#fff;display:inline-flex;font-size:.75rem;height:20px;justify-content:center;margin-left:.5rem;margin-left:var(--spacing-sm);min-width:20px}.filter-close-btn{background:none;border:none;color:#6b7280;color:var(--color-gray-500);display:none;font-size:1.5rem;padding:.25rem;padding:var(--spacing-xs)}@media (max-width:1023px){.filter-close-btn{display:block}}.filter-overlay{display:none}@media (max-width:1023px){.filter-overlay{background:#00000080;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:199}.filter-sidebar.mobile-open{border-radius:0;bottom:0;left:0;max-width:90vw;overflow-y:auto;position:fixed;top:0;width:320px;z-index:200}}.filter-content{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-md)}.filter-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-gray-200);margin-top:1.5rem;margin-top:var(--spacing-lg);padding-top:1rem;padding-top:var(--spacing-md)}.filter-clear-all{width:100%}.filter-group-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.filter-clear-btn{background:none;border:none;color:#2563eb;color:var(--color-primary);cursor:pointer;font-size:.75rem;padding:0}.filter-clear-btn:hover{text-decoration:underline}.filter-mode-toggle{background:#e5e7eb;background:var(--color-gray-200);border-radius:.5rem;border-radius:var(--radius-md);display:flex;gap:2px;margin-bottom:.5rem;margin-bottom:var(--spacing-sm);padding:2px}.filter-mode-btn{background:none;border:none;border-radius:.25rem;border-radius:var(--radius-sm);color:#4b5563;color:var(--color-gray-600);cursor:pointer;flex:1 1;font-size:.75rem;font-weight:500;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .15s ease;transition:all var(--transition-fast)}.filter-mode-btn.active{background:#fff;background:var(--color-white);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#111827;color:var(--color-gray-900)}.filter-search{margin-bottom:.5rem;margin-bottom:var(--spacing-sm);position:relative}.filter-search input{border:1px solid #d1d5db;border:1px solid var(--color-gray-300);border-radius:.5rem;border-radius:var(--radius-md);font-size:.875rem;padding:.5rem;padding:var(--spacing-sm);padding-right:2rem;width:100%}.filter-search-clear{background:none;border:none;color:#9ca3af;color:var(--color-gray-400);cursor:pointer;font-size:1rem;position:absolute;right:.5rem;right:var(--spacing-sm);top:50%;transform:translateY(-50%)}.filter-no-options{color:#6b7280;color:var(--color-gray-500);font-size:.875rem;padding:.5rem;padding:var(--spacing-sm);text-align:center}.filter-show-more{background:none;border:none;color:#2563eb;color:var(--color-primary);cursor:pointer;font-size:.875rem;padding:.5rem 0;padding:var(--spacing-sm) 0;text-align:left;width:100%}.filter-show-more:hover{text-decoration:underline}.filter-range-separator{color:#6b7280;color:var(--color-gray-500);font-size:.875rem}.filter-range-bounds{color:#9ca3af;color:var(--color-gray-400);display:flex;font-size:.75rem;justify-content:space-between;margin-top:.25rem;margin-top:var(--spacing-xs)}.filter-checkbox.checked{font-weight:500}.filter-checkbox-single,.filter-toggle{padding:.5rem 0;padding:var(--spacing-sm) 0}.filter-toggle{align-items:center;cursor:pointer;display:flex;justify-content:space-between}.filter-toggle-switch{height:24px;position:relative;width:44px}.filter-toggle-switch input{height:0;opacity:0;width:0}.filter-toggle-slider{background-color:#d1d5db;background-color:var(--color-gray-300);border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.filter-toggle-slider,.filter-toggle-slider:before{position:absolute;transition:.15s ease;transition:var(--transition-fast)}.filter-toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}.filter-toggle-switch input:checked+.filter-toggle-slider{background-color:#2563eb;background-color:var(--color-primary)}.filter-toggle-switch input:checked+.filter-toggle-slider:before{transform:translateX(20px)}.filter-button-group{display:flex;gap:.5rem;gap:var(--spacing-sm)}.filter-button{background:#fff;background:var(--color-white);border:1px solid #d1d5db;border:1px solid var(--color-gray-300);border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;flex:1 1;font-size:.875rem;padding:.5rem;padding:var(--spacing-sm);transition:all .15s ease;transition:all var(--transition-fast)}.filter-button.active,.filter-button:hover{border-color:#2563eb;border-color:var(--color-primary)}.filter-button.active{background:#2563eb;background:var(--color-primary);color:#fff}.filter-section.collapsed>:not(.filter-section-header){display:none}.filter-section-header{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-weight:600;justify-content:space-between;padding:.5rem 0;padding:var(--spacing-sm) 0;width:100%}.filter-section-toggle{color:#9ca3af;color:var(--color-gray-400)}.item-grid-loading{display:contents}.item-card-skeleton{background:#fff;background:var(--color-white);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);overflow:hidden}.skeleton-image{animation:shimmer 1.5s infinite;aspect-ratio:4/3;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%);background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:200% 100%}.skeleton-content{padding:1rem;padding:var(--spacing-md)}.skeleton-title{height:1.25rem;width:80%}.skeleton-meta,.skeleton-title{background:#e5e7eb;background:var(--color-gray-200);border-radius:.25rem;border-radius:var(--radius-sm);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.skeleton-meta{height:1rem;width:50%}.skeleton-price{background:#e5e7eb;background:var(--color-gray-200);border-radius:.25rem;border-radius:var(--radius-sm);height:1.5rem;width:40%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.item-grid-empty,.item-grid-error{grid-column:1/-1}.no-results-icon{color:#d1d5db;color:var(--color-gray-300);margin-bottom:1rem;margin-bottom:var(--spacing-md)}.item-card-stats{color:#6b7280;color:var(--color-gray-500);display:flex;font-size:.75rem;gap:1rem;gap:var(--spacing-md);margin-top:.5rem;margin-top:var(--spacing-sm)}.item-card-rating{color:#fbbf24}.vote-btn{align-items:center;background:none;border:1px solid #d1d5db;border:1px solid var(--color-gray-300);border-radius:.25rem;border-radius:var(--radius-sm);color:#6b7280;color:var(--color-gray-500);cursor:pointer;display:flex;justify-content:center;min-height:28px;min-width:28px;padding:.25rem;padding:var(--spacing-xs);transition:all .15s ease;transition:all var(--transition-fast)}.vote-btn:hover:not(:disabled){background:#f3f4f6;background:var(--color-gray-100)}.vote-btn.active.vote-up{background:#dcfce7;border-color:#22c55e;color:#22c55e}.vote-btn.active.vote-down{background:#fef2f2;border-color:#ef4444;color:#ef4444}.vote-btn:disabled{cursor:not-allowed;opacity:.5}.vote-score{font-weight:600;min-width:2rem;text-align:center}.vote-score.positive{color:#22c55e}.vote-score.negative{color:#ef4444}.discussion-votes,.review-votes{align-items:center;display:flex;gap:.25rem;gap:var(--spacing-xs)}.discussion-reply-form,.price-report-form,.request-item-form,.review-form{background:#f9fafb;background:var(--color-gray-50);border-radius:.75rem;border-radius:var(--radius-lg);margin-top:1.5rem;margin-top:var(--spacing-lg);padding:1.5rem;padding:var(--spacing-lg)}.form-title{font-size:1.125rem;margin:0 0 1rem;margin:0 0 var(--spacing-md)}.form-description{color:#4b5563;color:var(--color-gray-600);font-size:.875rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.form-group{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.form-row{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:1fr}@media (min-width:768px){.form-row{grid-template-columns:1fr 1fr}}.form-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.form-input,.form-select,.form-textarea{border:1px solid #d1d5db;border:1px solid var(--color-gray-300);border-radius:.5rem;border-radius:var(--radius-md);font-family:inherit;font-size:1rem;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:border-color .15s ease;transition:border-color var(--transition-fast);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-textarea{min-height:100px;resize:vertical}.form-char-count{color:#9ca3af;color:var(--color-gray-400);text-align:right}.form-char-count,.form-help{font-size:.75rem;margin-top:.25rem;margin-top:var(--spacing-xs)}.form-help{color:#6b7280;color:var(--color-gray-500)}.form-error{background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;border-radius:var(--radius-md);color:#dc2626}.form-error,.form-success{font-size:.875rem;margin-bottom:1rem;margin-bottom:var(--spacing-md);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.form-success{background:#dcfce7;border:1px solid #bbf7d0;border-radius:.5rem;border-radius:var(--radius-md);color:#166534}.form-actions{display:flex;gap:.5rem;gap:var(--spacing-sm);justify-content:flex-end;margin-top:1.5rem;margin-top:var(--spacing-lg)}.input-with-prefix{align-items:stretch;display:flex}.input-prefix{align-items:center;background:#f3f4f6;background:var(--color-gray-100);border:1px solid #d1d5db;border:1px solid var(--color-gray-300);border-radius:.5rem 0 0 .5rem;border-radius:var(--radius-md) 0 0 var(--radius-md);border-right:none;color:#6b7280;color:var(--color-gray-500);display:flex;padding:0 .5rem;padding:0 var(--spacing-sm)}.input-with-prefix .form-input{border-radius:0 .5rem .5rem 0;border-radius:0 var(--radius-md) var(--radius-md) 0}.show-details-btn{margin-top:.5rem;margin-top:var(--spacing-sm)}.form-details{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-gray-200);margin-top:1rem;margin-top:var(--spacing-md);padding-top:1rem;padding-top:var(--spacing-md)}.star-rating-input{align-items:center;display:flex;gap:.25rem;gap:var(--spacing-xs)}.star-btn{background:none;border:none;color:#d1d5db;color:var(--color-gray-300);cursor:pointer;font-size:1.75rem;padding:0;transition:transform .15s ease;transition:transform var(--transition-fast)}.star-btn:hover{transform:scale(1.1)}.star-btn.active{color:#fbbf24}.star-rating-text{color:#6b7280;color:var(--color-gray-500);font-size:.875rem;margin-left:.5rem;margin-left:var(--spacing-sm)}.price-chart{margin-top:1rem;margin-top:var(--spacing-md)}.price-chart-container{margin:1.5rem 0;margin:var(--spacing-lg) 0}.price-chart-empty{color:#6b7280;color:var(--color-gray-500);padding:2rem;padding:var(--spacing-xl);text-align:center}.price-chart-tooltip{background:#fff;background:var(--color-white);border:1px solid #e5e7eb;border:1px solid var(--color-gray-200);border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);padding:.5rem;padding:var(--spacing-sm)}.tooltip-header{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--color-gray-100);font-weight:600;margin-bottom:.25rem;margin-bottom:var(--spacing-xs);padding-bottom:.25rem;padding-bottom:var(--spacing-xs)}.tooltip-row{display:flex;font-size:.875rem;gap:1rem;gap:var(--spacing-md);justify-content:space-between}.tooltip-row-small{font-size:.75rem;margin-top:.25rem;margin-top:var(--spacing-xs)}.tooltip-label,.tooltip-row-small{color:#6b7280;color:var(--color-gray-500)}.tooltip-value{font-weight:500}.price-chart-legend{color:#6b7280;color:var(--color-gray-500);display:flex;font-size:.75rem;gap:1.5rem;gap:var(--spacing-lg);justify-content:center}.legend-item{align-items:center;display:flex;gap:.25rem;gap:var(--spacing-xs)}.legend-line{height:2px;width:16px}.legend-avg{background:#2563eb}.legend-max{background:#ef4444;border-top:1px dashed #ef4444;height:1px}.legend-min{background:#22c55e;border-top:1px dashed #22c55e;height:1px}.stat-value-low{color:#22c55e}.stat-value-high{color:#ef4444}.discussion-thread{max-width:800px}.discussion-back-btn{background:none;border:none;color:#2563eb;color:var(--color-primary);cursor:pointer;font-size:.875rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:0}.discussion-back-btn:hover{text-decoration:underline}.discussion-post{background:#fff;background:var(--color-white);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1.5rem;padding:var(--spacing-lg)}.discussion-original{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.discussion-post-header{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.discussion-post-title{font-size:1.5rem;margin:0 0 .5rem;margin:0 0 var(--spacing-sm)}.discussion-post-meta{color:#6b7280;color:var(--color-gray-500);display:flex;font-size:.875rem;gap:1rem;gap:var(--spacing-md)}.discussion-post-content{line-height:1.7}.discussion-post-content p{margin:0 0 1rem;margin:0 0 var(--spacing-md)}.discussion-post-content p:last-child{margin-bottom:0}.discussion-post-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-gray-200);margin-top:1.5rem;margin-top:var(--spacing-lg);padding-top:1rem;padding-top:var(--spacing-md)}.discussion-replies{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.discussion-replies-title{font-size:1.125rem;margin:0 0 1rem;margin:0 0 var(--spacing-md)}.discussion-replies-list{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-md)}.discussion-reply{background:#fff;background:var(--color-white);border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1rem;padding:var(--spacing-md)}.reply-header{display:flex;font-size:.875rem;gap:1rem;gap:var(--spacing-md);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.reply-number{color:#9ca3af;color:var(--color-gray-400)}.reply-author,.reply-number{font-weight:500}.reply-date{color:#6b7280;color:var(--color-gray-500)}.reply-content{line-height:1.6}.reply-content p{margin:0 0 .5rem;margin:0 0 var(--spacing-sm)}.reply-content p:last-child{margin-bottom:0}.discussion-title-btn{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0;text-align:left}.discussion-title-btn:hover{color:#2563eb;color:var(--color-primary)}.pagination-next,.pagination-prev{align-items:center;display:flex;gap:.25rem;gap:var(--spacing-xs)}.pagination-btn-icon{font-size:1.25rem}.pagination-btn-text{display:none}@media (min-width:768px){.pagination-btn-text{display:inline}}.mobile-filter-btn{background:#2563eb;background:var(--color-primary);border:none;border-radius:9999px;border-radius:var(--radius-full);bottom:1.5rem;bottom:var(--spacing-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#fff;display:none;font-weight:500;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);position:fixed;right:1.5rem;right:var(--spacing-lg);z-index:50}@media (max-width:1023px){.mobile-filter-btn{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}}
/*# sourceMappingURL=main.70ffba97.css.map*/