:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#2d3436;background-color:#f8f9fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color: #a8d5e5;--secondary-color: #f9d5e5;--accent-color: #95b8d1;--background-color: #f8f9fa;--text-color: #2d3436}.app-container{max-width:100%;margin:0;padding:1rem;text-align:left;background-color:var(--background-color);min-height:100vh}header{margin-bottom:2rem}h1{font-size:1.5rem;color:var(--text-color);margin-bottom:1rem;text-align:center}nav{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}button{background-color:var(--primary-color);border:none;padding:.75rem 1.5rem;border-radius:25px;font-size:1rem;color:var(--text-color);cursor:pointer;transition:background-color .2s ease}button:hover{background-color:var(--accent-color)}button.active{background-color:var(--secondary-color)}main{padding:1rem;background-color:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a}@media (min-width: 768px){.app-container{padding:2rem;max-width:768px;margin:0 auto}h1{font-size:2rem}}.add-page{display:flex;flex-direction:column;gap:2rem}.add-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}label{font-size:.9rem;color:var(--text-color);font-weight:500}input,select{padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;background-color:#fff}input:focus,select:focus{outline:2px solid var(--primary-color);border-color:var(--primary-color)}.form-actions{display:flex;gap:1rem;margin-top:1rem}.submit-button{flex:1;background-color:var(--accent-color);color:#fff;padding:1rem}.cancel-button{flex:1;background-color:#e0e0e0;color:var(--text-color);padding:1rem}.entries-list{display:flex;flex-direction:column;gap:1rem}.entries-list h2{font-size:1.2rem;color:var(--text-color);margin-bottom:.5rem}.entry-card{background-color:#fff;padding:1rem;border-radius:8px;box-shadow:0 1px 3px #0000001a;transition:background-color .2s ease}.entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.entry-header h3{font-size:1.1rem;margin:0}.entry-details{color:var(--text-color);font-weight:500}.entry-store{color:#666;font-size:.9rem}.entry-date{color:#888;font-size:.8rem;margin-top:.5rem}.entry-actions{display:flex;gap:.5rem}.edit-button{background-color:var(--primary-color);color:var(--text-color);padding:.5rem 1rem;font-size:.9rem}.delete-button{background-color:#ffebee;color:#d32f2f;padding:.5rem 1rem;font-size:.9rem}@media (max-width: 600px){.form-row{grid-template-columns:1fr}}.edit-form{padding:1rem}.edit-form-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.5rem}.edit-form-row:last-of-type{grid-template-columns:1fr 1fr 1fr}.edit-form input,.edit-form select{padding:.5rem;font-size:.9rem}.edit-form-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.save-button{background-color:var(--accent-color);color:#fff;padding:.5rem 1rem;font-size:.9rem}.edit-form-group{display:flex;flex-direction:column;gap:.25rem}.edit-form-group label{font-size:.8rem;color:var(--text-color);font-weight:500}.edit-form input,.edit-form select{padding:.5rem;font-size:.9rem;width:100%}.autocomplete{position:relative;width:100%}.autocomplete input{width:100%;box-sizing:border-box}.suggestions{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 8px 8px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 2px 4px #0000001a}.suggestions li{padding:.75rem;cursor:pointer;transition:all .2s ease}.suggestions li:hover{background-color:var(--primary-color)!important;opacity:.8}input{position:relative;z-index:1}.browse-page{display:flex;flex-direction:column;gap:2rem}.item-selector{display:flex;flex-direction:column;gap:.5rem}.item-selector select{padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;background-color:#fff}.analysis-container{display:flex;flex-direction:column;gap:2rem}.price-summary h2{margin-bottom:1rem;color:var(--text-color)}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.summary-card{background-color:#fff;padding:1rem;border-radius:8px;box-shadow:0 1px 3px #0000001a}.summary-card h3{color:var(--text-color);margin-bottom:.5rem;font-size:1rem}.summary-card .price{font-size:1.5rem;font-weight:600;color:var(--accent-color);margin-bottom:.5rem}.summary-card .store{color:var(--text-color);margin-bottom:.25rem}.summary-card .date{color:#666;font-size:.9rem}.price-history{background-color:#fff;padding:1rem;border-radius:8px;box-shadow:0 1px 3px #0000001a}.price-history h3{margin-bottom:1rem;color:var(--text-color)}.chart-container{margin:1rem 0}.store-comparison h3{margin-bottom:1rem;color:var(--text-color)}.store-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.store-card{background-color:#fff;padding:1rem;border-radius:8px;box-shadow:0 1px 3px #0000001a}.store-card h4{color:var(--text-color);margin-bottom:.5rem}.store-card .price{font-size:1.2rem;font-weight:600;color:var(--accent-color);margin-bottom:.5rem}.store-card .date{color:#666;font-size:.9rem}@media (max-width: 600px){.summary-cards,.store-cards{grid-template-columns:1fr}}