:root{--paper:#f5f7f9;--ink:#141b24;--button:#17212c;--slate:#566170;--rule:#dbe1e7;--edge:#8793a1;--stage:#0a0f1c;--signal:#7fd4ff;--alert:#a3222b;--settled:#1d6a45;--focus:#1685c9;color-scheme:light;color:var(--ink);background:var(--paper);font-family:"Segoe UI Variable","Segoe UI",-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-synthesis:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;padding:32px 24px 72px}
.brand,main{width:100%;max-width:34rem;margin-inline:auto}
.brand{display:flex;align-items:center;gap:12px;font-size:1.1875rem;font-weight:620;letter-spacing:-.02em}
.mark{flex:none;width:44px;height:44px;border-radius:13px;background:var(--stage);display:grid;place-items:center;box-shadow:0 8px 24px -10px var(--signal)}
.mark svg{width:22px;height:22px;fill:#d7f1ff}
main{margin-top:48px}
h1,h2{margin:0;text-wrap:balance}
h1{font-size:2rem;line-height:1.12;font-weight:560;letter-spacing:-.03em}
h2{font-size:1.125rem;line-height:1.3;font-weight:600;letter-spacing:-.01em}
p{margin:0;line-height:1.55;text-wrap:pretty}
h1+p,.lede{margin-top:8px;max-width:30rem;color:var(--slate)}
[tabindex="-1"]:focus{outline:none}
#signin,#consent{margin-top:36px}
.device{margin-top:12px}
.block{margin-top:36px;padding-top:28px;border-top:1px solid var(--rule)}
form{margin-top:20px}
form+form{margin-top:28px}
label{display:block;margin-bottom:8px;font-size:.9375rem;font-weight:600}
input{display:block;width:100%;min-height:48px;margin:0;padding:11px 14px;border:1px solid var(--edge);border-radius:12px;background:#fff;color:var(--ink);font:inherit;font-size:1rem}
input:hover{border-color:var(--slate)}
input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
input[aria-invalid="true"]{border-color:var(--alert);box-shadow:inset 0 0 0 1px var(--alert)}
input:disabled{background:#eef1f4;color:var(--slate)}
button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:16px 0 0;padding:10px 22px;border:1px solid var(--button);border-radius:999px;background:var(--button);color:#fff;font:inherit;font-size:.9375rem;font-weight:600;cursor:pointer;transition:background-color .15s}
button:hover{background:#2b3c4e}
button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
button:disabled{cursor:not-allowed;border-color:#c3cad2;background:#c3cad2;color:#323b46}
[aria-busy="true"] button:disabled{cursor:progress}
.quiet{border-color:var(--edge);background:transparent;color:var(--ink)}
.quiet:hover{background:#e7ecf0}
.quiet:disabled{border-style:dashed;background:transparent;color:#4c5663}
.confirm{border-color:var(--alert);background:var(--alert)}
.confirm:hover:not(:disabled){background:#861b23}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.actions button,.row button{margin:0}
.hint{margin-top:8px;font-size:.875rem;color:var(--slate)}
.field-error{margin-top:8px;font-size:.875rem;font-weight:600;color:var(--alert)}
.status{margin-top:14px;font-size:.9375rem}
.status:empty{margin-top:0}
.status[data-tone="error"]{color:var(--alert)}
.status[data-tone="ok"]{color:var(--settled)}
.row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.wallet{margin:16px 0 0}
.wallet div{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;padding:12px 0;border-bottom:1px solid var(--rule)}
.wallet dt{color:var(--slate)}
.wallet dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}
.wallet .primary dd{font-size:1.75rem;line-height:1.2;font-weight:560;letter-spacing:-.02em}
.amount{position:relative}
.amount span{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--slate);pointer-events:none}
.amount input{padding-left:54px;font-variant-numeric:tabular-nums}
.devices{margin:16px 0 0;padding:0;list-style:none}
.devices li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:14px 0;border-bottom:1px solid var(--rule)}
.devices li:first-child{border-top:1px solid var(--rule)}
.devices .actions{margin:0}
.devices .hint{flex-basis:100%;margin:0}
.device-name{font-weight:600;overflow-wrap:anywhere}
.device-meta{display:block;margin-top:2px;font-size:.875rem;font-weight:400;color:var(--slate)}
strong{font-weight:650;overflow-wrap:anywhere}
@media (max-width:480px){body{padding:24px 16px 56px}main{margin-top:36px}h1{font-size:1.75rem}form button,.actions button,#sign-out{width:100%}.wallet .primary dd{font-size:1.5rem}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
@media (forced-colors:active){.mark{forced-color-adjust:none}button:disabled{border-style:dashed}}