.netlogo{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#fff;border-radius:4px;padding:2px 4px;line-height:1;box-shadow:0 1px 3px #00000026}.netlogo-sm{width:38px;height:22px}.netlogo-md{width:48px;height:28px}.netlogo-img{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.type-toggle{display:flex;gap:6px;margin-bottom:16px}.type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:11px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dim);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;transition:all .2s}.type-btn.active{background:var(--gold-dim);border-color:var(--gold);color:var(--gold)}.location-bar{display:flex;align-items:center;gap:9px;padding:10px 14px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-xs);margin-bottom:14px;font-size:11px;color:var(--text-mid)}.loc-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:pulse-gold 2s infinite;flex-shrink:0}.loc-name{flex:1}.loc-clear,.loc-enable{background:none;border:none;color:var(--gold);font-family:var(--font-mono);font-size:11px;padding:0}.ai-row{display:flex;gap:8px;margin-bottom:16px}.ai-input{flex:1}.ai-error{padding:12px 16px;background:#e05c6e1a;border:1px solid rgba(224,92,110,.3);border-radius:var(--radius-xs);color:var(--red);font-size:11px;margin-bottom:16px}.ai-result{margin-bottom:24px}.ai-result-header{padding:14px 20px;border-bottom:1px solid var(--border)}.ai-result-body{padding:16px 20px;font-size:12px;line-height:1.8;color:var(--text-mid)}.ai-result-body strong{color:var(--text)}.cat-select{width:100%;padding:12px 38px 12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text-primary, var(--text));font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;margin-bottom:28px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23888' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer;transition:border-color .18s,box-shadow .18s}.cat-select:focus{outline:none;border-color:var(--gold-mid);box-shadow:0 0 0 3px #c9a84c1f}.cat-select option{background:var(--surface);color:var(--text-primary, var(--text))}.rankings-panel{background:var(--surface);border:1px solid var(--gold-mid);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-gold);margin-bottom:20px}.rankings-header{display:flex;justify-content:space-between;align-items:flex-end;padding:24px 24px 20px;border-bottom:1px solid var(--border);background:linear-gradient(to right,var(--gold-dim),transparent)}.rankings-winner{font-family:var(--font-display);font-size:26px;font-weight:600;color:var(--text);margin-top:4px}.winner-value{text-align:right}.winner-multiplier{font-size:18px;font-family:var(--font-display);font-weight:600;color:var(--gold)}.winner-cents{font-size:10px;color:var(--text-dim);letter-spacing:.05em}.rankings-list{display:flex;flex-direction:column}.rank-row{display:flex;align-items:center;gap:12px;padding:12px 24px;border-bottom:1px solid var(--border);transition:background .15s}.rank-row:hover{background:var(--surface2)}.rank-row.top{background:#c9a84c0f}.rank-num{font-size:10px;color:var(--text-dim);width:24px;flex-shrink:0}.rank-name{flex:1;font-size:12px;color:var(--text)}.rank-earn{font-size:11px;color:var(--text-mid)}.rank-val{font-size:12px;color:var(--green);font-weight:500;min-width:60px;text-align:right}.card-visual-sm{width:44px;height:28px;border-radius:5px;flex-shrink:0;display:flex;align-items:flex-end;justify-content:flex-end;padding:3px 4px;position:relative;overflow:hidden}.card-visual-sm:before{content:"";position:absolute;top:4px;left:5px;width:11px;height:8px;border-radius:2px;background:#fff3}.offers-applicable{padding:16px 24px;border-top:1px solid var(--border);background:var(--surface2)}.offer-row{display:flex;align-items:center;gap:12px;padding:7px 0;border-bottom:1px solid var(--border);font-size:11px}.offer-row:last-child{border-bottom:none}.offer-merchant{font-weight:500;color:var(--text);min-width:120px}.offer-reward{color:var(--green);flex:1}.offer-card{color:var(--text-dim);font-size:10px}.upgrade-panel{background:var(--surface);border:1px solid var(--gold-mid);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-gold);margin-top:16px}.upgrade-header{display:flex;justify-content:space-between;align-items:baseline;padding:16px 24px 14px;border-bottom:1px solid var(--border);background:linear-gradient(to right,var(--gold-dim),transparent);gap:12px;flex-wrap:wrap}.upgrade-eyebrow{font-size:9px;letter-spacing:.25em;text-transform:uppercase;color:var(--gold)}.upgrade-sub{font-size:10px;color:var(--text-dim);letter-spacing:.04em}.upgrade-body{display:flex;align-items:center;gap:18px;padding:18px 24px}.upgrade-card-thumb{width:72px;height:46px;border-radius:7px;flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;padding:7px 8px;position:relative;overflow:hidden}.uc-chip{width:18px;height:13px;border-radius:2px;background:#ffffff40}.upgrade-info{flex:1;min-width:0}.upgrade-name{font-family:var(--font-display);font-size:20px;font-weight:600;color:var(--text);margin-bottom:2px}.upgrade-meta{font-size:10px;color:var(--text-dim);margin-bottom:8px}.upgrade-rate{margin-bottom:4px}.upgrade-rate-val{font-size:14px;color:var(--green);font-weight:500}.upgrade-rate-label{font-size:11px;color:var(--text-mid)}.upgrade-vs{font-size:10px;color:var(--text-dim);letter-spacing:.03em}.ai-upgrade-nudge{display:flex;align-items:flex-start;gap:10px;padding:12px 18px;background:#c9a84c0d;border:1px solid var(--gold-mid);border-radius:var(--radius-xs);margin-top:-16px;margin-bottom:24px;font-size:12px;line-height:1.7;color:var(--text-dim)}.ai-upgrade-nudge strong{color:var(--text-mid)}.nudge-icon{color:var(--gold);font-size:9px;flex-shrink:0;margin-top:4px;opacity:.65;letter-spacing:.08em}.nearby-section{margin-bottom:20px}.nearby-loc-btn{width:100%;padding:13px 18px;background:var(--surface);border:1px dashed var(--gold-mid);border-radius:var(--radius-sm);color:var(--gold);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-align:center;transition:all .2s}.nearby-loc-btn:hover{background:var(--gold-dim);border-style:solid}.nearby-loading{display:flex;align-items:center;gap:10px;padding:14px 16px;color:var(--text-dim);font-size:11px}.nearby-list{background:var(--surface);border:1px solid var(--gold-mid);border-radius:var(--radius);overflow:hidden}.nearby-row{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--border);transition:background .15s}.nearby-row:last-child{border-bottom:none}.nearby-row:hover{background:var(--surface2)}.nearby-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.nearby-name{font-size:12px;color:var(--text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nearby-vicinity{font-size:10px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nearby-badge{flex-shrink:0;padding:3px 8px;border-radius:99px;font-size:9px;font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;background:var(--surface2);border:1px solid var(--border);color:var(--text-dim)}.nearby-badge-dining{border-color:#c9a84c66;color:var(--gold)}.nearby-badge-gas{border-color:#4a9eda66;color:#4a9eda}.nearby-badge-groceries{border-color:#52c97a66;color:var(--green)}.nearby-badge-hotel{border-color:#9b9b9b66;color:var(--text-mid)}.nearby-badge-entertainment{border-color:#a74ada66;color:#a74ada}.nearby-badge-drugstore{border-color:#da4a4a66;color:var(--red)}.nearby-card-rec{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0;min-width:100px}.nearby-card-name{font-size:10px;color:var(--text-mid);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.nearby-card-rate{font-size:12px;color:var(--green);font-weight:500}.nearby-no-card{font-size:10px;color:var(--text-dim);flex-shrink:0}.plaid-banner{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--green-dim);border:1px solid rgba(82,201,122,.25);border-radius:var(--radius-xs);font-size:11px;color:var(--green);margin-bottom:20px}.plaid-banner-dot{width:7px;height:7px;border-radius:50%;background:var(--green);flex-shrink:0}.search-bar-wrap{position:relative;display:flex;align-items:center;margin-bottom:12px}.search-icon{position:absolute;left:12px;font-size:16px;color:var(--text-dim);pointer-events:none;line-height:1}.search-input{width:100%;box-sizing:border-box;padding:9px 36px 9px 34px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text);font-size:13px;font-family:var(--font-body, inherit);outline:none;transition:border-color .18s,background .18s}.search-input::placeholder{color:var(--text-dim)}.search-input:focus{border-color:var(--gold-mid);background:var(--surface2)}.search-clear{position:absolute;right:10px;background:none;border:none;color:var(--text-dim);font-size:12px;cursor:pointer;padding:2px 4px;border-radius:50%;line-height:1;transition:color .15s}.search-clear:hover{color:var(--text)}.cards-empty-state{text-align:center;padding:40px 20px;color:var(--text-dim);font-size:13px;font-family:var(--font-mono);letter-spacing:.04em;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.filter-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}.filter-btn{padding:7px 14px;background:var(--surface);border:1px solid var(--border);border-radius:20px;color:var(--text-dim);font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;transition:all .18s}.filter-btn.active{background:var(--gold-dim);border-color:var(--gold-mid);color:var(--gold)}.filter-btn:hover:not(.active){border-color:var(--border2);color:var(--text-mid)}.cards-list{display:flex;flex-direction:column;gap:10px}.card-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .18s}.card-row:hover{border-color:var(--border2)}.card-row.inactive{opacity:.55}.card-row-header{display:flex;align-items:center;gap:16px;padding:16px 20px 12px;cursor:pointer;-webkit-user-select:none;user-select:none}.card-visual-lg{width:68px;height:44px;border-radius:7px;flex-shrink:0;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:7px 8px;overflow:hidden}.cvl-chip{width:18px;height:13px;border-radius:2px;background:#ffffff47}.cvl-network{align-self:flex-end}.card-row-info{flex:1;min-width:0}.card-row-name{font-family:var(--font-display);font-size:17px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}.card-row-meta{font-size:10px;color:var(--text-dim);letter-spacing:.03em;margin-bottom:7px}.meta-sep{margin:0 5px;opacity:.5}.card-row-tags{display:flex;gap:5px;flex-wrap:wrap}.expand-chevron{font-size:8px;color:var(--text-dim);flex-shrink:0;padding:4px}.card-row-footer{display:flex;justify-content:flex-end;align-items:center;padding:0 20px 14px}.tag{background:var(--surface2);border:1px solid var(--border);color:var(--text-dim);font-size:9px;letter-spacing:.08em;padding:2px 7px;border-radius:20px}.tag-green{background:var(--green-dim);border-color:#52c97a40;color:var(--green)}.tag-gold{background:var(--gold-dim);border-color:var(--gold-mid);color:var(--gold)}.wallet-toggle{padding:8px 18px;border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;border:1px solid;transition:all .18s;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.wallet-toggle.in{background:var(--green-dim);border-color:#52c97a59;color:var(--green)}.wallet-toggle.in:hover{background:#52c97a33}.wallet-toggle.out{background:var(--surface2);border-color:var(--border2);color:var(--text-mid)}.wallet-toggle.out:hover{border-color:var(--gold-mid);color:var(--gold)}.card-row-detail{border-top:1px solid var(--border);background:var(--surface2)}.detail-section{padding:18px 20px;border-bottom:1px solid var(--border)}.detail-section:last-child{border-bottom:none}.rates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px}.rate-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--surface);border-radius:var(--radius-xs);font-size:11px}.cat-chip{font-family:var(--font-mono);font-size:7px;font-weight:700;letter-spacing:.1em;color:var(--gold);background:var(--gold-dim);padding:2px 4px;border-radius:3px;flex-shrink:0;line-height:1.4}.rate-cat{flex:1;color:var(--text-mid)}.rate-earn{color:var(--text-dim);font-size:10px}.rate-val{color:var(--green);min-width:52px;text-align:right}.perks-list{display:flex;flex-direction:column;gap:6px}.perk-item{display:flex;gap:10px;font-size:11px;color:var(--text-mid);line-height:1.5}.perk-dot{color:var(--gold);flex-shrink:0;margin-top:1px}.promo-item{padding:9px 12px;background:var(--surface);border-radius:var(--radius-xs);margin-bottom:6px}.promo-item:last-child{margin-bottom:0}.promo-desc{font-size:11px;color:var(--text-mid)}.promo-expiry{font-size:10px;color:var(--red);margin-top:3px}.add-card-btn{border-color:var(--gold-mid)!important;color:var(--gold)!important;background:var(--gold-dim)!important}.add-card-btn:hover{background:#d4af3733!important}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-card{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius);width:100%;max-width:400px;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--border)}.modal-title{font-family:var(--font-display);font-size:17px;font-weight:600;color:var(--text)}.modal-close{background:none;border:none;color:var(--text-dim);font-size:14px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:color .15s}.modal-close:hover{color:var(--text)}.modal-body{padding:20px;display:flex;flex-direction:column;gap:12px}.form-label{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--text-dim);margin-bottom:4px}.form-input{width:100%;box-sizing:border-box;padding:10px 12px;background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius-xs);color:var(--text);font-size:13px;font-family:var(--font-body, inherit);outline:none;transition:border-color .18s}.form-input:focus{border-color:var(--gold-mid)}.form-error{font-size:11px;color:var(--red);padding:6px 10px;background:#ff505014;border-radius:var(--radius-xs);border:1px solid rgba(255,80,80,.2)}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--border)}.compare-scope-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xs);margin-bottom:20px}.scope-label{font-size:11px;color:var(--text-mid);letter-spacing:.04em}.scope-toggle-btn{background:none;border:1px solid var(--gold-mid);border-radius:var(--radius-xs);color:var(--gold);font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;padding:5px 12px;transition:all .18s;white-space:nowrap}.scope-toggle-btn:hover{background:var(--gold-dim)}.mode-toggle{display:flex;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px;margin-bottom:24px;width:fit-content}.mode-btn{padding:8px 20px;background:none;border:none;border-radius:8px;color:var(--text-dim);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;transition:all .18s}.mode-btn.active{background:var(--gold-dim);color:var(--gold);border:1px solid var(--gold-mid)}.compare-selects{display:flex;align-items:flex-end;gap:16px;margin-bottom:24px}.compare-col{flex:1;display:flex;flex-direction:column;gap:6px}.compare-vs{font-family:var(--font-display);font-size:20px;color:var(--text-dim);padding-bottom:10px;flex-shrink:0}.rankings-side-by-side{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 640px){.rankings-side-by-side{grid-template-columns:1fr}}.rank-list-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.rank-list-header{padding:16px 20px;border-bottom:1px solid var(--border);background:var(--gold-dim)}.rank-list-winner{font-family:var(--font-display);font-size:20px;font-weight:600;color:var(--text);margin-top:3px}.rank-list-rows{display:flex;flex-direction:column}.rank-row{display:flex;align-items:center;gap:10px;padding:10px 20px;border-bottom:1px solid var(--border);font-size:11px}.rank-row:last-child{border-bottom:none}.rank-row.top{background:#c9a84c0d}.rank-num{font-size:10px;color:var(--text-dim);width:22px;flex-shrink:0}.rank-name{flex:1;color:var(--text);font-size:11px}.rank-not-wallet{color:var(--text-dim);font-size:9px}.rank-earn{color:var(--text-mid);font-size:10px}.rank-val{color:var(--green);font-size:11px;min-width:52px;text-align:right}.card-visual{width:44px;height:28px;border-radius:5px;flex-shrink:0;position:relative;display:flex;align-items:flex-end;justify-content:flex-end;padding:3px 4px;overflow:hidden}.card-visual:before{content:"";position:absolute;top:4px;left:5px;width:11px;height:8px;border-radius:2px;background:#fff3}.cv-network{line-height:1}.h2h-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.h2h-header{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;padding:20px;border-bottom:1px solid var(--border)}.h2h-card{padding:14px 16px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:4px}.h2h-network{margin-bottom:4px}.h2h-card-name{font-family:var(--font-display);font-size:16px;font-weight:600;color:#fff}.h2h-fee{font-size:10px;color:#ffffff80}.h2h-not-wallet{font-size:9px;color:var(--gold);letter-spacing:.05em;margin-top:2px}.h2h-vs-badge{font-family:var(--font-display);font-size:18px;color:var(--text-dim);text-align:center;padding:0 8px}.h2h-rows{display:flex;flex-direction:column}.h2h-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--border)}.h2h-row:last-child{border-bottom:none}.h2h-cell{display:flex;flex-direction:column;align-items:flex-start;padding:10px 20px;gap:2px}.h2h-cell.right{align-items:flex-end}.h2h-cell.winner{background:#52c97a0d}.h2h-earn{font-size:12px;color:var(--text)}.h2h-val{font-size:10px;color:var(--green)}.h2h-cat{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:9px;color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;padding:0 8px;min-width:80px;text-align:center}.h2h-cat-chip{font-family:var(--font-mono);font-size:7px;font-weight:700;color:var(--gold);background:var(--gold-dim);padding:2px 4px;border-radius:3px;letter-spacing:.1em}.plaid-connect{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.plaid-btn{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 14px;background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius-xs);color:var(--text-mid);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;transition:all .2s;width:100%}.plaid-btn:hover:not(.disabled){border-color:var(--gold-mid);color:var(--gold);background:var(--gold-dim)}.plaid-btn.disabled{opacity:.4;cursor:not-allowed}.plaid-status{font-size:10px;padding:6px 10px;border-radius:var(--radius-xs);line-height:1.5}.plaid-status.success{background:var(--green-dim);color:var(--green);border:1px solid rgba(82,201,122,.2)}.plaid-status.error{background:#e05c6e14;color:var(--red);border:1px solid rgba(224,92,110,.2)}.plaid-status.info{background:var(--surface2);color:var(--text-dim);border:1px solid var(--border)}.connected-item{display:flex;align-items:center;gap:7px;padding:5px 0}.ci-dot{width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0}.ci-name{font-size:10px;color:var(--text-mid);flex:1}.ci-count{font-size:9px;color:var(--text-dim)}.instructions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:32px}@media (max-width: 640px){.instructions-grid{grid-template-columns:1fr}}.instruction-step{display:flex;gap:14px;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.step-num{width:28px;height:28px;border-radius:50%;background:var(--gold-dim);border:1px solid var(--gold-mid);color:var(--gold);font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-title{font-size:12px;color:var(--text);margin-bottom:4px;font-weight:500}.step-body{font-size:11px;color:var(--text-dim);line-height:1.6}.upload-section{margin-bottom:24px}.existing-offers{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:16px;overflow:hidden}.existing-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--surface2)}.offers-list{max-height:200px;overflow-y:auto}.offer-item{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border);font-size:11px}.offer-item:last-child{border-bottom:none}.offer-merchant{font-weight:500;color:var(--text);min-width:100px}.offer-description{flex:1;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.offer-reward-pill{background:var(--green-dim);border:1px solid rgba(82,201,122,.3);color:var(--green);font-size:10px;padding:3px 9px;border-radius:20px;white-space:nowrap;flex-shrink:0}.drop-zone{border:2px dashed var(--border2);border-radius:var(--radius);padding:48px 24px;text-align:center;cursor:pointer;transition:all .2s;background:var(--surface)}.drop-zone:hover{border-color:var(--gold-mid);background:var(--gold-dim)}.drop-zone.drag-over{border-color:var(--gold);background:var(--gold-dim)}.drop-zone.uploading{cursor:default}.upload-icon{font-size:32px;margin-bottom:12px;color:var(--text-dim)}.upload-title{font-size:14px;color:var(--text);margin-bottom:4px}.upload-hint{font-size:11px;color:var(--text-dim);margin-bottom:10px}.upload-formats{font-size:10px;color:var(--text-dim);letter-spacing:.1em}.upload-uploading{display:flex;flex-direction:column;align-items:center;gap:12px}.upload-progress{font-size:12px;color:var(--text-mid)}.upload-error{margin-top:12px;padding:12px 16px;background:#e05c6e14;border:1px solid rgba(224,92,110,.25);border-radius:var(--radius-xs);color:var(--red);font-size:11px;line-height:1.6}.extracted-panel{background:var(--surface);border:1px solid var(--gold-mid);border-radius:var(--radius);overflow:hidden}.extracted-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border);background:var(--gold-dim)}.extracted-count{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--text);margin-top:2px}.extracted-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1px;background:var(--border)}.extracted-offer{background:var(--surface);padding:16px 20px;display:flex;flex-direction:column;gap:6px}.eo-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.eo-merchant{font-size:13px;font-weight:500;color:var(--text)}.eo-desc{font-size:11px;color:var(--text-dim);line-height:1.5}.eo-expiry{font-size:10px;color:var(--red)}.eo-cat{font-size:9px;color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase}.no-offers-found{padding:32px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);font-size:12px}.no-data-state{text-align:center;padding:64px 32px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.no-data-icon{font-size:48px;color:var(--text-dim);margin-bottom:16px;line-height:1}.no-data-title{font-family:var(--font-display);font-size:24px;font-weight:600;color:var(--text);margin-bottom:12px}.no-data-body{font-size:12px;color:var(--text-dim);line-height:1.8;max-width:420px;margin:0 auto}.spend-bars{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:8px}.spend-bar-row{display:grid;grid-template-columns:140px 1fr 64px 100px;align-items:center;gap:12px;padding:10px 20px;border-bottom:1px solid var(--border)}.spend-bar-row:last-child{border-bottom:none}.sbar-label{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--text-mid)}.sbar-track{height:4px;background:var(--surface2);border-radius:4px;overflow:hidden}.sbar-fill{height:100%;background:linear-gradient(to right,var(--gold),var(--gold-bright));border-radius:4px;transition:width .5s ease}.sbar-amt{font-size:11px;color:var(--text);text-align:right}.sbar-best{font-size:10px;color:var(--gold);text-align:right}.missed-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:32px}.missed-header-row{display:grid;grid-template-columns:140px 100px 1fr 80px 80px;gap:12px;padding:10px 20px;background:var(--surface2);border-bottom:1px solid var(--border);font-size:9px;color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase}.missed-row{display:grid;grid-template-columns:140px 100px 1fr 80px 80px;gap:12px;padding:10px 20px;border-bottom:1px solid var(--border);font-size:11px;align-items:center}.missed-row:last-child{border-bottom:none}.missed-cat{color:var(--text)}.missed-spend{color:var(--text-mid)}.missed-card{color:var(--text-mid);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.missed-earn{color:var(--green)}.missed-val{color:var(--text-mid);text-align:right}.missed-val.high{color:var(--green);font-weight:500}.missed-total-row{display:grid;grid-template-columns:1fr 80px;gap:12px;padding:12px 20px;background:var(--gold-dim);border-top:1px solid var(--gold-mid);font-size:11px;color:var(--text-dim);align-items:center}.missed-total{color:var(--gold);font-size:14px;font-weight:500;text-align:right}.ai-analysis-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.ai-analysis-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.insights-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:16px}.insight-card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;display:flex;flex-direction:column;gap:6px}.insight-cat{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim)}.insight-spend{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--text)}.insight-best{font-size:11px;color:var(--text-mid)}.insight-best strong{color:var(--gold)}.insight-suggestion{font-size:11px;color:var(--text-dim);line-height:1.6}.insight-upside{font-size:11px;color:var(--green);font-weight:500;margin-top:4px}.sbar-chip{font-family:var(--font-mono);font-size:7px;font-weight:700;letter-spacing:.1em;color:var(--gold);background:var(--gold-dim);padding:2px 4px;border-radius:3px;flex-shrink:0;line-height:1.4}.upgrade-recs-note{font-size:11px;color:var(--text-dim);line-height:1.6;margin-bottom:14px}.upgrade-recs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-bottom:32px}.upgrade-rec-card{background:var(--surface);border:1px solid var(--gold-mid);border-radius:var(--radius);overflow:hidden;display:flex;align-items:center;gap:16px;padding:16px 20px;box-shadow:var(--shadow-gold)}.urc-thumb{width:64px;height:42px;border-radius:7px;flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;padding:6px 8px;overflow:hidden}.urc-chip{width:16px;height:11px;border-radius:2px;background:#ffffff40}.urc-info{flex:1;min-width:0}.urc-cat{display:flex;align-items:center;gap:6px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:4px}.urc-name{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.urc-issuer{font-size:10px;color:var(--text-dim);margin-bottom:6px}.urc-rates{margin-bottom:3px}.urc-new-rate{font-size:13px;color:var(--green);font-weight:500}.urc-vs-rate{font-size:10px;color:var(--text-dim)}.urc-upside{font-size:11px;color:var(--gold);font-weight:500}@media (max-width: 640px){.missed-header-row,.missed-row{grid-template-columns:1fr 1fr}.missed-header-row span:nth-child(3),.missed-header-row span:nth-child(4),.missed-row .missed-card,.missed-row .missed-earn{display:none}.spend-bar-row{grid-template-columns:100px 1fr 52px}.sbar-best{display:none}}.app-shell{display:flex;flex-direction:column;height:100dvh;overflow:hidden;background:var(--bg)}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;padding-top:max(12px,env(safe-area-inset-top));background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;z-index:10}.top-bar-logo{display:flex;align-items:center;gap:8px}.logo-mark{font-size:20px;color:var(--gold);line-height:1}.logo-text{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--text);letter-spacing:.01em}.top-bar-actions{display:flex;align-items:center;gap:4px}.theme-toggle-btn{background:none;border:none;padding:6px 8px;border-radius:var(--radius-xs);transition:background .15s,color .15s;color:var(--text-mid);display:flex;align-items:center;justify-content:center}.theme-toggle-btn:hover{background:var(--surface2);color:var(--gold)}.settings-btn{background:none;border:none;padding:6px 8px;border-radius:var(--radius-xs);transition:background .15s;color:var(--text-mid);display:flex;align-items:center;justify-content:center}.settings-btn:hover{background:var(--surface2);color:var(--text)}.settings-drawer{background:var(--surface);border-bottom:1px solid var(--border);padding:16px 20px;flex-shrink:0;z-index:9}.settings-title{font-size:9px;letter-spacing:.25em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px}.main-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.page-container{max-width:720px;margin:0 auto;padding:28px 20px 24px}.bottom-nav{display:flex;background:var(--surface);border-top:1px solid var(--border);padding-bottom:max(12px,env(safe-area-inset-bottom));flex-shrink:0;z-index:10}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:10px 4px 6px;background:none;border:none;color:var(--text-dim);transition:color .18s;-webkit-tap-highlight-color:transparent;min-height:56px}.bottom-nav-item.active{color:var(--gold)}.bottom-nav-item:active{background:var(--surface2)}.bottom-nav-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;line-height:1}.bottom-nav-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;line-height:1}.health-row{display:flex;align-items:center;gap:7px;margin-bottom:5px}.health-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.health-dot.ok{background:var(--green)}.health-dot.off{background:var(--text-dim)}.health-label{font-size:11px;color:var(--text-dim);letter-spacing:.03em}.page-header{margin-bottom:28px}.page-eyebrow{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}.page-title{font-family:var(--font-display);font-size:clamp(26px,5vw,38px);font-weight:600;line-height:1.1;color:var(--text);margin-bottom:6px}.page-sub{font-size:11px;color:var(--text-dim);letter-spacing:.04em}.gold-rule{width:40px;height:1px;background:var(--gold);opacity:.5;margin:10px 0}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.panel-gold{border-color:var(--gold-mid);box-shadow:var(--shadow-gold)}.section-label{font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:var(--text-dim);margin-bottom:10px}.btn-primary{display:inline-flex;align-items:center;gap:6px;background:var(--gold);border:none;border-radius:var(--radius-xs);color:#080808;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;padding:11px 18px;transition:background .2s;white-space:nowrap}.btn-primary:hover,.btn-primary:active{background:var(--gold-bright)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{background:none;border:1px solid var(--border2);border-radius:var(--radius-xs);color:var(--text-mid);font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;padding:9px 14px;transition:all .18s}.btn-ghost:hover{border-color:var(--gold-mid);color:var(--gold)}.input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text);font-family:var(--font-mono);font-size:13px;padding:12px 14px;outline:none;transition:border-color .2s;width:100%;-webkit-appearance:none}.input:focus{border-color:var(--gold)}.input::placeholder{color:var(--text-dim)}select.input{cursor:pointer}select.input option{background:var(--surface2)}.spinner{width:14px;height:14px;border:2px solid var(--border2);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite;display:inline-block;flex-shrink:0}.badge{display:inline-block;background:var(--gold-dim);border:1px solid var(--gold-mid);color:var(--gold);font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:2px 7px;border-radius:20px;flex-shrink:0}.badge-green{background:var(--green-dim);border-color:#52c97a4d;color:var(--green)}.loading-dots{display:flex;gap:5px;align-items:center;justify-content:center;padding:20px}.loading-dots .dot{width:5px;height:5px;border-radius:50%;background:var(--gold);animation:bounce 1.2s ease-in-out infinite}.loading-dots .dot:nth-child(2){animation-delay:.2s}.loading-dots .dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(-5px);opacity:1}}.card-visual{width:44px;height:28px;border-radius:5px;flex-shrink:0;position:relative}.ai-error{padding:11px 14px;background:#e05c6e14;border:1px solid rgba(224,92,110,.25);border-radius:var(--radius-xs);color:var(--red);font-size:11px;line-height:1.6;margin-bottom:14px}:root{--bg: #f5f5f0;--surface: #ffffff;--surface2: #f0ede8;--surface3: #e8e5e0;--border: #e0ddd8;--border2: #c8c5c0;--gold: #c9a84c;--gold-bright: #e8c96a;--gold-dim: rgba(201,168,76,.1);--gold-mid: rgba(201,168,76,.25);--text: #1a1a1a;--text-mid: #555550;--text-dim: #888880;--green: #2a9e56;--green-dim: rgba(42,158,86,.1);--red: #d0394e;--blue: #2c72d6;--radius: 18px;--radius-sm: 11px;--radius-xs: 7px;--shadow: 0 4px 32px rgba(0,0,0,.1);--shadow-gold: 0 0 40px rgba(201,168,76,.06);--font-display: "Cormorant Garamond", serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "DM Mono", monospace}[data-theme=dark]{--bg: #080808;--surface: #111111;--surface2: #191919;--surface3: #222222;--border: #2e2e2e;--border2: #404040;--gold: #c9a84c;--gold-bright: #e8c96a;--gold-dim: rgba(201,168,76,.12);--gold-mid: rgba(201,168,76,.3);--text: #f0ede6;--text-mid: #c4bdb4;--text-dim: #908880;--green: #52c97a;--green-dim: rgba(82,201,122,.12);--red: #e05c6e;--blue: #5b9cf6;--shadow: 0 4px 32px rgba(0,0,0,.6);--shadow-gold: 0 0 40px rgba(201,168,76,.08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:13px;line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background .2s,color .2s}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.3}button{cursor:pointer;font-family:var(--font-sans)}input,select,textarea{font-family:var(--font-sans)}a{color:var(--gold);text-decoration:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold-mid)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-gold{0%,to{box-shadow:0 0 #c9a84c66}50%{box-shadow:0 0 0 8px #c9a84c00}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fadeUp{animation:fadeUp .5s ease both}.animate-fadeIn{animation:fadeIn .3s ease both}.skeleton{background:linear-gradient(90deg,var(--surface2) 25%,var(--surface3) 50%,var(--surface2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-xs)}