:root{--bg: #f4f6fb;--bg-grad-1: #eef2fb;--bg-grad-2: #f7f9fd;--glow: rgba(31, 111, 235, .14);--surface: #eef1f6;--glass-bg: rgba(255, 255, 255, .72);--glass-border: rgba(20, 30, 50, .08);--glass-shadow: 0 6px 24px rgba(20, 30, 50, .06);--text: #131922;--text-muted: #5b6470;--border: #e2e6ee;--accent: #1f6feb;--accent-2: #5aa0ff;--accent-contrast: #ffffff;--best: #0f7b4f;--best-2: #16a36a;--best-bg: rgba(22, 163, 106, .1);--negative: #b42318;--warning-bg: #FAEEDA;--warning-border: #EF9F27;--warning-text: #5c4408;--note-bg: rgba(31, 111, 235, .07);--note-border: #1f6feb;--hero-grad-1: #16243d;--hero-grad-2: #1f3a6b;--hero-text: #eef4ff;--hero-muted: #aebfdc;--radius: 14px}@media (prefers-color-scheme: dark){:root{--bg: #0c1016;--bg-grad-1: #11161f;--bg-grad-2: #0a0d12;--glow: rgba(88, 160, 255, .16);--surface: #161b22;--glass-bg: rgba(28, 34, 46, .66);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 6px 24px rgba(0, 0, 0, .35);--text: #e8edf3;--text-muted: #9aa4b2;--border: #2a313c;--accent: #58a6ff;--accent-2: #7cc0ff;--accent-contrast: #0c1016;--best: #4ade9a;--best-2: #36c987;--best-bg: rgba(74, 222, 154, .1);--negative: #ff6b5e;--warning-bg: #3a2f17;--warning-border: #EF9F27;--warning-text: #f5dca0;--note-bg: rgba(88, 160, 255, .1);--note-border: #58a6ff;--hero-grad-1: #0f1a2e;--hero-grad-2: #1b2f57;--hero-text: #eef4ff;--hero-muted: #9fb3d6}}*{box-sizing:border-box}body{margin:0;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;background:radial-gradient(1100px 520px at 50% -8%,var(--glow),transparent 70%),linear-gradient(180deg,var(--bg-grad-1),var(--bg-grad-2));background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased}.app{max-width:980px;margin:0 auto;padding:20px 16px 56px}.brand{display:inline-flex;align-items:center;gap:9px;margin-bottom:10px}.brand-mark{height:24px;border-radius:7px;flex:none;display:inline-flex;align-items:center;padding:0 7px;font-weight:800;font-size:.72rem;letter-spacing:.06em;color:#fff;background:linear-gradient(135deg,var(--accent),var(--best-2));box-shadow:0 4px 12px #1f6feb4d}.brand-name{font-weight:700;font-size:.95rem;letter-spacing:-.01em;color:var(--text)}.brand-name-accent{color:var(--accent)}.app-header h1{margin:0 0 4px;font-size:1.55rem;letter-spacing:-.02em}.app-tagline{margin:0 0 6px;color:var(--text-muted);font-size:.98rem}.app-tagline strong{color:var(--text);font-weight:700;font-style:normal}.app-supporting{margin:0;color:var(--text-muted);font-size:.92rem;max-width:62ch}h2{font-size:1.12rem;margin:26px 0 6px;letter-spacing:-.01em}h3{font-size:.95rem;margin:12px 0 4px}.section-hint{margin:0 0 12px;color:var(--text-muted);font-size:.88rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}[data-testid=balance-warning]{background:var(--warning-bg, #FAEEDA);border-left:4px solid var(--warning-border, #EF9F27);color:var(--warning-text);padding:12px 16px;margin-bottom:18px;border-radius:10px}.balance-warning p{margin:0;font-weight:600;font-size:.92rem}.hero{position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,var(--hero-grad-1),var(--hero-grad-2));color:var(--hero-text);padding:22px 20px;margin-bottom:26px;box-shadow:0 14px 40px #101a2e47;border:1px solid rgba(255,255,255,.06)}.hero-glow{position:absolute;inset:-40% -10% auto auto;width:320px;height:320px;background:radial-gradient(circle,var(--accent-2),transparent 62%);opacity:.32;filter:blur(6px);pointer-events:none}.hero-inner{position:relative}.hero-eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700;color:var(--hero-muted)}.hero-best{margin-bottom:16px}.hero-card-name{font-size:1.3rem;font-weight:700;letter-spacing:-.02em}.hero-subline{margin:4px 0 0;font-size:.86rem;color:var(--hero-muted)}.hero-net{position:relative;display:flex;flex-direction:column;align-items:flex-start}.hero-net:before{content:"";position:absolute;left:-10px;top:8px;width:200px;height:90px;background:radial-gradient(circle,var(--accent-2),transparent 65%);opacity:.28;filter:blur(14px);pointer-events:none}.hero-net-label{position:relative;font-size:.74rem;color:var(--hero-muted);text-transform:uppercase;letter-spacing:.06em}.hero-net-value{position:relative;font-size:3rem;font-weight:800;letter-spacing:-.035em;line-height:1.05;background:linear-gradient(95deg,#ffffff,var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-opp{margin-top:18px;padding:12px 14px;border-radius:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}.hero-opp--gap{background:#5aa0ff24;border-color:#7cc0ff38}.hero-opp--match{background:#4ade9a1f}.hero-opp-amount{font-weight:800;font-size:1.45rem;letter-spacing:-.02em;color:#fff}.hero-opp-per{font-size:.85rem;font-weight:700;color:var(--hero-muted);margin-left:2px}.hero-opp-text{color:var(--hero-muted);font-size:.9rem}.hero-trust{margin:16px 0 0;font-size:.8rem;color:var(--hero-muted);display:flex;align-items:center;gap:8px}.hero-trust:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--best-2);box-shadow:0 0 8px var(--best-2);flex:none}.spend-form-section{margin-top:8px}.spend-form{display:grid;grid-template-columns:1fr;gap:8px}.spend-field{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 12px;padding:9px 14px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:11px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:border-color .16s ease,box-shadow .16s ease}.spend-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 6px 16px #1f6feb1f}.spend-field-category{font-weight:600;font-size:.92rem;min-width:0}.spend-input-wrap{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--border);border-radius:9px;background:var(--bg-grad-2);padding:0 10px 0 12px}.spend-currency{color:var(--text-muted);font-size:.95rem}.spend-input-wrap input{width:86px;padding:9px 4px;font-size:1rem;text-align:right;border:none;background:transparent;color:var(--text)}.spend-input-wrap input:focus{outline:none}.current-card-select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.goal-selector{display:grid;grid-template-columns:1fr 1fr;gap:10px}.goal-option{display:flex;flex-direction:column;gap:2px;border:1px solid var(--glass-border);border-radius:12px;padding:12px;cursor:pointer;background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}.goal-option:hover{transform:translateY(-2px)}.goal-option--active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 8px 20px #1f6feb2e;background:var(--note-bg)}.goal-option input{margin-bottom:4px;accent-color:var(--accent)}.goal-option-label{font-weight:700;font-size:.95rem}.goal-option-desc{font-size:.78rem;color:var(--text-muted)}.current-card-label{display:block;font-weight:600;margin:8px 0 6px}.current-card-select{padding:11px 12px;font-size:1rem;border:1px solid var(--border);border-radius:10px;background:var(--glass-bg);color:var(--text);width:100%;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.results-grid{display:grid;grid-template-columns:1fr;gap:18px}.result-card{position:relative;border:1px solid var(--glass-border);border-radius:var(--radius);padding:18px;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--glass-shadow);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.result-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px #141e321f}.result-card--best{border-color:transparent;box-shadow:0 0 0 1.5px var(--best-2),0 16px 40px #16a36a2e;background:linear-gradient(var(--glass-bg),var(--glass-bg)) padding-box,linear-gradient(135deg,var(--best-2),var(--accent)) border-box}.result-card--best:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius);background:radial-gradient(420px 120px at 90% -10%,var(--best-bg),transparent 70%);pointer-events:none}.result-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;position:relative}.result-card-name{margin:0;font-size:1.08rem;letter-spacing:-.01em}.result-card-issuer{margin:2px 0 0;color:var(--text-muted);font-size:.8rem;text-transform:capitalize}.best-match-badge{background:linear-gradient(135deg,var(--best-2),var(--accent));color:#fff;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:5px 10px;border-radius:999px;white-space:nowrap;box-shadow:0 4px 12px #16a36a4d}.result-reason{margin:12px 0 14px;color:var(--text);font-size:.92rem;position:relative}.result-net-hero{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:14px 16px;border-radius:12px;position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--glass-border)}.result-net-hero-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}.result-net-hero-value{font-size:1.95rem;font-weight:800;letter-spacing:-.035em}.net-positive{color:var(--best)}.net-negative{color:var(--negative)}.result-breakdown{display:flex;align-items:stretch;justify-content:space-between;gap:6px;margin:12px 0 0;padding:0}.breakdown-item{flex:1;margin:0;text-align:center;padding:6px 4px}.breakdown-item dt{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.breakdown-item dd{margin:2px 0 0;font-weight:700;font-size:.98rem}.breakdown-op{align-self:center;color:var(--text-muted);font-weight:700}.expiring-credits{margin-top:12px;font-size:.8rem;color:var(--text-muted)}.expiring-credits summary{cursor:pointer;font-weight:600;color:var(--accent)}.expiring-credits ul{margin:6px 0 0;padding-left:18px}.signup-footnote{margin:14px 0 0;padding:9px 12px;background:var(--surface);border:1px dashed var(--border);border-radius:8px;font-size:.8rem;color:var(--text-muted)}.signup-tag{display:inline-block;margin-right:6px;padding:1px 7px;border-radius:999px;background:var(--note-bg);color:var(--accent);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-style:normal}.no-fee-note,.grocery-qualifier,.opportunity-cost{margin-top:16px;padding:12px 14px;border-radius:10px;background:var(--note-bg);border-left:4px solid var(--note-border);font-size:.9rem}.no-fee-note{margin:4px 0 16px}.opportunity-cost p,.grocery-qualifier{margin:0}.opportunity-cost--match{border-left-color:var(--best-2);background:var(--best-bg)}.assumptions,.data-freshness{margin-top:24px;padding:16px;border-radius:12px;background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:.86rem;color:var(--text-muted)}.assumptions-cpp{margin:4px 0 12px;padding-left:18px}.assumptions-disclaimer{font-weight:600;color:var(--text)}.data-freshness p{margin:0}.data-freshness-stale{color:var(--warning-text);font-weight:600;margin-top:6px}.results-empty{color:var(--text-muted)}.results-empty-state{text-align:center;color:var(--text-muted);font-size:.98rem;line-height:1.5;padding:44px 24px;border-radius:var(--radius);background:var(--glass-bg);border:1px dashed var(--glass-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hero--empty{text-align:left}.hero-brand{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px}.hero-brand .brand-name{color:var(--hero-text)}.hero-empty-tagline{margin:0 0 14px;font-size:1.2rem;color:var(--hero-muted);letter-spacing:-.01em}.hero-empty-tagline strong{color:#fff;font-weight:700}.preset-row{margin:6px 0 14px}.preset-label{display:block;margin-bottom:8px;font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.preset-buttons{display:flex;flex-wrap:wrap;gap:8px}.preset-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding:9px 14px;border-radius:999px;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text);font-size:.86rem;font-weight:600;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease}.preset-button:hover{transform:translateY(-1px);border-color:var(--accent)}.preset-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.preset-button--active{border-color:var(--accent);color:var(--accent-contrast);background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 6px 16px #1f6feb42}.no-fee-compare{margin:16px 0 0;padding:12px 14px;border-radius:10px;background:var(--surface);border:1px solid var(--glass-border);font-size:.88rem;color:var(--text-muted)}.result-5yr{margin:8px 0 0;font-size:.84rem;color:var(--text-muted)}@media (min-width: 768px){.results-grid{grid-template-columns:repeat(2,1fr)}.goal-selector{grid-template-columns:repeat(4,1fr)}.spend-form{grid-template-columns:repeat(2,1fr)}.hero{padding:30px}.hero-net-value{font-size:3.4rem}.hero-best{margin-bottom:18px}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}.goal-option:hover,.result-card:hover{transform:none}}