@font-face{font-family:Geist;src:url('/assets/geist.woff2') format('woff2');font-display:swap}
:root{color-scheme:light;--ink:#36253e;--muted:#806e85;--cream:#f5eddc;--paper:#fffaf0;--gold:#f2cb71;--purple:#694681;font-family:Geist,system-ui,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{margin:0;background:#50365e;color:var(--ink);font-size:14px;line-height:1.4}p,h1,h2{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}a,button,input{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}button:active,a:active{transform:scale(.98)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #9e79b6;outline-offset:3px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round;flex:none}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}
.ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 18% 10%,#b296c0 0%,#694977 40%,#34233f 100%)}.ambient span{position:absolute;width:400px;height:400px;border:1px solid #d9bfd026;border-radius:80px;transform:rotate(28deg);left:calc(50% - 630px);top:36%;animation:float 18s ease-in-out infinite alternate}.ambient span:last-child{left:auto;right:calc(50% - 620px);top:-160px;animation-delay:-9s}
.pay-app{position:relative;width:min(430px,100%);height:min(820px,calc(100dvh - 32px));margin:16px auto;display:flex;flex-direction:column;background:var(--cream);border-radius:30px;overflow:hidden;box-shadow:0 35px 100px #1e102c70;border:1px solid #ffffff30;padding-bottom:18px;isolation:isolate}
.app-header{background:#54375f;color:var(--cream);text-align:center;padding:17px 18px 15px;flex:none}.brand{display:block;width:62px;height:58px;object-fit:contain;margin:0 auto 13px}.greeting h1{font-size:29px;letter-spacing:-1.2px;line-height:1.12;font-weight:720}.greeting p{font-size:11px;color:#e2ccdf;margin-top:7px}.heart{color:#f2cb71;font-family:Arial,sans-serif}
.payment-tabs{display:flex;gap:10px;align-items:center;padding:0 23px 22px;background:#54375f;flex:none}.payment-tab{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:7px;min-height:43px;padding:9px 6px;border:1px solid #d6bdde38;background:#ffffff09;border-radius:16px;font-size:12px;font-weight:600;color:#eadced;transform:scale(.97);transition:transform .3s cubic-bezier(.2,.8,.2,1),background .22s,color .22s}.payment-tab svg{width:17px;height:17px}.payment-tab.active{transform:scale(1.025);background:var(--gold);border-color:#e8bd66;color:#3d2c35;box-shadow:0 4px 14px #28152d24}.payment-tab.inflate{animation:inflate .38s ease-out}
.payment-content{position:relative;flex:1;min-height:0;display:flex;align-items:center;padding:20px 23px 14px;border-radius:26px 26px 0 0;background:var(--cream);margin-top:-5px}.ticket-shadow{width:100%;filter:drop-shadow(0 7px 9px #54365f14)}.ticket{position:relative;overflow:hidden;border-radius:15px 15px 0 0;background:var(--paper);padding-bottom:16px;clip-path:polygon(0 0,100% 0,100% calc(100% - 7px),98% 100%,96% calc(100% - 7px),94% 100%,92% calc(100% - 7px),90% 100%,88% calc(100% - 7px),86% 100%,84% calc(100% - 7px),82% 100%,80% calc(100% - 7px),78% 100%,76% calc(100% - 7px),74% 100%,72% calc(100% - 7px),70% 100%,68% calc(100% - 7px),66% 100%,64% calc(100% - 7px),62% 100%,60% calc(100% - 7px),58% 100%,56% calc(100% - 7px),54% 100%,52% calc(100% - 7px),50% 100%,48% calc(100% - 7px),46% 100%,44% calc(100% - 7px),42% 100%,40% calc(100% - 7px),38% 100%,36% calc(100% - 7px),34% 100%,32% calc(100% - 7px),30% 100%,28% calc(100% - 7px),26% 100%,24% calc(100% - 7px),22% 100%,20% calc(100% - 7px),18% 100%,16% calc(100% - 7px),14% 100%,12% calc(100% - 7px),10% 100%,8% calc(100% - 7px),6% 100%,4% calc(100% - 7px),2% 100%,0 calc(100% - 7px))}.ticket-header{display:flex;justify-content:space-between;gap:6px;padding:13px 18px 10px;border-bottom:1px dashed #d7c9d1;font:9px ui-monospace,monospace;letter-spacing:1px;color:#9a8598}.ticket-header span:last-child{color:#6e4b7e;font-weight:700}.transfer-data{padding:16px 18px 15px}.alias-label{font:9px ui-monospace,monospace;letter-spacing:1.1px;color:#90788e;display:block;margin-bottom:3px}.alias-value{display:block;width:100%;height:37px;min-width:0;padding:0;border:0;border-radius:4px;background:transparent;font-size:25px;font-weight:750;letter-spacing:-.7px;line-height:1.4;user-select:text;-webkit-user-select:text;cursor:text}.recipient{margin-top:12px;padding:10px 11px;background:#eee3f0;border-left:3px solid #aa84b8;border-radius:0 9px 9px 0}.recipient>span{display:block;font-size:8px;letter-spacing:.7px;color:#84698b;font-weight:650}.recipient strong{display:block;font-size:20px;line-height:1.18;font-weight:720;letter-spacing:-.35px;margin-top:5px;min-height:42px}.perforation{height:1px;border-top:1px dashed #d1bdc9;position:relative}.perforation:before,.perforation:after{content:'';position:absolute;top:-7px;width:13px;height:13px;background:var(--cream);border-radius:50%}.perforation:before{left:-7px}.perforation:after{right:-7px}.ticket-actions{padding:14px 18px 0}.copy-button{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #d1ad59;border-radius:13px;background:var(--gold);font-size:14px;font-weight:650;position:relative;transition:background .2s,color .2s,transform .15s}.copy-button:hover{background:#f8d783}.copy-end{position:absolute;right:13px;width:16px;height:16px;opacity:.6}.copy-button.copied{background:#dcebdc;border-color:#b1c8ae;color:#396347}.copy-status{text-align:center;margin:7px 0 10px;font-size:9px;line-height:1.3;min-height:12px;color:#927c92}.copy-status.error{color:#9d3044}.wallet-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.wallet-button{min-width:0;min-height:49px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid;border-radius:12px;padding:7px 8px;position:relative}.wallet-button>span{display:flex;flex-direction:column;align-items:flex-start}.wallet-button small{font-size:8px;line-height:1.1;margin-bottom:2px;opacity:.8}.wallet-button strong{font-size:10px;font-weight:650;white-space:nowrap}.wallet-button>svg{width:13px;height:13px;margin-left:auto}.mp-button{background:#e0f1f8;border-color:#bbdbe8;color:#125677}.mp-button>img{width:27px;height:23px;object-fit:contain;filter:invert(29%) sepia(23%) saturate(1877%) hue-rotate(153deg) brightness(87%) contrast(93%)}.nx-button{background:#ffdfd2;border-color:#f2baa1;color:#692788}.nx-button img{width:82px;height:19px;object-fit:contain;object-position:left}.wallet-fallback{position:absolute;z-index:3;left:18px;right:18px;bottom:13px;padding:6px;background:var(--paper);text-align:center;font-size:10px;text-decoration:underline;color:#694681;border-radius:6px;box-shadow:0 0 8px #fffaf0}.ticket-tail{display:flex;justify-content:space-between;align-items:center;padding:13px 18px 0;gap:9px}.ticket-tail span{font:7px ui-monospace,monospace;letter-spacing:1px;color:#b19baa}.ticket-tail i{height:14px;width:58px;opacity:.42;background:repeating-linear-gradient(90deg,#967d8f 0 2px,transparent 2px 4px,#967d8f 4px 5px,transparent 5px 8px)}
.review-section{flex:none;margin:0 23px;padding-top:12px;border-top:1px solid #ded0d7;min-height:132px;text-align:center}.review-section h2{font-size:13px;line-height:1.45;font-weight:500;letter-spacing:-.15px}.review-section h2 strong{background:#e6cfee;color:#6d4185;border:1px solid #d6b9e1;padding:2px 5px;border-radius:6px;font-weight:750;white-space:nowrap}.review-subtitle{font-size:11px;color:#917b96;margin-top:2px}.google-links{display:grid;grid-template-columns:.85fr 1.2fr;gap:8px;margin-top:12px}.google-links a{position:relative;min-width:0;min-height:43px;display:flex;gap:7px;align-items:center;justify-content:center;background:#fffaf0;border:1px solid #ddcfd6;border-radius:12px;padding:8px 6px;font-size:11px;font-weight:600;color:#654b6d}.google-links img{width:18px;height:18px;object-fit:contain;flex:none}.google-links a.opened{border-color:#b7caad;background:#f2f6e8}.opened-mark{width:12px;height:12px;color:#65815a}.google-links a.opened .opened-mark{position:absolute;right:3px;top:3px;width:11px;height:11px;padding:1px;background:#f2f6e8}.review-status{font-size:9px;color:#9b829b;margin-top:7px;min-height:13px}.review-status.error{color:#9d3044}.text-button{border:0;background:none;color:#80518f;font-size:9px;text-decoration:underline;text-underline-offset:3px;padding:3px 5px;min-height:22px}.review-section:has(#review-retry:not([hidden])) .review-status{margin-top:2px;font-size:8px}.review-section:has(#review-retry:not([hidden])) .google-links{margin-top:6px}.coupon-heading{display:flex;align-items:center;justify-content:center;gap:11px}.coupon-heading span{font-size:8px;letter-spacing:1px;color:#96739f}.coupon-heading strong{font-size:17px;font-weight:750;color:#78498c}#copy-coupon{display:flex;align-items:center;justify-content:center;gap:14px;margin:4px auto;border:1px dashed #c7a9d3;border-radius:11px;background:#efe1f3;padding:3px 19px;color:#644071;min-height:43px}#coupon-code{font:700 29px ui-monospace,monospace;letter-spacing:5px}#copy-coupon svg{width:15px;height:15px}#coupon-validity{font-size:9px;color:#8b7094;margin-top:3px;min-height:13px}.no-js{position:absolute;inset:auto 15px 12px;background:var(--cream);font-size:11px;padding:12px}.panel-enter{animation:panel-in .22s ease-out}
@keyframes inflate{0%{transform:scale(.96)}65%{transform:scale(1.065)}100%{transform:scale(1.025)}}@keyframes panel-in{from{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes float{to{transform:translateY(25px) rotate(38deg)}}
@media(max-width:600px){.pay-app{margin:0 auto;width:100%;height:100dvh;border:0;border-radius:0;padding-bottom:calc(13px + env(safe-area-inset-bottom,0px))}.app-header{padding-top:calc(15px + env(safe-area-inset-top,0px))}}
@media(max-height:760px){.app-header{padding-top:calc(10px + env(safe-area-inset-top,0px));padding-bottom:12px}.brand{width:51px;height:48px;margin-bottom:9px}.greeting h1{font-size:26px}.payment-tabs{padding-bottom:19px}.payment-content{padding-top:15px;padding-bottom:12px}.ticket-header{padding-top:10px;padding-bottom:9px}.transfer-data{padding-top:12px;padding-bottom:12px}.recipient{margin-top:9px;padding:9px 10px}.recipient strong{font-size:19px;min-height:44px}.ticket-actions{padding-top:12px}.ticket-tail{padding-top:9px}.review-section{padding-top:10px;min-height:123px}.google-links{margin-top:9px}}
@media(max-height:680px){.brand{width:43px;height:40px;margin-bottom:7px}.greeting h1{font-size:25px}.greeting p{margin-top:5px;font-size:10px}.app-header{padding-top:calc(8px + env(safe-area-inset-top,0px));padding-bottom:10px}.payment-tab{min-height:40px}.payment-tabs{padding-bottom:17px}.payment-content{padding-top:11px;padding-bottom:9px}.ticket-header{padding-top:8px;padding-bottom:8px;font-size:8px}.transfer-data{padding-top:10px;padding-bottom:10px}.alias-value{height:33px;font-size:24px}.recipient{margin-top:7px;padding-block:8px}.recipient strong{font-size:18px;line-height:1.16;min-height:42px}.copy-button{min-height:44px}.wallet-button{min-height:45px}.ticket-actions{padding-top:10px}.ticket-tail{padding-top:8px}.review-section{padding-top:9px;min-height:118px}.google-links{margin-top:8px}.review-section h2{font-size:12px}.review-subtitle{font-size:10px}.review-status{font-size:8px}.pay-app{padding-bottom:calc(9px + env(safe-area-inset-bottom,0px))}}
@media(max-width:360px){.payment-tabs{padding-inline:17px;gap:8px}.payment-content{padding-inline:17px}.review-section{margin-inline:17px}.payment-tab{font-size:11px;gap:5px}.ticket-header,.transfer-data{padding-inline:14px}.ticket-actions{padding-inline:14px}.ticket-tail{padding-inline:14px}.wallet-button{gap:4px;padding-inline:6px}.mp-button>img{width:22px}.wallet-button strong{font-size:9px}.nx-button img{width:75px}.wallet-actions{gap:6px}.google-links a{font-size:10px;gap:6px}.google-links img{width:16px;height:16px}}
@media(max-height:590px) and (max-width:600px){.app-header{display:flex;align-items:center;justify-content:center;gap:12px;padding-block:8px}.brand{width:38px;height:37px;margin:0}.greeting{text-align:left}.greeting h1{font-size:21px}.greeting p{font-size:8px;max-width:230px}.payment-tab{min-height:36px}.payment-tabs{padding-bottom:14px}.payment-content{padding-top:8px;padding-bottom:8px}.ticket-header{padding-block:7px}.alias-value{font-size:22px;height:30px}.transfer-data{padding-block:9px}.recipient{padding-block:7px;margin-top:6px}.recipient strong{font-size:17px;min-height:40px}.recipient>span{font-size:7px}.copy-button{min-height:40px}.copy-status{margin:5px 0 7px;font-size:8px;min-height:10px}.wallet-button{min-height:41px}.ticket-tail{padding-top:6px}.ticket-tail span{font-size:6px}.ticket-tail i{height:10px}.ticket{padding-bottom:13px}.review-section{min-height:112px;padding-top:7px}.google-links{margin-top:7px}.google-links a{min-height:39px}.review-status{margin-top:5px}}
@media(max-height:480px) and (min-width:601px){.pay-app{width:min(860px,100%);height:100dvh;margin:0 auto;border-radius:0;padding:14px 20px;display:grid;grid-template-columns:1fr 1.2fr;grid-template-rows:auto auto 1fr;column-gap:22px}.app-header{grid-column:1;grid-row:1;border-radius:20px 20px 0 0;padding:12px}.brand{width:40px;height:38px;margin-bottom:8px}.greeting h1{font-size:24px}.payment-tabs{grid-column:1;grid-row:2;padding:0 15px 13px;border-radius:0 0 20px 20px}.payment-content{grid-column:2;grid-row:1/4;padding:0;margin:0;background:transparent}.ticket{width:100%;}.review-section{grid-column:1;grid-row:3;align-self:center;margin:0;border:0;padding-top:12px}.transfer-data{padding-block:10px}.recipient{margin-top:6px}.recipient strong{font-size:16px;min-height:20px}.ticket-header{padding-block:8px}.ticket-tail{padding-top:7px}.ticket-actions{padding-top:10px}.alias-value{height:31px}.ticket{padding-bottom:13px}.copy-button{min-height:40px}.wallet-button{min-height:43px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
