*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}:root{--background-color: #f9fafb;--container-background-color: #ffffff;--text-color: #111827;--secondary-text-color: #4b5563;--muted-text-color: #6b7280;--border-color: #e5e7eb;--details-background-color: #f9fafb;--details-background-color-hover: #f3f4f6;--button-primary-color: #2563eb;--button-primary-hover-color: #1d4ed8;--button-secondary-color: #eef0f3;--button-secondary-hover-color: #e9ebee;--button-positive-color: #059669;--button-positive-hover-color: #047857;--button-error-color: #ef4444;--button-error-hover-color: #dc2626;--focus-ring-color: rgba(37, 99, 235, .4);--shadow-color: rgba(0, 0, 0, .1);--shadow-color-light: rgba(0, 0, 0, .06)}.dark{--background-color: #111827;--container-background-color: #1f2937;--text-color: #f9fafb;--secondary-text-color: #d1d5db;--muted-text-color: #9ca3af;--border-color: #374151;--details-background-color: #374151;--details-background-color-hover: #4b5563;--button-primary-color: #3b82f6;--button-primary-hover-color: #2563eb;--button-secondary-color: #374151;--button-secondary-hover-color: #4b5563;--button-positive-color: #10b981;--button-positive-hover-color: #059669;--button-error-color: #f87171;--button-error-hover-color: #ef4444;--focus-ring-color: rgba(59, 130, 246, .5);--shadow-color: rgba(0, 0, 0, .3);--shadow-color-light: rgba(0, 0, 0, .2)}body{min-height:100vh;background-color:var(--background-color);color:var(--text-color);font-family:Inter,system-ui,-apple-system,sans-serif}.container{max-width:32rem;margin:4rem auto;padding:1.5rem;background-color:var(--container-background-color);border-radius:.75rem;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 4px 6px -1px var(--shadow-color),0 2px 4px -1px var(--shadow-color-light)}.header{display:flex;flex-direction:column;gap:1rem}.title{font-size:1.5rem;font-weight:700;color:var(--text-color);margin-bottom:.5rem}.subtitle{color:var(--secondary-text-color)}.instructions{font-size:.9rem;color:var(--secondary-text-color);font-style:italic}.instructions a{color:var(--button-primary-color);text-decoration:none}.instructions a:hover{text-decoration:underline}.content{display:flex;flex-direction:column;gap:1rem}.input{width:100%;padding:.75rem 1rem;border-radius:.5rem;border:1px solid var(--border-color);background-color:var(--container-background-color);color:var(--text-color);transition:border-color .15s,box-shadow .15s}.input:focus{outline:none;border-color:var(--button-primary-color);box-shadow:0 0 0 3px var(--focus-ring-color)}.button{width:100%;padding:.75rem 1rem;border-radius:.5rem;font-weight:600;border:none;cursor:pointer;transition:background-color .15s,transform .1s;min-height:44px}.button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring-color)}.button:active{transform:scale(.98)}.button:disabled{opacity:.6;cursor:not-allowed}.button-primary{background-color:var(--button-primary-color);color:#fff}.button-primary:hover:not(:disabled){background-color:var(--button-primary-hover-color)}.button-secondary{background-color:var(--button-secondary-color);color:var(--text-color)}.button-secondary:hover:not(:disabled){background-color:var(--button-secondary-hover-color)}.button-positive{background-color:var(--button-positive-color);color:#fff}.button-positive:hover:not(:disabled){background-color:var(--button-positive-hover-color)}.button-error{background-color:var(--button-error-color);color:#fff}.button-error:hover:not(:disabled){background-color:var(--button-error-hover-color)}.payment-details{padding:1rem;margin-bottom:1rem;background-color:var(--details-background-color);border-radius:.5rem}.payment-row{display:flex;justify-content:space-between;font-size:.875rem;margin-bottom:.5rem}.payment-row:last-child{margin-bottom:0}.payment-label{color:var(--text-color)}.payment-value{font-weight:500}.hidden{display:none}.status{text-align:center;font-size:.875rem;color:var(--secondary-text-color)}.status[role=status]{min-height:1.5rem}.cta-container{display:flex;flex-basis:50%;flex-direction:row;gap:.5rem;margin-top:1rem}.balance-button{background-color:transparent;border:none;cursor:pointer;min-height:1rem;min-width:150px;display:flex;justify-content:flex-end;align-items:center;color:var(--text-color)}.balance-button:focus-visible{outline:2px solid var(--button-primary-color);outline-offset:2px;border-radius:4px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-flex;align-items:center;justify-content:center}.spinner>div{animation:spin 1s linear infinite;border:2px solid var(--border-color);border-top-color:var(--button-primary-color);border-radius:50%;width:1rem;height:1rem}.network-selector{width:100%}.network-selector-header{margin-bottom:1.5rem}.network-selector-title{font-size:1.25rem;font-weight:700;color:var(--text-color);margin-bottom:.5rem}.network-selector-subtitle{font-size:.875rem;color:var(--secondary-text-color)}.network-options{display:flex;flex-direction:column;gap:.75rem}.network-option{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem;background-color:var(--details-background-color);border:1px solid var(--border-color);border-radius:.75rem;cursor:pointer;transition:background-color .15s,border-color .15s,transform .1s;text-align:left}.network-option:hover{background-color:var(--details-background-color-hover);border-color:var(--button-primary-color)}.network-option:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring-color);border-color:var(--button-primary-color)}.network-option:active{transform:scale(.98)}.network-option-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.network-option-icon svg{width:32px;height:32px}.network-option-info{flex-grow:1;display:flex;flex-direction:column;gap:.25rem}.network-option-name{font-weight:600;color:var(--text-color)}.network-option-amount{font-size:.875rem;color:var(--muted-text-color)}.network-option-arrow{flex-shrink:0;color:var(--muted-text-color)}.back-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;margin-bottom:1rem;background-color:transparent;border:none;color:var(--secondary-text-color);font-size:.875rem;cursor:pointer;transition:color .15s;align-self:flex-start}.back-button:hover{color:var(--text-color)}.back-button:focus-visible{outline:2px solid var(--button-primary-color);outline-offset:2px;border-radius:4px}.back-button svg{width:16px;height:16px}.w-full{width:100%}.gap-8{gap:2rem}@media(max-width:640px){.container{margin:1rem;padding:1rem;border-radius:.5rem}.title{font-size:1.25rem}.cta-container{flex-direction:column}.network-option{padding:.75rem}.network-option-icon{width:32px;height:32px}.network-option-icon svg{width:24px;height:24px}}.payment-progress{display:flex;align-items:flex-start;justify-content:center;gap:0;width:100%;margin-bottom:1.5rem}.progress-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1;max-width:80px}.progress-step-indicator{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;transition:background-color .2s,border-color .2s,color .2s;position:relative;z-index:1}.progress-step.pending .progress-step-indicator{background-color:var(--details-background-color);border:2px solid var(--border-color);color:var(--muted-text-color)}.progress-step.current .progress-step-indicator,.progress-step.current.processing .progress-step-indicator{background-color:var(--button-primary-color);border:2px solid var(--button-primary-color);color:#fff}.progress-step.current.error .progress-step-indicator{background-color:var(--button-error-color);border:2px solid var(--button-error-color);color:#fff}.progress-step.completed .progress-step-indicator{background-color:var(--button-positive-color);border:2px solid var(--button-positive-color);color:#fff}.progress-step-number{line-height:1}.progress-step-label{font-size:.75rem;color:var(--muted-text-color);margin-top:.5rem;text-align:center;transition:color .2s}.progress-step.current .progress-step-label{color:var(--text-color);font-weight:500}.progress-step.completed .progress-step-label{color:var(--button-positive-color)}.progress-connector{position:absolute;top:16px;left:calc(50% + 16px);width:calc(100% - 32px);height:2px;background-color:var(--border-color);transition:background-color .2s}.progress-connector.completed{background-color:var(--button-positive-color)}@keyframes progress-spin{to{transform:rotate(360deg)}}.progress-spinner{animation:progress-spin 1s linear infinite}@media(max-width:640px){.progress-step{max-width:60px}.progress-step-indicator{width:28px;height:28px;font-size:.7rem}.progress-step-label{font-size:.65rem}.progress-connector{top:14px;left:calc(50% + 14px);width:calc(100% - 28px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.qr-code-container{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;background-color:var(--container-background-color);border:1px solid var(--border-color);border-radius:.75rem;margin-bottom:1rem}.qr-code-canvas{border-radius:.5rem;background-color:var(--container-background-color)}.qr-code-label{font-size:.875rem;color:var(--secondary-text-color);text-align:center;max-width:200px;word-break:break-all}.qr-code-copy-button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.875rem;min-height:36px;width:auto}@media(max-width:640px){.qr-code-container{padding:.75rem}.qr-code-canvas{max-width:160px;max-height:160px}}.tx-status-container{width:100%;padding:1rem;background-color:var(--details-background-color);border:1px solid var(--border-color);border-radius:.75rem;margin-top:1rem}.tx-status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.tx-status-label{font-size:.875rem;font-weight:500;color:var(--secondary-text-color)}.tx-status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.tx-status-pending{background-color:#3b82f61a;color:var(--button-primary-color)}.tx-status-success{background-color:#10b9811a;color:var(--button-positive-color)}.tx-status-error{background-color:#ef44441a;color:var(--button-error-color)}.tx-hash-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.tx-hash{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.875rem;color:var(--text-color);background-color:var(--container-background-color);padding:.375rem .625rem;border-radius:.375rem;border:1px solid var(--border-color)}.tx-hash-actions{display:flex;gap:.25rem}.tx-action-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background-color:transparent;border:1px solid var(--border-color);border-radius:.375rem;color:var(--secondary-text-color);cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}.tx-action-button:hover{background-color:var(--details-background-color-hover);border-color:var(--button-primary-color);color:var(--button-primary-color)}.tx-action-button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring-color);border-color:var(--button-primary-color)}.tx-confirmations-bar{height:4px;background-color:var(--border-color);border-radius:2px;margin-top:.75rem;overflow:hidden}.tx-confirmations-progress{height:100%;background-color:var(--button-primary-color);border-radius:2px;transition:width .3s ease-out}@keyframes tx-spin{to{transform:rotate(360deg)}}.tx-status-spinner{animation:tx-spin 1s linear infinite}.dark .tx-status-pending{background-color:#3b82f626}.dark .tx-status-success{background-color:#10b98126}.dark .tx-status-error{background-color:#f8717126}@media(max-width:640px){.tx-status-container{padding:.75rem}.tx-status-header{flex-direction:column;align-items:flex-start;gap:.5rem}.tx-hash-row{flex-direction:column;align-items:stretch;gap:.5rem}.tx-hash{font-size:.8rem;text-align:center}.tx-hash-actions{justify-content:center}}