*{box-sizing:border-box}body{margin:0;min-width:320px;font-family:Satoshi,Avenir Next,Segoe UI,sans-serif;line-height:1.5;background:#f0f0f0;color:#121212;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}button,input,select,textarea{font:inherit}:root{--wallet-green: #00891c;--copy-green: #14ae5c;--bg: #f0f0f0;--card: #e7e7e7;--label: #707070;--text: #121212}.payment-page{min-height:100vh;background:radial-gradient(circle at top,#f7f7f7 0%,var(--bg) 55%);display:flex;justify-content:center;padding:2.5rem 1rem}.broken-page{background:radial-gradient(circle at 85% 10%,#e5f8ea,#e5f8ea00 34%),radial-gradient(circle at 15% 82%,#f8e9e9,#f8e9e900 36%),#f0f0f0}.payment-shell{width:min(100%,440px);display:flex;flex-direction:column;align-items:center}.brand-logo-link{width:170px;display:block;margin:0 auto 2.2rem}.brand-logo{width:170px;height:auto;display:block;margin:0}.broken-state{position:relative;overflow:hidden;width:min(100%,430px);margin-top:3.4rem;padding:1.9rem 1.35rem 1.4rem;border-radius:16px;background:linear-gradient(156deg,#fff,#f2f2f2);border:1px solid #d9d9d9;box-shadow:0 16px 38px #00000012;text-align:center}.broken-state:before{content:"";position:absolute;top:-58px;right:-66px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,#ffc9c98f,#ffc9c900 68%);pointer-events:none}.broken-state:after{content:"";position:absolute;left:-42px;bottom:-64px;width:148px;height:148px;border-radius:50%;background:radial-gradient(circle,#b6e8c28f,#b6e8c200 68%);pointer-events:none}.broken-icon{margin:0 auto .95rem;width:3.5rem;height:3.5rem;border-radius:999px;display:grid;place-items:center;background:#fff;border:1px solid #f0b6b6;color:#ce5f5f;font-size:1.4rem;font-weight:700;box-shadow:0 8px 20px #d478782e}.broken-state h1{margin:0;color:#101010;font-size:clamp(.95rem,1.7vw,1.25rem);letter-spacing:-.02em}.broken-state p{margin:.72rem auto 0;max-width:40ch;color:#5a5a5a;line-height:1.45;font-size:clamp(.58rem,1.1vw,.75rem)}.page-head h1{margin:0;max-width:420px;text-align:center;line-height:1.45;letter-spacing:-.015em;font-size:clamp(.89rem,1.32vw,1.23rem);font-weight:400;color:var(--text)}.intro-panel{position:relative;width:100%;margin-bottom:1rem;padding:1.15rem 1rem 1rem;border-radius:18px;border:1px solid rgba(18,18,18,.08);background:linear-gradient(180deg,#ffffffeb,#f7f7f7f0);box-shadow:0 14px 28px #0000000a,inset 0 1px #ffffffe6}.intro-panel:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at top right,#14ae5c17,#14ae5c00 34%),radial-gradient(circle at bottom left,#00891c14,#00891c00 30%);pointer-events:none}.intro-panel.has-qr{padding-bottom:1.2rem}.intro-panel.text-only{padding-bottom:1.1rem}.page-head{position:relative;z-index:1}.wallet-type{color:var(--wallet-green);font-weight:700}.qr-code-wrap{position:relative;z-index:1;margin:1rem auto 0;width:clamp(164px,26vw,186px);aspect-ratio:1;background:#fff;border-radius:16px;border:1px solid rgba(17,17,17,.08);box-shadow:0 10px 22px #0000000f;display:grid;place-items:center;padding:.55rem}.qr-code{width:100%;height:100%;display:block}.details-card{width:100%;margin-top:0;background:var(--card);border-radius:10px;padding:.9rem .9rem .75rem}.detail-row{display:grid;grid-template-columns:1fr 1.45fr;gap:.9rem;align-items:start;margin-bottom:1rem}.detail-row:last-child{margin-bottom:0}.detail-label{margin:0;color:var(--label);font-size:.63rem}.detail-value-wrap{display:flex;align-items:center;justify-content:flex-end;gap:.15rem;min-width:0}.detail-value{margin:0;text-align:right;color:#171717;font-size:clamp(.61rem,1.05vw,1.2rem);line-height:1.1;overflow-wrap:anywhere}.coin-value{display:inline-flex;align-items:center;justify-content:flex-end;gap:.45rem}.coin-icon{width:1.28rem;height:1.28rem;border-radius:.38rem;background:#3fb395;color:#fff;font-size:.48rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.copy-button{margin-top:0;color:var(--copy-green);border:0;padding:0;background:transparent;width:1.45rem;height:1.45rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.detail-row[data-row-id=wallet-address] .detail-value-wrap{align-items:flex-start}.copy-button svg{width:100%;height:100%}.copy-icon-wrap{position:relative;width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center}.copy-icon{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;transition:opacity .22s ease,transform .22s ease}.copy-icon--default{opacity:1;transform:scale(1)}.copy-icon--done{opacity:0;transform:scale(.75)}.copy-button.copied .copy-icon--default{opacity:0;transform:scale(.7)}.copy-button.copied .copy-icon--done{opacity:1;transform:scale(1)}.copy-button.copied{filter:saturate(145%)}.network-note{margin-top:.5rem;width:100%;min-height:2.5rem;border-radius:8px;padding:.52rem .56rem;display:flex;align-items:center;gap:.5rem;background:#f1e7db;color:#a75b1d}.info-mark{width:1.18rem;height:1.18rem;border-radius:999px;border:1px solid #a75b1d;display:inline-flex;justify-content:center;align-items:center;font-size:.45rem;font-weight:700}.network-note p{margin:0;font-size:clamp(.57rem,1.08vw,.74rem);line-height:1.1}.network-note strong{font-weight:700}.confirm-button{margin-top:2.15rem;width:100%;border:1px solid #c4c4c4;background:transparent;color:#111;border-radius:8px;height:2.5rem;font-size:.6rem;cursor:pointer}.confirm-button:hover{background:#ffffff59}.confirm-button:disabled{cursor:default}.confirm-button.is-loading{display:flex;align-items:center;justify-content:center}.dot-loader{display:inline-flex;align-items:center;gap:.34rem}.dot-loader__dot{width:.42rem;height:.42rem;border-radius:999px;background:#111;animation:dot-wave .65s ease-in-out infinite}.dot-loader__dot:nth-child(2){animation-delay:.12s}.dot-loader__dot:nth-child(3){animation-delay:.24s}@keyframes dot-wave{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-.2rem)}}.success-state{margin-top:7.2rem;display:flex;flex-direction:column;align-items:center;text-align:center}.success-tick{width:4.15rem;height:4.15rem}.success-state h1{margin:1rem 0 0;color:#111;font-size:clamp(1.02rem,1.86vw,1.62rem);letter-spacing:-.025em}.success-state p{margin:1rem 0 0;color:#5b5b5b;font-size:clamp(.66rem,1.2vw,1.2rem);line-height:1.4;max-width:30ch}.success-state p strong{color:#151515}@media(max-width:640px){.payment-page{padding:1.55rem .9rem}.brand-logo-link{margin-bottom:1.7rem}.page-head h1{font-size:1.11rem}.intro-panel{padding:1rem .85rem .9rem;border-radius:16px}.detail-label{font-size:.6rem}.detail-value{font-size:.89rem}.success-state{margin-top:5.8rem}.broken-state{margin-top:2.4rem}}