.wallet-page,.wallet-inspector{--wallet-surface:#fff;--wallet-text:oklch(14.1% .005 285.823);--wallet-muted:oklch(44% .012 285);--wallet-border:oklch(82% .004 286.32);--wallet-highlight:#002f56;--wallet-highlight-hover:#012340;--wallet-space:1rem;--wallet-space-small:.5rem;--wallet-space-large:1.5rem;--wallet-radius:.5rem;--wallet-target:2.75rem;--wallet-dialog-width:72rem;--wallet-dialog-height:90dvh;--wallet-frame-height:32rem;color:var(--wallet-text);background:var(--wallet-surface);font-family:system-ui,sans-serif;line-height:1.5}.wallet-inspector{box-sizing:border-box;inline-size:min(var(--wallet-dialog-width), calc(100vw - 2 * var(--wallet-space)));max-block-size:var(--wallet-dialog-height);padding:var(--wallet-space-large);border:1px solid var(--wallet-border);border-radius:var(--wallet-radius);margin:auto;overflow:auto}.wallet-inspector::backdrop{background:color-mix(in srgb, var(--wallet-highlight) 55%, transparent)}.wallet-inspector-heading{justify-content:space-between;align-items:center;gap:var(--wallet-space);flex-wrap:wrap;display:flex}.wallet-inspector h2{margin:0;font-size:1.5rem}.wallet-inspector p{margin-block:var(--wallet-space)}.wallet-inspector button{min-block-size:var(--wallet-target);padding:var(--wallet-space-small) var(--wallet-space);border:1px solid var(--wallet-highlight);border-radius:var(--wallet-radius);color:var(--wallet-highlight);background:var(--wallet-surface);font:inherit;cursor:pointer}.wallet-inspector button:hover{color:var(--wallet-surface);background:var(--wallet-highlight-hover)}.wallet-inspector button:focus-visible{outline:3px solid var(--wallet-highlight);outline-offset:3px}.wallet-inspector iframe{inline-size:100%;block-size:var(--wallet-frame-height);border:1px solid var(--wallet-border);border-radius:var(--wallet-radius);display:block}.wallet-page{--wallet-canvas:#f5f7fa;--wallet-soft:#eaf0f6;--wallet-danger:#8d2030;background:var(--wallet-canvas);min-block-size:100dvh}.wallet-page *,.wallet-page :before,.wallet-page :after{box-sizing:border-box}.wallet-page :is(h1,h2,h3,p,ul,dl,dd){margin:0}.wallet-page :is(h1,h2,h3){text-wrap:balance;line-height:1.2}.wallet-page h1{letter-spacing:-.035em;font-size:clamp(2rem,4vw,3rem);font-weight:650}.wallet-page h2{font-size:1.4rem;font-weight:650}.wallet-page h3{font-size:1.1rem;font-weight:650}.wallet-page p{line-height:1.65}.wallet-page a{color:var(--wallet-highlight);text-underline-offset:.2em}.wallet-page :is(button,input,textarea,select){font:inherit;border:1px solid var(--wallet-border);border-radius:var(--wallet-radius)}.wallet-page button{min-block-size:var(--wallet-target);padding:.6rem var(--wallet-space);background:var(--wallet-surface);color:var(--wallet-highlight);cursor:pointer;font-weight:600}.wallet-page button:hover:not(:disabled){background:var(--wallet-soft);border-color:var(--wallet-highlight)}.wallet-page button:disabled{opacity:.6;cursor:not-allowed}.wallet-page .wallet-primary{background:var(--wallet-highlight);color:var(--wallet-surface);border-color:var(--wallet-highlight)}.wallet-page .wallet-primary:hover:not(:disabled){background:var(--wallet-highlight-hover)}.wallet-page :is(button,input,textarea,a,summary,select,[tabindex]):focus-visible{outline:3px solid var(--wallet-highlight);outline-offset:3px}.wallet-page :is(input:not([type=checkbox]),textarea,select){inline-size:100%;min-inline-size:0;min-block-size:var(--wallet-target);background:var(--wallet-surface);color:var(--wallet-text);padding:.65rem .8rem}.wallet-page textarea{resize:vertical}.wallet-page label{margin-block:var(--wallet-space) var(--wallet-space-small);font-weight:600;display:block}.wallet-page fieldset{margin-block:var(--wallet-space-large);border:0;min-inline-size:0;padding:0}.wallet-page fieldset legend{margin-block-end:var(--wallet-space-small);font-size:1.1rem;font-weight:650}.wallet-page fieldset p{margin-block:var(--wallet-space-small) var(--wallet-space);color:var(--wallet-muted);font-size:.875rem}.wallet-page summary{cursor:pointer;padding-block:var(--wallet-space-small);min-block-size:var(--wallet-target);font-weight:650}.wallet-page details[open] summary{margin-block-end:var(--wallet-space)}.wallet-skip{z-index:20;background:var(--wallet-surface);padding:1rem;position:fixed;inset-block-start:-10rem;inset-inline-start:1rem}.wallet-skip:focus{inset-block-start:1rem}.wallet-header{justify-content:space-between;align-items:center;gap:var(--wallet-space);padding:var(--wallet-space) clamp(1rem, 4vw, 4rem);background:var(--wallet-surface);border-block-end:1px solid var(--wallet-border);flex-wrap:wrap;display:flex}.wallet-brand{align-items:center;gap:var(--wallet-space-small);letter-spacing:-.06em;font-size:1.5rem;font-weight:750;text-decoration:none;display:inline-flex}.wallet-brand img{object-fit:contain;block-size:2.5rem;inline-size:2.75rem}.wallet-header nav{align-items:center;gap:var(--wallet-space);flex-wrap:wrap;font-size:.875rem;display:flex}.wallet-header nav>a{padding-block:.7rem}.wallet-main{max-inline-size:92rem;padding:var(--wallet-space-large) clamp(1rem, 4vw, 4rem);margin-inline:auto}.wallet-row{justify-content:space-between;align-items:center;gap:var(--wallet-space);flex-wrap:wrap;display:flex}.wallet-eyebrow{color:var(--wallet-muted);letter-spacing:.07em;text-transform:uppercase;margin-block-end:var(--wallet-space-small);font-size:.75rem;font-weight:650}.wallet-muted,.wallet-sync{color:var(--wallet-muted);font-size:.875rem}.wallet-feedback{min-block-size:1.5rem;color:var(--wallet-highlight);margin-block-end:var(--wallet-space);font-size:.875rem}.wallet-error{border-inline-start:3px solid var(--wallet-danger);color:var(--wallet-danger);background:var(--wallet-surface);padding:var(--wallet-space);margin-block:var(--wallet-space)!important}.wallet-onboarding{max-inline-size:42rem;margin:var(--wallet-space-large) auto;background:var(--wallet-surface);border:1px solid var(--wallet-border);border-radius:var(--wallet-radius);padding:clamp(1rem,4vw,3rem)}.wallet-onboarding>:is(h1,h2,p){margin-block-end:var(--wallet-space)}.wallet-actions{gap:var(--wallet-space-small);flex-wrap:wrap;margin-block-start:var(--wallet-space);display:flex}.wallet-panel{padding:var(--wallet-space-large);margin-block:var(--wallet-space-large);background:var(--wallet-surface);border:1px solid var(--wallet-border);border-radius:var(--wallet-radius);overflow-wrap:anywhere}.wallet-panel>p{margin-block:var(--wallet-space)}.wallet-pending{border-inline-start:4px solid var(--wallet-highlight)}.wallet-pending article{padding-block:var(--wallet-space);border-block-end:1px solid var(--wallet-border)}.wallet-pending ul{padding-inline-start:var(--wallet-space-large)}.wallet-layout{gap:var(--wallet-space-large);margin-block:var(--wallet-space-large);grid-template-columns:minmax(0,1.8fr) minmax(18rem,1fr);align-items:start;display:grid}.wallet-layout>*{min-inline-size:0}.wallet-grid{gap:var(--wallet-space);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));padding:0;list-style:none;display:grid;margin-block-start:var(--wallet-space-large)!important}.wallet-page .wallet-card{gap:var(--wallet-space-small);text-align:start;block-size:100%;inline-size:100%;padding:var(--wallet-space-large);color:var(--wallet-text);overflow-wrap:anywhere;flex-direction:column;font-weight:400;display:flex;box-shadow:0 2px 6px #002f5608}.wallet-card strong{margin-block:var(--wallet-space-small);font-size:1.25rem;font-weight:650}.wallet-page .wallet-card[aria-pressed=true]{border-color:var(--wallet-highlight);box-shadow:inset 0 0 0 1px var(--wallet-highlight)}.wallet-badge{border-radius:var(--wallet-radius);background:var(--wallet-soft);color:var(--wallet-highlight);align-self:start;padding:.25rem .5rem;font-size:.75rem}.wallet-validated{align-items:center;gap:var(--wallet-space-small);display:inline-flex}.wallet-validated svg{block-size:1em;inline-size:1em}.wallet-empty{padding:3rem var(--wallet-space-large);text-align:center;border:1px dashed var(--wallet-border);border-radius:var(--wallet-radius);margin-block:var(--wallet-space-large);background:var(--wallet-surface)}.wallet-empty p{max-inline-size:32rem;margin:var(--wallet-space) auto;color:var(--wallet-muted)}.wallet-detail{background:var(--wallet-surface);border:1px solid var(--wallet-border);border-radius:var(--wallet-radius);padding:var(--wallet-space-large);overflow-wrap:anywhere}.wallet-detail>p{margin-block:var(--wallet-space)}.wallet-facts{font-size:.875rem;margin-block:var(--wallet-space-large)!important}.wallet-facts>div{gap:var(--wallet-space);border-block-end:1px solid var(--wallet-border);grid-template-columns:7rem minmax(0,1fr);padding-block:.65rem;display:grid}.wallet-facts dt{color:var(--wallet-muted)}.wallet-facts dd{overflow-wrap:anywhere}.wallet-devices{padding:0;list-style:none}.wallet-devices li{justify-content:space-between;gap:var(--wallet-space);padding-block:var(--wallet-space);border-block-end:1px solid var(--wallet-border);flex-wrap:wrap;align-items:center;display:flex}.wallet-confirm{padding:var(--wallet-space);background:var(--wallet-soft);margin-block:var(--wallet-space)}.wallet-confirm button{margin-block-start:var(--wallet-space-small);margin-inline-end:var(--wallet-space-small)}.wallet-page .wallet-check{gap:var(--wallet-space);margin-block:var(--wallet-space-large);align-items:center;display:flex}.wallet-check input{block-size:1.5rem;inline-size:1.5rem;accent-color:var(--wallet-highlight);flex-shrink:0}.wallet-footer{border-block-start:1px solid var(--wallet-border);padding-block:var(--wallet-space-large);color:var(--wallet-muted);margin-block-start:3rem;font-size:.75rem}.wallet-dialog{border:1px solid var(--wallet-border);border-radius:var(--wallet-radius);max-block-size:90dvh;inline-size:min(42rem,100vw - 2rem);padding:var(--wallet-space-large);background:var(--wallet-surface);color:var(--wallet-text);margin:auto;overflow:auto}.wallet-dialog::backdrop{background:color-mix(in srgb, var(--wallet-highlight) 55%, transparent)}.wallet-dialog>p{margin-block:var(--wallet-space)}@media (width<=64rem){.wallet-layout{grid-template-columns:minmax(0,1fr)}}@media (width<=30rem){.wallet-facts>div{grid-template-columns:minmax(0,1fr);gap:.25rem}.wallet-panel,.wallet-detail{padding:var(--wallet-space)}.wallet-header nav{gap:var(--wallet-space-small)}.wallet-actions>button{flex:100%}.wallet-onboarding{margin-block:var(--wallet-space)}}
