:root{--bg:#f2f7f4;--card:#fff;--ink:#11231d;--muted:#75847e;--green:#079663;--dark:#102a21;--line:#dfe9e4}*{box-sizing:border-box}body{margin:0;background:linear-gradient(160deg,#e9f8f1,#f6f8f7 35%);color:var(--ink);font-family:Inter,"PingFang SC",system-ui,sans-serif;min-height:100vh}main{width:min(560px,100%);margin:auto;padding:calc(18px + env(safe-area-inset-top)) 18px calc(80px + env(safe-area-inset-bottom))}header{display:flex;align-items:center;gap:12px;margin:4px 0 22px}.logo{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#18bd7d,#087a54);color:#fff;font:700 28px Georgia;box-shadow:0 12px 28px #0c9c6838}header p,small{margin:0;color:var(--green);font-size:9px;font-weight:800;letter-spacing:.16em}h1{font-size:20px;margin:3px 0 0}header>span{margin-left:auto;font-size:10px;background:#ddf5ea;color:var(--green);padding:7px 9px;border-radius:999px}.hero{background:var(--dark);color:#fff;border-radius:24px;padding:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 18px 45px #0e34262b}.hero small{color:#79cbaa}.hero h2{font-size:32px;margin:7px 0 2px}.hero p{color:#9bb5ab;font-size:12px;margin:0}.ring{width:88px;height:88px;border:7px solid #2d4b40;border-top-color:#24c98a;border-radius:50%;display:grid;place-content:center;text-align:center}.ring strong{font-size:25px}.ring span{font-size:9px;color:#a9bcb5}nav{display:grid;grid-template-columns:repeat(3,1fr);margin:18px 0;background:#e7efeb;border-radius:13px;padding:4px}nav button{border:0;background:transparent;border-radius:10px;padding:10px 3px;color:#6d7d77;font-size:12px}nav button.active{background:#fff;color:var(--ink);font-weight:700;box-shadow:0 4px 14px #173b2e12}.section-head{display:flex;justify-content:space-between;align-items:center;margin:24px 3px 12px}.section-head h2,.card h2{font-size:19px;margin:5px 0}.round{width:38px;height:38px;border:0;border-radius:12px;background:var(--green);color:#fff;font-size:22px}.card,.wallet,.plan{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:10px;box-shadow:0 8px 25px #123c2d0a}.wallet{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center}.chain{width:40px;height:40px;border-radius:12px;background:#e8f7f0;color:var(--green);display:grid;place-items:center;font-size:11px;font-weight:800}.wallet strong,.wallet span{display:block}.wallet strong{font-size:12px}.wallet span{font-size:10px;color:var(--muted);margin-top:5px}.wallet button{border:0;background:#f1f5f3;color:#73817c;border-radius:9px;padding:8px}.empty{text-align:center;color:var(--muted);padding:34px}.card p,.hint,.sheet p{color:var(--muted);font-size:12px;line-height:1.7}form input{width:100%;border:1px solid var(--line);border-radius:12px;padding:14px;margin:8px 0;outline:0}form>button:not(.close){width:100%;border:0;border-radius:12px;padding:14px;background:var(--green);color:#fff;font-weight:800}.result{margin-top:14px;padding:14px;border-radius:13px;background:#e7f7ef;color:#08764f}.result.danger{background:#ffeded;color:#bd3333}.plan{display:flex;align-items:center;gap:12px}.plan div{flex:1}.plan h3{margin:5px 0;font-size:16px}.plan p{font-size:11px;color:var(--muted);margin:0}.price{font-size:18px;font-weight:800}.price span{font-size:9px;color:var(--muted)}.modal{position:fixed;inset:0;background:#0d251dcc;display:flex;align-items:flex-end;z-index:10}.sheet{width:min(560px,100%);margin:auto;background:#fff;border-radius:25px 25px 0 0;padding:28px 20px calc(28px + env(safe-area-inset-bottom));position:relative}.sheet h2{margin:7px 0}.close{position:absolute;right:18px;top:18px;border:0;background:#edf3f0;border-radius:10px;width:35px;height:35px;font-size:22px}.toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);background:#102a21;color:#fff;border-radius:12px;padding:12px 18px;font-size:12px;z-index:20}.center{text-align:center;padding:70px 20px}.error{color:#c43d3d!important}.hidden{display:none!important}