.upi-panel{color:#2a1a12;background:var(--tex-paper), linear-gradient(180deg, #fffaf0, #f6e8c8);box-shadow:inset 0 0 0 1px #6e46194d, inset 0 0 0 5px #fffaf0b3, inset 0 0 0 6px #c9932e73, var(--shadow-soft);border-radius:10px;margin-top:1.25rem;padding:clamp(1.1rem,4vw,1.6rem);position:relative;container-type:inline-size}.upi-title{font-family:var(--font-display);color:#2a1a12;font-size:clamp(1.35rem,4vw,1.65rem);line-height:1.25}.upi-body{align-items:center;gap:1.25rem;margin-top:1rem;display:grid}.upi-qr{text-align:center;color:#65482f;justify-items:center;gap:.5rem;margin:0;display:grid}.upi-qr img,.upi-qr-wait{aspect-ratio:1;background:#fffaf0;border-radius:10px;width:min(100%,15rem);height:auto;padding:.6rem;box-shadow:inset 0 0 0 2px #c9932e,0 8px 18px -10px #3c1e0899}.upi-qr-wait{background:repeating-linear-gradient(45deg,#f4e4bd 0 8px,#fffaf0 8px 16px);display:block}.upi-details{gap:.75rem;display:grid}.upi-open{width:100%}.upi-id{background:#fffcf0b3;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem .75rem;display:flex;box-shadow:inset 0 0 0 1px #65482f4d}.upi-id code{overflow-wrap:anywhere;color:#7d1a12;flex:12rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1rem}.upi-label{color:#3a2616;width:100%;font-size:.95rem;font-weight:600;display:block}.upi-id .upi-label{width:auto}.upi-copy{color:#2a1a12;background:linear-gradient(#fff8e4,#ecd8ab);border-radius:999px;min-height:44px;padding:0 .9rem;font-size:.95rem;font-weight:600;box-shadow:inset 0 0 0 1px #65482f59}.upi-ref{color:#3a2616}.upi-ref strong{letter-spacing:.06em;color:#fbefd5;background:#7d1a12;border-radius:6px;padding:.1rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.upi-muted{color:#65482f;font-size:1rem;line-height:1.55}.upi-steps{color:#3a2616;gap:.4rem;margin:1.1rem 0 0;padding-left:1.4rem;list-style:decimal;display:grid}.upi-claim{border-top:1px dashed #65482f73;gap:.45rem;margin-top:1.1rem;padding-top:1rem;display:grid}.upi-input{width:100%;min-height:52px;font:inherit;letter-spacing:.04em;color:#2a1a12;background:#fffcf0d9;border:0;border-radius:6px;padding:.55rem .9rem;font-size:1.125rem;display:block;box-shadow:inset 0 0 0 1px #65482f66,inset 0 2px 3px #46240a1f}.upi-input:focus{outline:none;box-shadow:inset 0 0 0 2px #a6261b,0 0 0 4px #d99a1e4d}.upi-submit{width:100%;margin-top:.4rem}.upi-error{color:#a6261b;min-height:1.5rem;font-weight:600}.upi-panel.is-waiting,.upi-panel.is-failed{text-align:center}.upi-panel.is-waiting .upi-muted,.upi-panel.is-failed .upi-muted{margin-top:.5rem}.upi-seal{width:3.5rem;font-family:var(--font-deva);margin:0 auto .75rem;font-size:1.6rem}.upi-switch{color:#a6261b;text-underline-offset:4px;align-items:center;min-height:44px;margin-top:.75rem;font-weight:600;text-decoration:underline;display:inline-flex}@container (min-width:34rem){.upi-body{grid-template-columns:auto minmax(0,1fr)}}