:root { color-scheme: dark; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; background: #0f172a; color: #e2e8f0; }
* { box-sizing: border-box; }
body { margin: 0; min-width: 280px; }
main { min-height: 100svh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: clamp(36px, 7vh, 80px); padding: 48px clamp(20px, 5vw, 100px); }
section { text-align: center; width: 100%; }
h1, h2 { font-family: system-ui, sans-serif; font-size: 13px; font-weight: 500; letter-spacing: .2em; color: #94a3b8; margin: 0 0 18px; }
.address { appearance: none; background: none; border: 0; padding: 8px; color: inherit; font: 700 clamp(22px, 3.8vw, 64px)/1.35 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; max-width: 100%; overflow-wrap: anywhere; cursor: copy; border-radius: 8px; }
.address:focus-visible { outline: 2px solid #38bdf8; outline-offset: 8px; }
.address:not(:disabled):hover { color: #fff; }
.address:disabled { cursor: default; }
.address.pending, .address.unavailable { color: #94a3b8; font-size: clamp(18px, 2.5vw, 28px); font-weight: 400; }
#status { font-family: system-ui, sans-serif; margin: 0; text-align: center; font-size: 12px; color: #94a3b8; }
a { color: #7dd3fc; }