.cd-root{max-inline-size:760px;margin-inline:auto}.cd-stage{background:radial-gradient(120% 90% at 50% 0%, var(--mi-hi), transparent 60%), var(--mi-canvas);border-radius:32px;gap:14px;min-block-size:300px;padding:22px 18px 26px;display:grid;position:relative;overflow:hidden}.cd-browser{background:var(--mi-surface);box-shadow:0 1px 0 var(--mi-ring), 0 18px 40px -22px rgba(0,0,0,var(--mi-s1));border-radius:18px;overflow:hidden}.cd-bar{border-block-end:1px solid color-mix(in srgb, var(--mi-ink) 8%, transparent);align-items:center;gap:12px;padding:10px 14px;display:flex}.cd-dots{gap:5px;display:inline-flex}.cd-dots i{background:color-mix(in srgb, var(--mi-ink) 16%, transparent);border-radius:50%;block-size:9px;inline-size:9px}.cd-url{background:color-mix(in srgb, var(--mi-ink) 6%, transparent);border-radius:999px;flex:1;align-items:center;gap:8px;block-size:30px;min-inline-size:0;padding-inline:12px 14px;font-size:13.5px;font-weight:550;display:flex;position:relative;overflow:hidden}.cd-lock{color:var(--mi-muted);opacity:.55;transition:transform .5s var(--mi-ease), opacity .4s, color .4s;flex:none;place-items:center;display:inline-grid;transform:scale(.9)}.cd-lock[data-on]{color:#1f9d55;opacity:1;transform:scale(1.12)}.cd-shackle{transform-origin:50% 100%;transition:transform .5s var(--mi-ease);transform:translateY(-1.5px)}.cd-lock[data-on] .cd-shackle{transform:none}.cd-addr{white-space:nowrap;transition:transform .6s var(--mi-ease), opacity .45s;align-items:center;display:flex;position:absolute;inset-block:0;inset-inline-start:34px}.cd-from{opacity:1}.cd-from[data-off]{opacity:0;transform:translateY(-120%)}.cd-to{opacity:0;transform:translateY(120%)}.cd-to[data-on]{opacity:1;color:var(--mi-ink);transform:none}.cd-page{justify-items:center;gap:9px;padding:22px 16px 24px;display:grid}.cd-avatar{background:linear-gradient(135deg,#ff4d2e,#ff8a5b);border-radius:50%;block-size:54px;inline-size:54px}.cd-line{background:color-mix(in srgb, var(--mi-ink) 14%, transparent);border-radius:6px;block-size:9px}.cd-l1{inline-size:120px}.cd-l2{opacity:.6;inline-size:170px}.cd-btn{background:color-mix(in srgb, var(--mi-ink) 9%, transparent);border-radius:12px;block-size:34px;inline-size:min(300px,80%)}.cd-b2{opacity:.6}.cd-dns{perspective:900px;opacity:0;inline-size:min(100%,440px);transition:transform .6s var(--mi-ease), opacity .45s;justify-self:center;transform:translateY(16px)scale(.97)}.cd-dns[data-shown]{opacity:1;transform:none}.cd-flip{transition:transform .8s var(--mi-ease);transform-style:preserve-3d;display:grid;position:relative}.cd-dns[data-done] .cd-flip{transform:rotateY(180deg)}.cd-face{backface-visibility:hidden;background:var(--mi-surface);box-shadow:0 1px 0 var(--mi-ring), 0 14px 30px -20px rgba(0,0,0,var(--mi-s1));border-radius:16px;grid-area:1/1;gap:8px;padding:14px 16px;display:grid}.cd-back{transform:rotateY(180deg)}.cd-chip{letter-spacing:.06em;text-transform:uppercase;color:var(--mi-muted);justify-self:start;font-size:11px;font-weight:650}.cd-ok{color:#1f9d55}.cd-rec{overflow-wrap:anywhere;font-size:13px}.cd-rec b{margin-inline-end:6px;font-weight:700}.cd-rec i{color:var(--mi-muted);margin-inline:4px;font-style:normal}.cd-state{color:var(--mi-muted);align-items:center;gap:8px;font-size:12.5px;display:inline-flex}.cd-good{color:#1f9d55;font-weight:600}.cd-spin{opacity:.8;background:#e0a100;border-radius:50%;block-size:10px;inline-size:10px}.cd-state[data-verifying] .cd-spin{animation:1s ease-in-out infinite cd-pulse}@keyframes cd-pulse{0%,to{opacity:.5;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}.cd-caption{text-align:center;text-wrap:balance;min-block-size:2.6em;margin-block:14px 10px;font-size:15px;font-weight:600}.cd-rail{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.cd-rail button{color:var(--mi-muted);font:inherit;cursor:pointer;text-align:center;background:0 0;border:0;border-radius:14px;justify-items:center;gap:6px;padding:10px 6px;font-size:12px;transition:background-color .3s,color .3s;display:grid}.cd-rail button[aria-current=step]{color:var(--mi-ink);background:color-mix(in srgb, var(--mi-ink) 7%, transparent)}.cd-rail button:focus-visible{outline:2px solid var(--mi-ink);outline-offset:2px}.cd-n{background:color-mix(in srgb, var(--mi-ink) 10%, transparent);border-radius:50%;place-items:center;block-size:22px;inline-size:22px;font-size:11px;font-weight:700;display:grid}.cd-rail button[aria-current=step] .cd-n{color:#fff;background:linear-gradient(135deg,#ff4d2e,#ff8a5b)}.cd-compact .cd-stage{min-block-size:0;padding:14px 12px 18px}.cd-compact .cd-page{display:none}@media (max-width:520px){.cd-t{font-size:11px}}@media (prefers-reduced-motion:reduce){.cd-root *,.cd-root :before,.cd-root :after{transition-duration:0s!important;animation:none!important}}