:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color:#1e293b;background-color:#f1f5f9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}#root{width:100%}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f1f5f9;color:#1e293b}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:1.25rem 1rem;text-align:center;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #00000026}.app-header h1{font-size:1.25rem;margin-bottom:.25rem}.app-header p{opacity:.9;font-size:.85rem}.app-main{flex:1;max-width:1400px;margin:0 auto;padding:1rem;width:100%}.filters{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.filters input,.filters select{padding:.875rem 1rem;border:1px solid #e2e8f0;border-radius:10px;font-size:16px;background:#fff;color:#1e293b;width:100%}.filters select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;-webkit-appearance:none}.products-grid{display:grid;grid-template-columns:1fr;gap:1rem}.product-card{background:#fff;border-radius:12px;padding:.875rem;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;height:270px;position:relative;overflow:hidden}.card-header-area{flex-shrink:0;margin-bottom:.5rem;padding-right:75px}.card-header{display:block}.card-title{font-size:1rem;font-weight:600;color:#1e293b;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:2.5rem;margin:0;word-break:break-word}.card-title-unit{font-size:.75rem;font-weight:400;color:#94a3b8;margin-left:.25rem}.card-badges{position:absolute;top:.625rem;right:.625rem;display:flex;flex-direction:column;gap:.25rem;align-items:flex-end}.badge{display:flex;align-items:center;gap:.25rem;padding:.3rem .5rem;border-radius:6px;font-size:.6rem;line-height:1;font-weight:500}.badge-icon{font-size:.7rem;opacity:.8}.badge-number{font-weight:700;font-size:.7rem}.badge-label{font-weight:500;opacity:.85}.variant-badge{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.store-badge{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.card-category{font-size:.7rem;color:#64748b;display:block;margin-top:.25rem}.card-price-section{flex-shrink:0;margin-bottom:.375rem}.hero-price{font-size:1.5rem;font-weight:800;color:#16a34a;line-height:1.1}.price-range{display:flex;align-items:baseline;gap:.375rem;line-height:1.1}.price-range .price-low{font-size:1.35rem;font-weight:700;color:#16a34a}.price-range .price-dash{font-size:1rem;color:#94a3b8;font-weight:400}.price-range .price-high{font-size:1.35rem;font-weight:700;color:#dc2626}.savings-badge{display:inline-block;font-size:.6rem;padding:.2rem .4rem;background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;border-radius:4px;font-weight:600;margin-top:.25rem}.unit-price-hint{font-size:.65rem;color:#059669;font-weight:500;margin-bottom:.5rem;flex-shrink:0}.card-stores-container{flex:1;display:flex;flex-direction:column;min-height:88px;max-height:88px;overflow:hidden;margin-bottom:.5rem}.card-stores{display:flex;flex-direction:column;gap:.25rem}.card-store-item{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;background:#f8fafc;border-radius:6px;font-size:.8rem;height:32px;flex-shrink:0}.card-store-item.cheapest{background:#f0fdf4;border:1px solid #bbf7d0}.card-store-item.placeholder{background:transparent;border:1px dashed #e2e8f0;justify-content:center}.card-store-icon{font-size:.9rem;flex-shrink:0;width:18px;text-align:center}.card-store-name{flex:1;color:#475569;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.75rem}.card-store-price{font-weight:700;color:#1e293b;font-size:.8rem}.card-store-price.best{color:#16a34a}.card-store-price-wrap{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.card-store-unit{font-size:.6rem;color:#94a3b8;font-weight:400}.card-store-unit-price{font-size:.55rem;color:#64748b;font-weight:400}.no-other-sources{font-size:.7rem;color:#94a3b8;font-style:italic}.more-stores-link{font-size:.65rem;color:#2563eb;text-align:center;padding:.25rem;cursor:pointer;height:20px;flex-shrink:0}.more-stores-link:hover{text-decoration:underline}.card-footer{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding-top:.5rem;border-top:1px solid #f1f5f9;flex-shrink:0;margin-top:auto}.freshness{font-size:.6rem;color:#94a3b8}.compare-btn{padding:.5rem .875rem;border:none;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;background:#2563eb;color:#fff;transition:background .15s}.compare-btn:hover{background:#1d4ed8}.compare-btn:active{background:#1e40af}.sort-select{min-width:130px}.loading,.no-results,.no-data{text-align:center;padding:3rem 1rem;color:#64748b}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:flex-end;justify-content:center;z-index:1000}.modal-overlay.trend-modal{z-index:1100}.modal-content{background:#fff;border-radius:20px 20px 0 0;width:100%;max-height:90vh;overflow-y:auto;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom));animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-content.wide{max-width:100%}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e2e8f0}.modal-header h2{font-size:1.25rem;color:#1e293b}.modal-subtitle{display:block;font-size:.85rem;color:#64748b;margin-top:.25rem}.close-btn{background:#f1f5f9;border:none;font-size:1.25rem;cursor:pointer;color:#64748b;padding:.5rem .75rem;border-radius:8px}.comparison-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem}.stat{text-align:center;padding:.75rem .5rem;background:#f8fafc;border-radius:8px}.stat .label{display:block;font-size:.7rem;color:#64748b;margin-bottom:.125rem;text-transform:uppercase}.stat .value{font-size:1rem;font-weight:600;color:#1e293b}.stat.best{background:#dcfce7}.stat.best .value{color:#16a34a}.stat.savings{background:#dbeafe}.stat.savings .value{color:#2563eb}.stat.up .value{color:#dc2626}.stat.down .value{color:#16a34a}.variant-tabs{margin-bottom:1rem}.tabs-label{display:block;font-size:.8rem;color:#64748b;margin-bottom:.5rem}.tabs-container{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.variant-tab{display:flex;flex-direction:column;align-items:flex-start;padding:.625rem .875rem;border:1px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;white-space:nowrap;min-width:fit-content;transition:all .2s}.variant-tab:hover{border-color:#2563eb}.variant-tab.active{background:#2563eb;border-color:#2563eb;color:#fff}.variant-tab .tab-price{font-size:.75rem;color:#64748b;margin-top:.125rem}.variant-tab.active .tab-price{color:#fffc}.variant-details{margin-bottom:1.5rem}.variant-title{font-size:1rem;color:#1e293b;margin-bottom:.75rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.variant-price-range{font-size:.85rem;font-weight:500;color:#64748b}.source-cards{display:grid;grid-template-columns:1fr;gap:.75rem}.source-card{padding:.875rem;border-radius:10px;background:#f8fafc;border:2px solid transparent}.source-card.best-price{background:#f0fdf4;border-color:#86efac}.source-card.good-price{background:#f0fdf4}.source-card.mid-price{background:#fffbeb}.source-card.bad-price{background:#fef2f2}.source-card.worst-price{background:#fef2f2;border-color:#fca5a5}.source-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem}.source-card-name{font-size:.85rem;color:#64748b}.best-badge{font-size:.65rem;padding:.125rem .375rem;background:#16a34a;color:#fff;border-radius:4px;font-weight:600}.source-card-price{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:.25rem}.source-card.best-price .source-card-price,.source-card.good-price .source-card-price{color:#16a34a}.source-card.mid-price .source-card-price{color:#f59e0b}.source-card.bad-price .source-card-price,.source-card.worst-price .source-card-price{color:#dc2626}.source-card-size{font-size:.75rem;color:#64748b;margin-bottom:.25rem}.source-card-unit-price{font-size:.8rem;color:#059669;font-weight:600;margin-bottom:.5rem;padding:.25rem .5rem;background:#ecfdf5;border-radius:4px;display:inline-block}.source-card-actions{display:flex;gap:.5rem}.source-card-actions button,.source-card-actions a{flex:1;padding:.5rem;border:none;border-radius:6px;font-size:.75rem;cursor:pointer;text-decoration:none;text-align:center}.source-card-actions button{background:#2563eb;color:#fff}.source-card-actions a{background:#fff;color:#64748b;border:1px solid #e2e8f0}.full-comparison{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e2e8f0}.full-comparison h3{font-size:.9rem;color:#64748b;margin-bottom:.75rem}.comparison-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.comparison-matrix{width:100%;border-collapse:collapse;font-size:.8rem;min-width:500px}.comparison-matrix th,.comparison-matrix td{padding:.625rem .5rem;text-align:center;border-bottom:1px solid #e2e8f0}.comparison-matrix th{background:#f8fafc;font-weight:600;color:#64748b;white-space:nowrap}.comparison-matrix .variant-cell{text-align:left;background:#f8fafc;min-width:120px}.comparison-matrix .variant-cell .variant-name{display:block;font-weight:500;color:#1e293b}.comparison-matrix .variant-cell .variant-range{display:block;font-size:.7rem;color:#64748b;margin-top:.125rem}.price-cell{min-width:80px}.price-cell.best-price,.price-cell.good-price{background:#f0fdf4}.price-cell.mid-price{background:#fffbeb}.price-cell.bad-price,.price-cell.worst-price{background:#fef2f2}.price-cell.no-price{background:#f8fafc}.price-button{background:none;border:none;cursor:pointer;font-weight:600;padding:.25rem;border-radius:4px;transition:background .2s}.price-button:hover{background:#0000000d}.best-price .price-button,.good-price .price-button{color:#16a34a}.mid-price .price-button{color:#f59e0b}.bad-price .price-button,.worst-price .price-button{color:#dc2626}.price-button .size-info{display:block;font-size:.65rem;font-weight:400;color:#94a3b8}.price-button .unit-price-info{display:block;font-size:.6rem;font-weight:500;color:#059669}.no-price-text{color:#cbd5e1}.price-legend{display:flex;justify-content:center;gap:.75rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid #e2e8f0;flex-wrap:wrap}.legend-item{font-size:.65rem;color:#64748b}.legend-item.best-price{color:#16a34a}.legend-item.good-price{color:#22c55e}.legend-item.mid-price{color:#f59e0b}.legend-item.bad-price{color:#f87171}.legend-item.worst-price{color:#dc2626}.variant-selector{margin-bottom:1rem}.variant-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.selector-label{font-size:.8rem;color:#64748b;font-weight:500}.view-all-btn{font-size:.75rem;color:#2563eb;background:none;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:4px}.view-all-btn:hover{background:#eff6ff}.variant-pills{display:flex;flex-wrap:wrap;gap:.5rem}.variant-pill{display:flex;flex-direction:column;align-items:flex-start;padding:.5rem .75rem;border:1px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;transition:all .15s}.variant-pill:hover{border-color:#2563eb;background:#f8fafc}.variant-pill.active{background:#2563eb;border-color:#2563eb;color:#fff}.variant-pill .pill-name{font-size:.8rem;font-weight:500}.variant-pill .pill-price{font-size:.7rem;color:#64748b;margin-top:.125rem}.variant-pill.active .pill-price{color:#fffc}.store-filter{margin-bottom:1rem;padding:.75rem;background:#f8fafc;border-radius:8px}.filter-label{display:block;font-size:.75rem;color:#64748b;margin-bottom:.5rem}.store-toggles{display:flex;flex-wrap:wrap;gap:.375rem}.store-toggle{display:flex;align-items:center;gap:.25rem;padding:.375rem .5rem;border:1px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer;font-size:.7rem;transition:all .15s;opacity:.5}.store-toggle.active{opacity:1;border-color:#2563eb;background:#eff6ff}.store-toggle .toggle-icon{font-size:.9rem}.store-toggle .toggle-name{color:#64748b;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-toggle{display:flex;gap:.25rem;margin-bottom:1rem;padding:.25rem;background:#f1f5f9;border-radius:8px;width:fit-content}.view-toggle button{padding:.5rem 1rem;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:.8rem;color:#64748b;transition:all .15s}.view-toggle button.active{background:#fff;color:#1e293b;box-shadow:0 1px 2px #0000001a}.store-list-view{margin-bottom:1rem}.section-title{font-size:1rem;color:#1e293b;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.store-count{font-size:.75rem;color:#64748b;font-weight:400}.store-list{display:flex;flex-direction:column;gap:.5rem}.store-row{display:flex;align-items:center;padding:.625rem .75rem;background:#f8fafc;border-radius:8px;border:2px solid transparent;gap:.5rem}.store-row.best{background:#f0fdf4;border-color:#86efac}.store-row.good-price{background:#f0fdf4}.store-row.mid-price{background:#fffbeb}.store-row.bad-price{background:#fef2f2}.store-row.worst-price{background:#fef2f2;border-color:#fca5a5}.store-info{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.store-info .store-icon{font-size:1.1rem;flex-shrink:0}.store-info .store-name{font-size:.8rem;font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.best-tag{font-size:.55rem;padding:.15rem .35rem;background:#16a34a;color:#fff;border-radius:4px;font-weight:600;flex-shrink:0}.bulk-tag{font-size:.55rem;padding:.15rem .35rem;background:#8b5cf6;color:#fff;border-radius:4px;font-weight:600;flex-shrink:0}.store-pricing{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.price-main{display:flex;align-items:baseline;gap:.25rem}.price-value{font-size:1rem;font-weight:700;color:#1e293b}.store-row.best .price-value,.store-row.good-price .price-value{color:#16a34a}.store-row.mid-price .price-value{color:#f59e0b}.store-row.bad-price .price-value,.store-row.worst-price .price-value{color:#dc2626}.price-diff{font-size:.6rem;color:#dc2626;font-weight:500}.price-details{display:flex;gap:.375rem;margin-top:.125rem}.size-text{font-size:.6rem;color:#94a3b8}.unit-price-text{font-size:.55rem;color:#059669;font-weight:500}.store-actions{display:flex;gap:.375rem;flex-shrink:0}.action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer;font-size:.9rem;text-decoration:none;transition:all .15s}.action-btn.text-btn{width:auto;padding:.375rem .625rem;font-size:.7rem;gap:.25rem;color:#64748b}.action-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.comparison-matrix th .th-icon{display:block;font-size:1rem;margin-bottom:.125rem}.comparison-matrix th .th-name{display:block;font-size:.65rem;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comparison-matrix tr.selected-row{background:#eff6ff}.comparison-matrix tr.selected-row .variant-cell{background:#dbeafe}.price-button .cell-price{display:block;font-size:.8rem}.price-button .cell-unit{display:block;font-size:.6rem;color:#059669;font-weight:500}.time-filter{display:flex;gap:.5rem;margin-bottom:1rem}.time-filter button{padding:.5rem 1rem;border:1px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer;font-size:.85rem}.time-filter button.active{background:#2563eb;color:#fff;border-color:#2563eb}.price-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1rem}.chart-container{margin-bottom:1rem}@media(min-width:640px){.app-header{padding:1.5rem}.app-header h1{font-size:1.5rem}.app-main{padding:1.5rem}.filters{flex-direction:row}.filters input{flex:1;min-width:200px}.filters select{min-width:150px;width:auto}.products-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.modal-overlay{align-items:center;padding:1rem}.modal-content{border-radius:16px;max-width:700px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-content.wide{max-width:900px}.source-cards{grid-template-columns:repeat(2,1fr)}.price-stats{grid-template-columns:repeat(5,1fr)}}@media(min-width:1024px){.app-header{padding:2rem}.app-header h1{font-size:2rem}.app-main{padding:2rem}.products-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}.source-cards{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.products-grid{grid-template-columns:repeat(4,1fr)}}