:root{--ink:#17222e;--muted:#65717e;--line:#dce1dc;--lime:#c7f25c}*{box-sizing:border-box}body{margin:0;background:#f7f8f6;color:var(--ink);font-family:"Space Grotesk",sans-serif}header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid var(--line);background:white}header nav{display:flex;gap:16px;align-items:center}header a{color:#52616e;font-size:13px;text-decoration:none}.brand{font-size:21px!important;font-weight:700;color:var(--ink)!important;letter-spacing:-1px}.brand span{display:inline-grid;place-items:center;width:27px;height:27px;margin-right:7px;border-radius:8px;background:var(--ink);color:var(--lime);font-size:17px}main{max-width:960px;margin:auto;padding:44px 25px 65px}.heading p{margin:0;color:#647b8d;font:500 11px "DM Mono";letter-spacing:1px}.heading h1{margin:9px 0;font-size:39px;letter-spacing:-2px}.heading span,.grid p,.history p{color:var(--muted);font-size:13px}.balances{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:25px 0}.balances article,.grid form,.history{padding:22px;border:1px solid var(--line);border-radius:9px;background:white}.balances span{display:block;color:var(--muted);font-size:12px}.balances strong{display:block;margin-top:9px;font-size:29px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.grid h2,.history h2{margin:0;font-size:20px}.grid label{display:block;margin-top:17px;font-size:12px;font-weight:700}.grid input{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid var(--line);border-radius:5px;font:14px "DM Mono"}.grid button{margin-top:14px;border:0;border-radius:5px;padding:10px 13px;background:var(--lime);font-weight:700;cursor:pointer}.grid output{display:block;min-height:18px;margin-top:8px;color:var(--muted);font-size:12px}.history{margin-top:14px}.history article{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid var(--line)}.history article:last-child{border:0}.history article span{color:var(--muted);font-size:12px}@media(max-width:650px){.balances,.grid{grid-template-columns:1fr}.history article{display:block}.history article span{display:block;margin-top:5px}}