:root{--bg: #0b0c14;--card: rgba(245,247,255,.92);--muted: rgba(0,0,0,.55);--primary: #20c6d8;--primary2: #1ab4c5;--radius: 16px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--bg);color:#111}.topbar{position:fixed;top:0;left:0;right:0;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.brand{display:flex;align-items:center;gap:10px}.brand__logo{width:34px;height:34px;border-radius:10px}.brand__name{font-weight:700}.topbar__right{display:flex;align-items:center;gap:12px}.pill{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#0000000f;font-size:14px}.dot{width:10px;height:10px;border-radius:50%;background:#22c55e}.bg{position:fixed;top:0;right:0;bottom:0;left:0;background:url(/assets/bg.png) center/cover no-repeat;filter:saturate(1.1) contrast(1.05);z-index:0}.wrap{position:relative;z-index:1;min-height:100%;display:flex;align-items:center;justify-content:center;padding:90px 16px 40px}.card{width:520px;max-width:calc(100vw - 24px);background:var(--card);border-radius:18px;box-shadow:0 20px 70px #00000073;padding:18px}.card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.card__title{font-size:20px;font-weight:800}.card__sub{font-size:13px;color:var(--muted);margin-top:2px}.sep{margin:0 6px}.tabs{margin-top:14px;background:#0000000f;border-radius:999px;padding:6px;display:flex;gap:6px}.tab{flex:1;border:0;padding:10px 12px;border-radius:999px;background:transparent;cursor:pointer;font-weight:700;color:#000000a6;white-space:nowrap}.tab--active{background:#6e8cff2e;color:#111}.panel{margin-top:14px}.hidden{display:none}.field{margin-top:12px}.label{font-size:13px;font-weight:700;color:#000000b8;margin-bottom:6px}.inputRow{display:flex;gap:10px;align-items:center;background:#ffffffbf;border-radius:14px;padding:10px;border:1px solid rgba(0,0,0,.08)}.input{width:100%;border:0;outline:none;background:transparent;font-size:22px;font-weight:700}.tokenPill{border:0;padding:10px 14px;border-radius:999px;background:#ffffffe6;border:1px solid rgba(0,0,0,.1);font-weight:800}.tokenTag{padding:10px 14px;border-radius:999px;background:#ffffffe6;border:1px solid rgba(0,0,0,.1);font-weight:800;color:#111}.hint{font-size:12px;color:#0000008c;margin-top:6px}.swapMid{display:flex;justify-content:center;margin:10px 0}.iconBtn{width:38px;height:38px;border-radius:999px;border:1px solid rgba(0,0,0,.12);background:#fffc;cursor:pointer;font-size:18px}.row2{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.small{font-size:12px;color:#0009}.muted{color:#0000008c}.slip{display:flex;align-items:center;gap:10px}.select{border:1px solid rgba(0,0,0,.12);background:#ffffffd9;border-radius:999px;padding:8px 12px;font-weight:700}.btn{border:0;border-radius:999px;padding:10px 14px;cursor:pointer;font-weight:800}.btn-primary{background:linear-gradient(180deg,var(--primary),var(--primary2));color:#fff}.btn-ghost{background:#0000000f;color:#000000bf}.btn-big{width:100%;margin-top:14px;padding:14px 16px;font-size:16px}.btn-sm{padding:8px 12px;font-size:13px}.msg{margin-top:10px;font-size:12px;color:#000000b3;min-height:16px}.faucetTitle{font-weight:900;margin-top:6px}.faucetBtns{display:flex;gap:12px;margin-top:14px}.faucetBtns .btn{flex:1}.liqTitle{font-weight:900;margin-top:6px}