:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*[data-v-276f0592]{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body[data-v-276f0592]{font-family:PingFang SC,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}.app-container[data-v-276f0592]{max-width:600px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column}.header[data-v-276f0592]{text-align:center;margin-bottom:30px;padding:30px 20px;background:rgba(255,255,255,.95);color:#333;border-radius:16px;box-shadow:0 8px 32px #0000001a;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18)}.header h1[data-v-276f0592]{margin:0 0 10px;font-size:28px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header .subtitle[data-v-276f0592]{font-size:14px;color:#666;margin:0}.main-content[data-v-276f0592]{flex:1;display:flex;flex-direction:column;gap:20px}.card[data-v-276f0592]{background:rgba(255,255,255,.95);border-radius:16px;padding:25px;box-shadow:0 8px 32px #0000001a;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);transition:all .3s ease}.card[data-v-276f0592]:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00000026}h2[data-v-276f0592]{color:#333;font-size:20px;margin-bottom:20px;font-weight:600;position:relative;padding-bottom:10px}h2[data-v-276f0592]:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px}.form-input[data-v-276f0592]{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:12px;font-size:16px;transition:all .3s ease;background:rgba(255,255,255,.8);-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input[data-v-276f0592]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.token-selector[data-v-276f0592],.amount-input[data-v-276f0592]{margin-bottom:20px}label[data-v-276f0592]{display:block;margin-bottom:8px;font-weight:600;color:#555;font-size:14px}.connect-button[data-v-276f0592],.approve-button[data-v-276f0592],.check-button[data-v-276f0592]{width:100%;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;margin-top:10px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;touch-action:manipulation;user-select:none}.connect-button[data-v-276f0592]:hover:not(:disabled),.approve-button[data-v-276f0592]:hover:not(:disabled),.check-button[data-v-276f0592]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.connect-button[data-v-276f0592]:active:not(:disabled),.approve-button[data-v-276f0592]:active:not(:disabled),.check-button[data-v-276f0592]:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #667eea66}.connect-button[data-v-276f0592]:disabled,.approve-button[data-v-276f0592]:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.button-icon[data-v-276f0592]{font-size:18px}.wallet-info[data-v-276f0592]{margin-top:15px;padding:15px;background:rgba(102,126,234,.1);border-radius:12px;font-size:14px;border-left:4px solid #667eea}.status-message[data-v-276f0592]{margin-top:15px;padding:15px;border-radius:12px;font-size:14px;text-align:center;font-weight:500;animation:fadeIn-276f0592 .3s ease}.status-message.success[data-v-276f0592]{background:rgba(76,175,80,.1);color:#2e7d32;border-left:4px solid #4CAF50}.status-message.error[data-v-276f0592]{background:rgba(244,67,54,.1);color:#c62828;border-left:4px solid #f44336}.status-message.info[data-v-276f0592]{background:rgba(33,150,243,.1);color:#1565c0;border-left:4px solid #2196f3}.allowance-info[data-v-276f0592]{margin-top:15px;padding:15px;background:rgba(33,150,243,.1);border-radius:12px;font-size:14px;text-align:center;border-left:4px solid #2196f3;font-weight:500}.footer[data-v-276f0592]{text-align:center;margin-top:30px;padding:20px 0;color:#fffc;font-size:14px}@keyframes fadeIn-276f0592{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.app-container[data-v-276f0592]{padding:15px}.header[data-v-276f0592]{padding:20px 15px}.header h1[data-v-276f0592]{font-size:24px}.card[data-v-276f0592]{padding:20px}h2[data-v-276f0592]{font-size:18px}.connect-button[data-v-276f0592],.approve-button[data-v-276f0592],.check-button[data-v-276f0592]{padding:16px;font-size:16px;font-weight:600}.form-input[data-v-276f0592]{padding:14px 16px;font-size:16px}.token-selector[data-v-276f0592],.amount-input[data-v-276f0592]{margin-bottom:15px}label[data-v-276f0592]{font-size:13px}.wallet-info[data-v-276f0592],.status-message[data-v-276f0592],.allowance-info[data-v-276f0592]{padding:12px;font-size:13px}}@media (hover: none) and (pointer: coarse){.card[data-v-276f0592]{transition:none}.connect-button[data-v-276f0592],.approve-button[data-v-276f0592],.check-button[data-v-276f0592]{font-size:16px;padding:16px}.form-input[data-v-276f0592]{font-size:16px;padding:14px 16px}}