@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+HK:wght@300;400;500;700&display=swap";:root{--bg-base:#f5f4f2;--bg-surface:#fff;--bg-raised:#fafaf8;--bg-inset:#eceae6;--bg-overlay:#0006;--border:#00000017;--border-med:#00000024;--text:#141210;--text-2:#6b665e;--text-3:#a09a90;--text-inv:#fff;--brand:#b8821e;--brand-bg:#fdf4e1;--brand-text:#7a5410;--reward:#1251d9;--reward-bg:#ebf0fd;--reward-text:#0a3ba8;--green:#1a7a45;--green-bg:#e6f4ed;--red:#cc2929;--red-bg:#fdecec;--orange:#b85c00;--orange-bg:#fef0e0;--font:"Inter", "Noto Sans HK", -apple-system, system-ui, sans-serif;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-card:14px;--shadow-sm:0 1px 3px #00000012, 0 1px 2px #0000000d;--shadow-md:0 4px 14px #00000017, 0 2px 6px #0000000f;--shadow-lg:0 8px 28px #0000001f, 0 3px 10px #00000014;--nav-h:60px;--header-h:52px;--max-w:430px}@media (prefers-color-scheme:dark){:root{--bg-base:#0e0d0c;--bg-surface:#1a1917;--bg-raised:#222120;--bg-inset:#2c2b29;--bg-overlay:#000000a6;--border:#ffffff12;--border-med:#ffffff1f;--text:#f0ede8;--text-2:#9e9890;--text-3:#5e5a54;--text-inv:#141210;--brand:#e8ac48;--brand-bg:#2e2208;--brand-text:#e8ac48;--reward:#6b9ef8;--reward-bg:#0d1a38;--reward-text:#6b9ef8;--green:#4aba7a;--green-bg:#0d2e1c;--red:#f07070;--red-bg:#2c0e0e;--orange:#f0904a;--orange-bg:#2c1a08;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 14px #0006;--shadow-lg:0 8px 28px #00000080}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}body{font-family:var(--font);background:var(--bg-base);color:var(--text);justify-content:center;min-height:100dvh;line-height:1.5;display:flex}#root{width:100%;max-width:var(--max-w);background:var(--bg-base);flex-direction:column;min-height:100dvh;display:flex;position:relative}button{font-family:var(--font);cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}input,select,textarea{font-family:var(--font)}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-med);border-radius:2px}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.page-content{padding-bottom:calc(var(--nav-h) + 8px);padding-top:var(--header-h);flex:1;overflow-y:auto}.page-content.no-header{padding-top:0}.page-header{width:100%;max-width:var(--max-w);height:var(--header-h);background:color-mix(in srgb, var(--bg-base) 88%, transparent);border-bottom:1px solid var(--border);z-index:10;-webkit-backdrop-filter:blur(16px);align-items:center;gap:10px;padding:0 16px;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.page-header-title{letter-spacing:-.02em;flex:1;font-size:17px;font-weight:600}.page-header-action{color:var(--brand);padding:6px 0;font-size:15px;font-weight:500}.header-back-btn{color:var(--brand);align-items:center;gap:3px;padding:6px 0;font-size:15px;font-weight:500;display:flex}.bottom-nav{width:100%;max-width:var(--max-w);height:var(--nav-h);background:color-mix(in srgb, var(--bg-surface) 92%, transparent);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border);z-index:20;padding-bottom:env(safe-area-inset-bottom,0px);align-items:stretch;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:var(--text-3);letter-spacing:.01em;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 0;font-size:10px;font-weight:500;transition:color .15s;display:flex}.nav-item.active{color:var(--brand)}.nav-icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.nav-icon svg{width:22px;height:22px}.section{margin-bottom:24px;padding:0 16px}.section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-title{letter-spacing:-.02em;font-size:17px;font-weight:700}.section-more{color:var(--brand);font-size:13px;font-weight:500}.card{background:var(--bg-surface);border-radius:var(--r-lg);border:1px solid var(--border);overflow:hidden}.card-pressable{background:var(--bg-surface);border-radius:var(--r-lg);border:1px solid var(--border);cursor:pointer;transition:transform .1s,box-shadow .1s;overflow:hidden}.card-pressable:active{box-shadow:var(--shadow-sm);transform:scale(.985)}.list-group{background:var(--bg-surface);border-radius:var(--r-lg);border:1px solid var(--border);overflow:hidden}.list-row{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:12px;padding:13px 16px;transition:background .1s;display:flex}.list-row:last-child{border-bottom:none}.list-row:active{background:var(--bg-inset)}.list-row-content{flex:1;min-width:0}.list-row-title{font-size:15px;font-weight:500}.list-row-sub{color:var(--text-2);margin-top:1px;font-size:13px}.list-row-chevron{color:var(--text-3);font-size:12px}.pill{white-space:nowrap;border-radius:100px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.pill-brand{background:var(--brand-bg);color:var(--brand-text)}.pill-reward{background:var(--reward-bg);color:var(--reward-text)}.pill-green{background:var(--green-bg);color:var(--green)}.pill-red{background:var(--red-bg);color:var(--red)}.pill-orange{background:var(--orange-bg);color:var(--orange)}.pill-gray{background:var(--bg-inset);color:var(--text-2)}.input-field{background:var(--bg-inset);border-radius:var(--r-md);width:100%;color:var(--text);border:1.5px solid #0000;outline:none;padding:12px 14px;font-size:16px;transition:border-color .15s,background .15s}.input-field:focus{background:var(--bg-surface);border-color:var(--brand)}.input-field::placeholder{color:var(--text-3)}.btn{border-radius:var(--r-md);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:6px;padding:11px 20px;font-size:15px;font-weight:600;transition:opacity .15s,transform .1s;display:inline-flex}.btn:active{opacity:.85;transform:scale(.97)}.btn-brand{background:var(--brand);color:#fff}.btn-outline{border:1.5px solid var(--border-med);color:var(--text);background:0 0}.btn-ghost{color:var(--brand);background:0 0}.btn-reward{background:var(--reward-bg);color:var(--reward-text)}.btn-sm{border-radius:var(--r-sm);padding:7px 14px;font-size:13px}.segment-wrap{background:var(--bg-inset);border-radius:var(--r-sm);gap:2px;padding:3px;display:flex}.segment-btn{color:var(--text-2);text-align:center;border-radius:6px;flex:1;padding:7px 12px;font-size:13px;font-weight:500;transition:all .15s}.segment-btn.active{background:var(--bg-surface);color:var(--text);box-shadow:var(--shadow-sm);font-weight:600}.credit-card-vis{aspect-ratio:85.6/53.98;box-shadow:var(--shadow-lg);color:#fff;border-radius:12px;flex-direction:column;justify-content:space-between;padding:16px;display:flex;position:relative;overflow:hidden}.credit-card-vis:after{content:"";pointer-events:none;background:conic-gradient(from 200deg at 30% 40%,#0000 0deg,#ffffff14 30deg,#0000 60deg,#ffffff0d 120deg,#0000 180deg,#ffffff14 240deg,#0000 300deg);position:absolute;inset:0}.card-chip{opacity:.9;background:linear-gradient(135deg,#e8c96e,#c8922a,#e8c96e);border-radius:5px;width:32px;height:24px}.card-vis-network{opacity:.8;letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:700}.card-vis-name{opacity:.9;font-size:12px;font-weight:600}.card-vis-bank{opacity:.65;margin-top:1px;font-size:10px}.bank-hsbc{background:linear-gradient(145deg,#c00,#8b0000)}.bank-hang{background:linear-gradient(145deg,#006b3c,#004d2b)}.bank-scb{background:linear-gradient(145deg,#1b3a6b,#0d2547)}.bank-dbs{background:linear-gradient(145deg,#e60028,#a80020)}.bank-citi{background:linear-gradient(145deg,#003b70,#00254a)}.bank-boc{background:linear-gradient(145deg,#b22222,#7a0000)}.bank-paob{background:linear-gradient(145deg,#1a56a0,#0d3570)}.bank-mox{background:linear-gradient(145deg,#6b3fab,#4a1f80)}.bank-za{background:linear-gradient(145deg,#ff4040,#cc1a1a)}.bank-amex{background:linear-gradient(145deg,#006fcf,#004a8f)}.bank-aeon{background:linear-gradient(145deg,#c8102e,#8b0018)}.bank-shacom{background:linear-gradient(145deg,#1a3a6b,#0d2347)}.bank-welab{background:linear-gradient(145deg,#e85d00,#a83e00)}.bank-livi{background:linear-gradient(145deg,#00a896,#006b60)}.bank-bea{background:linear-gradient(145deg,#004f9f,#002f6b)}.bank-citic{background:linear-gradient(145deg,#c8102e,#8b0018)}.bank-icbc{background:linear-gradient(145deg,#b00020,#700015)}.bank-ccb{background:linear-gradient(145deg,#003087,#001a54)}.bank-bocom{background:linear-gradient(145deg,#003d7c,#001f4a)}.bank-dahsing{background:linear-gradient(145deg,#b22222,#7a0000)}.bank-fubon{background:linear-gradient(145deg,#c30,#8b2200)}.bank-winglung{background:linear-gradient(145deg,#8b0000,#5a0000)}.bank-nanyang{background:linear-gradient(145deg,#1a4a2e,#0d2f1c)}.bank-ocbc{background:linear-gradient(145deg,#e31837,#a80020)}.bank-chbank{background:linear-gradient(145deg,#1a56a0,#0d3570)}.bank-primecredit{background:linear-gradient(145deg,#1a3a6b,#0d2347)}.bank-default{background:linear-gradient(145deg,#2c2c2e,#1c1c1e)}.offer-scroll-wrap{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:12px;padding:0 16px 4px;display:flex;overflow-x:auto}.offer-scroll-wrap::-webkit-scrollbar{display:none}.offer-tile{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);cursor:pointer;flex-shrink:0;width:220px;padding:14px;transition:transform .1s}.offer-tile:active{transform:scale(.97)}.offer-tile-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:6px;font-size:10px;font-weight:700}.offer-tile-title{margin-bottom:4px;font-size:14px;font-weight:600;line-height:1.3}.offer-tile-value{color:var(--reward);font-size:22px;font-weight:700;line-height:1.1}.offer-tile-meta{color:var(--text-3);margin-top:4px;font-size:11px}.offer-tile-expiry{color:var(--text-3);align-items:center;gap:4px;margin-top:10px;font-size:11px;display:flex}.offer-item{border-bottom:1px solid var(--border);cursor:pointer;padding:14px 16px;transition:background .1s}.offer-item:last-child{border-bottom:none}.offer-item:active{background:var(--bg-inset)}.offer-item-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px;display:flex}.offer-item-title{flex:1;font-size:15px;font-weight:600}.offer-item-value{color:var(--reward);flex-shrink:0;font-size:16px;font-weight:700}.offer-item-meta{color:var(--text-2);font-size:12px;line-height:1.4}.offer-item-footer{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.result-item{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:12px;padding:14px 16px;transition:background .1s;display:flex}.result-item:last-child{border-bottom:none}.result-item:active{background:var(--bg-inset)}.result-rank{color:var(--text-3);text-align:center;flex-shrink:0;width:18px;font-size:13px;font-weight:700}.result-rank.top{color:var(--brand)}.result-info{flex:1;min-width:0}.result-card-name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.result-source{color:var(--text-2);margin-top:1px;font-size:12px}.result-amount{text-align:right;flex-shrink:0}.result-hkd{color:var(--reward);font-size:18px;font-weight:700}.result-rate{color:var(--text-2);margin-top:1px;font-size:12px}.category-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.category-btn{border-radius:var(--r-md);background:var(--bg-surface);border:1.5px solid var(--border);cursor:pointer;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;transition:all .15s;display:flex}.category-btn.selected{background:var(--brand-bg);border-color:var(--brand)}.category-btn:active{transform:scale(.95)}.category-icon{font-size:24px;line-height:1}.category-label{color:var(--text-2);text-align:center;font-size:11px;font-weight:500}.category-btn.selected .category-label{color:var(--brand-text)}.quick-amounts{flex-wrap:wrap;gap:8px;display:flex}.quick-amount-btn{background:var(--bg-surface);border:1.5px solid var(--border-med);color:var(--text-2);cursor:pointer;border-radius:100px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .12s}.quick-amount-btn.active{background:var(--reward-bg);border-color:var(--reward);color:var(--reward-text);font-weight:600}.amount-input-wrap{background:var(--bg-surface);border:2px solid var(--border-med);border-radius:var(--r-md);align-items:center;transition:border-color .15s;display:flex;overflow:hidden}.amount-input-wrap:focus-within{border-color:var(--brand)}.amount-currency{color:var(--text-2);padding:14px 0 14px 16px;font-size:20px;font-weight:600}.amount-input{color:var(--text);font-variant-numeric:tabular-nums;background:0 0;border:none;outline:none;flex:1;width:100%;padding:14px 16px 14px 8px;font-size:28px;font-weight:700}.amount-input::placeholder{color:var(--bg-inset)}.promo-code-card{border-bottom:1px solid var(--border);padding:14px 16px}.promo-code-card:last-child{border-bottom:none}.promo-merchant{color:var(--text-3);margin-bottom:2px;font-size:12px}.promo-title{font-size:14px;font-weight:600}.promo-desc{color:var(--text-2);margin-top:2px;font-size:13px}.promo-code-box{background:var(--bg-inset);border-radius:var(--r-sm);align-items:center;gap:8px;margin-top:8px;padding:8px 12px;display:flex}.promo-code-text{color:var(--reward-text);letter-spacing:.06em;flex:1;font-family:Courier New,monospace;font-size:15px;font-weight:700}.copy-btn{color:var(--brand);background:var(--brand-bg);border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600;transition:opacity .15s}.copy-btn:active{opacity:.7}.copy-btn.copied{color:var(--green);background:var(--green-bg)}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.empty-icon{opacity:.4;font-size:40px}.empty-title{color:var(--text-2);font-size:16px;font-weight:600}.empty-sub{color:var(--text-3);font-size:14px}.loading-wrap{color:var(--text-3);justify-content:center;align-items:center;gap:10px;padding:48px;font-size:14px;display:flex}.spinner{border:2px solid var(--border-med);border-top-color:var(--brand);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sheet-overlay{background:var(--bg-overlay);z-index:50;animation:.2s fade-in;position:fixed;inset:0}.sheet{width:100%;max-width:var(--max-w);background:var(--bg-surface);z-index:51;border-radius:20px 20px 0 0;max-height:90dvh;animation:.25s cubic-bezier(.32,.72,0,1) slide-up;position:fixed;bottom:0;left:50%;overflow-y:auto;transform:translate(-50%)}.sheet-handle-bar{background:var(--border-med);border-radius:2px;width:36px;height:4px}.sheet-header{border-bottom:1px solid var(--border);padding:8px 20px 16px}.sheet-title{letter-spacing:-.02em;font-size:17px;font-weight:700}.sheet-subtitle{color:var(--text-2);margin-top:2px;font-size:13px}.sheet-body{padding:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translate(-50%)translateY(100%)}to{transform:translate(-50%)translateY(0)}}.toast{bottom:calc(var(--nav-h) + 16px);background:var(--text);color:var(--bg-base);z-index:100;white-space:nowrap;max-width:calc(var(--max-w) - 32px);border-radius:100px;padding:10px 18px;font-size:14px;font-weight:500;animation:.2s toast-in;position:fixed;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.home-header{justify-content:space-between;align-items:center;padding:16px 16px 12px;display:flex}.home-logo{letter-spacing:-.04em;color:var(--text);font-size:18px;font-weight:800}.home-logo span{color:var(--brand)}.home-greeting{color:var(--text-2);font-size:13px}.cat-shortcut-row{scrollbar-width:none;gap:10px;padding:0 16px 4px;display:flex;overflow-x:auto}.cat-shortcut-row::-webkit-scrollbar{display:none}.cat-chip{background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;border-radius:100px;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .12s;display:flex}.cat-chip:active{background:var(--brand-bg);border-color:var(--brand);color:var(--brand-text)}.cat-chip-icon{font-size:16px}.home-header-wrap{padding:0 16px 4px}.home-topbar{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.home-greeting-text{color:var(--text-2);letter-spacing:-.01em;font-size:15px;font-weight:600}.home-hero-card{background:linear-gradient(135deg, var(--brand) 0%, color-mix(in srgb, var(--brand) 75%, #5c3a00) 100%);border-radius:var(--r-xl);color:#fff;cursor:pointer;text-align:left;width:100%;box-shadow:0 4px 18px color-mix(in srgb, var(--brand) 45%, transparent);border:none;justify-content:space-between;align-items:center;margin-bottom:4px;padding:16px 18px;transition:transform .12s,opacity .12s;display:flex}.home-hero-card:active{opacity:.9;transform:scale(.985)}.home-hero-left{flex-direction:column;gap:3px;display:flex}.home-hero-label{opacity:.85;letter-spacing:.01em;font-size:12px;font-weight:600}.home-hero-amount{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:800;line-height:1.1}.home-hero-sub{opacity:.72;margin-top:3px;font-size:11px}.home-bell-btn{color:var(--text-2);flex-shrink:0;padding:6px;position:relative}.home-bell-btn:active{opacity:.6}.notif-badge{background:var(--red);color:#fff;border:1.5px solid var(--bg-base);border-radius:100px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:9px;font-weight:700;display:flex;position:absolute;top:0;right:0}.back-btn{border-radius:var(--r-sm);width:36px;height:36px;color:var(--text-2);flex-shrink:0;justify-content:center;align-items:center;transition:background .1s;display:flex}.back-btn:active{background:var(--bg-inset)}.page-title{letter-spacing:-.02em;flex:1;font-size:17px;font-weight:700}.header-action-btn{border-radius:var(--r-sm);width:36px;height:36px;color:var(--brand);flex-shrink:0;justify-content:center;align-items:center;transition:background .1s;display:flex}.header-action-btn:active{background:var(--brand-bg)}.notif-list{padding:0 16px}.notif-item{border-bottom:1px solid var(--border);gap:12px;padding:14px 0;display:flex}.notif-item:last-child{border-bottom:none}.notif-item--unread{background:0 0}.notif-item--unread .notif-item-title{color:var(--text)}.notif-item-icon{flex-shrink:0;margin-top:1px;font-size:22px}.notif-item-body{flex:1;min-width:0}.notif-item-title{font-size:15px;font-weight:600}.notif-item--unread .notif-item-title:before{content:"";background:var(--brand);vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-bottom:1px;margin-right:6px;display:inline-block}.notif-item-desc{color:var(--text-2);margin-top:3px;font-size:13px;line-height:1.4}.notif-item-time{color:var(--text-3);margin-top:4px;font-size:11px}.notif-empty{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:64px 24px 32px;display:flex}.notif-empty-icon{opacity:.3;font-size:44px}.notif-empty-text{color:var(--text-3);font-size:15px;font-weight:500}.spending-summary-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);margin:0 16px 20px;padding:16px}.spending-summary-row{align-items:center;display:flex}.spending-summary-item{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.spending-summary-label{color:var(--text-3);font-size:12px;font-weight:500}.spending-summary-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.spending-summary-divider{background:var(--border);width:1px;height:36px;margin:0 12px}.spending-month-header{color:var(--text-2);justify-content:space-between;align-items:center;margin-bottom:4px;padding:6px 20px 6px 16px;font-size:13px;font-weight:600;display:flex}.spending-item{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 14px 12px 16px;display:flex}.spending-item:last-child{border-bottom:none}.spending-item-icon{flex-shrink:0;font-size:20px}.spending-item-body{flex:1;min-width:0}.spending-item-merchant{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.spending-item-meta{color:var(--text-2);margin-top:1px;font-size:12px}.spending-item-date{color:var(--text-3);margin-top:2px;font-size:11px}.spending-item-right{text-align:right;flex-shrink:0}.spending-item-amount{font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.spending-item-cashback{color:var(--green);margin-top:2px;font-size:12px;font-weight:600}.spending-item-del{color:var(--text-3);border-radius:var(--r-sm);flex-shrink:0;padding:6px;transition:color .1s,background .1s}.spending-item-del:active{color:var(--red);background:var(--red-bg)}.spending-form{flex-direction:column;gap:16px;padding:16px 20px 24px;display:flex}.form-field{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-2);font-size:13px;font-weight:600}.form-input{background:var(--bg-inset);border-radius:var(--r-md);width:100%;color:var(--text);appearance:none;border:1.5px solid #0000;outline:none;padding:11px 14px;font-size:15px;transition:border-color .15s,background .15s}.form-input:focus{background:var(--bg-surface);border-color:var(--brand)}.form-input::placeholder{color:var(--text-3)}.cat-picker{flex-wrap:wrap;gap:8px;display:flex}.cat-picker-chip{background:var(--bg-inset);color:var(--text-2);cursor:pointer;border:1.5px solid #0000;border-radius:100px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .12s}.cat-picker-chip.active{background:var(--brand-bg);color:var(--brand-text);border-color:var(--brand);font-weight:600}.form-actions{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.btn-primary{background:var(--brand);color:#fff}.btn-primary:active{opacity:.85}.sheet-title{letter-spacing:-.02em;padding:4px 20px 16px;font-size:17px;font-weight:700}.sheet-handle{justify-content:center;padding:12px 0 4px;display:flex}.sheet-handle:after{content:"";background:var(--border-med);border-radius:2px;width:36px;height:4px;display:block}.settings-group{margin:0 16px 20px}.settings-group-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin-bottom:8px;padding:0 4px;font-size:12px;font-weight:600}.settings-row{background:var(--bg-surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;display:flex}.settings-row-label{font-size:15px;font-weight:500}.settings-row-value{color:var(--text-2);font-size:14px}.my-card-item{background:var(--bg-surface);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 16px;display:flex}.my-card-remove{color:var(--red);background:var(--red-bg);border-radius:6px;padding:4px 8px;font-size:13px;font-weight:500}.text-reward{color:var(--reward);font-weight:700}.text-brand{color:var(--brand)}.text-muted{color:var(--text-2)}.text-tiny{color:var(--text-3)}.mono{font-variant-numeric:tabular-nums}.fw-600{font-weight:600}.fw-700{font-weight:700}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-base:#0e0d0c;--bg-surface:#1a1917;--bg-raised:#222120;--bg-inset:#2c2b29;--bg-overlay:#000000a6;--border:#ffffff12;--border-med:#ffffff1f;--text:#f0ede8;--text-2:#9e9890;--text-3:#5e5a54;--text-inv:#141210;--brand:#e8ac48;--brand-bg:#2e2208;--brand-text:#e8ac48;--reward:#6b9ef8;--reward-bg:#0d1a38;--reward-text:#6b9ef8;--green:#4aba7a;--green-bg:#0d2e1c;--red:#f07070;--red-bg:#2c0e0e;--orange:#f0904a;--orange-bg:#2c1a08;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 14px #0006;--shadow-lg:0 8px 28px #00000080}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-base:#f5f4f2;--bg-surface:#fff;--bg-raised:#fafaf8;--bg-inset:#eceae6;--bg-overlay:#0006;--border:#00000017;--border-med:#00000024;--text:#141210;--text-2:#6b665e;--text-3:#a09a90;--text-inv:#fff;--brand:#b8821e;--brand-bg:#fdf4e1;--brand-text:#7a5410;--reward:#1251d9;--reward-bg:#ebf0fd;--reward-text:#0a3ba8;--green:#1a7a45;--green-bg:#e6f4ed;--red:#cc2929;--red-bg:#fdecec;--orange:#b85c00;--orange-bg:#fef0e0;--shadow-sm:0 1px 3px #00000012, 0 1px 2px #0000000d;--shadow-md:0 4px 14px #00000017, 0 2px 6px #0000000f;--shadow-lg:0 8px 28px #0000001f, 0 3px 10px #00000014}[data-style=ios26] .page-content{padding-bottom:calc(var(--nav-h) + 48px)}[data-style=ios26] body,[data-style=ios26] #root{background:var(--bg-base)}[data-style=ios26] body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(ellipse 80% 60% at 20% -10%, color-mix(in srgb, var(--brand) 12%, transparent), transparent 70%), radial-gradient(ellipse 60% 40% at 90% 110%, color-mix(in srgb, var(--reward) 8%, transparent), transparent 70%);position:fixed;inset:0}[data-style=ios26] .page-header{background:color-mix(in srgb, var(--bg-base) 70%, transparent);-webkit-backdrop-filter:blur(32px)saturate(200%)brightness(105%);border-bottom:.5px solid color-mix(in srgb, var(--text) 8%, transparent)}[data-style=ios26] .bottom-nav{background:color-mix(in srgb, var(--bg-surface) 68%, transparent);-webkit-backdrop-filter:blur(40px)saturate(220%)brightness(108%);border:.5px solid #fff9;border-radius:26px;width:min(100% - 32px,398px);max-width:none;height:72px;padding:0 6px;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000024,0 2px 8px #00000014,inset 0 1px #ffffffb3}[data-theme=dark][data-style=ios26] .bottom-nav,[data-style=ios26][data-theme=dark] .bottom-nav{background:color-mix(in srgb, var(--bg-surface) 75%, transparent);border:.5px solid #ffffff1f;box-shadow:0 8px 32px #00000073,0 2px 8px #0000004d,inset 0 1px #ffffff14}@media (prefers-color-scheme:dark){[data-style=ios26][data-theme=system] .bottom-nav{background:color-mix(in srgb, var(--bg-surface) 75%, transparent);border:.5px solid #ffffff1f;box-shadow:0 8px 32px #00000073,inset 0 1px #ffffff14}}[data-style=ios26] .nav-item{border-radius:18px;margin:8px 2px;padding:6px 12px;transition:background .18s,color .15s}[data-style=ios26] .nav-item.active{background:color-mix(in srgb, var(--brand) 14%, transparent)}[data-style=ios26] .list-group{background:color-mix(in srgb, var(--bg-surface) 80%, transparent);-webkit-backdrop-filter:blur(20px);border:.5px solid color-mix(in srgb, var(--text) 6%, transparent);border-radius:var(--r-xl);overflow:hidden}[data-style=ios26] .list-row{background:0 0}[data-style=ios26] .list-row:active{background:color-mix(in srgb, var(--brand) 8%, transparent)}[data-style=ios26] .settings-row,[data-style=ios26] .my-card-item{background:color-mix(in srgb, var(--bg-surface) 80%, transparent);-webkit-backdrop-filter:blur(20px)}[data-style=ios26] .sheet{background:color-mix(in srgb, var(--bg-surface) 82%, transparent);-webkit-backdrop-filter:blur(40px)saturate(200%);border-top:.5px solid #ffffff80;border-radius:28px 28px 0 0;box-shadow:0 -4px 32px #0000002e}[data-style=ios26] .credit-card-vis{border-radius:16px}[data-style=ios26] .offer-tile{background:color-mix(in srgb, var(--bg-surface) 78%, transparent);-webkit-backdrop-filter:blur(20px);border:.5px solid color-mix(in srgb, var(--text) 7%, transparent);border-radius:20px}[data-style=ios26] .btn{border-radius:14px}[data-style=ios26] .btn-brand{box-shadow:0 4px 16px color-mix(in srgb, var(--brand) 35%, transparent)}[data-style=ios26] .toast{bottom:calc(var(--nav-h) + 56px)}[data-style=ios26] .settings-group>div{background:color-mix(in srgb, var(--bg-surface) 80%, transparent);-webkit-backdrop-filter:blur(20px);border:.5px solid color-mix(in srgb, var(--text) 6%, transparent);border-radius:var(--r-xl);overflow:hidden}[data-style=ios26] .app-shell{transition:opacity .2s}[data-style=ios26] .input-field{background:color-mix(in srgb, var(--bg-inset) 80%, transparent);-webkit-backdrop-filter:blur(10px);border-radius:14px}[data-style=ios26] .section-title{letter-spacing:-.03em;font-size:20px;font-weight:800}[data-style=ios26] .home-logo{font-size:22px;font-weight:900}[data-style=ios26] .cat-chip{background:color-mix(in srgb, var(--bg-surface) 75%, transparent);-webkit-backdrop-filter:blur(16px);border:.5px solid color-mix(in srgb, var(--text) 8%, transparent);border-radius:14px}[data-style=ios26] .pill{border-radius:10px}