.ui-username__wrap{position:relative}.ui-username__input{padding-right:var(--space-10);transition:border-color var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}.ui-username--available .ui-username__input{border-color:var(--color-success)}.ui-username--available .ui-username__input:focus{border-color:var(--color-success);box-shadow:0 0 0 3px var(--color-success-tint)}.ui-username--taken .ui-username__input{animation:ui-username-shake var(--dur-3) var(--ease-out)}.ui-username__adornment{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);display:grid;place-content:center;font-size:var(--text-lg);line-height:1;pointer-events:none;animation:ui-username-pop var(--dur-3) var(--ease-out)}.ui-username--checking .ui-username__adornment{color:var(--color-text-3);font-size:var(--text-base);animation:none}.ui-username--available .ui-username__adornment{color:var(--color-success);filter:drop-shadow(0 0 6px rgb(74 222 128 / .45))}.ui-username--taken .ui-username__adornment{color:var(--color-error)}.ui-username--own .ui-username__adornment{color:var(--color-text-3);font-size:var(--text-sm);animation:none}.ui-username__status{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);min-height:1.2em;font-size:var(--text-xs);color:var(--color-text-3);transition:color var(--dur-2) var(--ease-out)}.ui-username__status--success{color:var(--color-success);font-weight:var(--weight-semibold)}.ui-username__status--error{color:var(--color-error)}.ui-username__message{min-width:0;overflow-wrap:anywhere}.ui-username__count{flex-shrink:0;font-variant-numeric:tabular-nums;color:var(--color-text-3);opacity:.8}.ui-username__suggest{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background-color:var(--color-accent-tint);border:1px solid var(--color-border-accent);animation:ui-username-rise var(--dur-3) var(--ease-out)}.ui-username__suggest-label{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent)}.ui-username__chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ui-username__chip{min-height:36px;padding:0 var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-border-strong);background-color:var(--color-surface-2);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:border-color var(--dur-2) var(--ease-out),background-color var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out),transform var(--dur-1) var(--ease-out)}.ui-username__chip:hover,.ui-username__chip:focus-visible{border-color:var(--color-accent);background-color:var(--color-accent);color:var(--color-text-inverse)}.ui-username__chip:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ui-username__chip:active{transform:scale(.97)}@keyframes ui-username-pop{0%{opacity:0;transform:translateY(-50%) scale(.5)}60%{opacity:1;transform:translateY(-50%) scale(1.2)}to{transform:translateY(-50%) scale(1)}}@keyframes ui-username-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes ui-username-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}