.wl-join{display:grid;gap:var(--space-6)}.wl-join[hidden],.wl-status[hidden]{display:none}.wl-status{display:grid;gap:var(--space-6)}.wl-card[data-view=status]+.wl-foot{display:none}.wl-steps{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none}.wl-step{position:relative;display:grid;justify-items:center;gap:var(--space-2);font-size:var(--text-2xs);color:var(--fg-xmuted);text-align:center}.wl-step+.wl-step:before{content:"";position:absolute;top:4px;right:calc(50% + 10px);left:calc(-50% + 10px);height:1px;background:var(--border-strong)}.wl-step[data-status=done]:before,.wl-step[data-status=current]:before{background:var(--fg-muted)}.wl-dot{width:9px;height:9px;border:1px solid var(--border-strong);border-radius:50%;background:var(--card)}.wl-step[data-status=done]{color:var(--fg-muted)}.wl-step[data-status=done] .wl-dot{border-color:var(--fg);background:var(--fg)}.wl-step[data-status=current]{color:var(--fg);font-weight:500}.wl-step[data-status=current] .wl-dot{border-color:var(--fg);box-shadow:0 0 0 3px var(--wash-strong)}.wl-card[data-state=expired] .wl-step[data-step=in]{color:var(--fg-xmuted);font-weight:400}.wl-card[data-state=expired] .wl-step[data-step=in]:before{background:var(--border-strong)}.wl-card[data-state=expired] .wl-step[data-step=in] .wl-dot{border-color:var(--border-strong);box-shadow:none}.wl-head{display:grid;justify-items:center;gap:var(--space-2);text-align:center}.wl-head h1{font-size:var(--text-xl);line-height:var(--leading-snug);letter-spacing:-.02em}.wl-head h1:focus{outline:none}.wl-lead{max-width:34ch;font-size:var(--text-sm);line-height:1.5;color:var(--fg-muted)}.wl-lead:empty{display:none}.wl-mark{display:grid;place-items:center;width:var(--control-h);height:var(--control-h);margin-bottom:var(--space-2);border:1px solid var(--wash-border);border-radius:50%;background:var(--wash-strong);color:var(--fg)}.wl-mark>span{display:none}.wl-mark svg{width:20px;height:20px}.wl-card[data-state=pending] [data-mark=pending],.wl-card[data-state=accepted] [data-mark=accepted],.wl-card[data-state=claimed] [data-mark=claimed],.wl-card[data-state=expired] [data-mark=expired]{display:grid}.wl-card[data-state=accepted] .wl-mark,.wl-card[data-state=claimed] .wl-mark{border-color:transparent;background:linear-gradient(180deg,var(--accent),var(--accent-end));color:var(--on-accent)}.wl-card[data-state=checking] .wl-steps{visibility:hidden}.wl-card[data-state=checking] .wl-mark{animation:wl-breathe 1.4s ease-in-out infinite}.wl-card[data-state=checking] .wl-head h1{font-size:var(--text-md);font-weight:500;color:var(--fg-muted)}@keyframes wl-breathe{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.wl-card[data-state=checking] .wl-mark{animation:none}}.wl-details{display:grid;gap:var(--space-3)}.wl-details[hidden]{display:none}.wl-creds{display:grid;margin:0;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--input-bg)}.wl-cred{display:grid;gap:var(--space-1);padding:var(--space-3) var(--space-4)}.wl-cred+.wl-cred{border-top:1px solid var(--border)}.wl-cred dt{font-size:var(--text-2xs);color:var(--fg-xmuted)}.wl-cred dd{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:0;min-width:0}.wl-value{min-width:0;overflow-wrap:anywhere;font-size:var(--text-sm);color:var(--fg);-webkit-user-select:all;user-select:all}.wl-otp{font-family:var(--font-mono);font-size:var(--text-lg);letter-spacing:.06em}.wl-copy{display:inline-flex;flex:none;align-items:center;gap:var(--space-1);height:28px;padding:0 var(--space-2);border:1px solid var(--wash-border);border-radius:6px;background:var(--wash);color:var(--fg-muted);font:inherit;font-size:var(--text-2xs);cursor:pointer;transition:background-color .15s,color .15s}.wl-copy:hover,.wl-copy[data-copied]{background:var(--wash-strong);color:var(--fg)}.wl-copy:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.wl-copy svg{width:14px;height:14px}@media(pointer:coarse){.wl-copy{height:36px}}.wl-note{font-size:var(--text-xs);line-height:1.5;color:var(--fg-muted)}.wl-note:empty{display:none}.wl-actions{display:grid;gap:var(--space-3)}.wl-actions>[hidden]{display:none}.wl-refresh{justify-self:center}