@font-face{font-family:'DM Sans';src:url('fonts/dm-sans-variable.woff2') format('woff2');font-weight:100 1000;font-style:normal;font-display:swap}
:root{--ink:#1b2924;--muted:#68746c;--green:#174e3c;--green2:#246b52;--lime:#d8e79c;--paper:#f7f7f2;--white:#fff;--line:#dfe4dc;--soft:#edf2e8;--amber:#f8eccc;--red:#a85247;--shadow:0 12px 34px rgba(24,52,39,.06);font-family:'DM Sans',system-ui,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.display,h1,h2,.big{font-family:inherit;letter-spacing:-.035em}h1{font-size:clamp(2.4rem,5vw,4.1rem);font-weight:500;line-height:1.04;margin:.3rem 0 1rem}h2{font-size:2rem;font-weight:500;margin:0 0 1rem}h3{font-size:1.05rem;margin:0 0 .35rem}p{line-height:1.55}.muted{color:var(--muted)}.small{font-size:.83rem}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;font-weight:700;color:var(--green2)}.app{min-height:100vh;display:grid;grid-template-columns:236px minmax(0,1fr)}.side{background:#edf2e9;border-right:1px solid var(--line);padding:27px 17px;display:flex;flex-direction:column;gap:24px}.brand{font-family:inherit;font-size:1.85rem;font-weight:600;letter-spacing:-.06em;padding:0 12px;color:var(--green)}.brand span{display:inline-block;width:9px;height:9px;background:#9aaf53;border-radius:50%;margin-left:2px}.nav{display:grid;gap:5px}.nav a{padding:12px 13px;border-radius:12px;font-size:.91rem;color:#53675b}.nav a.active,.nav a:hover{background:var(--white);color:var(--green);font-weight:700}.side-foot{margin-top:auto;border-top:1px solid #d5ded3;padding:18px 12px 0;color:#637164;font-size:.8rem}.main{max-width:1400px;width:100%;margin:auto;padding:30px clamp(22px,4vw,64px) 90px}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:42px}.top .path{font-size:.83rem;color:var(--muted)}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:white;font-weight:700;font-size:.75rem}.topright{display:flex;align-items:center;gap:12px}.status{font-size:.78rem;border:1px solid var(--line);border-radius:99px;padding:7px 11px;background:white}.hero{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:26px}.hero p{max-width:590px;color:var(--muted);margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 17px;border:1px solid var(--green);border-radius:11px;background:var(--green);color:white;font-weight:700;font-size:.86rem;white-space:nowrap}.btn:hover{background:#0e3e2d}.btn.secondary{background:white;color:var(--green)}.btn.ghost{background:transparent;color:var(--green);border-color:var(--line)}.btn.light{background:var(--lime);border-color:var(--lime);color:var(--ink)}.btn.block{width:100%}.chip{display:inline-block;border:1px solid var(--line);border-radius:99px;padding:6px 10px;background:white;font-size:.76rem;color:var(--muted)}.chip.green{background:#e3f0e6;color:#20613f;border-color:#cce5d2}.chip.warn{background:#fff5da;color:#795b1d;border-color:#f5dfaa}.chip.red{background:#f9e8e4;color:#91483d;border-color:#f1d2c8}.card{background:white;border:1px solid var(--line);border-radius:19px;padding:24px;box-shadow:var(--shadow)}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.sidecol{grid-template-columns:minmax(0,1.6fr) minmax(260px,.8fr)}.total{font-family:inherit;font-size:3rem;letter-spacing:-.04em;line-height:1.05;margin:10px 0 7px}.delta{font-size:.8rem;color:var(--green2)}.section-head{display:flex;justify-content:space-between;align-items:center;margin:37px 0 14px}.section-head h2{font-size:1.6rem;margin:0}.textlink{font-weight:700;font-size:.85rem;color:var(--green2)}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row-main{display:flex;align-items:center;gap:12px;min-width:0}.row strong{font-size:.89rem}.row small{display:block;color:var(--muted);font-size:.75rem;margin-top:3px}.row .amount{font-weight:700;white-space:nowrap}.mark{width:38px;height:38px;border-radius:11px;background:var(--soft);display:grid;place-items:center;color:var(--green);font-size:.8rem;font-weight:700;flex:none}.mark.pink{background:#f7e9e3;color:#a15a46}.mark.gold{background:#f7f1d7;color:#886d31}.mark.blue{background:#e7eff0;color:#446a70}.progress{height:8px;background:#e6ebe4;border-radius:99px;overflow:hidden;margin:12px 0 7px}.progress span{height:100%;display:block;background:var(--green2);border-radius:99px}.barline{display:flex;justify-content:space-between;font-size:.78rem}.note{padding:14px 16px;border-radius:12px;background:var(--soft);color:#3d5a48;font-size:.82rem;line-height:1.45}.note.warn{background:var(--amber);color:#6d5926}.panel-dark{background:var(--green);color:white;border-radius:20px;padding:28px;min-height:220px}.panel-dark .muted{color:#c5d9cc}.panel-dark .chip{background:#2d6851;border-color:#3d7961;color:#e6f3e7}.field{margin:17px 0}.field label{display:block;font-weight:700;font-size:.8rem;margin-bottom:7px}.field input,.field select{width:100%;height:47px;border:1px solid #ccd6cc;border-radius:10px;padding:0 13px;background:white;color:var(--ink)}.field .hint{color:var(--muted);font-size:.73rem;margin:5px 0}.steps{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.steps span{font-size:.74rem;padding:7px 10px;border-radius:99px;background:#e8ece6;color:#69766c}.steps span.on{background:var(--green);color:white}.mock-banner{font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:#687669;margin-bottom:13px}.tabs{display:flex;gap:6px;padding:4px;background:#e8ece5;border-radius:11px;width:max-content;max-width:100%}.tabs a{padding:9px 14px;border-radius:8px;color:#647165;font-size:.82rem}.tabs a.active{background:white;color:var(--green);font-weight:700;box-shadow:0 2px 8px #0000000a}.metric{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.88rem}.metric:last-child{border:0}.metric strong{white-space:nowrap}.rule{padding:15px 0;border-bottom:1px solid var(--line)}.rule:last-child{border:0}.rule p{margin:.3rem 0 0;color:var(--muted);font-size:.83rem}.sign{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#f8f9f5}.sign-left{padding:35px clamp(28px,6vw,90px);display:flex;flex-direction:column}.sign-left .brand{padding:0}.sign-card{max-width:420px;margin:auto 0}.sign-card h1{font-size:3.5rem}.sign-right{background:var(--green);padding:70px;display:flex;align-items:end;position:relative;overflow:hidden;color:white}.sign-right:before{content:'';position:absolute;width:560px;height:560px;border:1px solid #80ab7d77;border-radius:50%;top:-180px;right:-170px;box-shadow:0 0 0 80px #ffffff0a,0 0 0 160px #ffffff08}.sign-right .quote{position:relative;max-width:530px}.sign-right .quote h2{font-size:clamp(2.5rem,4vw,4.4rem);line-height:1.03}.sign-right .quote p{color:#cfe0d0}.google{background:white;border:1px solid #d4ddd5;color:var(--ink);width:100%;min-height:50px;border-radius:11px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:12px}.google .g{font-weight:700;color:#4285f4;font-size:1.2rem}.footnote{font-size:.72rem;color:var(--muted);line-height:1.5}.ruleline{height:1px;background:var(--line);margin:22px 0}.mini-card{border-radius:15px;background:linear-gradient(135deg,#1b5c46,#0e3528);color:white;padding:18px;min-height:144px;display:flex;flex-direction:column;justify-content:space-between}.mini-card small{color:#bfd2c5}.mini-card.cream{background:linear-gradient(135deg,#e4dac1,#b7ad8c);color:#1d2d25}.mini-card.cream small{color:#49594d}.sample-label{font-size:.7rem;color:var(--muted);background:#eef1ea;border-radius:99px;padding:5px 8px}.screen-index{max-width:980px;margin:0 auto;padding:65px 24px}.screen-index h1{font-size:4.5rem}.screen-index .row{padding:23px 0}.screen-index .row strong{font-family:inherit;font-size:1.6rem;font-weight:500}.swatch{width:94px;height:84px;border-radius:12px;padding:10px;font-size:.73rem;display:flex;align-items:end}.swatches{display:flex;gap:12px;flex-wrap:wrap}.type-display{font-family:inherit;font-size:2.6rem;letter-spacing:-.04em}.type-body{font-size:1rem}.control-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
@media(max-width:920px){.app{grid-template-columns:1fr}.side{flex-direction:row;align-items:center;overflow-x:auto;scrollbar-width:none;padding:11px 18px;gap:20px;border-right:0;border-bottom:1px solid var(--line)}.side::-webkit-scrollbar{display:none}.brand{white-space:nowrap;font-size:1.5rem;padding:0}.nav{display:flex;gap:5px}.nav a{white-space:nowrap;padding:9px 11px}.side-foot{display:none}.main{padding:24px 24px 70px}.sign-right{padding:35px}.grid.sidecol{grid-template-columns:1fr}}
@media(max-width:650px){.main{padding:22px 17px 60px}.top{margin-bottom:28px}.top .path{display:none}.hero{align-items:start;flex-direction:column}.grid.two,.grid.three{grid-template-columns:1fr}.card{padding:19px}.sign{grid-template-columns:1fr}.sign-left{min-height:100vh;padding:25px}.sign-card{margin:auto 0}.sign-right{display:none}.total{font-size:2.7rem}.screen-index h1{font-size:3rem}.tabs{width:100%;overflow:auto}.tabs a{white-space:nowrap}}

/* Reward-first mobile revision v0.2 */
.decision{background:var(--green);color:white;border-color:var(--green);padding:27px}.decision .eyebrow{color:var(--lime)}.decision h2{margin:10px 0;font-size:clamp(1.8rem,3vw,2.5rem)}.decision .muted{color:#d8e5dc;max-width:650px}.decision .btn{margin-top:12px}.reward-card{display:block}.reward-card .barline{align-items:center;gap:8px}.reward-card .barline strong{font-size:.94rem}.reward-big{font-family:inherit;font-size:2.3rem;letter-spacing:-.04em;margin-top:17px}.reward-big small{font:500 .9rem 'DM Sans',system-ui,sans-serif;color:var(--muted);letter-spacing:0}.progress.capped span{background:#b8843e}.reward-card .footnote{margin-bottom:0}.address-box{display:grid;gap:5px;padding:17px;border-radius:12px;background:var(--soft);overflow-wrap:anywhere}.address-box .small{color:var(--muted)}.setup-list{padding-left:23px;line-height:1.55;color:var(--ink);font-size:.9rem}.setup-list li{padding:6px 0}.reward-grid .card{min-width:0}
@media(max-width:650px){.side{border-bottom:0;background:transparent;padding:16px 18px 0}.side .brand{font-size:1.7rem}.side .nav{position:fixed;z-index:10;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:8px 7px max(10px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 24px #1b292414}.side .nav a{text-align:center;font-size:.72rem;padding:12px 2px;min-height:44px;display:grid;place-items:center}.side .nav a.active{background:var(--soft)}.main{padding-top:10px;padding-bottom:110px}.top{justify-content:flex-end;margin-bottom:14px}.top .status{font-size:.7rem}.hero h1{font-size:2.7rem}.decision{padding:21px}.decision h2{font-size:1.8rem}.reward-big{font-size:2.15rem}.section-head{margin-top:27px}.section-head h2{font-size:1.55rem}}

/* Simplified experience v0.3 */
.simple{max-width:930px}.simple .top{margin-bottom:22px}.simple-head{margin:0 0 23px}.simple-head h1{font-size:clamp(2.4rem,5vw,3.4rem);margin:.15rem 0 .25rem}.simple-sub{font-size:1.08rem;color:var(--muted);margin:0}.simple .section-head{margin:27px 0 11px}.simple .section-head h2{font-size:1.55rem}.action-card{background:var(--green);color:white;border-radius:20px;display:flex;align-items:center;gap:16px;padding:21px 23px;min-height:100px}.action-card strong,.action-card small{display:block}.action-card strong{font-family:inherit;font-size:1.55rem;font-weight:500;line-height:1.1}.action-card small{color:#dceadd;font-size:.84rem;margin-top:5px}.action-icon{background:var(--lime);color:var(--green);width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:1.3rem;flex:none}.action-arrow{margin-left:auto;font-size:1.4rem}.stack{display:grid;gap:12px}.slim-card{display:block;padding:18px 21px}.slim-card .barline{align-items:center;gap:10px}.slim-card .barline>strong{font-size:1rem}.mini-progress{margin:16px 0 0}.mini-progress .barline{font-size:.81rem}.mini-progress .progress{margin:9px 0;height:11px}.simple-stat{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#e9efe6;padding:18px 20px;border-radius:16px;margin-top:16px;color:var(--green);font-size:.82rem}.simple-stat small,.simple-stat strong{display:block}.simple-stat strong{font-family:inherit;font-size:2rem;letter-spacing:-.04em;color:var(--ink)}.simple-review{display:flex;justify-content:space-between;padding:19px 3px;font-size:.89rem;font-weight:700;color:var(--green)}.simple-foot{margin-top:32px;max-width:570px}.back{display:inline-block;margin-bottom:20px}.focus-card{margin:20px 0}.huge{font-family:inherit;font-size:3.4rem;line-height:1;margin-top:12px;letter-spacing:-.05em}.huge small{font:500 .95rem 'DM Sans',system-ui,sans-serif;letter-spacing:0;color:var(--muted)}.focus-card>.textlink{display:inline-block;margin-top:18px}.pair-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pair-stats .card{padding:18px}.pair-stats small,.pair-stats strong{display:block}.pair-stats small{color:var(--muted)}.pair-stats strong{font-family:inherit;font-size:1.7rem;margin-top:7px}.compact-list .row{padding:13px 0}.compact-list .row small{display:block;color:var(--muted);font-size:.75rem;margin-top:3px}.compact-list .row>strong{white-space:nowrap}.detail-body{padding:12px 0;font-size:.85rem;color:var(--muted);line-height:1.5}.detail-body p{margin:0 0 8px}details{border-top:1px solid var(--line);margin-top:18px}summary{cursor:pointer;padding:15px 0;color:var(--green);font-size:.86rem;font-weight:700}.form-card{max-width:580px}.form-card .btn{margin-top:18px}.form-card .field:first-child{margin-top:0}.step-row{display:flex;gap:13px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);font-size:.9rem}.step-row b{display:grid;place-items:center;width:30px;height:30px;background:var(--soft);border-radius:50%;color:var(--green);flex:none}.test-mark{width:57px;height:57px;border-radius:18px;display:grid;place-items:center;background:var(--soft);color:var(--green);font-size:2rem;margin-bottom:21px}.review-amount{font-family:inherit;font-size:2.5rem;margin:12px 0 0}.review-amount+strong,.review-amount+strong+small{display:block}.review-amount+strong+small{font-size:.78rem;color:var(--muted);margin-top:2px}.review-actions{margin-top:17px}
@media(max-width:650px){.simple .top{margin-bottom:12px}.simple-head{margin-bottom:18px}.simple-head h1{font-size:2.45rem}.action-card{padding:18px;min-height:86px}.action-card strong{font-size:1.35rem}.slim-card{padding:17px}.simple .section-head{margin-top:22px}.huge{font-size:3rem}.pair-stats .card{padding:14px}.pair-stats strong{font-size:1.5rem}.form-card{padding:19px}.simple-stat strong{font-size:1.8rem}}

/* White reward-led palette v0.4 */
:root{--ink:#202735;--muted:#6d7482;--green:#3356b8;--green2:#3356b8;--lime:#e8efff;--paper:#fff;--white:#fff;--line:#e4e8ef;--soft:#f3f6fc;--amber:#fff3dc;--shadow:none}body{background:#fff}.side{background:#fff;border-color:var(--line)}.brand span{background:#7e9ee9}.nav a{color:#697182}.nav a.active,.nav a:hover{background:#f2f5fc;color:#2e55b4}.card{box-shadow:none;border:1px solid #e2e7ef}.action-card{background:#f4f7ff;color:var(--ink);border:1px solid #dfe8ff}.action-card small{color:var(--muted)}.action-icon{background:#dce8ff;color:#3356b8}.action-arrow{color:#3356b8}.progress span{background:#5378d6}.progress.capped span{background:#c29456}.chip.green,.chip.blue{background:#edf3ff;color:#3158b5;border-color:#d9e5ff}.simple-stat{background:#f5f7fb;color:var(--green)}.simple-review{color:var(--green)}.flag-link{background:#fff8ed;border-radius:14px;padding:13px 15px;margin-top:13px;color:#876020}.flag-link span:first-child{display:grid;gap:3px}.flag-link small{font-size:.73rem;font-weight:500}.flag-inline{color:#9c6b20;font-weight:700}.flag-card{margin-bottom:12px;max-width:630px}.flag-explain{font-size:.88rem;color:var(--muted);margin:9px 0 14px}.recommend{background:#f3f6fc;padding:15px;border-radius:12px;display:grid;gap:3px}.recommend span{font-size:.71rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:700}.recommend strong{font-size:1rem;color:var(--green)}.micro-note{display:block;margin-top:10px;color:var(--muted);font-size:.7rem}.mini-progress .barline strong{color:var(--green)}.chip.warn{background:#fff3df;color:#986620;border-color:#f1dfbf}.steps span.on{background:var(--green)}.panel-dark,.sign-right{background:#3356b8}.panel-dark .muted,.sign-right .quote p{color:#e2e9ff}.mini-card{background:#3356b8}.avatar{background:#3356b8}.note{background:#f2f5fb;color:#46577a}.note.warn{background:#fff3df;color:#765c30}.address-box,.step-row b,.test-mark{background:#f2f5fb;color:#3356b8}.google{border-color:var(--line)}
@media(max-width:650px){.side .nav{box-shadow:0 -4px 22px #2027350c}.side .nav a.active{background:#eef3ff}.simple-head h1{font-size:2.3rem}.flag-card{padding:17px}}

/* Reward earned is a distinct value from threshold progress. */
.earned{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:17px;padding:14px 0 2px;border-top:1px solid var(--line)}.earned span{font-size:.8rem;color:var(--muted)}.earned strong{font-family:inherit;font-weight:600;font-size:1.85rem;line-height:1;letter-spacing:-.035em;color:var(--ink);white-space:nowrap}.earned-feature{margin-top:19px;padding-top:17px}.earned-feature strong{font-size:2.8rem}.earned+.mini-progress{margin-top:16px}@media(max-width:390px){.earned{align-items:start;flex-direction:column;gap:5px}.earned-feature strong{font-size:2.45rem}}

/* Compact category tags, distinct from reward-type chips. */
.category-group{display:grid;gap:7px;margin-top:15px}.category-label{font-size:.7rem;color:var(--muted)}.category-tags{display:flex;flex-wrap:wrap;gap:6px}.category-tag{display:inline-flex;align-items:center;min-height:27px;padding:4px 9px;border:1px solid #dbe4f5;border-radius:99px;background:#f5f8ff;color:#3657a2;font-size:.72rem;line-height:1.1;white-space:nowrap}.category-group+.micro-note{margin-top:10px}

/* Separate spend tracks: amber spend never advances the blue bonus cap. */
.spend-secondary{margin-top:14px;color:#8a651e}.spend-secondary strong{color:#8a651e!important}.progress-ineligible{height:8px!important;margin-top:7px!important;background:#f1f1ed}.progress-ineligible span{background:#c99542}.transaction-list .row{align-items:start}.transaction-list .row>strong{font-size:.85rem}.state{font-weight:700}.state.eligible{color:#3356b8}.state.ineligible{color:#986820}.state.unknown{color:#6d7482}

/* v0.11 · one typeface: DM Sans for every role, differentiated by size and weight only */
:root{font-family:'DM Sans',system-ui,sans-serif;font-optical-sizing:auto;font-feature-settings:'tnum' 0}
h1,h2,.display{font-weight:600;letter-spacing:-.03em}
h1{font-size:clamp(2.1rem,4.4vw,3.5rem);line-height:1.05}h2{font-size:1.65rem;line-height:1.15}
.brand{font-weight:700;letter-spacing:-.05em;font-size:1.6rem}
.total,.huge,.reward-big,.earned strong,.simple-stat strong,.pair-stats strong,.review-amount,.recommend strong,.row .amount,.compact-list .row>strong,.transaction-list .row>strong,.barline strong{font-variant-numeric:tabular-nums}
.total,.huge,.reward-big,.earned strong,.simple-stat strong,.pair-stats strong,.review-amount{font-weight:600;letter-spacing:-.035em}
.total{font-size:2.6rem}.huge{font-size:3rem}.reward-big{font-size:2rem}.earned strong{font-size:1.6rem}.earned-feature strong{font-size:2.4rem}.simple-stat strong{font-size:1.75rem}.pair-stats strong{font-size:1.45rem}.review-amount{font-size:2.2rem}
.section-head h2,.simple .section-head h2{font-size:1.3rem;letter-spacing:-.02em}
.simple-head h1{font-size:clamp(2.1rem,4.4vw,2.9rem)}
.action-card strong{font-size:1.2rem;font-weight:600;letter-spacing:-.015em;line-height:1.2}
.screen-index .row strong{font-size:1.15rem;font-weight:600;letter-spacing:-.01em}
.type-display{font-size:2.3rem;font-weight:600;letter-spacing:-.035em;line-height:1.08}
.type-scale{display:grid;gap:0}.type-scale .metric{align-items:baseline}.type-scale .metric span{color:var(--muted);font-size:.76rem;white-space:nowrap}
@media(max-width:650px){.hero h1,.simple-head h1{font-size:2.15rem}.huge{font-size:2.6rem}.total{font-size:2.35rem}.reward-big{font-size:1.85rem}.earned-feature strong{font-size:2.1rem}.pair-stats strong{font-size:1.3rem}.simple-stat strong{font-size:1.6rem}.action-card strong{font-size:1.1rem}.screen-index h1{font-size:2.6rem}}
@media(max-width:390px){.earned-feature strong{font-size:2rem}}

/* v0.12 · history */
.history-tabs{margin-bottom:12px}.filter-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.filter-chips .chip{min-height:32px;display:inline-flex;align-items:center}.filter-chips .chip.on{background:#3356b8;border-color:#3356b8;color:#fff;font-weight:600}
.chart-card{padding:19px}.chart-card>.barline{align-items:start}.chart-total{display:block;font-size:1.65rem;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:3px}.chart-total small{font-size:.8rem;font-weight:500;letter-spacing:0}
.chart{display:block;width:100%;height:auto;margin:14px 0 6px;overflow:visible}.chart text{font-family:inherit;font-variant-numeric:tabular-nums}.chart .ax{font-size:9.5px;fill:#8a909c}.chart .xl{font-size:10.5px;fill:#6d7482}.chart .xl.on{fill:#202735;font-weight:700}.chart .xs{font-size:9px;fill:#8a909c}.chart .val{font-size:10.5px;font-weight:700;fill:#202735}.chart .bar:hover g{opacity:1}.chart .bar:hover .xl{fill:#202735}
.legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.74rem;color:var(--muted)}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:10px;height:10px;border-radius:3px;display:inline-block}
.chart-insight{margin:13px 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:.84rem;color:var(--muted)}.chart-insight b{color:var(--ink);font-variant-numeric:tabular-nums}
.history-row{align-items:center}.history-amt{text-align:right;white-space:nowrap}.history-amt strong{display:block;font-variant-numeric:tabular-nums}.history-amt small{margin-top:2px}a.history-row:hover strong{color:var(--green)}
.cycle-note{font-size:.84rem;color:var(--muted);margin:0 0 14px}.month-nav{display:flex;justify-content:space-between;align-items:center;margin:-6px 0 14px;font-weight:700;font-size:.86rem;color:var(--green)}.month-nav a{min-height:44px;display:inline-flex;align-items:center}
.history-link{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:15px 18px}.history-link strong{font-size:.9rem}.history-link span:last-child{color:var(--green);font-weight:700;font-size:.85rem}
.pair-stats a.card{display:block}.pair-stats a.card small:last-child{color:var(--green);font-weight:700;margin-top:6px}
.tabs{background:#f2f5fb}.tabs a{color:#697182}.tabs a.active{color:#3356b8}

/* v0.13 · card header wrapper, card image, MCC */
.card-hero{display:grid;grid-template-columns:132px minmax(0,1fr);gap:18px;align-items:center;margin-bottom:18px;padding:18px}
.card-hero .hero-text{min-width:0}.card-hero .eyebrow{margin:0}.card-hero h1{font-size:1.6rem;line-height:1.1;margin:.3rem 0 .55rem;letter-spacing:-.025em}
.hero-chips{display:flex;flex-wrap:wrap;gap:6px}.hero-chips .chip{font-size:.72rem;padding:5px 9px}
.art-note{grid-column:1/-1;margin:-6px 0 0;font-size:.68rem;color:#8a909c}
.card-art{position:relative;aspect-ratio:1.586;width:100%;border-radius:11px;overflow:hidden;color:#fff;box-shadow:0 6px 16px #20273522,inset 0 0 0 1px #ffffff1f;display:block}
.card-art.mb{background:radial-gradient(120% 90% at 100% 0,#f4c430 0 22%,transparent 23%),linear-gradient(140deg,#30343f,#171a21)}
.card-art.mi{background:radial-gradient(90% 120% at 0 100%,#7fa3ff55 0 40%,transparent 41%),linear-gradient(140deg,#28457f,#0f1f45)}
.card-art .chip-dot{position:absolute;left:9%;top:38%;width:15%;aspect-ratio:1.3;border-radius:3px;background:linear-gradient(135deg,#efe1b3,#c5ac6a)}
.card-art .ca-issuer{position:absolute;left:9%;top:10%;font-size:.62rem;font-weight:700;letter-spacing:.02em}
.card-art .ca-name{position:absolute;left:9%;bottom:24%;font-size:.6rem;font-weight:600;opacity:.92;white-space:nowrap}
.card-art .ca-num{position:absolute;left:9%;bottom:11%;font-size:.62rem;letter-spacing:.06em;opacity:.85;font-variant-numeric:tabular-nums}
.card-art.thumb{width:38px;flex:none;border-radius:5px;box-shadow:inset 0 0 0 1px #ffffff1f}
.card-art.thumb .chip-dot{border-radius:1.5px;top:36%}
.card-name{display:inline-flex;align-items:center;gap:10px;min-width:0}
.tx-meta{display:flex!important;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:5px!important}
.mcc{display:inline-flex;align-items:center;min-height:20px;padding:1px 7px;border-radius:6px;background:#f2f5fb;color:#46577a;font-size:.7rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.mcc.unknown{background:#f3f3f1;color:#6d7482;border:1px dashed #c9ced6}
.mcc-note{margin:-4px 0 10px}
@media(max-width:390px){.card-hero{grid-template-columns:112px minmax(0,1fr);gap:14px;padding:16px}.card-hero h1{font-size:1.4rem}}

/* v0.14 · compact home, history links */
.home-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px}.home-head .eyebrow{margin:0}
.month-card{display:block;padding:18px 19px}.month-total{display:block;font-size:2.4rem;font-weight:600;letter-spacing:-.035em;line-height:1.05;margin:4px 0 13px;font-variant-numeric:tabular-nums}
.split-bar{display:flex;gap:2px;height:10px;border-radius:99px;overflow:hidden}.split-bar span{display:block;height:100%}
.split-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:11px;font-size:.76rem;color:var(--muted)}.split-legend span{display:inline-flex;align-items:center;gap:6px}.split-legend i{width:9px;height:9px;border-radius:3px;display:inline-block}.split-legend b{color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums}
.month-earned{display:flex;justify-content:space-between;gap:10px;margin-top:13px;padding-top:12px;border-top:1px solid var(--line);font-size:.8rem;color:var(--muted)}.month-earned b{color:var(--ink);font-variant-numeric:tabular-nums;text-align:right}
.home-section{margin:22px 0 10px!important}.home-stack{gap:10px}
.home-card{display:block;padding:15px 17px}.hc-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.hc-top .card-name>span{display:grid;gap:2px;min-width:0}.hc-top .card-name strong{font-size:.92rem;line-height:1.2}.hc-top .card-name small{font-size:.72rem;color:var(--muted)}
.hc-left{text-align:right;flex:none}.hc-left strong{display:block;font-size:1.55rem;font-weight:600;letter-spacing:-.03em;line-height:1;color:#3356b8;font-variant-numeric:tabular-nums}.hc-left small{display:block;font-size:.7rem;color:var(--muted);margin-top:4px}
.home-card.over .hc-left strong{color:#c0392b}.home-card.over .hc-left small{color:#a8322a;font-weight:700}.home-card.over{border-color:#f0cdc8}
.hc-meta{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:8px;margin-top:12px;padding-top:11px;border-top:1px solid var(--line)}.hc-meta small{display:block;font-size:.68rem;color:var(--muted)}.hc-meta b{display:block;font-size:.84rem;font-variant-numeric:tabular-nums;margin-top:2px;white-space:nowrap}.hc-meta span:last-child{text-align:right}
.hero-links{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:2px}.hero-links a{display:flex;justify-content:space-between;align-items:center;min-height:44px;padding:0 13px;border:1px solid var(--line);border-radius:11px;font-size:.84rem;font-weight:700;color:#3356b8;background:#f7f9fd}
a.chip{cursor:pointer}a.chip:hover{border-color:#b9c8ea}
@media(max-width:390px){.hc-meta b{font-size:.78rem}.month-total{font-size:2.15rem}}

/* v0.15 · eligible share in history */
.chart .pct{font-size:10.5px;font-weight:700;fill:#3356b8}
.pct-pill{display:inline-flex;align-items:center;min-height:20px;padding:1px 7px;border-radius:6px;background:#edf3ff;color:#3158b5;font-size:.7rem;font-weight:700;font-variant-numeric:tabular-nums}
.history-row .tx-meta{color:var(--muted)}

/* v0.16 · review in a pop-up sheet */
@media(max-width:650px){.side .nav{grid-template-columns:repeat(4,1fr)}}
.tx-row{color:inherit}.tx-row:hover strong{color:var(--green)}.tx-amt{display:flex;align-items:center;gap:8px;white-space:nowrap}.tx-amt strong{font-size:.85rem}.chev{color:#a3aab6;font-size:1.2rem;line-height:1}
.review-dot{display:inline-flex;align-items:center;margin-left:8px;padding:1px 7px;border-radius:99px;background:#fff3df;color:#986620;font-size:.66rem;font-weight:700;vertical-align:2px}
.sheet{display:none;position:fixed;inset:0;z-index:50}.sheet:target{display:block}
.sheet-scrim{position:absolute;inset:0;background:#20273566}
.sheet-panel{position:absolute;left:0;right:0;bottom:0;max-height:88vh;overflow:auto;background:#fff;border-radius:22px 22px 0 0;padding:10px 20px max(22px,env(safe-area-inset-bottom));box-shadow:0 -12px 40px #20273526}
@media(min-width:651px){.sheet-panel{left:50%;right:auto;bottom:auto;top:50%;transform:translate(-50%,-50%);width:min(460px,92vw);border-radius:20px;padding:18px 24px 24px}}
.sheet-grab{width:40px;height:4px;border-radius:99px;background:#d9dee7;margin:0 auto 12px}
.sheet-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.sheet-head small{font-size:.78rem;color:var(--muted)}
.sheet-close{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;font-size:1.5rem;color:#6d7482;margin-right:-10px}.sheet-close:hover{background:#f2f5fb}
.sheet-date{margin:8px 0 0;font-size:.8rem;color:var(--muted)}.sheet-panel h2{margin:2px 0 4px;font-size:1.5rem}
.sheet-amt{font-size:2.1rem;font-weight:600;letter-spacing:-.035em;font-variant-numeric:tabular-nums;margin-bottom:6px}
.sheet-panel .note{margin:12px 0 0}.sheet-panel .field{margin:14px 0 0}
.sheet-facts{margin-top:12px;border-top:1px solid var(--line)}.sheet-facts .metric{font-size:.84rem}.sheet-facts .metric span{color:var(--muted)}.sheet-facts .metric strong{text-align:right}
.sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.sheet-actions .btn:only-child{grid-column:1/-1}
.sheet-demo{display:block;position:relative;inset:auto}.sheet-demo .sheet-panel{position:relative;transform:none;left:auto;top:auto;bottom:auto;width:auto;max-height:none;border:1px solid var(--line);border-radius:20px;box-shadow:none}