@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg-top: #ff7f73;--bg-bottom: #ff3d28;--surface: #fff4f1;--surface-soft: #ffe9e4;--border: #efc4bd;--text: #35110d;--muted: #8d6762;--primary: #ff3e29;--primary-strong: #ff5639;--danger: #c7372b;--success: #038857}*{box-sizing:border-box}html,body,#root{height:100%;width:100%;max-width:100%}html{height:100%}body{margin:0;min-height:100dvh;overflow:hidden;overflow-x:hidden;color:var(--text);background:#f9e9e6;font-family:Manrope,Avenir Next,Helvetica Neue,sans-serif}h1,h2,h3,p{margin:0}.app-shell{min-height:100dvh;height:100dvh;width:100%;max-width:100%;padding:0;display:flex;justify-content:center;overflow:hidden;align-items:stretch}.app-card{width:min(460px,100%);height:100%;min-height:0;box-sizing:border-box;background:#f9e9e6;border:0;padding:.9rem 1rem 1rem;box-shadow:none;display:flex;flex-direction:column;gap:.78rem;position:relative;overflow-x:hidden;overflow-y:auto;border-radius:0}.app-header{display:flex;align-items:flex-end;justify-content:flex-start;gap:.65rem}.eyebrow{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#a1483e}.app-header h1{font-size:clamp(1.55rem,4vw,2.35rem);font-weight:800;margin-top:.1rem;letter-spacing:-.02em}.wallet-pill,.flow-card,.details-card,.qr-card,.history li,.modal{background:var(--surface);border:1px solid var(--border);border-radius:1.1rem}.wallet-pill{padding:.85rem;background:linear-gradient(145deg,#ff7e71,#ff7364 52%,#f48c63);border-color:#ffc6beb3;min-width:0}.wallet-topline{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:nowrap;min-width:0}.wallet-status-line{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:.35rem;white-space:nowrap;overflow:hidden}.wallet-address-pill{flex:0 0 auto;display:inline-flex;align-items:center;gap:.32rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;border:1px solid rgba(255,255,255,.35);padding:.14rem .45rem;background:#ffffff26}.wallet-address-copy-btn{border:none;padding:0;margin:0;background:transparent;color:inherit;font-size:.78rem;line-height:1;cursor:pointer;border-radius:999px;width:1.25rem;height:1.25rem;display:inline-flex;align-items:center;justify-content:center}.wallet-address-copy-btn:hover{background:#ffffff40}.wallet-balance-pill{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis}.field-grid{display:grid;gap:.55rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.wallet-setting-row{gap:.4rem;font-size:.86rem;color:#ffffffe6}.wallet-topline button{flex:0 0 auto;white-space:nowrap}.wallet-collapse-toggle{padding:.45rem .75rem!important;min-height:0;font-size:.74rem;line-height:1;border-radius:999px}.wallet-details{margin-top:.45rem;padding-top:.5rem;border-top:1px solid rgba(255,226,221,.6)}.wallet-details summary{cursor:pointer;font-weight:700;color:#fffffff2}.wallet-compact{display:grid;gap:.45rem}.flow-card{padding:.95rem;display:grid;gap:.64rem;background:#fbecea;border-color:#efc9c3}.section-tag{font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#a24a40}.flow-card h2{font-size:clamp(1.2rem,2.1vw,1.5rem)}.amount-field{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.3rem;background:#fff8f6;border:1px solid #ecc6bf;border-radius:1rem;padding:.5rem .75rem}.amount-field span{font-size:2rem;font-weight:700;color:#6a2f29}.amount-field input{border:0;background:transparent;padding:0;margin:0;font-size:clamp(2.2rem,8vw,3.2rem);font-weight:800;color:#351311;min-width:0}.amount-field-tokenized{grid-template-columns:1fr auto;gap:.24rem;padding:.42rem}.amount-field-tokenized input{font-size:clamp(2rem,7vw,2.9rem);padding:.3rem .4rem}.token-select-shell{display:flex;align-items:center;gap:.38rem;border:1px solid #e8beb7;border-radius:999px;background:#fff;padding:.22rem .5rem .22rem .24rem;position:relative;min-height:2.1rem}.amount-field-tokenized .token-select-shell{border:0;background:transparent;box-shadow:none;padding:.12rem .26rem .12rem .14rem;min-height:1.85rem;gap:.22rem;min-width:126px;justify-content:flex-end;margin-left:.18rem}.token-select-shell select{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:0;background:transparent;padding:0;min-width:94px;padding-right:1rem;font-weight:700;color:#612a24;cursor:pointer}.amount-field-tokenized .token-select-shell select{min-width:80px;padding-right:.7rem;font-size:.95rem;font-weight:700;color:#6d3d38;text-align:right;text-align-last:right}.token-select-shell:after{content:"";width:.42rem;height:.42rem;border-right:2px solid #9e5e56;border-bottom:2px solid #9e5e56;transform:rotate(45deg);margin-top:-.18rem;pointer-events:none}.amount-field-tokenized .token-select-shell:after{width:.34rem;height:.34rem;border-right-width:1.5px;border-bottom-width:1.5px;border-color:#b17a72;margin-top:-.14rem}.token-select-shell select:focus{outline:none}.token-select-shell-settings{background:#fffffff2}.token-mark{width:1.45rem;height:1.45rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.58rem;font-weight:800;color:#fff;letter-spacing:.01em}.token-logo{width:1.45rem;height:1.45rem;border-radius:50%;object-fit:cover;flex:0 0 auto;background:#fff;border:1px solid #ecd0cb}.amount-field-tokenized .token-logo,.amount-field-tokenized .token-mark{width:1.22rem;height:1.22rem;border:0;margin-right:.06rem}.token-mark-mon{background:linear-gradient(140deg,#8f7cff,#5a4ff5)}.token-mark-usdc{background:linear-gradient(140deg,#4da4ff,#2372d7)}.token-mark-usdc-alt{background:linear-gradient(140deg,#77bcff,#3b8ce8)}.token-mark-usdt{background:linear-gradient(140deg,#46c39f,#1f8f70)}.token-mark-ulnk{background:linear-gradient(140deg,#6d6bff,#4f45ea)}.token-mark-default{background:linear-gradient(140deg,#8f655f,#6e413a)}label{display:grid;gap:.35rem;font-size:.94rem;color:#7d544f}input,select,textarea,button{font-family:inherit}input,select,textarea{width:100%;border:1px solid #e7c5be;border-radius:.78rem;background:#fff8f6;color:#30110e;padding:.68rem .75rem}input:focus,select:focus,textarea:focus{outline:2px solid rgba(255,88,64,.26);outline-offset:1px}button{border:0;border-radius:999px;padding:.7rem 1rem;background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:#fff;font-weight:700;cursor:pointer;box-shadow:0 8px 18px #c43b2747}button:hover:not(:disabled){filter:brightness(1.04)}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}button.ghost{background:#fffffff0;color:#cf4634;border:1px solid #f2cbc4;box-shadow:none}.inline-actions{display:flex;flex-wrap:wrap;gap:.5rem}.wallet-browser-links{margin-top:.4rem}.wallet-browser-links .inline-actions{margin-top:.3rem}.wallet-browser-links .cta-link{text-decoration:none;border:1px solid rgba(217,64,47,.42);color:#e96d56;background:#fff5efc7;border-radius:.65rem;padding:.6rem .7rem;text-align:center;font-size:.84rem;flex:1;min-width:125px}.wallet-browser-links .cta-link:hover{filter:brightness(1.06)}.inline-actions button{flex:1}.status-line{display:flex;flex-wrap:wrap;gap:.5rem;color:var(--muted);font-size:.9rem}.qr-card{padding:.85rem;display:grid;gap:.55rem;background:#ffe9e4;border-color:#efc7bf}.strong{font-size:1.35rem;font-weight:800}.qr-wrap{margin:.2rem 0;border-radius:.9rem;padding:.6rem;background:#fff;border:1px solid #f0cbc4;display:flex;justify-content:center}.qr-wrap svg{max-width:100%;height:auto}.link-line{overflow-wrap:anywhere;font-size:.85rem;color:var(--muted)}.details-card{padding:.82rem;display:grid;gap:.62rem;background:#fff5f2;border-color:#efc6bf}.details-card summary{cursor:pointer;font-weight:700;color:#9d493f}.details-grid{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.checkbox-row{display:flex;align-items:center;gap:.45rem;font-size:.9rem}.checkbox-row input{width:auto}.history{display:grid;gap:.45rem}.history ul{list-style:none;margin-top:.1rem;padding:0;display:grid;gap:.55rem}.history li{display:grid;gap:.2rem;font-size:.9rem;background:#fff8f6;border-radius:.85rem;border-color:#f2c4bd;padding:.65rem;border:1px solid #efc7c2}.history .section-tag{margin-top:.15rem}.scanner-card{border:1px dashed #e8bab2;border-radius:1rem;overflow:hidden;background:#ffe8e3;min-height:min(34vh,280px);display:grid;place-items:center}.scanner-card.live{border-style:solid}.scanner-video{width:100%;min-height:min(34vh,280px);object-fit:cover;background:#0f172a}.scanner-placeholder{color:#8c5f59;font-weight:600}.checkout-amount{font-size:clamp(2.1rem,9vw,3rem);font-weight:800;color:#3b140f}.checkout-note{font-size:1rem;color:#7a4f4a}.payment-primary{width:100%;min-height:52px;font-size:1.02rem}.mode-dock{position:sticky;left:auto;margin:auto auto 0;width:min(460px,calc(100% - .75rem));max-width:100%;bottom:max(.35rem,env(safe-area-inset-bottom,.35rem));z-index:20;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.22rem;padding:.1rem .12rem;border-radius:999px;border:1px solid #f0c4bc;background:color-mix(in srgb,rgba(255,245,241,.98) 92%,rgba(255,255,255,.82));box-shadow:0 18px 38px #75201538,inset 0 1px #ffffffb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box;transition:transform .18s ease,box-shadow .2s ease;transform-origin:center bottom}.dock-btn{background:transparent;color:#8f635d;border-radius:999px;border:0;padding:.14rem .1rem .12rem;min-height:34px;display:grid;justify-items:center;align-content:center;gap:.12rem;font-size:.64rem;font-weight:700;letter-spacing:.01em;transition:background-color .2s ease,color .2s ease,transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease;-webkit-tap-highlight-color:transparent}.dock-btn .dock-icon{width:.95rem;height:.95rem;display:inline-flex;transition:transform .2s ease}.dock-btn .dock-icon svg{width:100%;height:100%}.dock-btn .dock-icon svg path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.dock-btn.active{color:#fff;background:linear-gradient(135deg,#ff3f2b,#ff2d1f);box-shadow:0 10px 22px #c4332370;transform:translateY(-1px)}.dock-btn.active .dock-icon{transform:scale(1.06)}.dock-btn:hover:not(:disabled):not(.active){color:#733e37;background:#ff8d7a24}.dock-btn:active:not(:disabled):not(.active){transform:translateY(1px) scale(.98)}.dock-btn:focus-visible{outline:2px solid rgba(255,95,70,.45);outline-offset:2px}.stepper{display:flex;gap:.45rem}.dot{flex:1;border:1px solid #c1d7ff;background:#eef4ff;border-radius:999px;text-align:center;padding:.45rem;font-size:.83rem;color:#3d5780}.dot.on{background:linear-gradient(140deg,#2f96ff,#136adb);border-color:transparent;color:#fff}.withdraw-section{margin-top:.2rem}.subtle{color:var(--muted)}.wallet-pill .subtle,.wallet-pill .error{color:#fffffff2}.wallet-pill button{background:#fffffff7;color:#d74f3c;box-shadow:none}.wallet-pill button.ghost{color:#e15d49;border-color:#ffffffbd}.error{color:var(--danger);font-size:.9rem}.empty{color:var(--muted)}a{color:#c94838;font-weight:700}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#250a089e;display:grid;place-items:center;padding:1rem;z-index:9999}.modal{width:min(94vw,460px);max-width:calc(100% - 1rem);padding:1rem;box-shadow:0 24px 48px #380d094d;background:#fff6f3;border-color:#efc7c0;box-sizing:border-box}.modal textarea{resize:none;margin-top:.55rem}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem}.wallet-setup-actions{display:grid;grid-template-columns:1fr;gap:.5rem;margin:.45rem 0 .65rem}.wallet-setup-note{margin-top:.45rem;color:var(--muted);font-size:.88rem}.qr-fullscreen{width:min(94vw,680px);text-align:center}@media(max-width:720px){.app-shell{padding:0}.app-card{width:100%;min-height:100%;border-radius:0;padding:.72rem}.amount-field input{font-size:2.25rem}.mode-dock{width:calc(100% - .9rem);gap:.14rem;padding:.08rem .12rem}.dock-btn{min-height:32px;padding:.12rem .1rem;font-size:.62rem}.dock-btn .dock-icon{width:.95rem;height:.95rem}.status-line{flex-direction:column;gap:.2rem}.flow-card{gap:.62rem}}