.app-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:20px}.main-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001a;max-width:400px;padding:40px;text-align:center;width:100%}.header h1{color:#1a1a1a;font-size:28px;font-weight:700;margin:0 0 8px}.subtitle{color:#666;font-size:14px;margin:0 0 30px}.status-container{margin-bottom:30px}.status-indicator{align-items:center;border-radius:20px;display:inline-flex;gap:8px;margin-bottom:12px;padding:8px 16px}.status-indicator.connected{background:#f0f9ff;border:1px solid #e0f2fe}.status-indicator.disconnected{background:#fef2f2;border:1px solid #fee2e2}.status-dot{border-radius:50%;height:8px;width:8px}.status-indicator.connected .status-dot{animation:pulse 2s infinite;background:#10b981}.status-indicator.disconnected .status-dot{background:#ef4444}.status-text{font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.status-indicator.connected .status-text{color:#059669}.status-indicator.disconnected .status-text{color:#dc2626}.status-message{color:#4b5563;font-size:14px;line-height:1.4;min-height:20px}.qr-section{margin:30px 0}.qr-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:inline-block;margin-bottom:16px;padding:20px}.qr-code{border-radius:8px;display:block}.qr-instruction{color:#6b7280;font-size:14px;margin:0 0 16px}.refresh-button{background:none;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-size:12px;padding:8px 16px;transition:all .2s}.refresh-button:hover{background:#f9fafb;border-color:#9ca3af}.connection-info{background:#f8fafc;border-radius:12px;margin:30px 0;padding:20px}.wallet-address{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.label{color:#6b7280;font-size:14px}.address{color:#1f2937;font-family:Monaco,Menlo,monospace;font-size:14px;font-weight:500}.action-status{align-items:center;display:flex;height:40px;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:20px;width:20px}.success-icon{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;width:24px}.approve-button{border:none;border-radius:10px;cursor:pointer;font-size:16px;font-weight:600;margin-top:16px;padding:12px 24px;transition:all .2s;width:100%}.approve-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.approve-button.primary:hover{box-shadow:0 10px 25px #667eea4d;transform:translateY(-1px)}.approve-button.secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.approve-button.secondary:hover{background:#e5e7eb}.approve-button.disc{background:#ed8892;color:#374151}.footer{border-top:1px solid #e5e7eb;margin-top:30px;padding-top:20px}.security-notice{color:#9ca3af;font-size:12px;margin:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:480px){.main-card{margin:10px;padding:30px 20px}.header h1{font-size:24px}}*{box-sizing:border-box;margin:0;padding:0}.App{overflow:hidden}.App,.main-content{height:100vh;width:100vw}.main-content{position:relative}.iframe-container{height:100%;position:relative;width:100%}.lighter-iframe{border:none;height:100%;width:100%;z-index:90}.iframe-overlay{cursor:pointer;position:fixed;transition:all .3s ease;z-index:1000}