/* One shared card system; two user-selectable neutral palettes. */
body[data-look=stampy]{--ink:#202123;--muted:#66686b;--brand:#37383a;--brand-dark:#202123;--tint:#eeefec;--line:#dddfdc;--paper:#fafafa;--canvas:#e9e9e9;--surface:#fff;--surface-2:#f0f0f0;--surface-3:#e8e9ea;--strong-bg:#242629;--strong-ink:#f6f6ef;--pass-bg:linear-gradient(125deg,#35373b,#1c1e21);--pass-ink:#f9faf4;--pass-muted:#ccd1c9;--pass-line:#ffffff30;--pass-watermark:#e5e8dc0b;--card-shadow:0 10px 30px #2029200c;--nav-bg:#fcfdfbf2;--nav-shadow:0 7px 24px #1b241b15;--logo-filter:none;--warm:#eee3dc;--warm-ink:#59463c;--sage:#e3e7d9;--sage-ink:#384432;--cream:#ece8da;--cream-ink:#514c39;--blue:#e2e9e7;--blue-ink:#344b46;color:var(--ink);background:var(--canvas);color-scheme:light}
body[data-look=stampy][data-tone=dark]{--ink:#f1f2ee;--muted:#afb2ac;--brand:#e1e5d7;--brand-dark:#f1f2ee;--tint:#272a28;--line:#3c403b;--paper:#111214;--canvas:#090a0b;--surface:#1d1f22;--surface-2:#232528;--surface-3:#2b2d30;--strong-bg:#e7e8e4;--strong-ink:#20261e;--pass-bg:linear-gradient(125deg,#3d4044,#25272b);--pass-ink:#f5f7ed;--pass-muted:#c9cec1;--pass-line:#e1e8d22b;--pass-watermark:#edf5d80a;--card-shadow:0 12px 28px #0003;--nav-bg:#222428f5;--nav-shadow:0 8px 26px #0005;--logo-filter:brightness(0) invert(1);--warm:#ddc7bf;--warm-ink:#48372f;--sage:#d5ddc1;--sage-ink:#323c28;--cream:#dcd6bb;--cream-ink:#48432e;--blue:#c3d2cc;--blue-ink:#2d4039;color-scheme:dark}
body[data-look=stampy] .app-shell{background:var(--paper);border-color:var(--surface-3);box-shadow:0 20px 60px #00000015}
body[data-look=stampy] .preview-note{background:var(--surface-2);color:var(--muted)}
body[data-look=stampy] .top-zone{background:transparent}
body[data-look=stampy] .company-brand{background:transparent;border-radius:0;padding:0;width:145px;height:46px}
body[data-look=stampy] .company-brand img{width:145px;height:66px;filter:var(--logo-filter);mix-blend-mode:normal}
.site-identity>span{display:block;font-size:10px;letter-spacing:.12em;margin-left:10px;color:var(--muted);margin-top:3px}
.header-actions{display:flex;gap:5px;align-items:center}
body[data-look=stampy] .notification,body[data-look=stampy] .appearance-button{background:var(--surface-2);border:0;color:var(--ink);width:40px;height:40px}
body[data-look=stampy] .appearance-button .icon{width:19px;height:19px}
body[data-look=stampy] .welcome p{color:var(--muted)}
body[data-look=stampy] .member-pass{background:var(--pass-bg);box-shadow:var(--card-shadow)}
body[data-look=stampy] .member-pass .pass-watermark{color:var(--pass-watermark)}
body[data-look=stampy] .pass-caption,body[data-look=stampy] .balance>span{color:var(--pass-muted)}
body[data-look=stampy] .balance strong,body[data-look=stampy] .pass-bottom a{color:var(--pass-ink)}
body[data-look=stampy] .tier{color:#e6ecd8;background:#ffffff10;border-color:#ffffff1c}
body[data-look=stampy] .scan-button{background:#e4e9d7;color:#2a3424;box-shadow:none}
body[data-look=stampy] .pass-bottom{border-color:var(--pass-line)}
body[data-look=stampy] .pass-bottom a:first-child{color:#e6ecd8}
body[data-look=stampy] .pass-bottom a.history-link{color:var(--pass-muted)}
body[data-look=stampy] .shortcuts a{color:var(--ink)}
body[data-look=stampy] .shortcuts a>span{background:var(--sage);color:var(--sage-ink);box-shadow:none}
body[data-look=stampy] .shortcuts a:nth-child(2)>span{background:var(--warm);color:var(--warm-ink)}
body[data-look=stampy] .shortcuts a:nth-child(3)>span{background:var(--cream);color:var(--cream-ink)}
body[data-look=stampy] .shortcuts a:nth-child(4)>span{background:var(--blue);color:var(--blue-ink)}
body[data-look=stampy] .feature-banner{box-shadow:var(--card-shadow)}
body[data-look=stampy] .feature-banner:after{background:linear-gradient(90deg,#171512de,#17151250)}
body[data-look=stampy] .round-arrow{background:#f0ede2;color:#353329}
body[data-look=stampy] .section-heading a{color:var(--muted)}
body[data-look=stampy] .menu-card,body[data-look=stampy] .menu-card[href='#rewards']{background:var(--surface-2);color:var(--ink)}
body[data-look=stampy] .menu-icon{background:var(--surface);border:0;color:var(--brand)}
body[data-look=stampy] .menu-card small,body[data-look=stampy] .card-arrow{color:var(--muted)}
body[data-look=stampy] .menu-card[href='#referral']{background:var(--warm);color:var(--warm-ink)}
body[data-look=stampy] .menu-card[href='#referral'] .menu-icon{background:#ffffff55;color:var(--warm-ink)}
body[data-look=stampy] .menu-card[href='#referral'] small,body[data-look=stampy] .menu-card[href='#referral'] .card-arrow{color:var(--warm-ink)}
body[data-look=stampy] .category-pills button{background:var(--surface-2);color:var(--muted)}
body[data-look=stampy] .category-pills button.selected{background:var(--strong-bg);color:var(--strong-ink)}
body[data-look=stampy] .product{background:var(--surface-2)}
body[data-look=stampy] .product h3{color:var(--ink)}
body[data-look=stampy] .product-meta,body[data-look=stampy] .cost{color:var(--muted)}
body[data-look=stampy] .special-links>a{background:var(--surface-2);color:var(--ink)}
body[data-look=stampy] .special-links>a[href='#birthday']{background:var(--cream);color:var(--cream-ink)}
body[data-look=stampy] .message-card{background:var(--surface-2)}
body[data-look=stampy] .message-category{color:var(--muted)}
body[data-look=stampy] .message-open{color:var(--brand)}
body[data-look=stampy] .bottom-nav{background:var(--nav-bg);border-color:var(--line);box-shadow:var(--nav-shadow)}
body[data-look=stampy] .bottom-nav a{color:var(--muted)}
body[data-look=stampy] .bottom-nav a.active{background:var(--strong-bg);color:var(--strong-ink)}
body[data-look=stampy] .row-link,body[data-look=stampy] .plan,body[data-look=stampy] .share-card,body[data-look=stampy] .earn-option,body[data-look=stampy] .progress-card{background:var(--surface-2)}
body[data-look=stampy] .row-link>.icon:first-child,body[data-look=stampy] .earn-option>.menu-icon{background:var(--surface);color:var(--brand)}
body[data-look=stampy] .share-card input,body[data-look=stampy] input,body[data-look=stampy] select,body[data-look=stampy] textarea{background:var(--surface);color:var(--ink);border-color:var(--line);color-scheme:inherit}
body[data-look=stampy] .action,body[data-look=stampy] .primary-button{background:var(--strong-bg);color:var(--strong-ink)}
body[data-look=stampy] .action.secondary{background:var(--surface-3);color:var(--ink)}
body[data-look=stampy] .action:disabled{background:var(--surface-3);color:var(--muted);border-color:var(--line)}
body[data-look=stampy] .note{background:var(--surface-2);color:var(--muted)}
body[data-look=stampy] .pass-card{background:var(--surface-2)}
.appearance-options{display:grid;gap:13px;margin:24px 0}
.appearance-option{display:flex;align-items:center;text-align:left;gap:17px;width:100%;min-height:100px;border:1px solid var(--line);border-radius:20px;padding:16px;background:var(--surface);color:var(--ink)}
.appearance-option.selected{border:2px solid var(--brand);padding:15px}
.appearance-option>span:nth-child(2){flex:1}.appearance-option strong{font-size:14px;font-weight:600;display:block}.appearance-option small{font-size:11px;display:block;color:var(--muted);margin-top:5px}.selection-mark{opacity:0}.selected .selection-mark{opacity:1}.selection-mark .icon{width:20px;height:20px}
.theme-swatch{display:flex;flex-direction:column;gap:5px;width:42px;height:61px;border:1px solid #d1d3ce;border-radius:8px;padding:8px 5px;background:#fafbf8;flex-shrink:0}.theme-swatch i{display:block;height:18px;border-radius:3px;background:#353936}.theme-swatch b{display:block;height:10px;border-radius:3px;background:#e2e5dc}.theme-swatch.dark{background:#151715;border-color:#42463f}.theme-swatch.dark i{background:#51564c}.theme-swatch.dark b{background:#32382d}.theme-swatch.system{background:linear-gradient(90deg,#fafbf8 50%,#151715 50%)}
@media(max-width:350px){.header-actions{gap:2px}body[data-look=stampy] .company-brand,body[data-look=stampy] .company-brand img{width:130px}}
@media(prefers-reduced-transparency:reduce){body[data-look=stampy] .bottom-nav{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}}

.wallet-switch{display:flex;gap:4px;padding:4px;background:var(--surface-2,#eee);border-radius:12px;margin:12px 0 16px}
.wallet-switch button,.wallet-switch a{flex:1;min-width:0;min-height:44px;border:0;border-radius:9px;background:transparent;color:var(--ink,#202123);font:inherit;font-size:13px;font-weight:600;text-align:center;display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;padding:8px}
.wallet-switch [aria-pressed=true],.wallet-switch [aria-current=page]{background:var(--surface,#fff)}
.member-pass .wallet-switch{position:relative;background:#ffffff18;margin-bottom:8px}
.member-pass .wallet-switch button{color:var(--pass-ink,#fff)}
.member-pass .wallet-switch [aria-pressed=true]{background:#f6f6f4;color:#202123}
.wallet-switch :focus-visible{outline:2px solid currentColor;outline-offset:2px}
.wallet-caption{display:block;position:relative;color:var(--pass-muted,#ddd);font-size:11px;margin:4px 0 12px}

/* Icon accent: the brand pink from BRAND.md (#E69C9D, logo brush) replaces the all-grey icon treatment. Layout unchanged. */
body[data-look=stampy]{--icon-bg:#f8e7e6;--icon-ink:#c4646a;--accent:#E69C9D;--accent-ink:#242424}
body[data-look=stampy][data-tone=dark]{--icon-bg:#3b2c2d;--icon-ink:#E69C9D;--accent:#E69C9D;--accent-ink:#242424}
body[data-look=stampy] .shortcuts a>span,body[data-look=stampy] .shortcuts a:nth-child(2)>span,body[data-look=stampy] .shortcuts a:nth-child(3)>span,body[data-look=stampy] .shortcuts a:nth-child(4)>span{background:var(--icon-bg);color:var(--icon-ink)}
body[data-look=stampy] .menu-icon,body[data-look=stampy] .row-link>.icon:first-child,body[data-look=stampy] .earn-option>.menu-icon{background:var(--icon-bg);color:var(--icon-ink)}
body[data-look=stampy] .menu-card[href='#referral']{background:var(--icon-bg);color:var(--ink)}
body[data-look=stampy] .menu-card[href='#referral'] .menu-icon{background:var(--accent);color:var(--accent-ink)}
body[data-look=stampy] .menu-card[href='#referral'] small,body[data-look=stampy] .menu-card[href='#referral'] .card-arrow{color:var(--muted)}
body[data-look=stampy] .scan-button,body[data-look=stampy] .round-arrow{background:var(--accent);color:var(--accent-ink)}
body[data-look=stampy] .special-links>a[href='#birthday']{background:var(--icon-bg);color:var(--ink)}
body[data-look=stampy] .special-links>a>.icon:first-child,body[data-look=stampy] .service-icon,body[data-look=stampy] .quick-links .icon,body[data-look=stampy] .benefit-more .icon:first-child{color:var(--icon-ink)}
body[data-look=stampy] .bottom-nav a.active{background:var(--accent);color:var(--accent-ink)}
body[data-look=stampy] .tier{color:var(--accent);border-color:#E69C9D40}
body[data-look=stampy] .message-open,body[data-look=stampy] .earn-link{color:var(--icon-ink)}

/* White / sumi / pink (BRAND.md): warm white surfaces replace grey, every icon and mark carries the brand pink. Layout unchanged. */
body[data-look=stampy]{--paper:#fffdfc;--canvas:#f3eeed;--surface:#fff;--surface-2:#faf3f2;--surface-3:#f3e8e7;--line:#ecdedd;--tint:#faf3f2;--nav-bg:#fffdfcf2;--nav-shadow:0 7px 24px #5a3a3a14;--card-shadow:0 10px 30px #5a3a3a10;--warm:#faf3f2;--warm-ink:#c4646a;--sage:#faf3f2;--sage-ink:#c4646a;--cream:#faf3f2;--cream-ink:#c4646a;--blue:#faf3f2;--blue-ink:#c4646a}
body[data-look=stampy][data-tone=dark]{--paper:#141213;--canvas:#0b0a0a;--surface:#201c1d;--surface-2:#272122;--surface-3:#302829;--line:#413637;--tint:#2b2324;--nav-bg:#221d1ef5;--icon-bg:#3d2c2d}
body[data-look=stampy] .app-shell{border-color:var(--surface-3)}
body[data-look=stampy] .notification,body[data-look=stampy] .appearance-button{background:var(--icon-bg);color:var(--icon-ink)}
body[data-look=stampy] .bottom-nav a{color:var(--icon-ink)}
body[data-look=stampy] .bottom-nav a>span{color:var(--muted)}
body[data-look=stampy] .bottom-nav a.active>span{color:var(--accent-ink)}
body[data-look=stampy] .card-arrow,body[data-look=stampy] .section-heading a,body[data-look=stampy] .heading>button,body[data-look=stampy] .row-link>.icon:last-child,body[data-look=stampy] .back,body[data-look=stampy] .text-button,body[data-look=stampy] .read-story,body[data-look=stampy] .pass-bottom a:first-child,body[data-look=stampy] .share-visit{color:var(--icon-ink)}
body[data-look=stampy] .category-pills button.selected{background:var(--accent);color:var(--accent-ink)}
body[data-look=stampy] .feature-copy>.eyebrow{background:var(--accent);color:var(--accent-ink)}
body[data-look=stampy] .special-links>a{background:var(--icon-bg);color:var(--ink)}
body[data-look=stampy] .cost,body[data-look=stampy] .mile-price,body[data-look=stampy] .product-meta{color:var(--icon-ink)}
body[data-look=stampy] .menu-card[href='#rewards']{background:var(--surface-2)}
body[data-look=stampy] .action,body[data-look=stampy] .primary-button{background:var(--accent);color:var(--accent-ink)}
body[data-look=stampy] .action.secondary{background:var(--icon-bg);color:var(--icon-ink)}
body[data-look=stampy] .message-card{border:1px solid var(--line)}
body[data-look=stampy] .preview-note{background:var(--surface-2);color:var(--muted)}
body[data-look=stampy] .member-pass .wallet-switch [aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}
body[data-look=stampy] .page .wallet-switch [aria-current=page]{background:var(--accent);color:var(--accent-ink)}
body[data-look=stampy] .wallet-switch{background:var(--surface-2)}
body[data-look=stampy] .member-pass .wallet-switch{background:#ffffff18}
/* Lucide inline marks inside text links */
.icon-inline{display:inline-block;width:1em;height:1em;vertical-align:-.15em;margin:0 .2em 0 0}
.share-visit .icon-inline{margin:0 0 0 .2em}