.site-header{height:56px;background:hsla(0,0%,100%,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--primary-200);position:-webkit-sticky;position:sticky;top:0;z-index:100}@media (min-width:768px){.site-header{height:64px}}.header-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-4);display:flex;justify-content:space-between;align-items:center;height:100%}@media (min-width:768px){.header-container{padding:0 var(--spacing-6)}}.logo{display:flex;align-items:center;gap:var(--spacing-2);text-decoration:none;flex-shrink:0}.logo-icon{font-size:var(--text-xl)}.logo-text{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--primary-900);letter-spacing:-.02em}@media (min-width:768px){.logo-text{font-size:var(--text-lg)}}.header-nav{display:flex;align-items:center;gap:var(--spacing-1)}@media (min-width:768px){.header-nav{gap:var(--spacing-2)}}.nav-button{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);color:var(--primary-600);background:transparent;border:none;cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-md);transition:all .15s ease;text-decoration:none}.nav-label{display:none}@media (min-width:640px){.nav-label{display:inline}}@media (min-width:768px){.nav-button{gap:var(--spacing-2);font-size:var(--text-sm);padding:var(--spacing-2) var(--spacing-3)}}.nav-button:hover{color:var(--primary-900);background:var(--primary-50)}.nav-icon{font-size:var(--text-base)}.user-avatar{width:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);flex-shrink:0}.sign-in-btn,.user-avatar{height:32px;background:var(--accent-blue);color:var(--white);font-weight:var(--font-semibold);margin-left:var(--spacing-2)}.sign-in-btn{padding:0 var(--spacing-3);font-size:var(--text-xs);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;white-space:nowrap}@media (min-width:768px){.sign-in-btn{font-size:var(--text-sm);padding:0 var(--spacing-4);height:36px}}.sign-in-btn:hover{background:var(--accent-blue-hover)}.hero{padding:var(--spacing-8) var(--spacing-4) var(--spacing-8);max-width:900px;margin:0 auto;text-align:center}@media (min-width:768px){.hero{padding:var(--spacing-16) var(--spacing-6) var(--spacing-12)}}.hero-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:var(--primary-50);border:1px solid var(--primary-200);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--primary-600);margin-bottom:var(--spacing-6)}@media (min-width:768px){.hero-badge{font-size:var(--text-sm);margin-bottom:var(--spacing-8)}}.hero-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--primary-900);margin-bottom:var(--spacing-2);letter-spacing:-.02em;line-height:var(--leading-tight)}@media (min-width:768px){.hero-title{font-size:var(--text-3xl);margin-bottom:var(--spacing-3)}}@media (min-width:1024px){.hero-title{font-size:var(--text-4xl)}}.hero-subtitle{font-size:var(--text-base);color:var(--primary-500);font-weight:var(--font-regular);margin-bottom:var(--spacing-8);line-height:var(--leading-relaxed);max-width:600px;margin-left:auto;margin-right:auto}@media (min-width:768px){.hero-subtitle{font-size:var(--text-lg);margin-bottom:var(--spacing-10)}}.hero-features{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-3);gap:var(--spacing-3);margin-bottom:var(--spacing-8);text-align:left}@media (min-width:640px){.hero-features{grid-template-columns:repeat(3,1fr);gap:var(--spacing-4)}}.feature-card{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--white);border:1px solid var(--primary-200);border-radius:var(--radius-xl);transition:all .2s ease}.feature-card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-card.feature-primary{border-color:var(--accent-blue);background:linear-gradient(135deg,rgba(37,99,235,.03),rgba(37,99,235,.08))}.feature-emoji{font-size:var(--text-2xl);flex-shrink:0;margin-top:2px}.feature-content{flex:1 1}.feature-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--primary-900);margin-bottom:var(--spacing-1)}.feature-desc{font-size:var(--text-xs);color:var(--primary-500);margin:0;line-height:var(--leading-normal)}@media (min-width:768px){.feature-name{font-size:var(--text-base)}.feature-desc{font-size:var(--text-sm)}}.hero-cta{margin-top:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-3);align-items:center}@media (min-width:768px){.hero-cta{margin-top:var(--spacing-10);flex-direction:row;justify-content:center;gap:var(--spacing-4)}}.cta-button{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 var(--spacing-6);font-size:var(--text-base);font-weight:var(--font-semibold);border-radius:var(--radius-lg);cursor:pointer;transition:all .15s ease;text-decoration:none;min-width:200px}@media (min-width:768px){.cta-button{height:56px;padding:0 var(--spacing-8);font-size:var(--text-lg);min-width:220px}}.cta-button.primary{background:var(--accent-blue);color:var(--white);border:none}.cta-button.primary:hover{background:var(--accent-blue-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.cta-button.secondary{background:var(--white);color:var(--primary-700);border:2px solid var(--primary-200)}.cta-button.secondary:hover{border-color:var(--primary-400);background:var(--primary-50)}.receipt-scanner{padding:var(--spacing-8) var(--spacing-4);max-width:800px;margin:0 auto}@media (min-width:768px){.receipt-scanner{padding:var(--spacing-12) var(--spacing-6)}}.scanner-container{display:flex;flex-direction:column;align-items:center}.scanner-header{text-align:center;margin-bottom:var(--spacing-6)}.scanner-badge{display:inline-block;font-size:var(--text-xs);color:var(--white);background:var(--accent-blue);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.scanner-badge,.scanner-title{font-weight:var(--font-bold);margin-bottom:var(--spacing-3)}.scanner-title{font-size:var(--text-2xl);color:var(--primary-900)}@media (min-width:768px){.scanner-title{font-size:var(--text-3xl)}}.scanner-subtitle{font-size:var(--text-sm);color:var(--primary-600);max-width:520px;margin:0 auto;line-height:1.6}@media (min-width:768px){.scanner-subtitle{font-size:var(--text-base)}}.scanner-benefits{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-wrap:wrap;justify-content:center}.benefit{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--primary-700);background:var(--primary-50);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);border:1px solid var(--primary-200)}.benefit-icon{font-size:var(--text-lg)}.benefit-text{font-weight:var(--font-medium)}.upload-zone{width:100%;max-width:500px;border:2px dashed var(--primary-300);border-radius:var(--radius-xl);padding:var(--spacing-10) var(--spacing-6);display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all .2s ease;background:var(--primary-50);margin-bottom:var(--spacing-4)}.upload-zone:hover{border-color:var(--accent-blue);background:rgba(37,99,235,.04)}.upload-zone.drag-active{border-color:var(--accent-blue);background:rgba(37,99,235,.08);border-style:solid}.upload-zone.scanning{cursor:default;border-color:var(--accent-blue);background:rgba(37,99,235,.04)}.file-input{display:none}.upload-icon{font-size:48px;margin-bottom:var(--spacing-4)}.upload-main{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--primary-900)}.upload-main,.upload-sub{margin-bottom:var(--spacing-2)}.upload-sub{font-size:var(--text-sm);color:var(--primary-500)}.upload-formats{font-size:var(--text-xs);color:var(--primary-400)}.scan-progress{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4)}.scan-spinner{width:40px;height:40px;border:3px solid var(--primary-200);border-top-color:var(--accent-blue);border-radius:50%;animation:spin .8s linear infinite}.scan-text{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--accent-blue)}.scan-error{display:flex;align-items:center;gap:var(--spacing-2);width:100%;max-width:500px;padding:var(--spacing-3) var(--spacing-4);background:var(--error-100);border:1px solid #fca5a5;border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--error-600)}.error-icon{flex-shrink:0}.error-dismiss{margin-left:auto;background:none;border:none;color:var(--error-600);cursor:pointer;font-size:var(--text-base)}.auth-prompt{text-align:center;margin-top:var(--spacing-3)}.auth-prompt-text{font-size:var(--text-sm);color:var(--primary-500);margin:0}.auth-prompt-btn{background:none;border:none;color:var(--accent-blue);font-weight:var(--font-semibold);cursor:pointer;font-size:var(--text-sm)}.auth-prompt-btn:hover{text-decoration:underline}.review-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:var(--spacing-4);overflow-y:auto}.review-modal{background:var(--white);border-radius:var(--radius-xl);width:100%;max-width:560px;margin:var(--spacing-8) auto;box-shadow:var(--shadow-xl);animation:reviewSlideUp .3s ease;overflow:hidden}@keyframes reviewSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.review-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-5) var(--spacing-5) var(--spacing-3)}.review-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--primary-900);margin-bottom:var(--spacing-1)}.review-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-3);font-size:var(--text-sm);color:var(--primary-500);margin:0}.review-meta span{display:inline-flex;align-items:center}.review-close{background:none;border:none;font-size:var(--text-xl);color:var(--primary-400);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);flex-shrink:0}.review-close:hover{background:var(--primary-100);color:var(--primary-900)}.confidence-bar{margin:0 var(--spacing-5);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold);text-align:center}.confidence-bar.high{background:var(--success-100);color:var(--success-600)}.confidence-bar.medium{background:var(--warning-100);color:var(--warning-700)}.confidence-bar.low{background:var(--error-100);color:var(--error-600)}.review-items{padding:var(--spacing-4) var(--spacing-5);max-height:50vh;overflow-y:auto}.items-count{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--primary-600);margin:0 0 var(--spacing-3) 0}.review-item{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--radius-lg);border:1px solid var(--primary-200);margin-bottom:var(--spacing-2);transition:all .15s ease}.review-item.deselected{opacity:.4;background:var(--primary-50)}.review-item.low-confidence{border-color:var(--warning-300)}.item-check{width:24px;height:24px;border:2px solid var(--primary-300);border-radius:var(--radius-sm);background:var(--white);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--white);margin-top:2px;transition:all .15s ease}.item-check.checked{background:var(--accent-blue);border-color:var(--accent-blue)}.item-details{flex:1 1;min-width:0}.item-name-line{display:flex;align-items:baseline;gap:var(--spacing-2);margin-bottom:var(--spacing-1);flex-wrap:wrap}.item-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--primary-900)}.item-size{font-size:var(--text-xs);color:var(--primary-500);background:var(--primary-100);padding:1px var(--spacing-2);border-radius:var(--radius-sm)}.item-price-line{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.item-price{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--primary-900)}.item-per-unit,.item-price{font-family:var(--font-mono)}.item-per-unit{font-size:var(--text-xs);color:var(--primary-500)}.item-warning{font-size:var(--text-xs);color:var(--warning-700)}.item-edit-form{display:flex;flex-direction:column;gap:var(--spacing-2)}.item-edit-input{height:36px;padding:0 var(--spacing-3);border:2px solid var(--accent-blue);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--primary-900)}.item-edit-row{display:flex;gap:var(--spacing-2)}.item-edit-small{flex:1 1;height:32px;padding:0 var(--spacing-2);border:1px solid var(--primary-200);border-radius:var(--radius-md);font-size:var(--text-xs);min-width:0}.item-edit-done{height:30px;padding:0 var(--spacing-3);background:var(--accent-blue);color:var(--white);border:none;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;align-self:flex-start}.item-actions{display:flex;gap:var(--spacing-1);flex-shrink:0}.item-edit-btn,.item-remove-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;border-radius:var(--radius-sm);font-size:var(--text-sm)}.item-edit-btn:hover{background:var(--primary-100)}.item-remove-btn:hover{background:var(--error-100)}.review-actions{display:flex;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);border-top:1px solid var(--primary-200);background:var(--primary-50)}.review-cancel{flex:1 1;height:48px;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--primary-700);background:var(--white);border:2px solid var(--primary-200);border-radius:var(--radius-lg);cursor:pointer}.review-cancel:hover{border-color:var(--primary-300)}.review-save{flex:2 1;height:48px;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--white);background:var(--success-600);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .15s ease}.review-save:hover:not(:disabled){background:#047857;transform:translateY(-1px);box-shadow:var(--shadow-md)}.review-save:disabled{opacity:.5;cursor:not-allowed}.pantry-search{display:flex;align-items:center;gap:var(--spacing-2);height:44px;padding:0 var(--spacing-3);background:var(--primary-50);border:2px solid var(--primary-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);transition:all .15s ease}.pantry-search.focused{border-color:var(--accent-blue);background:var(--white);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.search-icon{font-size:var(--text-sm);flex-shrink:0}.search-input{flex:1 1;height:100%;border:none;background:transparent;font-size:var(--text-sm);color:var(--primary-900);outline:none}.search-input::placeholder{color:var(--primary-400)}.search-clear{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:var(--primary-200);color:var(--primary-600);border-radius:var(--radius-full);font-size:var(--text-xs);cursor:pointer;flex-shrink:0}.search-clear:hover{background:var(--primary-300)}.pantry-section{padding:var(--spacing-10) var(--spacing-4)}@media (min-width:768px){.pantry-section{padding:var(--spacing-16) var(--spacing-6)}}.pantry-container{max-width:680px;margin:0 auto}.pantry-header-info{text-align:center;margin-bottom:var(--spacing-6)}.pantry-emoji{font-size:var(--text-3xl);display:block}.pantry-emoji,.pantry-title{margin-bottom:var(--spacing-2)}.pantry-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--primary-900)}.pantry-desc{font-size:var(--text-sm);color:var(--primary-500);margin:0}.pantry-auth-prompt{text-align:center;padding:var(--spacing-8);background:var(--primary-50);border-radius:var(--radius-xl);border:2px dashed var(--primary-200)}.pantry-auth-prompt p{font-size:var(--text-sm);color:var(--primary-500);margin:0}.pantry-filters{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-4);background:var(--primary-100);padding:var(--spacing-1);border-radius:var(--radius-lg)}.filter-btn{flex:1 1;height:36px;border:none;background:transparent;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--primary-600);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.filter-btn.active{background:var(--white);color:var(--primary-900);font-weight:var(--font-semibold);box-shadow:var(--shadow-sm)}.pantry-list{gap:var(--spacing-2)}.pantry-list,.pantry-loading{display:flex;flex-direction:column}.pantry-loading{align-items:center;gap:var(--spacing-3);padding:var(--spacing-10);color:var(--primary-500);font-size:var(--text-sm)}.pantry-spinner{width:24px;height:24px;border:2px solid var(--primary-200);border-top-color:var(--accent-blue);border-radius:var(--radius-full);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.pantry-empty{text-align:center;padding:var(--spacing-10);color:var(--primary-500);font-size:var(--text-sm)}.pantry-empty p{margin:0}.pantry-item{background:var(--white);border:1px solid var(--primary-200);border-radius:var(--radius-lg);padding:var(--spacing-3) var(--spacing-4);transition:all .15s ease}.pantry-item:hover{border-color:var(--primary-300);box-shadow:var(--shadow-sm)}.pantry-item.used_up{opacity:.6}.pantry-item-main{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3)}.pantry-item-info{flex:1 1;min-width:0}.pantry-item-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--primary-900);margin-bottom:var(--spacing-1)}.pantry-brand{color:var(--primary-500);font-weight:var(--font-regular);margin-right:var(--spacing-1)}.pantry-item-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-2);font-size:var(--text-xs);color:var(--primary-500)}.pantry-size{background:var(--primary-100);padding:1px var(--spacing-2);border-radius:var(--radius-sm)}.pantry-price{font-family:var(--font-mono);font-weight:var(--font-medium)}.pantry-store{color:var(--primary-400)}.pantry-item-actions{display:flex;gap:var(--spacing-2);flex-shrink:0}.status-toggle{height:32px;padding:0 var(--spacing-3);font-size:var(--text-xs);font-weight:var(--font-semibold);border:2px solid;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;white-space:nowrap}.status-toggle.have{background:var(--success-100);border-color:var(--success-600);color:var(--success-600)}.status-toggle.have:hover{background:var(--success-600);color:var(--white)}.status-toggle.used_up{background:var(--primary-100);border-color:var(--primary-300);color:var(--primary-600)}.status-toggle.used_up:hover{background:var(--accent-blue);border-color:var(--accent-blue);color:var(--white)}.pantry-delete{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--primary-400);cursor:pointer;border-radius:var(--radius-sm);font-size:var(--text-sm)}.pantry-delete:hover{background:var(--error-100);color:var(--error-600)}.quick-tag-check{padding:var(--spacing-6) var(--spacing-4);max-width:800px;margin:0 auto}@media (min-width:768px){.quick-tag-check{padding:var(--spacing-12) var(--spacing-6)}}.qtc-headline{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--primary-900);text-align:center;margin:0 0 var(--spacing-3) 0;line-height:1.3}@media (min-width:768px){.qtc-headline{font-size:var(--text-3xl);margin-bottom:var(--spacing-4)}}.qtc-subtext{font-size:var(--text-sm);color:var(--primary-600);text-align:center;margin:0 0 var(--spacing-4) 0}@media (min-width:768px){.qtc-subtext{font-size:var(--text-base);margin-bottom:var(--spacing-5)}}.qtc-example{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid var(--warning-300);border-radius:var(--radius-lg);padding:var(--spacing-3) var(--spacing-4);margin-bottom:var(--spacing-5);text-align:center}@media (min-width:768px){.qtc-example{padding:var(--spacing-4) var(--spacing-5);margin-bottom:var(--spacing-6)}}.example-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--warning-700);text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:var(--spacing-1)}@media (min-width:768px){.example-label{display:inline;margin-bottom:0;margin-right:var(--spacing-2)}}.example-text{font-size:var(--text-sm);color:var(--primary-700)}@media (min-width:768px){.example-text{font-size:var(--text-base)}}.example-actual{color:var(--success-600)}.qtc-card{background:var(--primary-50);border:1px solid var(--primary-200);border-radius:var(--radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-5)}@media (min-width:768px){.qtc-card{border-radius:var(--radius-xl);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}}.qtc-form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-3);gap:var(--spacing-3);margin-bottom:var(--spacing-4)}@media (max-width:480px){.qtc-form-row{grid-template-columns:1fr}}.qtc-field{display:flex;flex-direction:column;gap:var(--spacing-2)}.qtc-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--primary-700);text-transform:uppercase;letter-spacing:.5px}@media (min-width:768px){.qtc-label{font-size:var(--text-sm)}}.qtc-input-group{display:flex;height:48px}@media (min-width:768px){.qtc-input-group{height:52px}}.qtc-prefix{display:flex;align-items:center;justify-content:center;width:44px;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--primary-600);background:var(--primary-100);border:2px solid var(--primary-200);border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md);flex-shrink:0}@media (min-width:768px){.qtc-prefix{width:48px;font-size:var(--text-lg)}}.qtc-currency-select{width:52px;flex-shrink:0;padding:0 var(--spacing-1);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--primary-700);background:var(--primary-100);border:2px solid var(--primary-200);border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md);cursor:pointer;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (min-width:768px){.qtc-currency-select{width:56px;font-size:var(--text-lg)}}.qtc-currency-select:focus{outline:none;border-color:var(--accent-blue)}.qtc-input{flex:1 1;min-width:0;padding:0 var(--spacing-3);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--primary-900);background:var(--white);border:2px solid var(--primary-200);border-radius:0 var(--radius-md) var(--radius-md) 0;font-family:var(--font-mono)}@media (min-width:768px){.qtc-input{font-size:var(--text-lg);padding:0 var(--spacing-4)}}.qtc-input:focus{outline:none;border-color:var(--accent-blue)}.qtc-input-size{border-radius:var(--radius-md) 0 0 var(--radius-md);border-right:none}.qtc-select{width:64px;flex-shrink:0;padding:0 var(--spacing-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--primary-700);background:var(--primary-100);border:2px solid var(--primary-200);border-left:none;border-radius:0 var(--radius-md) var(--radius-md) 0;cursor:pointer}@media (min-width:768px){.qtc-select{width:72px;font-size:var(--text-base)}}.qtc-shelf-row{margin-bottom:var(--spacing-5)}.qtc-shelf-row .qtc-label{margin-bottom:var(--spacing-2)}.qtc-shelf-inputs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-2)}@media (min-width:480px){.qtc-shelf-inputs{flex-wrap:nowrap}}.qtc-tag-price{flex:1 1;min-width:120px}@media (min-width:768px){.qtc-tag-price{min-width:140px}}.qtc-per{font-size:var(--text-sm);color:var(--primary-500);font-weight:var(--font-medium);flex-shrink:0}@media (min-width:768px){.qtc-per{font-size:var(--text-base)}}.qtc-amount-input{width:60px;height:48px;padding:0 var(--spacing-2);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--primary-700);background:var(--white);border:2px solid var(--primary-200);border-radius:var(--radius-md);text-align:center;font-family:var(--font-mono)}@media (min-width:768px){.qtc-amount-input{width:70px;height:52px;font-size:var(--text-lg)}}.qtc-amount-input:focus{outline:none;border-color:var(--accent-blue)}.qtc-unit-select{width:60px;height:48px;padding:0 var(--spacing-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--primary-700);background:var(--primary-100);border:2px solid var(--primary-200);border-radius:var(--radius-md);cursor:pointer}@media (min-width:768px){.qtc-unit-select{width:70px;height:52px;font-size:var(--text-base)}}.qtc-btn{width:100%;height:52px;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--white);background:var(--accent-blue);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .15s ease}@media (min-width:768px){.qtc-btn{height:56px;font-size:var(--text-lg)}}.qtc-btn:hover:not(:disabled){background:var(--accent-blue-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.qtc-btn:disabled{opacity:.5;cursor:not-allowed}.qtc-result{padding:var(--spacing-4);border-radius:var(--radius-lg);animation:fadeIn .3s ease}@media (min-width:768px){.qtc-result{padding:var(--spacing-5);border-radius:var(--radius-xl)}}.qtc-result.success{background:linear-gradient(135deg,var(--success-100) 0,#e8f5e9 100%);border:2px solid var(--success-600)}.qtc-result.warning{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:2px solid var(--warning-600)}.qtc-result.error{background:#fee2e2;border:2px solid #ef4444}.result-icon{font-size:24px}.result-title{font-size:var(--text-base);color:var(--primary-900)}@media (min-width:768px){.result-title{font-size:var(--text-lg)}}.result-subtext{color:var(--primary-700);margin-left:32px}.price-comparison{background:hsla(0,0%,100%,.6);border-radius:var(--radius-md);padding:var(--spacing-3)}.comparison-row{justify-content:space-between;align-items:center;padding:var(--spacing-1) 0}.comparison-row+.comparison-row{border-top:1px solid rgba(0,0,0,.1);padding-top:var(--spacing-2);margin-top:var(--spacing-2)}.comparison-value{font-size:var(--text-base)}.shelf-value{color:var(--primary-700)}.actual-value{color:var(--success-600)}.impact-text{color:var(--primary-800);margin-bottom:var(--spacing-3)}.result-actions{flex-wrap:wrap}.ok-btn{color:#fff!important;background:#1f2937!important}.ok-btn:hover{background:#111827}.explainer-btn{border:2px solid var(--primary-300)}@media (min-width:768px){.explainer-btn{height:44px}}.explainer-btn:hover{background:hsla(0,0%,100%,.5)}.explainer-box{border-left:3px solid var(--primary-400)}.qtc-amount-input::-webkit-inner-spin-button,.qtc-amount-input::-webkit-outer-spin-button,.qtc-input::-webkit-inner-spin-button,.qtc-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qtc-amount-input[type=number],.qtc-input[type=number]{-moz-appearance:textfield}.product-row{background:var(--white);border:2px solid var(--primary-200);border-radius:var(--radius-lg);padding:var(--spacing-3);margin-bottom:var(--spacing-3);transition:all .2s ease}.product-row:last-child{margin-bottom:0}.product-row.winner{background:linear-gradient(135deg,var(--success-100) 0,#e8f5e9 100%);border-color:var(--success-600);box-shadow:0 4px 12px rgba(5,150,105,.15)}@media (min-width:768px){.product-row{padding:var(--spacing-4)}}.product-row-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3);gap:var(--spacing-2)}.product-number{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--primary-500);text-transform:uppercase;letter-spacing:.05em}@media (min-width:768px){.product-number{font-size:var(--text-sm)}}.winner-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);background:var(--success-600);color:var(--white);font-size:10px;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.03em;border-radius:var(--radius-full);animation:badge-pop .3s ease}@keyframes badge-pop{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@media (min-width:768px){.winner-badge{font-size:var(--text-xs);padding:var(--spacing-1) var(--spacing-3)}}.remove-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--error-100);color:var(--error-600);border:none;border-radius:var(--radius-full);font-size:var(--text-lg);font-weight:var(--font-bold);cursor:pointer;transition:all .15s ease;line-height:1}.remove-btn:hover{background:var(--error-600);color:var(--white)}.product-row-inputs{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-2);gap:var(--spacing-2)}@media (min-width:640px){.product-row-inputs{grid-template-columns:2fr 1fr 1fr .8fr 1.5fr;gap:var(--spacing-3)}}.packs-cell{grid-column:span 1}.packs-input{width:100%;height:44px;padding:0 var(--spacing-3);font-size:var(--text-sm);font-family:var(--font-mono);color:var(--primary-900);background:var(--white);border:1px solid var(--primary-200);border-radius:var(--radius-lg);text-align:center}.packs-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.size-input{width:100%;height:44px;padding:0 var(--spacing-3);font-size:var(--text-sm);font-family:var(--font-mono);color:var(--primary-900);background:var(--white);border:1px solid var(--primary-200);border-radius:var(--radius-lg);text-align:center}.size-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.input-cell{display:flex;flex-direction:column;gap:var(--spacing-1)}.cell-label{font-size:10px;font-weight:var(--font-medium);color:var(--primary-500);text-transform:uppercase;letter-spacing:.03em}@media (min-width:768px){.cell-label{font-size:var(--text-xs)}}.price-wrapper{display:flex;border:1px solid var(--primary-200);border-radius:var(--radius-lg);overflow:hidden;transition:all .15s ease}.price-wrapper:focus-within{border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.currency-select{width:50px;height:42px;padding:0 var(--spacing-1);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--primary-700);background:var(--primary-50);border:none;border-right:1px solid var(--primary-200);cursor:pointer;transition:all .15s ease}@media (min-width:768px){.currency-select{width:55px;height:44px;padding:0 var(--spacing-2)}}.currency-select:focus{outline:none}.price-input{flex:1 1;min-width:0;height:42px;padding:0 var(--spacing-2);font-size:var(--text-sm);font-weight:var(--font-medium);font-family:var(--font-mono);color:var(--primary-900);background:var(--white);border:none;transition:all .15s ease}@media (min-width:768px){.price-input{height:44px;padding:0 var(--spacing-3);font-size:var(--text-base)}}.price-input:focus{outline:none}.quantity-input{width:100%;height:40px;padding:0 var(--spacing-2);font-size:var(--text-sm);font-weight:var(--font-medium);font-family:var(--font-mono);color:var(--primary-900);background:var(--white);border:1px solid var(--primary-200);border-radius:var(--radius-md);transition:all .15s ease}@media (min-width:768px){.quantity-input{height:44px;padding:0 var(--spacing-3);font-size:var(--text-base)}}.quantity-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 2px rgba(37,99,235,.1)}.unit-select{width:100%;height:40px;padding:0 var(--spacing-2);font-weight:var(--font-medium);transition:all .15s ease}@media (min-width:768px){.unit-select{height:44px;padding:0 var(--spacing-3)}}.unit-select:focus{box-shadow:0 0 0 2px rgba(37,99,235,.1)}.unit-select.placeholder{color:var(--primary-400)}.preview-cell{grid-column:span 2}@media (min-width:640px){.preview-cell{grid-column:auto}}.preview-value{min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2) var(--spacing-3);background:rgba(37,99,235,.08);border:2px solid rgba(37,99,235,.2);border-radius:var(--radius-lg);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--accent-blue);transition:all .2s ease;gap:var(--spacing-1);line-height:1.2}.preview-value.winner{background:linear-gradient(135deg,var(--success-100) 0,#d1fae5 100%);border-color:var(--success-600);border-width:2px;color:var(--success-700)}@media (min-width:768px){.preview-value{min-height:52px;font-size:var(--text-lg);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-xl)}}.savings-tag{font-size:10px;font-weight:var(--font-bold);color:var(--success-600);background:rgba(5,150,105,.15);padding:2px 8px;border-radius:var(--radius-full);white-space:nowrap}@media (min-width:768px){.savings-tag{font-size:var(--text-xs);padding:3px 10px}}.calculator{padding:var(--spacing-6) var(--spacing-4);max-width:800px;margin:0 auto}@media (min-width:768px){.calculator{padding:var(--spacing-12) var(--spacing-6)}}.calculator-headline{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--primary-900);text-align:center;margin-bottom:var(--spacing-3);line-height:1.3}@media (min-width:768px){.calculator-headline{font-size:var(--text-3xl);margin-bottom:var(--spacing-4)}}.try-note{font-size:var(--text-sm);color:var(--primary-600);text-align:center;margin-bottom:var(--spacing-4)}@media (min-width:768px){.try-note{font-size:var(--text-base);margin-bottom:var(--spacing-5)}}.context-line{font-size:var(--text-sm);color:var(--primary-500);text-align:center;margin-top:var(--spacing-4)}@media (min-width:768px){.context-line{font-size:var(--text-base);margin-top:var(--spacing-5)}}.calculator-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--primary-900);text-align:center;margin-bottom:var(--spacing-1)}@media (min-width:768px){.calculator-title{font-size:var(--text-3xl);margin-bottom:var(--spacing-2)}}.calculator-subtitle{font-size:var(--text-sm);color:var(--primary-500);text-align:center;margin-bottom:var(--spacing-5)}@media (min-width:768px){.calculator-subtitle{font-size:var(--text-base);margin-bottom:var(--spacing-6)}}.calculator-card{background:var(--primary-50);border:1px solid var(--primary-200);border-radius:var(--radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-5)}@media (min-width:768px){.calculator-card{border-radius:var(--radius-xl);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}}.products-list{margin-bottom:var(--spacing-4)}.add-product-btn{width:100%;height:44px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--accent-blue);background:var(--white);border:2px dashed var(--primary-200);border-radius:var(--radius-lg);cursor:pointer;transition:all .15s ease}.add-product-btn:hover{border-color:var(--accent-blue);background:rgba(37,99,235,.05)}@media (min-width:768px){.add-product-btn{height:48px;font-size:var(--text-base)}}.compare-button{width:100%;max-width:400px;height:48px;margin:0 auto;display:block;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--white);background:var(--accent-blue);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .15s ease;box-shadow:var(--shadow-md)}@media (min-width:768px){.compare-button{height:56px;font-size:var(--text-lg)}}.compare-button:hover:not(:disabled){background:var(--accent-blue-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.compare-button:active:not(:disabled){transform:translateY(0)}.compare-button:disabled{background:var(--primary-500);cursor:not-allowed;transform:none;opacity:.7}.instant-result{background:linear-gradient(135deg,var(--success-100) 0,#d1fae5 100%);border:2px solid var(--success-600);border-radius:var(--radius-xl);padding:var(--spacing-4);margin-top:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3);animation:resultPop .4s ease}@keyframes resultPop{0%{opacity:0;transform:scale(.95) translateY(10px)}50%{transform:scale(1.02)}to{opacity:1;transform:scale(1) translateY(0)}}@media (min-width:768px){.instant-result{flex-direction:row;align-items:center;justify-content:space-between;padding:var(--spacing-5) var(--spacing-6);margin-top:var(--spacing-5)}}.result-winner{display:flex;align-items:center;gap:var(--spacing-3)}.winner-emoji{font-size:32px;flex-shrink:0}@media (min-width:768px){.winner-emoji{font-size:40px}}.winner-info{display:flex;flex-direction:column;gap:var(--spacing-1)}.winner-label{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--success-700)}@media (min-width:768px){.winner-label{font-size:var(--text-xl)}}.winner-savings{font-size:var(--text-sm);color:var(--primary-700)}.winner-savings strong{color:var(--success-600);font-weight:var(--font-bold)}@media (min-width:768px){.winner-savings{font-size:var(--text-base)}}.see-details-btn{width:100%;height:44px;padding:0 var(--spacing-5);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--success-700);background:var(--white);border:2px solid var(--success-600);border-radius:var(--radius-lg);cursor:pointer;transition:all .15s ease;white-space:nowrap}@media (min-width:768px){.see-details-btn{width:auto;height:48px;font-size:var(--text-base)}}.see-details-btn:hover{background:var(--success-600);color:var(--white)}.warning-message{margin-top:var(--spacing-4);padding:var(--spacing-3);background:var(--warning-100);border:1px solid var(--warning-600);border-radius:var(--radius-lg);display:flex;align-items:flex-start;gap:var(--spacing-2)}@media (min-width:768px){.warning-message{margin-top:var(--spacing-6);padding:var(--spacing-4);gap:var(--spacing-3)}}.warning-icon{font-size:var(--text-lg);flex-shrink:0}.warning-text{font-size:var(--text-xs);color:var(--primary-900);font-weight:var(--font-medium);line-height:1.4}@media (min-width:768px){.warning-text{font-size:var(--text-sm)}}.why-section{padding:var(--spacing-8) var(--spacing-4);max-width:900px;margin:0 auto;background:var(--primary-50);border-top:1px solid var(--primary-100);border-bottom:1px solid var(--primary-100)}@media (min-width:768px){.why-section{padding:var(--spacing-12) var(--spacing-6)}}.why-container{max-width:800px;margin:0 auto}.why-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--primary-900);text-align:center;margin-bottom:var(--spacing-6)}@media (min-width:768px){.why-title{font-size:var(--text-2xl);margin-bottom:var(--spacing-8)}}.reasons-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-4);gap:var(--spacing-4);margin-bottom:var(--spacing-6)}@media (min-width:640px){.reasons-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-5);margin-bottom:var(--spacing-8)}}.reason-card{background:var(--white);border:1px solid var(--primary-200);border-radius:var(--radius-lg);padding:var(--spacing-4);text-align:center;transition:all .2s ease}@media (min-width:768px){.reason-card{padding:var(--spacing-5)}}.reason-card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-sm)}.reason-icon{font-size:32px;margin-bottom:var(--spacing-3)}@media (min-width:768px){.reason-icon{font-size:40px}}.reason-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--primary-900);margin-bottom:var(--spacing-2)}@media (min-width:768px){.reason-title{font-size:var(--text-lg)}}.reason-text{color:var(--primary-600);line-height:1.5}.reason-text,.why-conclusion{font-size:var(--text-sm);margin:0}.why-conclusion{text-align:center;color:var(--primary-700);line-height:1.6;padding:var(--spacing-4);background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--primary-200)}@media (min-width:768px){.why-conclusion{font-size:var(--text-base);padding:var(--spacing-5)}}.why-conclusion strong{color:var(--primary-900)}.check-small-print{background:var(--white);border:1px solid var(--primary-200);border-radius:var(--radius-lg);padding:var(--spacing-4);margin-top:var(--spacing-5);width:100%}@media (min-width:768px){.check-small-print{border-radius:var(--radius-xl);padding:var(--spacing-6);margin-top:var(--spacing-6)}}.check-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.check-icon{font-size:20px}@media (min-width:768px){.check-icon{font-size:24px}}.check-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--primary-900);margin:0}@media (min-width:768px){.check-title{font-size:var(--text-lg)}}.optional-tag{font-weight:var(--font-regular);color:var(--primary-400);font-size:var(--text-sm)}.check-description{font-size:var(--text-sm);color:var(--primary-600);line-height:1.5;margin-bottom:var(--spacing-4)}@media (min-width:768px){.check-description{font-size:var(--text-base);margin-bottom:var(--spacing-5)}}.check-form{display:flex;flex-direction:column;gap:var(--spacing-3)}.check-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--primary-700)}@media (min-width:768px){.check-label{font-size:var(--text-base)}}.check-inputs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-2)}@media (min-width:640px){.check-inputs{flex-wrap:nowrap;gap:var(--spacing-3)}}.input-group.price-group{display:flex;align-items:center;background:var(--white);border:1px solid var(--primary-200);border-radius:var(--radius-md);overflow:hidden;flex:1 1;min-width:120px}@media (min-width:640px){.input-group.price-group{flex:none;width:140px}}.currency-prefix{padding:0 var(--spacing-2);background:var(--primary-50);color:var(--primary-600);font-weight:var(--font-medium);font-size:var(--text-sm);height:42px;display:flex;align-items:center;border-right:1px solid var(--primary-200)}@media (min-width:768px){.currency-prefix{height:44px;padding:0 var(--spacing-3)}}.shelf-price-input{flex:1 1;height:42px;padding:0 var(--spacing-2);border:none;font-size:var(--text-sm);font-family:var(--font-mono);color:var(--primary-900);background:transparent;min-width:0}@media (min-width:768px){.shelf-price-input{height:44px;padding:0 var(--spacing-3);font-size:var(--text-base)}}.shelf-price-input:focus{outline:none}.input-group.price-group:focus-within{border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.per-text{font-size:var(--text-sm);color:var(--primary-500);font-weight:var(--font-medium);padding:0 var(--spacing-1)}.per-amount-select{height:42px;padding:0 var(--spacing-3);font-size:var(--text-sm);color:var(--primary-900);background:var(--white);border:1px solid var(--primary-200);border-radius:var(--radius-md);cursor:pointer;min-width:60px}@media (min-width:768px){.per-amount-select{height:44px;min-width:70px}}.per-amount-select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.unit-select{height:42px;padding:0 var(--spacing-3);font-size:var(--text-sm);color:var(--primary-900);background:var(--white);border:1px solid var(--primary-200);border-radius:var(--radius-md);cursor:pointer;min-width:70px}@media (min-width:768px){.unit-select{height:44px;min-width:80px}}.unit-select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.check-math-btn{width:100%;height:44px;padding:0 var(--spacing-4);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--primary-700);background:var(--primary-100);border:1px solid var(--primary-200);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;margin-top:var(--spacing-2)}@media (min-width:640px){.check-math-btn{width:auto;min-width:140px;margin-top:0}}@media (min-width:768px){.check-math-btn{height:48px;font-size:var(--text-base);min-width:160px}}.check-math-btn:hover:not(:disabled){background:var(--primary-200);border-color:var(--primary-300)}.check-math-btn:disabled{opacity:.5;cursor:not-allowed}.check-result{margin-top:var(--spacing-4);padding:var(--spacing-4);border-radius:var(--radius-lg);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px){.check-result{margin-top:var(--spacing-5);padding:var(--spacing-5)}}.check-result.success{background:var(--success-100);border:1px solid var(--success-600)}.check-result.success .result-header{color:var(--success-700)}.check-result.success .result-subtext{color:var(--success-600)}.check-result.warning{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid var(--warning-600)}.check-result.warning .result-header{color:var(--warning-700)}.check-result.error{background:var(--error-100);border:1px solid var(--error-600)}.check-result.error .result-header{color:var(--error-700)}.result-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.result-icon{font-size:18px;flex-shrink:0}@media (min-width:768px){.result-icon{font-size:20px}}.result-title{font-size:var(--text-sm);font-weight:var(--font-semibold)}@media (min-width:768px){.result-title{font-size:var(--text-base)}}.result-subtext{font-size:var(--text-sm);margin:0}.price-comparison{margin:var(--spacing-3) 0;gap:var(--spacing-2)}.comparison-row,.price-comparison{display:flex;flex-direction:column}.comparison-row{gap:var(--spacing-1)}@media (min-width:480px){.comparison-row{flex-direction:row;justify-content:space-between;align-items:center}}.comparison-label{font-size:var(--text-sm);color:var(--primary-600)}.comparison-value{font-size:var(--text-sm);font-weight:var(--font-semibold);font-family:var(--font-mono)}@media (min-width:768px){.comparison-value{font-size:var(--text-base)}}.comparison-value.shelf-value{color:var(--primary-700);text-decoration:line-through;opacity:.7}.comparison-value.actual-value{color:var(--warning-700)}.impact-text{font-size:var(--text-sm);color:var(--primary-700);line-height:1.5;margin:var(--spacing-3) 0;padding:var(--spacing-3);background:rgba(0,0,0,.05);border-radius:var(--radius-md)}@media (min-width:768px){.impact-text{font-size:var(--text-base)}}.impact-text strong{color:var(--warning-700)}.check-result .result-actions{display:flex;flex-direction:column;gap:var(--spacing-2);margin-top:var(--spacing-3)}@media (min-width:480px){.check-result .result-actions{flex-direction:row;gap:var(--spacing-3)}}.ok-btn{height:40px;padding:0 var(--spacing-5);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--white);background:var(--primary-600);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}@media (min-width:768px){.ok-btn{height:44px;font-size:var(--text-base)}}.ok-btn:hover{background:var(--primary-700)}.explainer-btn{height:40px;padding:0 var(--spacing-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--primary-600);background:transparent;border:1px solid var(--primary-300);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}@media (min-width:768px){.explainer-btn{height:44px;font-size:var(--text-base)}}.explainer-btn:hover{background:var(--primary-50);border-color:var(--primary-400)}.explainer-box{margin-top:var(--spacing-3);padding:var(--spacing-3);background:hsla(0,0%,100%,.7);border-radius:var(--radius-md);border:1px dashed var(--primary-300)}@media (min-width:768px){.explainer-box{padding:var(--spacing-4)}}.explainer-box p{font-size:var(--text-sm);color:var(--primary-700);line-height:1.6;margin:0}@media (min-width:768px){.explainer-box p{font-size:var(--text-base)}}.results{padding:var(--spacing-6) var(--spacing-4);max-width:800px;margin:0 auto;animation:slideUp .4s ease}@media (min-width:768px){.results{padding:var(--spacing-12) var(--spacing-6)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.results-container{display:flex;flex-direction:column;align-items:center}.results-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--primary-900);text-align:center;margin-bottom:var(--spacing-1)}@media (min-width:768px){.results-title{font-size:var(--text-3xl);margin-bottom:var(--spacing-2)}}.results-subtitle{font-size:var(--text-sm);color:var(--primary-500);text-align:center;margin-bottom:var(--spacing-5)}@media (min-width:768px){.results-subtitle{font-size:var(--text-base);margin-bottom:var(--spacing-6)}}.rankings-list{width:100%;display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-5)}@media (min-width:768px){.rankings-list{gap:var(--spacing-4);margin-bottom:var(--spacing-6)}}.ranking-card{display:flex;align-items:flex-start;gap:var(--spacing-3);background:var(--primary-50);border:2px solid var(--primary-200);border-radius:var(--radius-lg);padding:var(--spacing-4);transition:all .2s ease}@media (min-width:768px){.ranking-card{gap:var(--spacing-4);padding:var(--spacing-5);border-radius:var(--radius-xl)}}.ranking-card:hover{box-shadow:var(--shadow-md)}.ranking-card.winner{background:linear-gradient(135deg,var(--success-100) 0,#e8f5e9 100%);border-color:var(--success-600);box-shadow:0 8px 24px rgba(5,150,105,.15)}.ranking-card.worst{opacity:.7}.rank-badge{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--primary-500);background:var(--white);border-radius:var(--radius-full);flex-shrink:0}@media (min-width:768px){.rank-badge{width:48px;height:48px;font-size:var(--text-xl)}}.ranking-card.winner .rank-badge{background:var(--success-600);color:var(--white);font-size:20px}@media (min-width:768px){.ranking-card.winner .rank-badge{font-size:24px}}.ranking-content{flex:1 1;min-width:0}.ranking-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2);flex-wrap:wrap}.product-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--primary-900)}@media (min-width:768px){.product-name{font-size:var(--text-lg)}}.winner-tag{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--success-600);background:rgba(5,150,105,.1);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full)}.ranking-details{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-2);flex-wrap:wrap}.detail-item{display:flex;gap:var(--spacing-1);font-size:var(--text-xs)}@media (min-width:768px){.detail-item{font-size:var(--text-sm)}}.detail-label{color:var(--primary-500)}.detail-value{color:var(--primary-700);font-weight:var(--font-medium)}.detail-item.total{width:100%;padding-top:var(--spacing-1);border-top:1px dashed var(--primary-200)}.detail-item.total .detail-value{color:var(--accent-blue);font-weight:var(--font-semibold)}.per-unit-price{display:flex;align-items:baseline;gap:var(--spacing-1)}.price-value{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--primary-900);font-family:var(--font-mono)}@media (min-width:768px){.price-value{font-size:var(--text-xl)}}.price-value.winner-price{color:var(--success-600);font-size:var(--text-xl)}@media (min-width:768px){.price-value.winner-price{font-size:var(--text-2xl)}}.price-unit{font-size:var(--text-sm);color:var(--primary-500)}@media (min-width:768px){.price-unit{font-size:var(--text-base)}}.savings-card{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:2px solid var(--warning-600);border-radius:var(--radius-lg);padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3);align-items:center;text-align:center;margin-bottom:var(--spacing-5);width:100%}@media (min-width:640px){.savings-card{flex-direction:row;text-align:left;align-items:flex-start;border-radius:var(--radius-xl);padding:var(--spacing-6);gap:var(--spacing-5)}}.savings-icon{font-size:32px;flex-shrink:0}@media (min-width:768px){.savings-icon{font-size:40px}}.savings-content{flex:1 1}.savings-title{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--primary-900);margin-bottom:var(--spacing-2)}@media (min-width:768px){.savings-title{font-size:var(--text-lg);margin-bottom:var(--spacing-3)}}.savings-main{display:flex;align-items:baseline;justify-content:center;gap:var(--spacing-2);margin-bottom:var(--spacing-1)}@media (min-width:640px){.savings-main{justify-content:flex-start}}.savings-amount{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--warning-600);font-family:var(--font-mono)}@media (min-width:768px){.savings-amount{font-size:var(--text-3xl)}}.savings-unit{font-size:var(--text-sm);color:var(--primary-700);font-weight:var(--font-medium)}@media (min-width:768px){.savings-unit{font-size:var(--text-base)}}.savings-percentage{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--success-600);margin-bottom:var(--spacing-3)}.savings-scenarios{padding-top:var(--spacing-3);border-top:1px solid rgba(0,0,0,.1)}.scenario{display:flex;flex-direction:column;text-align:center;gap:var(--spacing-1)}@media (min-width:640px){.scenario{flex-direction:row;justify-content:space-between;align-items:center;text-align:left;gap:var(--spacing-4)}}.scenario-label{font-size:var(--text-xs);color:var(--primary-600)}@media (min-width:768px){.scenario-label{font-size:var(--text-sm)}}.scenario-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--primary-900);font-family:var(--font-mono)}@media (min-width:768px){.scenario-value{font-size:var(--text-base)}}.tie-card{background:var(--primary-100);border:2px solid var(--primary-300);border-radius:var(--radius-lg);padding:var(--spacing-4);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-3);margin-bottom:var(--spacing-5);width:100%}@media (min-width:640px){.tie-card{flex-direction:row;text-align:left;border-radius:var(--radius-xl);padding:var(--spacing-6)}}.tie-icon{font-size:32px;flex-shrink:0}@media (min-width:768px){.tie-icon{font-size:40px}}.tie-content{flex:1 1}.tie-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--primary-900);margin-bottom:var(--spacing-2)}@media (min-width:768px){.tie-title{font-size:var(--text-xl)}}.tie-text{font-size:var(--text-sm);color:var(--primary-700);line-height:1.5}.result-actions{display:flex;flex-direction:column;gap:var(--spacing-3);width:100%;max-width:400px}@media (min-width:640px){.result-actions{flex-direction:row;max-width:none;justify-content:center}}.action-button{height:44px;padding:0 var(--spacing-6);font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-lg);cursor:pointer;transition:all .15s ease;flex:1 1}@media (min-width:640px){.action-button{flex:none;min-width:160px}}@media (min-width:768px){.action-button{height:48px;font-size:var(--text-base);min-width:180px}}.action-button.primary{background:var(--accent-blue);color:var(--white);border:none}.action-button.primary:hover{background:var(--accent-blue-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.action-button.secondary{background:var(--white);color:var(--primary-700);border:2px solid var(--primary-200)}.action-button.secondary:hover{border-color:var(--primary-400);background:var(--primary-50)}.auth-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-4)}.auth-modal{background:var(--white);border-radius:var(--radius-xl);padding:var(--spacing-8);width:100%;max-width:420px;position:relative;box-shadow:var(--shadow-xl);animation:authSlideUp .3s ease}@keyframes authSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-close{position:absolute;top:var(--spacing-4);right:var(--spacing-4);background:none;border:none;font-size:var(--text-xl);color:var(--primary-500);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full)}.auth-close:hover{background:var(--primary-100);color:var(--primary-900)}.auth-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--primary-900);margin-bottom:var(--spacing-2)}.auth-subtitle{font-size:var(--text-sm);color:var(--primary-500);margin-bottom:var(--spacing-6)}.google-btn{width:100%;height:48px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);background:var(--white);border:2px solid var(--primary-200);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--primary-700);cursor:pointer;transition:all .15s ease}.google-btn:hover:not(:disabled){border-color:var(--primary-300);background:var(--primary-50)}.google-btn:disabled{opacity:.5;cursor:not-allowed}.auth-divider{display:flex;align-items:center;gap:var(--spacing-3);margin:var(--spacing-5) 0}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:var(--primary-200)}.auth-divider span{font-size:var(--text-xs);color:var(--primary-500);text-transform:uppercase;letter-spacing:.5px}.auth-form{gap:var(--spacing-4)}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:var(--spacing-2)}.auth-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--primary-700)}.auth-input{height:48px;padding:0 var(--spacing-4);font-size:var(--text-base);color:var(--primary-900);background:var(--primary-50);border:2px solid var(--primary-200);border-radius:var(--radius-lg);transition:border-color .15s ease}.auth-input:focus{outline:none;border-color:var(--accent-blue);background:var(--white)}.auth-input::placeholder{color:var(--primary-300)}.auth-error{color:var(--error-600);background:var(--error-100)}.auth-error,.auth-message{font-size:var(--text-sm);padding:var(--spacing-3);border-radius:var(--radius-md)}.auth-message{color:var(--success-600);background:var(--success-100)}.auth-submit{height:48px;background:var(--accent-blue);color:var(--white);border:none;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all .15s ease}.auth-submit:hover:not(:disabled){background:var(--accent-blue-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-switch{text-align:center;font-size:var(--text-sm);color:var(--primary-500);margin-top:var(--spacing-5)}.auth-switch button{background:none;border:none;color:var(--accent-blue);font-weight:var(--font-semibold);cursor:pointer;font-size:var(--text-sm)}.auth-switch button:hover{color:var(--accent-blue-hover);text-decoration:underline}.site-footer{background:var(--primary-50);border-top:1px solid var(--primary-200);padding:var(--spacing-6) var(--spacing-4);margin-top:var(--spacing-8)}@media (min-width:768px){.site-footer{padding:var(--spacing-8) var(--spacing-6);margin-top:var(--spacing-16)}}.footer-container{max-width:1200px;margin:0 auto;text-align:center}.footer-text{font-size:var(--text-sm);color:var(--primary-700);margin-bottom:var(--spacing-2);font-weight:var(--font-medium)}@media (min-width:768px){.footer-text{font-size:var(--text-base)}}.footer-copyright{font-size:var(--text-xs);color:var(--primary-500);margin-bottom:0}@media (min-width:768px){.footer-copyright{font-size:var(--text-sm)}}