.wallet-overlay{z-index:90;background:color-mix(in srgb, var(--color-bg) 82%, transparent);position:fixed;inset:0}.wallet-dialog{z-index:91;overscroll-behavior:contain;border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);background:var(--color-surface);width:min(41rem,100% - 2rem);max-height:calc(100dvh - 2rem);color:var(--color-text);grid-template-columns:minmax(0,.78fr) minmax(0,1.4fr);display:grid;position:fixed;inset:50% auto auto 50%;overflow:auto;translate:-50% -50%}.wallet-plate{border-right:1px solid var(--color-border);background:color-mix(in srgb, var(--color-accent) 7%, var(--color-bg));flex-direction:column;justify-content:space-between;gap:1rem;padding:1.5rem;display:flex;overflow:hidden}.wallet-wordmark{font:400 1.65rem / 1 var(--font-display);letter-spacing:-.035em}.wallet-diagram{align-self:center;width:calc(100% + 1.25rem)}.wallet-guides{stroke:var(--color-border);stroke-dasharray:2 5}.wallet-tile{fill:var(--color-surface-raised);stroke:var(--color-border-strong)}.wallet-edge{fill:var(--color-surface);stroke:var(--color-border-strong)}.wallet-layer-base{translate:0 36px}.wallet-layer-middle{translate:0 19px}.wallet-layer-face .wallet-tile{fill:var(--color-accent);stroke:var(--color-signal)}.wallet-engraving{color:var(--color-accent-fg);width:100%;height:100%}.wallet-network{font-size:var(--text-small);gap:.25rem;display:grid}.wallet-body{flex-direction:column;justify-content:center;gap:2rem;min-height:19rem;padding:3.4rem 1.7rem 1.35rem;display:flex;position:relative}.wallet-close{border-radius:var(--radius-full);width:2.5rem;height:2.5rem;color:var(--color-text-muted);place-items:center;display:grid;position:absolute;top:.45rem;right:.45rem}.wallet-close:hover{background:var(--color-surface-raised)}.wallet-step{gap:1.25rem;display:grid}.wallet-title{font:400 clamp(2.15rem, 4vw, 2.8rem) / 1 var(--font-display);letter-spacing:-.035em}.wallet-description{font-size:var(--text-small);color:var(--color-text-muted);margin-top:.6rem}.wallet-options,.wallet-recovery{gap:.6rem;display:grid}.wallet-option{text-align:left;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.75rem;display:grid}.wallet-option:is(:hover,:focus-visible){border-color:var(--color-signal)}.wallet-option strong,.wallet-option small{overflow-wrap:anywhere;display:block}.wallet-option small{color:var(--color-text-muted)}.wallet-option-icon{border-radius:var(--radius-md);background:var(--color-surface-raised);place-items:center;width:2.4rem;height:2.4rem;display:grid}.wallet-option-arrow{color:var(--color-signal)}.wallet-install{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem}.wallet-install p+p{margin-top:.25rem}.wallet-install a{min-height:2.5rem;color:var(--color-signal);font-size:var(--text-small);align-items:center;gap:.35rem;display:inline-flex}.wallet-disclosure{color:var(--color-text-faint);font-size:var(--text-small);align-items:center;gap:.5rem;display:flex}.wallet-fingerprint{color:var(--color-signal)}@media (max-width:38rem){.wallet-dialog{inset:auto .5rem max(.5rem, env(safe-area-inset-bottom));grid-template-columns:1fr;width:auto;max-height:calc(100dvh - 1rem);translate:none}.wallet-plate{border:0;border-bottom:1px solid var(--color-border);padding:1.1rem 1.35rem;position:relative}.wallet-diagram{width:7.8rem;position:absolute;top:50%;right:2.8rem;translate:0 -50%}.wallet-body{gap:1.4rem;min-height:auto;padding:1.4rem;position:static}}@media (prefers-reduced-motion:no-preference){.wallet-overlay[data-state=open]{animation:.18s ease-out both wallet-fade}.wallet-overlay[data-state=closed]{animation:.14s ease-in reverse both wallet-fade}.wallet-dialog[data-state=open]{animation:wallet-rise .36s var(--ease-out-soft) both}.wallet-dialog[data-state=closed]{animation:.15s ease-in reverse both wallet-rise}.wallet-step{animation:wallet-rise .28s var(--ease-out-soft)}.wallet-layer{transition:translate .48s var(--ease-out-soft)}.wallet-dialog[data-state=open] .wallet-diagram{animation:wallet-unfold .6s var(--ease-out-soft)}.wallet-dialog[data-phase=pending] .wallet-layer-face{animation:1.7s ease-in-out infinite alternate wallet-wait}.wallet-dialog[data-phase=success] .wallet-layer-base{translate:0 10px}.wallet-dialog[data-phase=success] .wallet-layer-middle{translate:0 5px}.wallet-option-arrow,.wallet-trigger svg:last-child{transition:transform .18s var(--ease-out-soft)}.wallet-option:is(:hover,:focus-visible) .wallet-option-arrow{transform:translate(3px)}.wallet-trigger:hover svg:last-child{transform:translate(2px,-2px)}}@keyframes wallet-fade{0%{opacity:0}to{opacity:1}}@keyframes wallet-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes wallet-unfold{0%{opacity:0;transform:translateY(9px)rotate(-6deg)}}@keyframes wallet-wait{to{transform:translateY(-7px)}}
