:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f4ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}#root{min-height:100vh}.app{max-width:560px;margin:0 auto;padding:24px 16px}.app-shell h1{margin:0 0 8px;font-size:1.5rem}.disclaimer{color:#555;margin:0 0 16px;font-size:.85rem;line-height:1.4}.wallet-panel{background:#fff;border:1px solid #ddd;border-radius:8px;margin-bottom:16px;padding:12px 16px}.wallet-info{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wallet-address{background:#f0f0f0;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.85rem}.wallet-chain{color:#555;font-size:.8rem}.wallet-error-row{margin-top:8px}.wallet-error{color:#c0392b;margin:4px 0;font-size:.85rem}.connect-btn,.switch-btn,.submit-btn,.refresh-btn,.max-btn{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:6px;padding:8px 16px;font-size:.85rem}.connect-btn:hover,.switch-btn:hover,.submit-btn:hover,.refresh-btn:hover,.max-btn:hover{background:#eee}button:disabled{opacity:.5;cursor:not-allowed}.switch-btn{margin-top:4px}.flow-section{background:#fff;border:1px solid #ddd;border-radius:8px;padding:16px}.flow-tabs{border-bottom:1px solid #ddd;gap:0;margin-bottom:16px;display:flex}.flow-tab{text-align:center;cursor:pointer;color:#555;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px;font-size:.95rem;font-weight:500}.flow-tab.active{color:#172033;border-bottom-color:#172033}.flow-tab:not(.active):hover{background:#f5f5f5}.flow-tab:disabled{opacity:.5;cursor:not-allowed}.asset-selector{margin-bottom:12px}.asset-option{cursor:pointer;border:1px solid #ddd;border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;padding:8px 12px;display:flex}.asset-option.selected{background:#f0f0f0;border-color:#172033}.asset-option.disabled{opacity:.5;cursor:not-allowed}.asset-label{font-size:.9rem}.asset-default{color:#888;font-size:.75rem}.asset-paused,.asset-unavailable{color:#c0392b;width:100%;font-size:.8rem}.amount-input{margin-bottom:12px}.amount-input-row{gap:8px;display:flex}.amount-field{border:1px solid #ddd;border-radius:6px;flex:1;padding:10px 12px;font-family:monospace;font-size:1rem}.amount-field:focus-visible{outline-offset:1px;border-color:#172033;outline:2px solid #172033}.max-btn{padding:8px 14px;font-size:.8rem;font-weight:600}.amount-meta{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.amount-label,.amount-balance{color:#555;font-size:.8rem}.amount-error{color:#c0392b;margin:4px 0 0;font-size:.8rem}.balance-panel{background:#fafafa;border:1px solid #eee;border-radius:6px;margin-bottom:12px;padding:10px 12px}.balance-rows{margin-bottom:8px}.balance-row{justify-content:space-between;padding:2px 0;font-size:.8rem;display:flex}.balance-key{color:#555}.balance-value{font-family:monospace;font-weight:500}.balance-value.paused{color:#c0392b}.gas-warning{color:#e67e22;margin:6px 0 0;font-size:.8rem}.refresh-btn{padding:4px 10px;font-size:.8rem}.submit-btn{color:#fff;background:#172033;border:none;width:100%;margin-bottom:12px;padding:12px;font-size:1rem;font-weight:600}.submit-btn:hover:not(:disabled){background:#2a3a5e}.submit-btn:disabled{color:#888;background:#ccc}.flow-status{border-radius:6px;padding:10px 12px;font-size:.85rem}.status-checking,.status-needsApproval,.status-approving,.status-approvalConfirming,.status-rechecking,.status-submitting,.status-confirming{background:#fff8e1;border:1px solid #f0d060}.status-success{background:#e8f5e9;border:1px solid #81c784}.status-error{background:#ffebee;border:1px solid #e57373}.status-label{margin:0 0 4px;font-weight:500}.status-hash{margin:2px 0;font-family:monospace;font-size:.8rem}.status-error-text{color:#c0392b;margin:4px 0 0}.app-error{color:#c0392b;background:#ffebee;border:1px solid #e57373;border-radius:6px;margin:0 0 8px;padding:8px 12px;font-size:.85rem}