:root{--navy: #18314f;--amber-warm: #b8821a;--amber: #f2b760;--violet: #6b3a7a;--success: #2d6a2d;--success-bg: #e8f3e8;--warning-bg: #fff8ec;--bg-app: #f5f5f7;--bg-card: #ffffff;--bg-subtle: #eef0f3;--text-primary: #18314f;--text-secondary: #6b6b70;--text-tertiary: #8a8a90;--border-subtle: rgba(0, 0, 0, .1);--radius: 14px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-app);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}#root{max-width:560px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top)}button{font:inherit;cursor:pointer;border:none}.tab-item,.cart-btn,.loc-chip,.view-cart-bar,.brand-logo{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent}input,textarea{font:inherit}a{color:var(--navy)}#rotate-overlay{display:none}@media screen and (orientation: landscape) and (max-height: 500px){#rotate-overlay{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--navy);color:#fff;align-items:center;justify-content:center;text-align:center;font-size:17px;font-weight:700}}.ptr{position:fixed;top:calc(14px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:30;pointer-events:none}.ptr-icon{width:38px;height:38px;border-radius:50%;background:var(--bg-card);color:var(--navy);font-size:20px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #18314f38}.ptr-spin{animation:ptr-rotate .8s linear infinite}@keyframes ptr-rotate{to{transform:rotate(360deg)}}.app-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px}.app-header .brand{font-size:20px;font-weight:800;letter-spacing:-.3px}.app-header .brand span{color:var(--amber-warm)}.brand-logo{width:44px;height:44px;border-radius:12px;display:block}.loc-chip{display:flex;align-items:center;gap:6px;background:var(--bg-card);border-radius:999px;padding:10px 14px;box-shadow:0 1px 2px #0000000f;font-size:13px;font-weight:700;color:var(--navy);max-width:58%}.loc-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loc-chip-chev{color:var(--text-tertiary);font-size:15px;margin-left:2px}.logout-btn{background:none;color:var(--text-tertiary);font-size:13px;font-weight:600}.header-actions{display:flex;gap:8px}.cart-btn{position:relative;color:var(--navy);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--bg-card);box-shadow:0 1px 2px #0000000f}.cart-btn svg{width:21px;height:21px}.cart-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--amber);color:var(--navy);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;animation:badge-pop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes badge-pop{0%{transform:scale(.4)}60%{transform:scale(1.35)}to{transform:scale(1)}}.btn-added{background:var(--success);color:#fff;animation:added-pop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes added-pop{0%{transform:scale(.96)}55%{transform:scale(1.03)}to{transform:scale(1)}}.cart-line{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--bg-subtle)}.cart-line-main{min-width:0}.cart-line-title{font-size:15px;font-weight:700}.cart-line-sub{font-size:13px;color:var(--text-secondary);margin-top:1px}.cart-line-price{font-size:13px;font-weight:800;color:var(--amber-warm);margin-top:2px}.cart-total{display:flex;justify-content:space-between;padding:14px 0;font-size:17px;font-weight:800}.tab-backdrop{position:fixed;bottom:0;left:0;right:0;height:calc(100px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg-app) 0%,var(--bg-app) 70%,rgba(245,245,247,0) 100%);z-index:18;pointer-events:none}.tab-bar{position:fixed;bottom:calc(14px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;gap:2px;background:var(--bg-card);border-radius:999px;padding:6px;box-shadow:0 10px 32px #18314f2e;z-index:20}.tab-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 17px;border-radius:999px;text-decoration:none;color:var(--text-tertiary);font-size:11px;font-weight:700}.tab-item svg{width:22px;height:22px}.tab-item.active{color:var(--navy);background:var(--bg-subtle)}.page{padding:4px 16px calc(170px + env(safe-area-inset-bottom));flex:1}.card{background:var(--bg-card);border-radius:var(--radius);padding:16px;margin-bottom:12px;box-shadow:0 1px 2px #0000000a}.section-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--text-tertiary);margin:18px 4px 8px}.status-pill{display:inline-block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:4px 10px;border-radius:999px}.status-pill.scheduled{background:var(--bg-subtle);color:var(--text-secondary)}.status-pill.packed{background:var(--warning-bg);color:var(--amber-warm)}.status-pill.delivered{background:var(--success-bg);color:var(--success)}.status-pill.skipped{background:var(--bg-subtle);color:var(--violet)}.status-pill.cancelled{background:#fdecea;color:#b3261e}.timeline{margin:14px 0 4px}.timeline-step{display:flex;gap:12px;position:relative;padding-bottom:18px}.timeline-step:last-child{padding-bottom:0}.timeline-dot{width:22px;height:22px;border-radius:50%;background:var(--bg-subtle);color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0;z-index:1}.timeline-step.done .timeline-dot{background:var(--success);color:#fff}.timeline-step.current .timeline-dot{background:var(--amber);color:var(--navy)}.timeline-step:not(:last-child):before{content:"";position:absolute;left:10px;top:22px;bottom:0;width:2px;background:var(--bg-subtle)}.timeline-step.done:not(:last-child):before{background:var(--success)}.timeline-title{font-size:15px;font-weight:700}.timeline-sub{font-size:13px;color:var(--text-secondary);margin-top:1px}.btn{display:block;width:100%;padding:14px;border-radius:12px;font-size:15px;font-weight:700;text-align:center;text-decoration:none}.btn-primary{background:var(--navy);color:#fff}.btn:disabled{opacity:.5}.btn-secondary{background:var(--bg-subtle);color:var(--navy)}.btn-amber{background:var(--amber);color:var(--navy)}.field{width:100%;padding:14px;border:1px solid var(--border-subtle);border-radius:12px;font-size:16px;background:var(--bg-card);color:var(--text-primary)}.field:focus{outline:2px solid var(--navy);border-color:transparent}textarea.field{resize:vertical;min-height:80px}.error-text{color:#b3261e;font-size:14px;font-weight:600;margin-top:8px}.success-text{color:var(--success);font-size:14px;font-weight:600;margin-top:8px}.login-wrap{flex:1;display:flex;flex-direction:column;justify-content:center;padding:24px}.login-logo{width:72px;height:72px;border-radius:18px;margin:0 auto 16px;display:block}.login-title{text-align:center;font-size:24px;font-weight:800;margin-bottom:4px}.login-sub{text-align:center;color:var(--text-secondary);font-size:15px;margin-bottom:24px}.order-row{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:inherit}.order-row-main{min-width:0}.order-row-title{font-size:16px;font-weight:700}.order-row-sub{font-size:13px;color:var(--text-secondary);margin-top:2px}.chevron{color:var(--text-tertiary);font-size:18px;margin-left:8px}.hero-card{background:var(--navy);color:#fff;border-radius:var(--radius);padding:18px;margin-bottom:12px;display:block;text-decoration:none}.hero-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--amber)}.hero-date{font-size:22px;font-weight:800;margin:6px 0 2px}.hero-sub{font-size:14px;color:#ffffffbf}.delivery-photo{width:100%;border-radius:12px;display:block}.item-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--bg-subtle);font-size:15px}.item-row:last-child{border-bottom:none}.item-qty{color:var(--text-secondary);font-weight:700;margin-left:12px;flex-shrink:0}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.product-card{background:var(--bg-card);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 2px #0000000a;display:flex;flex-direction:column}.product-img{width:100%;aspect-ratio:1;object-fit:cover;background:var(--bg-subtle)}.product-body{padding:10px 12px 12px;display:flex;flex-direction:column;flex:1;gap:6px}.product-title{font-size:14px;font-weight:700;line-height:1.25}.product-price{font-size:14px;font-weight:800;color:var(--amber-warm)}.qty-controls{display:flex;align-items:center;gap:10px;margin-top:auto}.qty-btn{width:32px;height:32px;border-radius:8px;background:var(--bg-subtle);color:var(--navy);font-size:18px;font-weight:800;display:flex;align-items:center;justify-content:center}.qty-num{font-weight:800;min-width:18px;text-align:center}.add-btn{margin-top:auto;padding:8px;border-radius:8px;background:var(--navy);color:#fff;font-size:13px;font-weight:700}.add-btn:disabled{background:var(--bg-subtle);color:var(--text-tertiary)}.product-link{text-decoration:none;color:inherit;display:block}.shop-section-bar{color:var(--navy);font-size:21px;font-weight:800;letter-spacing:-.3px;margin:22px 2px 12px;padding-bottom:8px;position:relative}.shop-section-bar:after{content:"";position:absolute;left:1px;bottom:0;width:34px;height:4px;border-radius:999px;background:var(--amber)}.min-bar{position:sticky;top:8px;z-index:10;background:var(--bg-card);border-radius:var(--radius);padding:10px 14px 12px;margin-bottom:12px;box-shadow:0 2px 10px #18314f1a;display:flex;align-items:center;gap:12px}.min-bar-body{flex:1;min-width:0}.view-cart-bar{position:fixed;bottom:calc(96px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:var(--amber);color:var(--navy);border-radius:999px;display:flex;align-items:center;gap:9px;padding:11px 18px;font-size:14px;font-weight:800;text-decoration:none;z-index:19;box-shadow:0 8px 22px #b8821a66;animation:vc-slide-up .3s cubic-bezier(.22,1,.36,1)}.view-cart-bar svg{width:17px;height:17px}@keyframes vc-slide-up{0%{transform:translate(-50%) translateY(14px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.vc-count{background:var(--navy);color:#fff;border-radius:999px;min-width:22px;height:22px;padding:0 5px;display:flex;align-items:center;justify-content:center;font-size:12px}.min-bar-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:13px;font-weight:700;margin-bottom:7px}.min-bar-amount{font-size:13px;font-weight:800;color:var(--amber-warm);flex-shrink:0}.min-bar-track{height:7px;border-radius:999px;background:var(--bg-subtle);overflow:hidden}.min-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--amber-warm),var(--amber));transition:width .45s cubic-bezier(.22,1,.36,1)}.min-bar.reached .min-bar-fill{background:var(--success)}.min-bar.reached .min-bar-row span:first-child,.min-bar.reached .min-bar-amount{color:var(--success)}.zip-gate{border-left:4px solid var(--amber)}.zip-gate.success{border-left-color:var(--success);background:var(--success-bg);animation:added-pop .35s cubic-bezier(.34,1.56,.64,1)}.zip-gate-title{font-size:16px;font-weight:800}.zip-gate-sub{font-size:13px;color:var(--text-secondary);margin:4px 0 10px}.zip-gate-row{display:flex;gap:8px}.add-row{display:flex;align-items:center;gap:10px}.add-row-stepper{background:var(--bg-subtle);border-radius:12px;padding:5px 6px;flex-shrink:0}.pd-img{width:100%;aspect-ratio:1;object-fit:cover;background:var(--bg-subtle);display:block}.pd-title{font-size:22px;font-weight:800;letter-spacing:-.3px}.pd-price{font-size:18px;font-weight:800;color:var(--amber-warm);margin-top:2px}.pd-desc{font-size:15px;line-height:1.5;color:var(--text-secondary);margin-top:8px}.pd-desc.clamped{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pd-more{background:none;color:var(--navy);font-size:13px;font-weight:800;padding:4px 0 0}.pd-eyebrow{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--amber-warm);margin-bottom:4px}.pd-thumbs{display:flex;gap:10px;overflow-x:auto;padding:14px 2px 2px;-webkit-overflow-scrolling:touch}.pd-thumb{width:56px;height:56px;border-radius:50%;overflow:hidden;flex-shrink:0;padding:0;background:var(--bg-subtle);border:2px solid transparent}.pd-thumb.selected{border-color:var(--navy);box-shadow:0 0 0 2px #fff inset}.pd-thumb img{width:100%;height:100%;object-fit:cover;display:block}.inside-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.inside-item{padding:0;border:2px solid transparent;border-radius:12px;overflow:hidden;background:var(--bg-subtle);aspect-ratio:1}.inside-item.selected{border-color:var(--navy)}.inside-item img{width:100%;height:100%;object-fit:cover;display:block}.pd-option-name{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--text-tertiary);margin-top:18px}.pd-variants{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.pd-variant{display:flex;flex-direction:column;align-items:center;gap:1px;padding:10px 16px;border-radius:14px;background:#fff;color:var(--navy);border:1px solid var(--border-subtle);flex:1 1 auto;min-width:30%}.pd-variant-label{font-size:14px;font-weight:700;line-height:1.2}.pd-variant-sub{font-size:12px;font-weight:600;color:var(--text-tertiary);min-height:15px}.pd-variant.selected{background:var(--navy);color:#fff;border-color:var(--navy)}.pd-variant.selected .pd-variant-sub{color:var(--amber)}.pd-variant.muted{background:var(--bg-subtle);color:var(--text-tertiary)}.pd-variant.muted .pd-variant-label{text-decoration:line-through}.variant-select{width:100%;padding:6px 8px;border-radius:8px;border:1px solid var(--border-subtle);font-size:13px;background:var(--bg-card)}.window-row{display:flex;gap:8px}.window-row .pd-variant{flex:1;min-width:0;padding:12px 4px}.window-row .pd-variant-label{font-size:13px;white-space:nowrap}.date-strip{display:flex;gap:8px;overflow-x:auto;padding:2px;-webkit-overflow-scrolling:touch}.date-chip{display:flex;flex-direction:column;align-items:center;gap:0;min-width:58px;padding:9px 6px;border-radius:12px;background:#fff;border:1px solid var(--border-subtle);color:var(--navy);flex-shrink:0}.date-chip-day{font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase}.date-chip-num{font-size:18px;font-weight:800;line-height:1.2}.date-chip-month{font-size:11px;font-weight:700;color:var(--text-tertiary)}.date-chip.selected{background:var(--navy);border-color:var(--navy);color:#fff}.date-chip.selected .date-chip-day,.date-chip.selected .date-chip-month{color:var(--amber)}.delivery-strip{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;border-left:4px solid var(--amber);padding:13px 14px}.delivery-strip-icon{font-size:20px;width:40px;height:40px;border-radius:12px;background:var(--warning-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.meter{position:relative;height:74px;margin:20px 18px 8px 2px}.meter-track{position:absolute;top:16px;left:0;right:0;height:10px;border-radius:999px;background:#ffffff24}.meter-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--amber-warm),var(--amber));box-shadow:0 0 12px #f2b7608c;transition:width .6s cubic-bezier(.22,1,.36,1)}.meter-node{position:absolute;top:21px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px}.meter-bubble{width:40px;height:40px;border-radius:50%;background:#223c5e;border:2px solid rgba(255,255,255,.22);color:#ffffffd9;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}.meter-node.unlocked .meter-bubble{background:var(--amber);border-color:var(--amber);color:var(--navy);font-size:16px;box-shadow:0 0 14px #f2b760a6}.meter-node.next .meter-bubble{border-color:var(--amber);animation:meter-pulse 1.8s ease-in-out infinite}@keyframes meter-pulse{0%,to{box-shadow:0 0 #f2b76073}50%{box-shadow:0 0 0 7px #f2b76000}}.meter-count{font-size:11px;font-weight:800;color:#ffffff8c}.meter-node.unlocked .meter-count,.meter-node.next .meter-count{color:var(--amber)}.reward-row{display:flex;align-items:center;gap:12px}.reward-choice{display:flex;justify-content:space-between;align-items:center;width:100%;padding:13px 14px;border-radius:12px;background:#fff;border:1.5px solid var(--border-subtle);font-size:15px;font-weight:700;color:var(--navy);margin-bottom:8px}.reward-choice:last-child{margin-bottom:0}.reward-choice.selected{border-color:var(--amber-warm);background:var(--warning-bg)}.reward-choice:disabled{opacity:.55}.reward-choice-state{font-size:12px;font-weight:800;color:var(--amber-warm)}.reward-row.unlocked{border:1px solid var(--amber)}.reward-ticket{font-size:24px;width:44px;height:44px;border-radius:12px;background:var(--warning-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.shortcut-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:4px}.shortcut-card{background:var(--bg-card);border-radius:var(--radius);padding:16px;text-decoration:none;color:inherit;box-shadow:0 1px 2px #0000000a;display:flex;flex-direction:column;gap:2px}.shortcut-emoji{font-size:24px;margin-bottom:4px}.shortcut-title{font-size:16px;font-weight:800}.shortcut-sub{font-size:13px;color:var(--text-secondary);font-weight:600}.avatar{width:64px;height:64px;border-radius:50%;background:var(--navy);color:#fff;font-size:22px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto}.privacy-body h1{font-size:22px;font-weight:800}.privacy-updated{font-size:12px;color:var(--text-tertiary);margin:4px 0 6px}.privacy-body h2{font-size:15px;font-weight:800;margin:16px 0 4px}.privacy-body p{font-size:14px;line-height:1.55;color:var(--text-secondary)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-grid .card{margin-bottom:0}.stat-value{font-size:26px;font-weight:800;letter-spacing:-.5px}.stat-label{font-size:12px;font-weight:700;color:var(--text-secondary);margin-top:2px}.stat-sub{font-size:12px;font-weight:700;color:var(--success);margin-top:3px}.bell-dot{position:absolute;top:3px;right:5px;width:10px;height:10px;border-radius:50%;background:var(--amber-warm);border:2px solid var(--bg-card)}.ann-card{display:flex;align-items:flex-start;gap:10px}.addr-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px}.addr-row.default{border:1px solid var(--amber)}.addr-main{display:flex;align-items:center;gap:10px;background:none;padding:0;min-width:0;flex:1;color:inherit}.addr-icon{font-size:18px;width:38px;height:38px;border-radius:10px;background:var(--bg-subtle);display:flex;align-items:center;justify-content:center;flex-shrink:0}.addr-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.addr-link{background:none;color:var(--navy);font-size:13px;font-weight:700;padding:4px 2px}.addr-default-toggle{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-secondary);margin-top:10px}.addr-default-toggle input{width:17px;height:17px;accent-color:var(--navy)}.empty-state{text-align:center;color:var(--text-secondary);padding:48px 24px;font-size:15px}.spinner{margin:48px auto;width:28px;height:28px;border:3px solid var(--bg-subtle);border-top-color:var(--navy);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.back-link{display:inline-block;font-size:14px;font-weight:700;color:var(--navy);text-decoration:none;margin:4px 4px 10px}