.app{background:var(--wash);min-height:100vh}.app-header{max-width:720px;padding:22px var(--gutter);justify-content:space-between;align-items:center;gap:16px;margin-inline:auto;display:flex}.app-session{align-items:center;gap:10px;font-size:.92rem;display:flex}.app-network,.app-account{white-space:nowrap;border-radius:999px;padding:7px 14px;font-weight:600}.app-network{background:var(--peach)}.app-account{background:var(--paper);font-family:var(--font-mono), ui-monospace, monospace;font-weight:500}.app-main{max-width:720px;padding:16px var(--gutter) 96px;gap:16px;margin-inline:auto;display:grid}.app-card{background:var(--paper);border-radius:28px;justify-items:start;gap:14px;padding:clamp(22px,4vw,36px);display:grid}.app-card h1{letter-spacing:-.03em;font-size:clamp(2rem,5vw,3rem);line-height:1.04}.app-card h2{letter-spacing:-.02em;max-width:none;font-size:1.45rem}.app-card>p{color:var(--ink-soft);max-width:34em}.app-welcome{gap:20px;padding-block:clamp(32px,6vw,56px)}.app .app-fine{color:var(--ink-soft);font-size:.9rem;line-height:1.45}.app .app-error,.app .app-success{width:100%;color:var(--ink);border-radius:16px;padding:14px 18px;font-size:.98rem;font-weight:500}.app .app-error{background:color-mix(in srgb, var(--coral) 35%, var(--paper))}.app .app-success{background:color-mix(in srgb, var(--mint) 45%, var(--paper))}.app-tabs{background:var(--paper);border-radius:999px;grid-template-columns:1fr 1fr;padding:5px;display:grid}.app-tabs button{color:var(--ink-soft);font:700 1.05rem var(--font-display), system-ui, sans-serif;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:13px}.app-tabs button[aria-selected=true]{background:var(--ink);color:var(--paper)}.app-balance{background:radial-gradient(circle at calc(100% - 150px) 50%, color-mix(in srgb, var(--peach) 85%, transparent) 0 62px, transparent 63px), radial-gradient(circle at calc(100% - 60px) 50%, color-mix(in srgb, var(--mint) 85%, transparent) 0 62px, transparent 63px), radial-gradient(circle at calc(100% - 105px) 50%, var(--lilac) 0 62px, transparent 63px), var(--paper);gap:2px;position:relative;overflow:hidden}.app .app-label{color:var(--ink);font-weight:600}.app .app-amount{font:800 clamp(2.4rem, 7vw, 3.6rem) / 1.05 var(--font-display), system-ui, sans-serif;letter-spacing:-.03em;color:var(--ink)}.app-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.app-row-split{justify-content:space-between;width:100%}.app .button{min-height:48px;padding:0 22px;font-size:1rem}.button-quiet{background:var(--wash);color:var(--ink)}.app-code,.app-mono{font-family:var(--font-mono), ui-monospace, monospace}.app .app-code{background:var(--wash);width:100%;color:var(--ink);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;border-radius:16px;padding:14px 16px;font-size:.85rem;line-height:1.5}.app-form{justify-items:start;gap:10px;width:100%;display:grid}.app-form label{margin-top:6px;font-size:.98rem;font-weight:600}.app-form input{border:2px solid var(--line);background:var(--paper);width:100%;min-height:54px;color:var(--ink);font:500 1rem var(--font-mono), ui-monospace, monospace;border-radius:16px;padding:0 18px}.app-form input::placeholder{font-family:var(--font-text), system-ui, sans-serif;color:#8f899f}.app-form input:focus-visible{border-color:var(--ink);outline:none}.app-form .button{margin-top:8px}.app-payments{gap:10px;width:100%;margin:0;padding:0;list-style:none;display:grid}.app-payments li{background:color-mix(in srgb, var(--mint) 28%, var(--paper));border-radius:22px;justify-items:start;gap:10px;padding:16px 20px;display:grid}.app-payment-amount{font:700 1.1rem var(--font-display), system-ui, sans-serif}.app-payments .button-quiet{background:var(--paper)}@media (max-width:520px){.app-balance{background-image:none}}
