*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f4f6f8;color:#222}#app{max-width:720px;margin:20px auto;padding:16px}h1{margin:0 0 16px;font-size:1.6rem;text-align:center;color:#1f2937}#connectBox{display:flex;gap:10px;justify-content:center;margin-bottom:20px}#connectBox input{flex:1;max-width:280px;padding:12px;font-size:1rem;border:1px solid #ccc;border-radius:8px}#connectBox input:focus{outline:none;border-color:#2563eb}#connectBox button{padding:12px 16px;font-size:1rem;border:none;border-radius:8px;background:#2563eb;color:#fff;cursor:pointer}#connectBox button:hover{background:#1d4ed8}#data{background:#fff;border-radius:12px;padding:14px 16px;margin-bottom:14px;box-shadow:0 10px 20px #0000000f}#data p{margin:6px 0;font-size:.95rem}#data span{font-weight:600;color:#111827}#mapBox{width:100%;height:280px;border-radius:14px;overflow:hidden;box-shadow:0 10px 20px #00000014}#map{width:100%;height:100%;border:0}.hint{margin:10px 0 18px;text-align:center;font-size:.95rem;color:#4b5563;line-height:1.45}#tokenInput{text-transform:uppercase}@media(max-width:480px){h1{font-size:1.4rem}#connectBox{flex-direction:column}#connectBox input,#connectBox button{max-width:100%;width:100%}#mapBox{height:240px}}