*,*::before,*::after{box-sizing:border-box}body{margin:0}html.rv #view-landing,html.rv #landingHeader{display:none!important}html.rv #view-search{display:block!important}html.rv #appMobileHeader{display:block!important}html.rv main{padding-top:3.5rem;padding-bottom:5rem}.backdrop-blur-lg{-webkit-backdrop-filter:blur(16px)}.nav-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#94a3b8;transition:color 0.15s;-webkit-tap-highlight-color:transparent;border:none;background:none;cursor:pointer;gap:1px}.nav-tab.active{color:#2563eb;background:#eff6ff;border-radius:12px;margin:4px 2px}.desktop-tab{padding:6px 16px;border-radius:8px;font-size:14px;font-weight:500;color:#64748b;transition:all 0.15s;border:none;background:none;cursor:pointer;position:relative}.desktop-tab:hover{background:#f1f5f9;color:#334155}.desktop-tab.active{background:#eff6ff;color:#2563eb;font-weight:600}.loyalty-chip-desktop{display:flex;align-items:center;gap:5px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;border:1.5px solid #e2e8f0;color:#94a3b8;cursor:pointer;transition:all 0.15s;background:none}.loyalty-chip-desktop.active{border-color:var(--chip-color);color:var(--chip-color);background:var(--chip-bg)}#modalBackdrop{opacity:0;transition:opacity 0.3s}#productModal.open #modalBackdrop{opacity:1}#notifications-modal>div:first-child{opacity:0;transition:opacity 0.3s}#notifications-modal.open>div:first-child{opacity:1}#authModal>div:first-child{opacity:0;transition:opacity 0.3s}#authModal.open>div:first-child{opacity:1}#upgradeModal>div:first-child{opacity:0;transition:opacity 0.3s}#upgradeModal.open>div:first-child{opacity:1}.modal-sheet{position:absolute;bottom:0;left:0;right:0;background:white;border-radius:20px 20px 0 0;max-height:90vh;transform:translateY(100%);transition:transform 0.3s cubic-bezier(0.32,0.72,0,1);z-index:1}#productModal.open .modal-sheet,#notifications-modal.open .modal-sheet,#authModal.open .modal-sheet,#upgradeModal.open .modal-sheet{transform:translateY(0)}@media (min-width:768px){.modal-sheet{top:50%;left:50%;bottom:auto;right:auto;width:90%;max-width:640px;max-height:80vh;border-radius:20px;transform:translate(-50%,-50%) scale(0.95);opacity:0;transition:transform 0.2s ease-out,opacity 0.2s ease-out}#productModal.open .modal-sheet,#notifications-modal.open .modal-sheet,#authModal.open .modal-sheet,#upgradeModal.open .modal-sheet{transform:translate(-50%,-50%) scale(1);opacity:1}}.modal-sheet ::-webkit-scrollbar{width:4px}.modal-sheet ::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.price-bar-fill{height:100%;border-radius:2px;transition:width 0.6s cubic-bezier(0.32,0.72,0,1)}#toast{position:fixed;bottom:84px;left:50%;transform:translateX(-50%) translateY(100px);background:#1e293b;color:white;padding:10px 20px;border-radius:12px;font-size:13px;font-weight:500;z-index:60;transition:transform 0.3s cubic-bezier(0.32,0.72,0,1);box-shadow:0 10px 25px rgba(0,0,0,0.15);pointer-events:none;white-space:nowrap}#toast.show{transform:translateX(-50%) translateY(0)}@media (min-width:768px){#toast{bottom:24px}}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}@media (hover:none){.product-card:active{transform:scale(0.98)}}@media (hover:hover){.product-card{transition:transform 0.15s ease,box-shadow 0.15s ease}.product-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.08)}}.loyalty-card{display:flex;align-items:center;gap:12px;padding:16px;border-radius:14px;border:2px solid #e2e8f0;background:white;cursor:pointer;transition:all 0.2s;-webkit-tap-highlight-color:transparent}.loyalty-card .card-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;transition:all 0.2s}.loyalty-card .card-check{margin-left:auto;width:22px;height:22px;border-radius:50%;border:2px solid #e2e8f0;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all 0.2s}.loyalty-card.active{border-color:var(--card-color);background:var(--card-bg)}.loyalty-card.active .card-check{border-color:var(--card-color);background:var(--card-color);color:white}#productDetail [id^="historyChevron-"]{transition:transform 0.2s ease}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes fadeInUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp 0.25s ease-out both}.store-total-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:white;border:2px solid #e2e8f0;transition:all 0.2s}.store-total-card.cheapest{border-color:#10b981;background:#ecfdf5}.opt-store-group{background:white;border-radius:14px;padding:14px 16px;border-left:4px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,0.04)}.auth-tab{flex:1;padding:8px;border-radius:6px;font-size:14px;font-weight:500;text-align:center;color:#94a3b8;background:none;border:none;cursor:pointer;transition:all 0.15s}.auth-tab.active{background:white;color:#2563eb;box-shadow:0 1px 3px rgba(0,0,0,0.08)}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#quaggaTarget{position:relative}#quaggaTarget video,#quaggaTarget canvas{width:100%!important;height:100%!important;object-fit:cover!important;position:absolute;top:0;left:0}#quaggaTarget canvas.drawingBuffer{display:none}.tour-overlay{position:fixed;inset:0;z-index:9998;pointer-events:none;transition:opacity 0.3s}.tour-overlay.active{pointer-events:auto}.tour-spotlight{position:fixed;z-index:9999;border-radius:12px;box-shadow:0 0 0 9999px rgba(0,0,0,0.55);transition:left 0.4s cubic-bezier(0.32,0.72,0,1),top 0.4s cubic-bezier(0.32,0.72,0,1),width 0.4s cubic-bezier(0.32,0.72,0,1),height 0.4s cubic-bezier(0.32,0.72,0,1);pointer-events:none}.tour-tooltip{position:fixed;z-index:10000;width:min(340px,calc(100vw - 32px));background:white;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);padding:20px;opacity:0;transform:translateY(8px);transition:opacity 0.3s,transform 0.3s cubic-bezier(0.32,0.72,0,1)}.tour-tooltip.visible{opacity:1;transform:translateY(0)}.tour-step-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:12px}.tour-progress{display:flex;gap:4px;margin-top:16px}.tour-progress-dot{width:6px;height:6px;border-radius:50%;background:#e2e8f0;transition:all 0.3s}.tour-progress-dot.active{background:#3b82f6;width:18px;border-radius:3px}.tour-progress-dot.done{background:#93c5fd}html.dark{color-scheme:dark}html.dark body{background-color:#0f172a!important;color:#e2e8f0!important}html.dark .bg-white{background-color:#1e293b!important}html.dark .bg-slate-50{background-color:#0f172a!important}html.dark .bg-slate-100{background-color:#1e293b!important}html.dark .text-slate-800{color:#e2e8f0!important}html.dark .text-slate-700{color:#cbd5e1!important}html.dark .text-slate-600{color:#94a3b8!important}html.dark .text-slate-500{color:#94a3b8!important}html.dark .text-slate-400{color:#64748b!important}html.dark .text-slate-900{color:#f1f5f9!important}html.dark .border-slate-200{border-color:#334155!important}html.dark .border-slate-100{border-color:#1e293b!important}html.dark .border-slate-200\/60{border-color:rgba(51,65,85,0.6)!important}html.dark .modal-sheet{background:#1e293b}html.dark .modal-sheet ::-webkit-scrollbar-thumb{background:#475569}html.dark .nav-tab{color:#64748b}html.dark .nav-tab.active{color:#60a5fa;background:#1e3a5f}html.dark .desktop-tab{color:#94a3b8}html.dark .desktop-tab:hover{background:#1e293b;color:#e2e8f0}html.dark .desktop-tab.active{background:#1e3a5f;color:#60a5fa}html.dark .loyalty-card{background:#1e293b;border-color:#334155}html.dark .loyalty-chip-desktop{border-color:#334155;color:#64748b}html.dark .auth-tab{color:#64748b}html.dark .auth-tab.active{background:#0f172a;color:#60a5fa}html.dark .store-total-card{background:#1e293b;border-color:#334155}html.dark .opt-store-group{background:#1e293b;border-left-color:#475569}html.dark .skeleton{background:linear-gradient(90deg,#1e293b 25%,#334155 50%,#1e293b 75%);background-size:200% 100%}html.dark .tour-tooltip{background:#1e293b;box-shadow:0 20px 60px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.05)}html.dark .tour-progress-dot{background:#334155}html.dark .tour-progress-dot.active{background:#3b82f6}html.dark .tour-progress-dot.done{background:#1d4ed8}html.dark .bg-white\/80{background-color:rgba(30,41,59,0.8)!important}html.dark .bg-slate-50\/80{background-color:rgba(15,23,42,0.8)!important}html.dark .product-card img{background-color:#0f172a!important}html.dark #productDetail img{background-color:#1e293b!important}html.dark #toast{background:#f1f5f9;color:#0f172a}html.dark input,html.dark textarea,html.dark select{background-color:#0f172a!important;color:#e2e8f0!important;border-color:#334155!important}html.dark input::placeholder{color:#475569!important}@media (hover:hover){html.dark .product-card:hover{box-shadow:0 8px 25px rgba(0,0,0,0.25)}}html.dark .bg-emerald-50{background-color:rgba(16,185,129,0.12)!important}html.dark .bg-emerald-100{background-color:rgba(16,185,129,0.18)!important}html.dark .border-emerald-200{border-color:rgba(16,185,129,0.22)!important}html.dark .text-emerald-600{color:#6ee7b7!important}html.dark .text-emerald-700{color:#6ee7b7!important}html.dark .bg-blue-50{background-color:rgba(59,130,246,0.14)!important}html.dark .bg-red-50{background-color:rgba(239,68,68,0.12)!important}html.dark .bg-amber-50{background-color:rgba(245,158,11,0.12)!important}html.dark .text-amber-600{color:#c4b5a0!important}html.dark .text-amber-700{color:#c4b5a0!important}html.dark .text-amber-500{color:#c4b5a0!important}html.dark .border-amber-200{border-color:#475569!important}html.dark .text-blue-500{color:#93c5fd!important}html.dark .text-blue-800{color:#93c5fd!important}html.dark .text-blue-700{color:#93c5fd!important}html.dark .text-red-600{color:#fda4af!important}html.dark .text-red-500{color:#fda4af!important}html.dark #productDetail .bg-slate-50{background-color:#1e293b!important}html.dark #productDetail .border-slate-100{border-color:#334155!important}html.dark .border-slate-100.pt-4{border-color:#334155!important}html.dark .bg-slate-100.rounded-full{background-color:#334155!important}.my-shopping-tab{border-bottom:2px solid transparent;transition:all 0.2s}.my-shopping-tab.active{color:#10b981;border-bottom-color:#10b981}html.dark .my-shopping-tab{color:#64748b}html.dark .my-shopping-tab.active{color:#34d399;border-bottom-color:#34d399}#notification-bell-mobile:hover,#notification-bell-desktop:hover{transform:scale(1.1)}#notification-badge-mobile,#notification-badge-desktop{animation:notifPulse 2s infinite}@keyframes notifPulse{0%,100%{opacity:1}50%{opacity:0.7}}.spinner{width:24px;height:24px;border:3px solid #e5e7eb;border-top-color:#10b981;border-radius:50%;animation:spin 0.8s linear infinite;margin:0 auto}html.dark .spinner{border-color:#334155;border-top-color:#34d399}@keyframes spin{to{transform:rotate(360deg)}}html.dark #notifications-modal .bg-emerald-50{background-color:#1e3a2e!important}html.dark #notifications-modal .border-emerald-200{border-color:#2d5a3f!important}#obOverlay{background:linear-gradient(165deg,#0A1410 0%,#0D1A14 25%,#111B16 50%,#0A1410 75%,#070F0C 100%)}.ob-screen{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',sans-serif}#obBackWrap button{color:rgba(255,255,255,0.6)!important}#obBackWrap button:hover{background-color:rgba(255,255,255,0.1)!important}@keyframes obSlideIn{from{transform:translateX(100%);opacity:0.5}to{transform:translateX(0);opacity:1}}@keyframes obSlideOut{from{transform:translateX(0);opacity:1}to{transform:translateX(-40%);opacity:0}}@keyframes obSlideInBack{from{transform:translateX(-40%);opacity:0.5}to{transform:translateX(0);opacity:1}}@keyframes obSlideOutBack{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}.ob-enter{animation:obSlideIn 0.28s cubic-bezier(0.22,0.61,0.36,1) forwards}.ob-exit{animation:obSlideOut 0.22s ease-in forwards}.ob-enter-back{animation:obSlideInBack 0.28s cubic-bezier(0.22,0.61,0.36,1) forwards}.ob-exit-back{animation:obSlideOutBack 0.22s ease-in forwards}#obOverlay button:disabled{opacity:0.4;cursor:not-allowed}#obEmailForm{display:flex;flex-direction:column;gap:10px;margin-top:12px}#obVerifyPanel{display:flex;flex-direction:column;gap:12px;margin-top:20px;text-align:center}.ob-store-card{border:1.5px solid rgba(255,255,255,0.12);border-radius:14px;padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:border-color 0.15s,background 0.15s,transform 0.1s;background:rgba(255,255,255,0.05);user-select:none;-webkit-tap-highlight-color:transparent}.ob-store-card:active{transform:scale(0.96)}.ob-store-card.ob-selected{border-color:#10b981;background:rgba(16,185,129,0.12)}.ob-store-card .ob-store-name{font-size:12px;font-weight:600;color:rgba(255,255,255,0.5);text-align:center;line-height:1.2}.ob-store-card.ob-selected .ob-store-name{color:#6ee7b7}.ob-store-check{width:18px;height:18px;border-radius:50%;background:#10b981;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.15s;flex-shrink:0}.ob-store-card.ob-selected .ob-store-check{opacity:1}.ob-pill{border:1.5px solid rgba(255,255,255,0.15);border-radius:12px;font-size:14px;font-weight:500;color:rgba(255,255,255,0.55);cursor:pointer;transition:border-color 0.15s,background 0.15s,color 0.15s;background:rgba(255,255,255,0.05);user-select:none;-webkit-tap-highlight-color:transparent;height:48px;display:flex;align-items:center;justify-content:center}.ob-pill.ob-selected{border-color:#10b981;background:rgba(16,185,129,0.12);color:#6ee7b7}.ob-goal{border:1.5px solid rgba(255,255,255,0.12);border-radius:14px;padding:16px;display:flex;align-items:flex-start;gap:14px;cursor:pointer;transition:border-color 0.15s,background 0.15s;background:rgba(255,255,255,0.05);user-select:none;-webkit-tap-highlight-color:transparent;width:100%;text-align:left}.ob-goal.ob-selected{border-color:#10b981;background:rgba(16,185,129,0.1)}.ob-goal-icon{font-size:22px;line-height:1;flex-shrink:0;margin-top:1px}.ob-goal-title{font-size:14px;font-weight:600;color:rgba(255,255,255,0.85);margin:0}.ob-goal-desc{font-size:12px;color:rgba(255,255,255,0.4);margin:3px 0 0}.ob-goal.ob-selected .ob-goal-title{color:#6ee7b7}.ob-dark-input{width:100%;height:48px;padding:0 16px;background:rgba(255,255,255,0.07);border:1.5px solid rgba(255,255,255,0.12);border-radius:14px;color:#fff;font-size:15px;outline:none;transition:border-color 0.15s,background 0.15s;-webkit-appearance:none;box-sizing:border-box}.ob-dark-input::placeholder{color:rgba(255,255,255,0.3)}.ob-dark-input:focus{border-color:#10b981;background:rgba(255,255,255,0.1)}#obBudgetSlider{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:linear-gradient(to right,#10b981 0%,#10b981 var(--fill,22%),rgba(255,255,255,0.15) var(--fill,22%),rgba(255,255,255,0.15) 100%);outline:none;cursor:pointer}#obBudgetSlider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#10b981;box-shadow:0 2px 10px rgba(16,185,129,0.5);cursor:pointer}#obBudgetSlider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;border:none;background:#10b981;box-shadow:0 2px 10px rgba(16,185,129,0.5);cursor:pointer}#obSavingsAmount{font-size:52px;font-weight:800;color:#6ee7b7;line-height:1}.ob-plan-card{border:1.5px solid rgba(255,255,255,0.12);border-radius:14px;padding:16px;cursor:pointer;transition:border-color 0.15s,background 0.15s;background:rgba(255,255,255,0.05);position:relative}.ob-plan-card.ob-selected{border-color:#10b981;background:rgba(16,185,129,0.1)}@keyframes obTrialPulse{0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,0.5)}50%{box-shadow:0 0 0 8px rgba(16,185,129,0)}}.ob-trial-pulse{animation:obTrialPulse 2s ease-in-out infinite}@keyframes obHeroPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}body.ob-active,body.ob-active html{background-color:#070F0C!important}body.ob-active #landingHeader,body.ob-active #appDesktopHeader,body.ob-active #appMobileHeader,body.ob-active #app-header,body.ob-active #bottomNav,body.ob-active main,body.ob-active #cookieBanner,body.ob-active #toast{display:none!important}#obOverlay{min-height:100vh;min-height:100dvh}@media print{#appMobileHeader,nav,#toast,.nav-tab,#modalBackdrop,.tour-overlay,.tour-spotlight,.tour-tooltip,button[onclick*="switchView"],button[onclick*="showAuth"],.safe-area-bottom{display:none!important}body{background:white!important;color:black!important}main{padding:0!important}.shadow-sm,.shadow-md{box-shadow:none!important}.bg-white{background:white!important}a{text-decoration:underline}}