@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";html,body{margin:0;padding:0;min-height:100%}button{font-family:inherit}:root{color-scheme:light;--bg: #f7f8fa;--bg-accent: #ffffff;--card: #ffffff;--card-border: #e1e5e9;--text: #0d0e0f;--text-secondary: #6c7284;--muted: #8f96a3;--accent: #1fc7d4;--accent-hover: #33d9e0;--accent-strong: #0098a1;--shadow: 0 4px 20px rgba(0, 0, 0, .08);--shadow-hover: 0 8px 32px rgba(0, 0, 0, .12);--border-radius: 16px;--border-radius-small: 12px;--transition: all .2s ease}[data-theme=dark]{color-scheme:dark;--bg: #0d0e0f;--bg-accent: #1a1c1e;--card: #1a1c1e;--card-border: #2a2d30;--text: #f4f5f6;--text-secondary: #b8b9ba;--muted: #8f96a3;--accent: #1fc7d4;--accent-hover: #33d9e0;--accent-strong: #0098a1;--shadow: 0 4px 20px rgba(0, 0, 0, .25);--shadow-hover: 0 8px 32px rgba(0, 0, 0, .4)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5}.app{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--bg-accent);border-bottom:1px solid var(--card-border)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;display:grid;place-items:center;font-weight:700;font-size:18px}.brand-title{font-size:20px;font-weight:700}.brand-subtitle{font-size:12px;color:var(--muted);margin-top:2px}.theme-toggle{background:var(--card);border:1px solid var(--card-border);color:var(--text);padding:8px 16px;border-radius:var(--border-radius-small);cursor:pointer;transition:var(--transition);font-size:14px}.theme-toggle:hover{background:var(--bg-accent)}.main{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:24px 16px}.swap-container{max-width:480px;width:100%;display:flex;flex-direction:column;gap:24px}.swap-box{background:var(--card);border:1px solid var(--card-border);border-radius:var(--border-radius);padding:24px;box-shadow:var(--shadow);transition:var(--transition)}.swap-box:hover{box-shadow:var(--shadow-hover)}.token-input{display:flex;align-items:center;justify-content:space-between;padding:16px;border:1px solid var(--card-border);border-radius:var(--border-radius-small);background:var(--bg-accent);transition:var(--transition);margin-bottom:8px}.token-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.token-info{display:flex;align-items:center;gap:12px;flex:1}.token-icon{width:36px;height:36px;border-radius:50%;object-fit:contain}.token-details{display:flex;flex-direction:column}.token-symbol{font-size:16px;font-weight:600;color:var(--text)}.token-name{font-size:12px;color:var(--text-secondary)}.amount-input{border:none;background:transparent;color:var(--text);font-size:20px;font-weight:600;text-align:right;flex:1;outline:none;min-width:0}.amount-input::placeholder{color:var(--muted)}.flip-button{background:var(--card);border:1px solid var(--card-border);color:var(--text);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;cursor:pointer;transition:var(--transition);margin:0 auto;box-shadow:var(--shadow)}.flip-button:hover{background:var(--bg-accent);transform:scale(1.05)}.swap-details{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--text-secondary);margin:16px 0;padding:0 16px}.wallet-section{margin:16px 0}.wallet-label{display:block;font-size:14px;color:var(--text-secondary);margin-bottom:8px;font-weight:500}.wallet-input{width:100%;border:1px solid var(--card-border);border-radius:var(--border-radius-small);padding:12px 16px;font-size:16px;background:var(--bg-accent);color:var(--text);transition:var(--transition)}.wallet-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 1px var(--accent)}.swap-button{width:100%;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;border:none;border-radius:var(--border-radius-small);padding:16px;font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition);margin-top:16px}.swap-button:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-hover),var(--accent));transform:translateY(-1px);box-shadow:var(--shadow-hover)}.swap-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.deposit-section{background:var(--card);border:1px solid var(--card-border);border-radius:var(--border-radius);padding:24px;box-shadow:var(--shadow)}.deposit-header h3{font-size:18px;font-weight:600;margin-bottom:16px;color:var(--text)}.deposit-content{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.deposit-address-section{text-align:center}.deposit-label{font-size:14px;color:var(--text-secondary);margin-bottom:8px}.deposit-address{font-size:16px;font-weight:500;color:var(--text);word-break:break-all;background:var(--bg-accent);padding:12px;border-radius:var(--border-radius-small);border:1px solid var(--card-border);margin-bottom:8px}.deposit-hint{font-size:12px;color:var(--muted)}.qr-section{display:flex;justify-content:center}.qr-section canvas{border-radius:var(--border-radius-small);background:#fff;padding:8px;box-shadow:var(--shadow)}.balance-section{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--card-border)}.balance-label{font-size:14px;color:var(--text-secondary);font-weight:500}.balance-value{font-size:14px;color:var(--text);font-weight:500}.watch-controls{display:flex;gap:12px}.watch-button{flex:1;background:var(--card);border:1px solid var(--card-border);color:var(--text);border-radius:var(--border-radius-small);padding:12px;font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition)}.watch-button:hover:not(:disabled){background:var(--bg-accent)}.watch-button:disabled{opacity:.6;cursor:not-allowed}.watch-button.stop{background:var(--bg-accent);color:var(--text-secondary)}.activity-section{background:var(--card);border:1px solid var(--card-border);border-radius:var(--border-radius);padding:24px;box-shadow:var(--shadow)}.activity-title{font-size:18px;font-weight:600;margin-bottom:16px;color:var(--text)}.activity-log{background:var(--bg-accent);border-radius:var(--border-radius-small);padding:16px;font-size:13px;color:var(--text-secondary);min-height:120px;overflow:auto;max-height:200px}.no-activity{color:var(--muted);font-style:italic}.log-entry{margin-bottom:8px}.log-entry:last-child{margin-bottom:0}@media(max-width:600px){.header{padding:12px 16px}.brand-title{font-size:18px}.main{padding:16px 12px}.swap-box{padding:20px}.token-input{padding:12px}.token-icon{width:32px;height:32px;font-size:14px}.amount-input{font-size:18px}.swap-details{flex-direction:column;align-items:flex-start;gap:4px}.deposit-section,.activity-section{padding:20px}.watch-controls{flex-direction:column}}