:root{color-scheme:dark;--background:#09090b;--surface:#18181b;--foreground:#fafafa;--muted:#a1a1aa;--border:#27272a;--accent:#2563eb;--accent-soft:#172554;--on-accent:#fff}.coin-counter{display:inline-flex;align-items:baseline;font-variant-numeric:tabular-nums}.coin-digit{display:inline-block;height:1.2em;overflow:hidden}.coin-digit-strip{display:flex;flex-direction:column}.coin-digit-strip>span{height:1.2em;line-height:1.2em}.balance{position:relative;isolation:isolate;overflow:hidden;box-shadow:0 14px 45px #0004}.balance:before{content:"";position:absolute;inset:-100%;background:conic-gradient(from 0deg,transparent 0deg,#fff7 30deg,transparent 65deg,transparent 180deg,#ffffff22 210deg,transparent 250deg);z-index:-1;animation:card-light 8s linear infinite}.balance:after{content:"";position:absolute;width:240px;height:240px;right:-70px;top:-100px;border:1px solid #ffffff70;border-radius:50%;box-shadow:0 0 0 25px #ffffff10,0 0 0 55px #ffffff08;pointer-events:none;animation:halo-breathe 4s ease-in-out infinite}.hero-coin{animation:coin-flip 1.1s cubic-bezier(.2,.8,.2,1) both;filter:drop-shadow(0 4px 3px #0003)}.tier-badge{animation:tier-pop .7s cubic-bezier(.2,1.6,.3,1) both}.nav-glider{position:absolute;top:10px;left:12px;width:calc((100% - 24px)/4);height:52px;background:var(--accent-soft);border-radius:14px;translate:calc(var(--nav-index)*100%) 0;transition:translate .5s cubic-bezier(.34,1.45,.5,1);pointer-events:none}nav button{position:relative;z-index:1}nav .selected svg{animation:nav-bounce .55s cubic-bezier(.2,1.7,.3,1)}.code-keypad button{position:relative;overflow:hidden}.key-wave:after{content:"";position:absolute;left:var(--tap-x);top:var(--tap-y);width:12px;height:12px;border-radius:50%;background:var(--accent);pointer-events:none;animation:key-ripple .45s ease-out forwards}.scan-tile{position:relative;overflow:hidden}.scan-tile:hover svg{animation:scanner-wink .7s ease-in-out}.reward-content{position:relative;isolation:isolate}.reward-inner{position:relative;z-index:1}.reward-inner>svg{display:block;max-width:100%;height:auto;background:#fff;border:12px solid #fff;border-radius:20px;animation:qr-arrive .7s cubic-bezier(.16,1,.3,1)}.reward-orbit{position:absolute;left:50%;top:50%;width:300px;height:300px;translate:-50% -50%;border:1px dashed #2563eb55;border-radius:50%;z-index:-1;animation:card-light 24s linear infinite}.reward-orbit:before,.reward-orbit:after{content:"";position:absolute;top:50%;left:-5px;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 20px var(--accent)}.reward-orbit:after{left:auto;right:-5px}.floating-feedback{animation:feedback-spring .45s cubic-bezier(.2,1.4,.4,1)}@keyframes key-ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:.5}to{transform:translate(-50%,-50%) scale(16);opacity:0}}@keyframes card-light{to{rotate:360deg}}@keyframes halo-breathe{50%{scale:1.12;opacity:.5}}@keyframes coin-flip{0%{transform:perspective(200px) rotateY(-270deg) scale(.3)}to{transform:perspective(200px) rotateY(0) scale(1)}}@keyframes tier-pop{0%{scale:.3;opacity:0}to{scale:1;opacity:1}}@keyframes nav-bounce{0%{translate:0 0;rotate:0deg}35%{translate:0 -7px;rotate:-12deg}65%{rotate:8deg}to{translate:0 0;rotate:0deg}}@keyframes scanner-wink{40%{scale:1.18;rotate:-8deg}75%{rotate:5deg}}@keyframes qr-arrive{0%{opacity:0;transform:perspective(600px) rotateX(30deg) scale(.85)}to{opacity:1;transform:perspective(600px) rotateX(0) scale(1)}}@keyframes feedback-spring{0%{translate:0 45px;opacity:0}to{translate:0 0;opacity:1}}html{overflow-x:hidden}button,a,input{touch-action:manipulation}input:not([type=checkbox]){font-size:16px!important}.floating-feedback{position:fixed;left:50%;transform:translate(-50%);bottom:calc(92px + env(safe-area-inset-bottom));width:min(calc(100% - 32px),520px);max-height:160px;overflow:auto;z-index:70;display:flex;align-items:center;gap:10px;box-shadow:0 8px 30px #0006}.feedback-animation{width:40px;height:40px;flex-shrink:0}.feedback-animation canvas{width:40px!important;height:40px!important}.code-keypad .button{touch-action:none;user-select:none;-webkit-user-select:none;transition:background-color .08s,transform .08s}.code-keypad .button:active{transform:scale(.94);background:var(--accent-soft)}@media(prefers-reduced-motion:no-preference){main{animation:page-enter .18s ease-out}.reward-screen{animation:page-enter .18s ease-out}.scan-tile,.filter-chips .button,nav button{transition:transform .12s,background-color .12s}.scan-tile:active,nav button:active{transform:scale(.97)}@keyframes page-enter{0%{opacity:.4;translate:0 6px}to{opacity:1;translate:0 0}}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.scan-options{grid-template-columns:1fr!important}.scan-options .scan-tile{width:100%;min-height:210px}.code-keypad{grid-template-columns:repeat(3,1fr)!important}.balance small,.balance p{color:inherit!important}.balance{border:0!important}.balance progress::-webkit-progress-value{background:currentColor}.balance progress::-moz-progress-bar{background:currentColor}nav button{flex:1;width:auto}.scan-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.scan-options .scan-tile{min-height:190px;display:flex;flex-direction:column;gap:20px;background:var(--surface);border-radius:22px;white-space:normal}.scan-tile svg{color:var(--accent)}.scan-hint{text-align:center;font-size:13px}.code-keypad{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:20px 0}.code-keypad .button{min-height:48px;padding:8px}.reward-filters{margin-bottom:20px}.filter-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.filter-chips .button{font-size:12px;min-height:36px;padding:7px 12px}.history-row{width:100%;background:none;color:var(--foreground);text-align:left;border:0;border-bottom:1px solid var(--border)}.history-row:hover{background:var(--accent-soft)}.transaction-amount{display:block;font-size:32px;margin:24px 0}.transaction-details{text-align:left;overflow-wrap:anywhere}.transaction-details dt{font-size:12px;color:var(--muted);margin-top:20px}.transaction-details dd{margin:4px 0}.reward-content>svg{max-width:100%;height:auto;background:#fff;border:12px solid white;border-radius:12px}.greeting{min-width:0;display:grid;gap:2px}.greeting>span{font-size:14px;color:var(--muted);overflow-wrap:anywhere}.greeting>strong{font-size:22px;line-height:1.2;overflow-wrap:anywhere}.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.coins-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:999px;padding:6px 10px;font-size:13px;font-weight:650}.level .tier-badge{font-size:14px;font-weight:650;border:1px solid;border-radius:999px;padding:4px 12px}.points-positive{color:#4ade80}.reward-screen{position:fixed;inset:0;z-index:50;background:var(--background);display:flex;align-items:center;justify-content:center;padding:80px 24px max(30px,env(safe-area-inset-bottom));overflow:auto}.reward-close{position:absolute;right:20px;top:calc(20px + env(safe-area-inset-top))}.reward-content{width:min(100%,400px);margin:auto;text-align:center}.reward-content svg{display:block;margin:28px auto}.reward-content h2{font-size:26px}.reward-content p{max-width:300px;margin:20px auto}header{gap:12px}:root[data-accent=violet]{--accent:#7c3aed;--accent-soft:#2e1065}:root[data-accent=teal]{--accent:#0f766e;--accent-soft:#042f2e}:root[data-mode=light]{color-scheme:light;--background:#fafafa;--surface:#fff;--foreground:#18181b;--muted:#52525b;--border:#e4e4e7;--accent-soft:#dbeafe}:root[data-mode=light][data-accent=violet]{--accent-soft:#ede9fe}:root[data-mode=light][data-accent=teal]{--accent-soft:#ccfbf1}progress{appearance:none;border:0;border-radius:999px;background:var(--border);overflow:hidden}progress::-webkit-progress-bar{background:var(--border)}progress::-webkit-progress-value{background:var(--accent)}progress::-moz-progress-bar{background:var(--accent)}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--foreground);font:15px/1.5 system-ui,-apple-system,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}.app{max-width:560px;margin:auto;min-height:100dvh}header{height:88px;padding:20px 24px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:26px;font-weight:750;letter-spacing:-1.3px}.brand span{display:block;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:500;color:var(--muted)}main{padding:8px 20px 110px}.heading{margin:8px 0 25px}.heading h1{font-size:29px;line-height:1.2;letter-spacing:-1px;margin:0 0 6px}.heading>span,small{color:var(--muted)}section{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:22px;margin:16px 0}h2{font-size:18px;margin:0 0 12px}p{color:var(--muted)}.balance{background:var(--accent);color:#fff;padding:28px;border:0}.balance>strong{display:flex;gap:14px;align-items:center;font-size:54px;line-height:1.2;letter-spacing:-2px;margin:12px 0 20px}.balance small,.balance p{color:#dbeafe}.level{display:flex;justify-content:space-between;align-items:center}.level>span{font-size:12px}progress{width:100%;height:6px;margin:18px 0 8px;accent-color:var(--accent)}.button{border:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:11px 16px;font-weight:600;text-decoration:none}.button-primary{background:var(--accent);color:#fff}.button-outline{border:1px solid var(--border);background:transparent;color:var(--foreground)}.button-ghost{background:transparent;color:var(--foreground)}.button-icon{width:44px;padding:10px}.wide{width:100%}.row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.row:last-child{border:0}.row>span{min-width:0}label{display:block;color:var(--muted);font-size:13px;margin:15px 0}input:not([type=checkbox]){display:block;width:100%;height:48px;border:1px solid var(--border);border-radius:10px;padding:12px;margin-top:6px;background:var(--surface);color:var(--foreground)}input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.check{display:flex;gap:9px;align-items:center}nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(100%,560px);background:var(--background);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border);display:flex;padding:10px 12px max(12px,env(safe-area-inset-bottom));z-index:10}nav button{width:20%;border:0;background:none;color:var(--muted);display:flex;align-items:center;gap:5px;flex-direction:column;padding:8px 0;font-size:10px}nav .selected{color:var(--accent)}.notice{padding:14px;border-radius:12px;background:var(--accent-soft)}.error{background:#450a0a;color:#fecaca}.pill{display:inline-block;border-radius:99px;background:var(--accent-soft);padding:5px 11px;font-size:12px}.card{text-align:center}.card svg{max-width:100%;height:auto;margin:22px auto}.camera{width:100%;border-radius:14px;background:var(--background);min-height:220px}.approval{border-color:var(--accent)}@media(prefers-reduced-motion:no-preference){section{animation:appear .16s ease-out}@keyframes appear{0%{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:none}}}.balance{background:linear-gradient(135deg,var(--accent-soft),var(--surface));color:var(--foreground);border:1px solid var(--accent)}.balance small,.balance p{color:var(--muted)}.card svg{background:#fff;border:12px solid white;border-radius:12px}nav .selected{color:var(--foreground);background:var(--accent-soft);border-radius:12px}nav .selected svg{color:var(--accent)}input[type=checkbox]{accent-color:var(--accent)}nav button{min-height:52px}header{height:calc(88px + env(safe-area-inset-top));padding-top:calc(20px + env(safe-area-inset-top))}.balance:before{inset:0;z-index:1;padding:2px;border-radius:inherit;background:conic-gradient(from 0deg,transparent 15%,#ffffffbb 30%,transparent 45%,transparent 65%,#ffffff66 80%,transparent 95%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;animation:halo-breathe 5s ease-in-out infinite;pointer-events:none;filter:blur(.5px)}.balance:after{display:none}.balance>strong{margin-bottom:0}.balance-level{font-size:17px;font-weight:650}.reward-orbit{display:none}.fullscreen-title{position:absolute;top:calc(26px + env(safe-area-inset-top));left:24px;right:78px;font-size:24px;text-align:left;line-height:1.2;margin:0}.reward-screen{align-items:center;padding-top:110px}.flat-card{text-align:center;padding:24px 0;background:none;border:0}.flat-card h2{text-align:left;margin-bottom:48px;font-size:24px}.flat-card>svg{display:block;background:#fff;border:12px solid white;border-radius:18px;margin:24px auto;max-width:100%;height:auto}.flat-card p{font-size:13px}.history-row{margin-left:-22px;width:calc(100% + 44px);padding:14px 22px;transition:background .12s}.history-row:hover,.history-row:focus-visible,.history-row:active{background:#2563eb;color:#fff}.history-row:hover small,.history-row:focus-visible small,.history-row:active small,.history-row:hover .points-positive{color:inherit}.splash{position:fixed;inset:0;background:var(--background);z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px}.splash strong{font-size:24px}.splash-mark{height:90px;width:90px;border-radius:26px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;box-shadow:0 0 70px #2563eb22;animation:coin-flip .65s cubic-bezier(.16,1,.3,1)}.splash-loader{width:70px;height:3px;border-radius:99px;overflow:hidden;background:var(--border)}.splash-loader:after{content:"";display:block;width:40%;height:100%;background:var(--accent);animation:splash-slide .8s ease-in-out infinite}@keyframes splash-slide{0%{translate:-100% 0}to{translate:350% 0}}.app>header{position:sticky;top:0;z-index:20;background:var(--background);border-bottom:1px solid var(--border)}.balance:before{animation:border-glow 5s ease-in-out infinite!important;transform:none!important;scale:1!important}.balance-orbit{position:absolute;right:-50px;top:-90px;width:220px;height:220px;border:1px solid #ffffff35;border-radius:50%;filter:blur(3px);opacity:.35;pointer-events:none;z-index:-1;box-shadow:0 0 0 28px #ffffff08;animation:orbit-soft 8s ease-in-out infinite}.fullscreen-title{top:calc(92px + env(safe-area-inset-top));left:24px;right:24px;text-align:center}.reward-screen{padding-top:calc(156px + env(safe-area-inset-top))}.flat-card h2{text-align:center;margin-bottom:32px}.qr-reveal{display:block;margin:24px auto;padding:0;border:0;border-radius:18px;background:#fff;overflow:hidden;max-width:100%}.qr-reveal svg{display:block;border:12px solid white;border-radius:18px;max-width:100%;height:auto;filter:blur(12px);transition:filter .35s ease}.qr-reveal.revealed svg{filter:none}.greeting>strong{font-size:25px}.greeting>span{font-size:12px}.nav-glider{display:none}nav .selected svg{padding:8px;box-sizing:content-box;background:var(--accent-soft);border-radius:12px;margin:-8px}.edge-laser{position:fixed;top:0;bottom:0;width:4px;pointer-events:none;z-index:0;overflow:visible}.edge-laser.left{left:2px}.edge-laser.right{right:2px}.edge-laser:before{content:"";position:absolute;left:0;width:4px;height:100px;border-radius:999px;background:linear-gradient(transparent,var(--accent),#bfdbfe,var(--accent),transparent);box-shadow:0 0 12px 4px #2563eb66;filter:blur(.8px);animation:laser-down 3s linear infinite}.edge-laser.right:before{animation-direction:reverse}@keyframes laser-down{0%{top:-100px}to{top:100%}}@keyframes border-glow{50%{opacity:.4}}@keyframes orbit-soft{50%{translate:0 12px;opacity:.2}}.balance:before{display:none!important}.balance{outline:1px solid #ffffff44;outline-offset:-1px;animation:coins-border 4s ease-in-out infinite}.balance-orbit{z-index:0;opacity:.18;filter:blur(7px)}.balance>span:not(.balance-orbit),.balance>strong{position:relative;z-index:1}.edge-laser:before{height:260px;filter:blur(2px);box-shadow:0 0 18px 5px #2563eb66;animation-name:laser-long}.reward-screen:has(.reward-dual){padding:60px 24px max(16px,env(safe-area-inset-bottom));display:block;overflow:auto}.reward-screen:has(.reward-dual)>.fullscreen-title{display:none}.reward-screen:has(.reward-dual) .reward-content{height:calc(100dvh - 76px - env(safe-area-inset-bottom));width:min(100%,440px)}.reward-dual{display:grid;grid-template-rows:1fr 1fr;height:100%;min-height:540px}.reward-screen:has(.reward-dual) .reward-inner{height:100%}.reward-half{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:0;padding:12px 0}.reward-half.employee{transform:rotate(180deg);border-top:1px solid var(--border)}.reward-half h2{font-size:19px;margin:0}.reward-half .reward-product{margin:0;color:var(--foreground);font-size:14px}.reward-half .qr-reveal{margin:6px auto}.reward-half .qr-reveal svg{width:140px;height:140px;border-width:8px}.reward-half .reveal-hint{font-size:11px;margin:0}.reward-half .pill{font-size:11px;padding:3px 10px}@keyframes laser-long{0%{top:-260px}to{top:100%}}@keyframes coins-border{0%,to{box-shadow:0 0 0 1px #fff2,0 0 7px #ffffff12}50%{box-shadow:0 0 0 2px #fff6,0 0 14px #ffffff25}}.reward-screen.with-lasers{animation:none!important;opacity:1}.reward-half .qr-reveal svg{margin:0!important;animation:none!important}.reward-dual{position:relative}.reward-half{position:relative;padding-left:28px}.reward-half.employee{border:0}.reward-half .qr-reveal svg{width:clamp(180px,55vw,240px);height:clamp(180px,55vw,240px)}.reward-half .sideways{position:absolute;left:0;top:50%;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg);font-weight:600;font-size:15px;max-height:90%;overflow-wrap:anywhere}.reward-seam{position:absolute;top:50%;left:0;right:0;display:flex;justify-content:space-between;translate:0 -50%;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:2px;pointer-events:none}.reward-seam span:first-child{rotate:180deg}.returning .splash-mark,.returning .splash-loader:after,.returning main,.returning .hero-coin{animation:none!important}.returning .splash{background:var(--background)}.reward-half{padding-left:0;padding-right:0}.reward-seam{align-items:center;gap:10px;font-size:clamp(12px,3.8vw,17px);font-weight:700;letter-spacing:1px}.reward-seam img{width:56px;height:40px;object-fit:contain;flex-shrink:0}.balance{border:2px solid #ffffff55!important;outline:0!important;box-shadow:none!important;animation:coins-border-clean 4s ease-in-out infinite!important}.balance:before,.balance:after{display:none!important}.balance-orbit{right:-48px;top:-100px;filter:blur(4px);opacity:.12;box-shadow:none;z-index:0;animation:none!important}@keyframes coins-border-clean{50%{border-color:#fffa}}.balance{border:3px solid #ffffffb3!important;animation:coins-border-visible 4s ease-in-out infinite!important}.balance-orbit{width:250px;height:250px;right:-68px;top:-110px;border:2px solid #ffffff99;filter:blur(1px);opacity:.7;box-shadow:0 0 0 22px #ffffff18,0 0 0 45px #ffffff10;animation:orbit-visible 7s ease-in-out infinite!important;pointer-events:none}@keyframes coins-border-visible{0%,to{border-color:#fff9}50%{border-color:#fff}}@keyframes orbit-visible{0%,to{translate:0 0;rotate:-8deg}50%{translate:-12px 14px;rotate:8deg}}@property --coins-border-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.balance{animation:none!important;border-color:#fff5!important}.balance:before{display:block!important;content:"";position:absolute;inset:-1px;z-index:2;border-radius:inherit;padding:3px;background:conic-gradient(from var(--coins-border-angle),#ffffff15 0deg,#ffffff30 50deg,#fff 85deg,#ffffff30 115deg,#ffffff15 180deg,#ffffff30 230deg,#fff 265deg,#ffffff30 295deg,#ffffff15 360deg);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;filter:none!important;transform:none!important;scale:1!important;opacity:1;animation:coins-border-travel 3.5s linear infinite!important;pointer-events:none}@keyframes coins-border-travel{to{--coins-border-angle:360deg}}html,body,#root{height:100%;overflow:hidden}.app{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}.app>header{flex-shrink:0;position:relative}.app>main{flex:1;min-height:0;overflow:hidden;padding:8px 20px 16px;display:flex;flex-direction:column}.app>nav{position:relative;left:auto;bottom:auto;transform:none;width:100%;flex-shrink:0}.view-home>.balance{flex-shrink:0;margin-top:8px;margin-bottom:12px}.history-panel{flex:1;min-height:0;display:flex;flex-direction:column;margin:0;overflow:hidden;padding-bottom:0}.history-panel>h2{flex-shrink:0}.history-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;margin:0 -22px;padding:0 22px;-webkit-overflow-scrolling:touch}.reward-filters{flex-shrink:0}.offers-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.offers-scroll>section:first-child{margin-top:0}.view-account{overflow-y:auto!important;overscroll-behavior:contain}.view-account>section{flex-shrink:0}.view-scan .scan-options{flex:1;min-height:0;grid-template-rows:1fr 1fr}.view-scan .scan-tile{min-height:0}.view-scan .scan-hint{flex-shrink:0}.view-card .flat-card{min-height:0;overflow-y:auto}.view-home>.approval{max-height:35%;flex-shrink:0;overflow:auto}.app>main:has(>section>form){overflow-y:auto}.app>main:has(>section>form)>section{flex-shrink:0}.history-panel{flex:0 1 auto;padding-bottom:14px}.history-scroll{flex:0 1 auto}nav .selected svg{background:transparent!important;padding:0!important;margin:0!important;border-radius:0;color:var(--accent)}nav .selected{background:transparent!important}nav .selected span{color:var(--muted)}.scan-tile svg{width:clamp(64px,20vw,88px);height:clamp(64px,20vw,88px);flex-shrink:0;stroke-width:1.5}.flat-card .qr-reveal{width:min(100%,320px)}.flat-card .qr-reveal svg{width:100%;height:auto}.transaction-receipt{position:relative;background:#f5f2e9;color:#242424;text-align:left;padding:32px 24px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;filter:drop-shadow(0 12px 18px #0005);margin:16px 0;isolation:isolate}.transaction-receipt:before,.transaction-receipt:after{content:"";position:absolute;left:0;right:0;height:14px;background:#f5f2e9;pointer-events:none}.transaction-receipt:before{top:-13px;clip-path:polygon(0 100%,0 35%,3% 65%,6% 10%,9% 48%,12% 0,15% 55%,19% 20%,23% 70%,26% 8%,30% 48%,34% 0,38% 65%,42% 20%,46% 55%,50% 0,54% 45%,58% 15%,62% 65%,66% 5%,70% 40%,74% 0,78% 60%,82% 25%,86% 70%,90% 10%,94% 50%,97% 20%,100% 45%,100% 100%)}.transaction-receipt:after{bottom:-13px;clip-path:polygon(0 0,100% 0,100% 65%,97% 40%,94% 85%,90% 30%,86% 100%,82% 50%,78% 80%,74% 35%,70% 90%,66% 55%,62% 100%,58% 45%,54% 75%,50% 25%,46% 90%,42% 40%,38% 100%,34% 65%,30% 95%,26% 30%,23% 70%,19% 100%,15% 45%,12% 85%,9% 35%,6% 90%,3% 55%,0 75%)}.receipt-heading{display:grid;text-align:center;gap:6px;padding-bottom:20px;border-bottom:1px dashed #777}.receipt-heading strong{font-size:20px}.receipt-heading span{font-size:12px;color:#666}.transaction-receipt .transaction-amount{text-align:center;font-size:30px;margin:24px 0}.transaction-receipt .transaction-details{margin:20px 0;display:grid;grid-template-columns:85px minmax(0,1fr);gap:14px 12px;font-size:13px}.transaction-receipt .transaction-details dt{margin:0;color:#666;font-size:12px}.transaction-receipt .transaction-details dd{margin:0;text-align:right;overflow-wrap:anywhere}.receipt-footer{border-top:1px dashed #777;padding-top:18px;text-align:center;font-size:10px;color:#666}.button-primary{color:var(--on-accent);background:var(--accent)}.history-row:hover,.history-row:focus-visible,.history-row:active{background:var(--accent);color:var(--on-accent)}.edge-laser:before{background:linear-gradient(transparent,var(--accent),#fff,var(--accent),transparent);box-shadow:0 0 18px 5px var(--accent-soft)}.splash-mark{box-shadow:0 0 70px var(--accent-soft)}.view-auth{display:flex!important;align-items:center;justify-content:center;overflow-y:auto!important;padding:24px!important}.auth-screen{width:100%;max-width:380px}.auth-brand{display:flex;align-items:center;gap:12px;color:var(--accent);margin:24px 0 42px;font-size:20px;font-weight:650}.auth-screen h1{font-size:30px;margin:0 0 28px}.auth-options{display:grid;gap:14px;margin-bottom:20px}.auth-screen>p{line-height:1.6}.qr-expiry{display:block;text-align:center;font-variant-numeric:tabular-nums;font-size:11px;margin:6px 0}.view-notifications{display:flex;flex-direction:column;min-height:0}.notification-text{flex:1;text-align:left}.notification-text small{display:block;margin-top:4px}.notification-text p{margin:6px 0;font-size:13px;white-space:pre-wrap}.unread-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0}.inbox-detail{position:fixed;inset:0;z-index:30;background:var(--background);padding:calc(90px + env(safe-area-inset-top)) 24px 24px;overflow:auto}.inbox-detail>button{position:absolute;top:calc(20px + env(safe-area-inset-top));right:20px}.inbox-detail p{white-space:pre-wrap;line-height:1.6}.notification-image{display:block;width:100%;max-height:340px;object-fit:cover;border-radius:16px;margin:20px 0}.notification-image[hidden]{display:none}.balance{overflow:visible;border:1px solid #ffffff55!important;box-shadow:0 0 9px 1px #ffffff18!important}.balance:before{inset:-2px;padding:1.5px;filter:drop-shadow(0 0 3px #ffffff80)!important}.balance-orbit{clip-path:inset(110px 68px 0 0);border-radius:50%;box-shadow:none}.tier-offer{--offer-color:var(--accent);border-color:var(--offer-color);background:color-mix(in srgb,var(--offer-color) 9%,var(--surface,var(--background)))}.tier-offer .pill,.tier-offer small{color:var(--offer-color)}.tier-offer .button-primary{background:var(--offer-color);color:#09090b}