:root{--bg: #0b0f14;--card: #0f1620;--card-2: #101a26;--text: #e6edf7;--muted: rgba(230,237,247,.66);--line: rgba(255,255,255,.08);--shadow: 0 12px 40px rgba(0,0,0,.35);--radius: 18px;--accent: #ff7a18;--accent-2: #ffb86b;--good: #2ee59d;--bad: #ff4d4d}*{box-sizing:border-box}html,body{height:100%}html{overflow-x:hidden}body{margin:0;overflow-x:hidden;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1200px 600px at 20% -10%,rgba(255,122,24,.18),transparent 60%),radial-gradient(900px 500px at 80% 0%,rgba(46,229,157,.1),transparent 55%),var(--bg);color:var(--text)}.input-row>*,.list-row>*,.summary-row>*{min-width:0}.list-row b,.summary-row b,.field-hint b,.rate-badge{overflow-wrap:anywhere;word-break:break-word}.container{width:min(1080px,calc(100% - 40px));margin:0 auto}.topbar{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0f149e;border-bottom:1px solid var(--line)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:14px}.brand{display:flex;align-items:center;gap:12px;min-width:220px}.logo-dot{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 0 6px #ff7a181f}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-name{font-weight:800;letter-spacing:.2px}.brand-sub{color:var(--muted);font-size:12px;margin-top:4px}.topbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn{border:1px solid transparent;border-radius:12px;padding:10px 14px;cursor:pointer;font-weight:700;letter-spacing:.2px;transition:transform .06s ease,opacity .12s ease,border-color .12s ease,background .12s ease;-webkit-user-select:none;user-select:none;max-width:100%}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#ff7a18,#ffb86b);color:#1a0e05;box-shadow:0 12px 28px #ff7a1838}.btn-ghost{background:#ffffff05;border-color:#ffffff1a;color:var(--text);text-decoration:none}.btn-ghost:hover{border-color:#ffffff2e;background:#ffffff0a}.hero{padding:34px 0 16px}.hero h1{margin:0 0 10px;font-size:34px;letter-spacing:-.6px}.hero p{margin:0;color:var(--muted);max-width:760px;line-height:1.5}.pill{display:inline-block;padding:2px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:var(--text);max-width:100%}.grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;padding:12px 0 40px}@media (max-width: 920px){.grid{grid-template-columns:1fr}.brand{min-width:auto}}.card{background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 35%),var(--card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;max-width:100%}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.card-title{font-weight:900;font-size:18px}.card-subtitle{color:var(--muted);font-size:13px;margin-top:4px}.rate-badge{font-size:12px;font-weight:800;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;max-width:100%;white-space:normal}.swap{margin-top:12px}.field{margin:14px 0}label{display:block;color:#e6edf7d9;font-size:13px;font-weight:700;margin-bottom:8px}.input-row{display:flex;align-items:center;gap:10px;background:var(--card-2);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:12px;max-width:100%;overflow:hidden}input{flex:1 1 auto;width:0;min-width:0;border:none;outline:none;background:transparent;color:var(--text);font-size:20px;font-weight:900;letter-spacing:.2px}input::placeholder{color:#e6edf738}input:disabled{opacity:.85}.token-chip{flex:0 0 auto;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;padding:8px 10px;border-radius:999px;font-weight:900;font-size:13px;white-space:nowrap;max-width:50%}.token-dot{width:10px;height:10px;border-radius:50%}.token-dot.usdt{background:#2ee59d}.token-dot.wesee{background:var(--accent)}.field-hint{margin-top:8px;color:var(--muted);font-size:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.link{border:none;background:transparent;padding:0;font-weight:900;color:#ffb86b;cursor:pointer}.link:hover{text-decoration:underline}.swap-divider{display:flex;justify-content:center;margin:4px 0}.swap-icon{width:38px;height:38px;border-radius:14px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);background:#ffffff08;font-weight:900}.summary{margin-top:12px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#ffffff05;padding:12px;max-width:100%;overflow:hidden}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 2px;border-bottom:1px solid rgba(255,255,255,.06);color:var(--muted);gap:10px}.summary-row b{color:var(--text)}.summary-row:last-child{border-bottom:none}.status.neutral{color:#ffffffd9}.status.good{color:var(--good)}.status.bad{color:var(--bad)}.actions{margin-top:14px}.btn-wide{width:100%;padding:12px 16px;border-radius:14px;font-size:15px}.note{margin-top:12px;color:var(--muted);font-size:12px;line-height:1.45;border-top:1px solid rgba(255,255,255,.08);padding-top:12px}.list{margin-top:12px}.list-row{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06);color:var(--muted)}.list-row b{color:var(--text);text-align:right}.list-row:last-child{border-bottom:none}.divider{height:1px;background:#ffffff14;margin:14px 0}.small{color:var(--muted);font-size:13px;line-height:1.55}.small ul{margin:8px 0 0 18px}.footer{display:flex;justify-content:space-between;align-items:center;padding:22px 0 40px;border-top:1px solid rgba(255,255,255,.08);gap:12px;flex-wrap:wrap}.muted{color:var(--muted);font-size:13px}.footer-link{color:#ffb86b;text-decoration:none;font-weight:900}.footer-link:hover{text-decoration:underline}@media (max-width: 640px){.container{width:calc(100% - 24px)}.topbar-inner{flex-direction:column;align-items:flex-start;gap:12px}.topbar-actions{width:100%;justify-content:space-between}.btn{padding:10px 12px;font-size:14px}.hero{padding:26px 0 10px}.hero h1{font-size:26px}.hero p{font-size:14px}.card{padding:14px}.card-header{flex-direction:column;align-items:flex-start;gap:8px}.rate-badge{font-size:11px;padding:5px 8px}.input-row{padding:10px;gap:8px}input{font-size:18px}.token-chip{font-size:12px;padding:6px 8px;max-width:52%}.list-row{flex-direction:column;align-items:flex-start;gap:6px}.list-row b{text-align:left;width:100%}.summary-row b{max-width:58%;text-align:right}.footer{flex-direction:column;align-items:flex-start;gap:10px}}.wallet-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000094;display:flex;align-items:center;justify-content:center;padding:18px;z-index:9999}.wallet-modal{width:min(560px,96vw);background:#0f1620eb;border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 20px 60px #0000008c;padding:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.wallet-modal h3{margin:0 0 10px;font-size:18px;font-weight:900;letter-spacing:.2px}.wallet-btn-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.wallet-btn{flex:1;min-width:160px;border-radius:14px;padding:12px 14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#e6edf7f2;font-weight:900;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}.wallet-btn:hover{transform:translateY(-1px);background:#ffffff0f;border-color:#ffffff2e}.wallet-btn.wc{background:linear-gradient(135deg,#ff7a18,#ffb86b);border-color:#ffffff1a;color:#1a0e05}.wallet-btn.cancel{flex:1 1 100%;min-width:100%;background:#ffffff05;color:#e6edf7cc}
