:root { color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; background: #1a1a1a; color: #f6f6f6; font: 1rem/1.6 system-ui, sans-serif; }
main { max-width: 900px; margin: auto; padding: 2rem 1.25rem 4rem; }
h1 { font-size: clamp(2rem, 6vw, 3rem); line-height: 1.15; color: #ff80e3; }
h2 { line-height: 1.3; }
small { display: block; font-size: 1rem; font-weight: normal; color: #ccc; }
a { color: #82e4f5; text-underline-offset: .2em; }
a:hover { color: #fff; }
section { margin: 1.5rem 0; padding: 1.25rem; border: 1px solid #555; border-radius: .5rem; background: #232323; }
section h2 { margin-top: 0; }
.address, .viewkey { display: block; overflow-wrap: anywhere; font-size: .95rem; user-select: all; }
.balance { font-size: 1.2rem; font-weight: 600; }
.status { color: #ddd; }
.activity { padding-left: 1.25rem; overflow-wrap: anywhere; }
.activity li { margin-bottom: .6rem; }
button { padding: .8rem 1.2rem; border: 0; border-radius: .3rem; background: #ff80e3; color: #191919; font: inherit; font-weight: 600; cursor: pointer; }
button:disabled { opacity: .6; cursor: wait; }
:focus-visible { outline: 3px solid #ffe600; outline-offset: 4px; }