body.username-picker-open{overflow:hidden}.username-picker-overlay{position:fixed;inset:0;z-index:1090;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:16px}.username-picker-card{position:relative;width:460px;max-width:100%;max-height:calc(100vh - 32px);overflow-y:auto;background:var(--bs-body-bg);color:var(--bs-body-color);border:1px solid var(--bs-border-color);border-radius:10px;box-shadow:0 16px 40px rgba(0,0,0,.3);padding:24px}.username-picker-close{position:absolute;top:10px;right:10px;width:32px;height:32px;padding:0;border:0;background:0 0;color:var(--bs-secondary-color);line-height:1}.username-picker-close:hover{color:var(--bs-body-color)}.username-picker-title{font-weight:700;font-size:1.25rem;margin-bottom:6px;padding-right:28px}.username-picker-intro{font-size:.9rem;color:var(--bs-secondary-color);line-height:1.45;margin-bottom:18px}.username-picker-options{display:flex;flex-direction:column;gap:10px}.username-picker-option{display:flex;align-items:center;justify-content:flex-start;text-align:left;width:100%;padding:14px 16px;border:1px solid var(--bs-border-color);border-radius:10px;background:var(--bs-body-bg);color:var(--bs-body-color);font-weight:600;transition:border-color .15s ease,background-color .15s ease}.username-picker-option>i{flex-shrink:0}.username-picker-option:hover{border-color:var(--kringwinkel-primary);background:var(--bs-tertiary-bg)}.username-picker-option.is-selected{border-color:var(--kringwinkel-primary);background:var(--bs-tertiary-bg)}.username-picker-option span{min-width:0;word-break:break-word;line-height:1.3}.username-picker-footer{display:flex;justify-content:center;margin-top:18px}.username-picker-error,.username-picker-loading{padding:28px 0;text-align:center;color:var(--bs-secondary-color);font-size:.9rem}