/* Stampy reference selected by the user. Original assets and shared layout. */
body[data-look=stampy]{--ink:#f3f7f3;--muted:#b0c2b9;--brand:#d8f49e;--brand-dark:#edf8dc;--tint:#193b30;--line:#365247;--paper:#0b211a;--radius:22px;background:#06110e;color:var(--ink);color-scheme:dark}
body[data-look=stampy] .app-shell{background:linear-gradient(155deg,#173e32 0,#0b211a 610px,#0b211a 100%)}
body[data-look=stampy] .preview-note{background:#061b14;color:#b0c2b9;font-size:10px}
body[data-look=stampy] .top-zone{background:transparent;padding-bottom:22px}
body[data-look=stampy] .app-header{padding-top:23px;padding-bottom:15px}
body[data-look=stampy] .company-brand{background:#fff8f3;border-radius:10px;width:133px;height:46px;padding:0 5px}
body[data-look=stampy] .company-brand img{width:123px;height:57px;mix-blend-mode:normal}
body[data-look=stampy] .notification{border:1px solid #ffffff25;background:#ffffff08;color:#e7f0e9}
body[data-look=stampy] .welcome p{color:#b9c9bf;font-size:11px}
body[data-look=stampy] .welcome h1{font-size:22px;letter-spacing:-.025em;font-weight:600}
body[data-look=stampy] .member-pass{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(120deg,#35634f,#204b3b 65%,#3b5940);border:0;border-radius:23px;padding:20px 21px 0;box-shadow:0 14px 30px #020e1850}
body[data-look=stampy] .member-pass .pass-watermark{position:absolute;z-index:-1;right:-7px;top:14px;font:600 122px/1 Arial,sans-serif;letter-spacing:-12px;color:#e1f2d20b;transform:rotate(-14deg);pointer-events:none}
body[data-look=stampy] .pass-caption{color:#d7e6d9;font-size:12px}
body[data-look=stampy] .tier{color:#f0f9cf;background:#ffffff13;border:1px solid #d7eeb425;border-radius:30px;font-size:10px;font-weight:500}
body[data-look=stampy] .pass-main{margin:5px 0 16px}
body[data-look=stampy] .balance strong{font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:59px;line-height:1.14;color:#f6ffe8;font-weight:500;letter-spacing:-2px}
body[data-look=stampy] .balance>span{color:#d7e6d9;font-size:11px}
body[data-look=stampy] .scan-button{background:#dcf4ab;color:#173625;border:0;border-radius:50%;width:45px;height:45px;box-shadow:0 4px 12px #06170e25}
body[data-look=stampy] .pass-bottom{border-top:1px solid #d5eac12b;min-height:51px}
body[data-look=stampy] .pass-bottom a{color:#f2f9e9;min-height:48px;font-size:11px}
body[data-look=stampy] .pass-bottom a:first-child{color:#e2fba9}
body[data-look=stampy] .pass-bottom a.history-link{color:#d0e0d3}
body[data-look=stampy] .shortcuts{padding-top:4px;padding-bottom:9px;gap:7px;padding-left:18px;padding-right:18px}
body[data-look=stampy] .shortcuts a{font-weight:500;gap:9px;font-size:11px;color:#eaf2ed}
body[data-look=stampy] .shortcuts a>span{width:53px;height:53px;border:0;border-radius:18px;background:linear-gradient(145deg,#ddf3a6,#a3d5ad);color:#173c29;box-shadow:0 5px 12px #04150d33}
body[data-look=stampy] .shortcuts a:nth-child(2)>span{background:linear-gradient(145deg,#f6ded7,#e5b0b8);color:#61333d}
body[data-look=stampy] .shortcuts a:nth-child(3)>span{background:linear-gradient(145deg,#e9e8c3,#c8ce9d);color:#414c29}
body[data-look=stampy] .shortcuts a:nth-child(4)>span{background:linear-gradient(145deg,#c6e3de,#8ebaae);color:#183d32}
body[data-look=stampy] .shortcuts .icon{width:24px;height:24px;stroke-width:1.5}
body[data-look=stampy] .section{padding-top:20px;padding-bottom:14px}
body[data-look=stampy] .promo-section{padding-top:8px}
body[data-look=stampy] .feature-banner{border-radius:23px;min-height:199px;box-shadow:0 10px 25px #030f092e}
body[data-look=stampy] .feature-banner:after{background:linear-gradient(90deg,#071b15df,#071b1570 65%,#071b1530)}
body[data-look=stampy] .feature-copy{padding:23px}
body[data-look=stampy] .feature-copy>.eyebrow{display:inline-block;padding:4px 10px;border-radius:30px;background:#ffffff24;font-size:10px;letter-spacing:0}
body[data-look=stampy] .feature-copy h2{font-weight:500;font-size:23px;line-height:1.55;letter-spacing:-.03em;margin:12px 0}
body[data-look=stampy] .feature-copy p{color:#e0e8df}
body[data-look=stampy] .round-arrow{background:#dcf4ab;color:#173625;border:0;width:37px;height:37px;right:19px;bottom:20px}
body[data-look=stampy] .section-heading{margin-bottom:15px}
body[data-look=stampy] .section-heading h2{font-size:18px;font-weight:600;letter-spacing:-.025em}
body[data-look=stampy] .section-heading a{color:#bdcdbf;font-size:11px}
body[data-look=stampy] .menu-grid{gap:11px}
body[data-look=stampy] .menu-card{background:#193a2e;border:0;border-radius:21px;min-height:153px;padding:18px;overflow:hidden}
body[data-look=stampy] .menu-icon{background:#ffffff0e;border:1px solid #ffffff15;border-radius:50%;color:#d0e4ca;width:37px;height:37px}
body[data-look=stampy] .menu-card strong{font-size:14px;font-weight:550;letter-spacing:-.025em}
body[data-look=stampy] .menu-card small{font-size:11px;color:#b9cdbf;line-height:1.7}
body[data-look=stampy] .card-arrow{color:#c7dbc9;top:22px;right:18px}
body[data-look=stampy] .menu-card[href='#referral']{background:linear-gradient(145deg,#d5ebac,#9fcaaa);color:#143425}
body[data-look=stampy] .menu-card[href='#referral'] .menu-icon{background:#ffffff35;border-color:transparent;color:#244d33}
body[data-look=stampy] .menu-card[href='#referral'] small,body[data-look=stampy] .menu-card[href='#referral'] .card-arrow{color:#345a40}
body[data-look=stampy] .menu-card[href='#rewards']{background:#294937}
body[data-look=stampy] .category-pills{gap:8px}
body[data-look=stampy] .category-pills button{background:#1d3b30;color:#c0d1c5;border-radius:30px;min-height:37px;padding:0 16px}
body[data-look=stampy] .category-pills button.selected{background:#d7efa8;color:#1c3e28}
body[data-look=stampy] .product-grid{gap:12px}
body[data-look=stampy] .product{background:#163429;border-radius:20px;overflow:hidden;padding-bottom:15px}
body[data-look=stampy] .product-photo{border-radius:0;aspect-ratio:1/1;background:#eeeee4}
body[data-look=stampy] .product-meta,body[data-look=stampy] .product h3,body[data-look=stampy] .cost{margin-left:13px;margin-right:10px}
body[data-look=stampy] .product-meta{color:#bfcfbd;letter-spacing:.035em}
body[data-look=stampy] .product h3{color:#eef3e9;font-size:12px}
body[data-look=stampy] .cost{color:#c4d8ba;font-size:10px;padding-top:6px}
body[data-look=stampy] .special-links{gap:11px;margin-top:13px}
body[data-look=stampy] .special-links>a{padding:14px 10px;min-height:70px;border:0;border-radius:18px;background:#244334;color:#eef5e7}
body[data-look=stampy] .special-links>a[href='#birthday']{background:linear-gradient(120deg,#edbfbd,#e3c994);color:#4a3029}
body[data-look=stampy] .special-links .icon{color:inherit}
body[data-look=stampy] .message-card{background:#16372b;border:0;border-radius:22px;padding:23px}
body[data-look=stampy] .message-category{color:#c1d2c3}
body[data-look=stampy] .message-card h3{font-size:15px;font-weight:550}
body[data-look=stampy] .message-open{color:#d6ecb5}
body[data-look=stampy] .bottom-nav{width:calc(100% - 24px);max-width:366px;left:50%;transform:translateX(-50%);bottom:calc(10px + env(safe-area-inset-bottom,0px));border:1px solid #ffffff20;border-radius:27px;background:#16392ef5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:7px 7px 6px;box-shadow:0 8px 28px #0006}
body[data-look=stampy] .bottom-nav a{color:#bfd0c3;font-size:9px;min-height:51px;border-radius:21px;gap:4px;padding:5px 2px}
body[data-look=stampy] .bottom-nav a.active{background:#d8efa9;color:#183b29;font-weight:600}
body[data-look=stampy] .bottom-nav a.active:before{display:none}
body[data-look=stampy] .bottom-nav .icon{width:21px;height:21px}
body[data-look=stampy] .app-footer{border-color:var(--line);color:var(--muted);padding-bottom:28px}
body[data-look=stampy] .page{padding-top:14px}
body[data-look=stampy] .page h1{font-size:24px;letter-spacing:-.025em}
body[data-look=stampy] .row-link,body[data-look=stampy] .plan,body[data-look=stampy] .share-card{background:#18382d;border:0;border-radius:20px}
body[data-look=stampy] .row-link>.icon:first-child{background:#294b39;color:#e0f2bb;border-radius:50%}
body[data-look=stampy] .share-card input,body[data-look=stampy] input,body[data-look=stampy] select,body[data-look=stampy] textarea{background:#0c261c;color:#e4f0e5;border-color:#496757;color-scheme:dark}
body[data-look=stampy] .action,body[data-look=stampy] .primary-button{background:#d8efa9;color:#173625;border-color:transparent;border-radius:30px;font-size:13px;min-height:48px}
body[data-look=stampy] .action.secondary{background:#274c38;color:#e9f4dc}
body[data-look=stampy] .action:disabled{background:#2b4336;color:#b6c4b9;border:1px solid #4b6354}
body[data-look=stampy] .note{background:#193d2d;color:#c6d9c7}
body[data-look=stampy] .earn-option{background:#19392c;border:0;border-radius:20px;padding:20px}
body[data-look=stampy] .earn-option>.menu-icon{background:#d3e7a3;color:#254b30;border:0}
body[data-look=stampy] .earn-option h2{font-weight:550}
body[data-look=stampy] .progress-card{background:#1b3b2b;border:0}
body[data-look=stampy] .pass-card{background:linear-gradient(125deg,#315c43,#1b3d2c);border:0}
body[data-look=stampy] button:focus-visible,body[data-look=stampy] a:focus-visible,body[data-look=stampy] input:focus-visible,body[data-look=stampy] summary:focus-visible{outline:3px solid #e6cf93;outline-offset:4px}
body[data-look=stampy] .menu-card,body[data-look=stampy] .shortcuts a>span,body[data-look=stampy] .action{transition:transform .18s ease-out,filter .18s ease-out}
body[data-look=stampy] .menu-card:active,body[data-look=stampy] .action:active{transform:scale(.98)}
@media(hover:hover){body[data-look=stampy] .menu-card:hover{transform:translateY(-3px);filter:brightness(1.08)}}
@media(min-width:700px){body[data-look=stampy] .app-shell{border-color:#20392c;box-shadow:0 24px 70px #0005}body[data-look=stampy] .bottom-nav{max-width:354px}}
@media(max-width:350px){body[data-look=stampy] .pass-bottom a{font-size:10px}body[data-look=stampy] .shortcuts{padding-left:12px;padding-right:12px}body[data-look=stampy] .menu-card{padding:14px}body[data-look=stampy] .menu-card strong{font-size:12px}body[data-look=stampy] .menu-card small{font-size:10px}}
@media(prefers-reduced-motion:reduce){body[data-look=stampy] *,body[data-look=stampy] *:before{transition:none!important;animation:none!important}}
